rcreasey.github.io/src/html/layout.html at 8ac249b865bf09b1dc38c9322572ce46269dadc7 · rcreasey/rcreasey.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<main class="layout">

  <header class="header">
    <div class="header-color"></div>
    <div class="header-border"></div>
    <div class="header-area">
      <div class="header-item-grid">
        <div class="header-item header-greeting">
          <div class="header-greeting-body">
            <p class="greeting"></p>
          </div>
        </div>
        <div class="header-item header-transitional">
          <div class="header-transitional-body">
            <p class="transitional"></p>
          </div>
        </div>
        <div class="header-item header-clock">
          <div class="header-clock-body">
            <p class="clock"></p>
          </div>
        </div>
        <div class="header-item header-date">
          <div class="header-date-body">
            <p class="date"></p>
          </div>
        </div>
        <div class="header-item header-search">
          <div class="header-search-body">
            <form class="search" action="" method="get">
              <input class="header-search-input search-input" type="text" placeholder="Find or Search" name="q" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="1">
              <input type="submit" value="Search" class="is-hidden">
            </form>
            <button class="header-search-clear search-clear button button-link" tabindex="1" disabled>
              <span class="icon-close"></span>
            </button>
          </div>
        </div>
        <div class="header-item header-button header-edit-add">
          <div class="header-button-body">
            <div class="form-group form-group-nested-button">
              <div class="form-input-button form-input-hide">
                <input id="control-edit" class="control-edit" type="checkbox" tabindex="1">
                <label for="control-edit"><span class="label-icon"></span> Edit</label>
              </div>
              <div class="form-dropdown">
                <button class="control-add-toggle form-dropdown-toggle button" tabindex="1">
                  <span class="button-text">Add</span>
                </button>
                <ul class="list-unstyled form-dropdown-menu">
                  <li>
                    <button class="button button-block text-left form-dropdown-menu-item control-group-add" tabindex="1"><span class="button-text">New Group</span></button>
                  </li>
                  <li>
                    <button class="button button-block text-left form-dropdown-menu-item control-link-add" tabindex="1"><span class="button-text">New Bookmark</span></button>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
        <div class="header-item header-button header-accent">
          <div class="header-button-body">
            <div class="form-group form-group-nested-button">
              <div class="form-input-button input-color-dot input-color-dot-shade">
                <input id="control-theme-color-rgb-color" class="control-theme-color-rgb-color" type="color" value="#000000" tabindex="1">
                <label for="control-theme-color-rgb-color">Colour</label>
              </div>
              <div class="form-input-button input-color-dot input-color-dot-accent">
                <input id="control-theme-accent-rgb-color" class="control-theme-accent-rgb-color" type="color" value="#000000" tabindex="1">
                <label for="control-theme-accent-rgb-color">Accent</label>
              </div>
            </div>
          </div>
        </div>
        <div class="header-item header-button header-menu">
          <div class="header-button-body">
            <button class="control-menu-open button" tabindex="1">
              <span class="button-text"><span class="icon-settings"></span></span>
            </button>
          </div>
        </div>
      </div>
    </div>
  </header>

  <section class="link"></section>

</main>