ui-experiments

Files snapshot from main
./design-board.html

              
              Show last line change
            

            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
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
          

            582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
          

            
              <!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Design Board</title>
    <link rel="stylesheet" href="css/design-board.css">
  </head>
  <body>
    <div class="container">
      <div class="row mt-2">
        <div class="col">
          <nav class="navbar navbar-expand-lg">
            <div class="container-fluid">
              <ul class="navbar-nav me-2">
                <li class="nav-item">
                  <a class="nav-link" href="#">&larr; All repositories</a>
                </li>
              </ul>
              <span class="me-2">eleventy-repo-viewer</span>
              <div class="collapse navbar-collapse" id="navbarText">
                <ul class="navbar-nav">
                  <li class="nav-item">
                    <a class="nav-link active" aria-current="page" href="#">Home</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Files</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Commits</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Branches</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Tags</a>
                  </li>
                </ul>
              </div>
            </div>
          </nav>
        </div>
      </div>

      <div class="row">
        <div class="col">
          <div class="px-4 pt-3 my-1 bezel">
            <div class="row">
              <div class="col-6">
                <h1 class="display-1 text-white"><em>eleventy-repo-viewer</em></h1>
                <p class="text-white fs-5">Lorem ipsum dolor sit amet.</p>
                <button type="button" class="btn btn-lg shadow-none btn-outline-info">Secondary</button>
                <button class="btn btn-info btn-lg">Clone</button>
              </div>
              <div class="col-6">
                <div class="sample-bullet"></div><span class="text-white">Does this look good</span>
              </div>
            </div>
            <div class="row mt-4">
              <div class="col">
                <p class="font-monospace text-white">Some text with a <a href="#">link</a> in it.</p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <div class="row">
        <div class="col">
          <div class="p-2 my-3 bezel-gray">
            <ul class="nav">
              <li class="nav-item">
                <a class="nav-link active" aria-current="page" href="#">Active</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#">Link</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#">Link</a>
              </li>
              <li class="nav-item">
                <a class="nav-link disabled" aria-disabled="true">Disabled</a>
              </li>
            </ul>
          </div>
        </div>
      </div>

      <div class="row">
        <div class="col">
          <h1 class="blue">Body Heading</h1>
          <p>Body paragraph.</p>
        </div>
      </div>
      
      <div class="row my-2">
        <div class="col">
          <button type="button" class="btn btn-outline-secondary shadow-none">Secondary</button>
          <button type="button" class="btn btn-lg shadow-none btn-outline-warning">Secondary</button>
        </div>
      </div>

      <div class="row">
        <div class="col">
          <div class="input-group mb-3">
            <span class="input-group-text">Search for files:</span>
            <input type="text" class="form-control" placeholder="Username" aria-label="Username" aria-describedby="basic-addon1">
          </div>
        </div>
      </div>
     
      <div class="row">
        <div class="col">
          <div class="p-2 my-2 bezel-purple">
            test
          </div>
        </div>
      </div>


      <div class="row m-3">
        <div class="col-3">

          <div class="card bezel-gray">
            <div class="card-header">
              Featured
            </div>
            <div class="card-body">
              <h5 class="card-title">Special title treatment</h5>
              <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
              <a href="#" class="btn btn-primary">Go somewhere</a>
            </div>
            <div class="card-footer">
              some text in here
            </div>
          </div>
        </div>

        <div class="col-3">
          <div class="card bezel-gray" style="width: 18rem;">
            <div class="card-body">
              <h5 class="card-title">Card title</h5>
              <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card’s content.</p>
              <a href="#" class="btn btn-primary">Go somewhere</a>
            </div>
          </div>
        </div>
      </div>
      
    </div>
  </body>
</html>
            
          