forked from code4lib/2016.code4lib.org
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
133 lines (112 loc) · 4.92 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Code4Lib 2016 - Design Concepts</title>
<!-- Bootstrap -->
<link href="bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<style>
.colors__swatch {
float: left;
margin-right: 12px;
height: 43px;
width: 43px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 3px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
</style>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body class="container">
<h1 style="margin-bottom:25px">Code4Lib 2016 - Design Concepts</h1>
<div class="row">
<h2>Love Park Theme</h2>
<div class="col-md-9"><img src="designs/love-park.jpg" alt="Love Park Theme"></div>
<div class="col-md-3">
<h3>Primaries</h3>
<div class="colors__list">
<div class="list-group">
<a href="#images/1" class="colors__item list-group-item"><span class="colors__swatch" style="background-color:#A12027"></span>
<h4 class="list-group-item-heading">Red Dark</h4>
<p class="list-group-item-text">#A12027</p>
</a>
<a href="#images/1" class="colors__item list-group-item"><span class="colors__swatch" style="background-color:#C82829"></span>
<h4 class="list-group-item-heading">Red Primary</h4>
<p class="list-group-item-text">#C82829</p>
</a>
<a href="#images/1" class="colors__item list-group-item"><span class="colors__swatch" style="background-color:#E57373"></span>
<h4 class="list-group-item-heading">Red 200</h4>
<p class="list-group-item-text">#E57373</p>
</a>
<a href="#images/1" class="colors__item list-group-item"><span class="colors__swatch" style="background-color:#EF9A9B"></span>
<h4 class="list-group-item-heading">Red 100</h4>
<p class="list-group-item-text">#EF9A9B</p>
</a>
<a href="#images/1" class="colors__item list-group-item"><span class="colors__swatch" style="background-color:#FDEBEE"></span>
<h4 class="list-group-item-heading">Red 50</h4>
<p class="list-group-item-text">#FDEBEE</p>
</a>
</div>
</div>
<h3>Accents</h3>
<div class="colors__list">
<div class="list-group">
<a href="#images/1" class="colors__item list-group-item"><span class="colors__swatch" style="background-color:#00AEEF"></span>
<h4 class="list-group-item-heading">Aqua</h4>
<p class="list-group-item-text">#00AEEF</p>
</a>
<a href="#images/1" class="colors__item list-group-item"><span class="colors__swatch" style="background-color:#7FD3F2"></span>
<h4 class="list-group-item-heading">Aqua Light</h4>
<p class="list-group-item-text">#7FD3F2</p>
</a>
</div>
</div>
<h3>Grays</h3>
<div class="colors__list">
<div class="list-group">
<a href="#images/1" class="colors__item list-group-item"><span class="colors__swatch" style="background-color:#4D4D4D"></span>
<h4 class="list-group-item-heading">Dark Gray</h4>
<p class="list-group-item-text">#4D4D4D</p>
</a>
<a href="#images/1" class="colors__item list-group-item"><span class="colors__swatch" style="background-color:#8E908C"></span>
<h4 class="list-group-item-heading">Mid Gray</h4>
<p class="list-group-item-text">#8E908C</p>
</a>
<a href="#images/1" class="colors__item list-group-item"><span class="colors__swatch" style="background-color:#D1D3D4"></span>
<h4 class="list-group-item-heading">Light Gray</h4>
<p class="list-group-item-text">#D1D3D4</p>
</a>
</div>
</div>
</div>
</div>
<!--
Primaries
A12027 Red Dark
C82829 Red Primary
E57373 Red 200
EF9A9B Red 100
FDEBEE Red 50
Accents
00AEEF Aqua
7FD3F2 Aqua Light
Grays
4D4D4D Dark
8E908C Mid
D1D3D4 Light
-->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="bootstrap/dist/js/bootstrap.min.js"></script>
</body>
</html>