-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
60 lines (60 loc) · 3.54 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
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>♥ Color</title>
<link rel="stylesheet" href="static/css/main.css" />
<link href='http://fonts.googleapis.com/css?family=Advent+Pro' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="static/css/style.css" />
<script src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
</head>
<body>
<div id="main_wrapper" class="container">
<!-- main -->
<div id="main_content">
<script type="text/html" id="main_content_tmpl">
<% for (var i = 0;i < colors.length;i++) { %>
<div class="row">
<div id="<%=colors[i].name%>" class="name_wrapper span2">
<div class="name_content">
<h3><a href="<%=colors[i].link%>"><%=colors[i].name%></a></h3>
</div>
</div>
<% for (var j = 0;j < colors[i].colors.length;j++) { %>
<div class="color_box_wrapper span2" color-data="<%=colors[i].colors[j]%>" style="background-color: <%=colors[i].colors[j]%>;">
<p class="color_box_content"><%=colors[i].colors[j]%></p>
</div>
<% } %>
</div>
<% } %>
<div id="about" class="row">
<div class="name_wrapper span2">
<div class="name_content">
<h3><a href="#about">About</a></h3>
</div>
</div>
<div class="color_box_wrapper span2" color-data="<%=colors[0].colors[0]%>" style="background-color: <%=colors[0].colors[0]%>;">
<p class="color_box_content promote">Palettes come from
<a href="http://design-seeds.com/">Design Seeds©</a></p>
</div>
<div class="color_box_wrapper span2" color-data="<%=colors[0].colors[1]%>" style="background-color: <%=colors[0].colors[1]%>;">
<p class="color_box_content"><span>♥</span> by <a href="http://youknowmymind.com">hbc</a></p>
</div>
<div class="color_box_wrapper span2" color-data="<%=colors[0].colors[2]%>" style="background-color: <%=colors[0].colors[2]%>;">
<p class="color_box_content promote">Powered by <a href="http://pages.github.com">GitHub page</a> & <a href="http://sae.sina.com.cn">SAE</a></p>
</div>
<div class="color_box_wrapper span2" color-data="<%=colors[0].colors[3]%>" style="background-color: <%=colors[0].colors[3]%>;">
<p class="color_box_content">View <a href="https://github.com/bcho/color">code</a></p>
</div>
<div class="color_box_wrapper span2" color-data="<%=colors[0].colors[4]%>" style="background-color: <%=colors[0].colors[4]%>;">
<p class="color_box_content promote">Protected by <a href="http://creativecommons.org/licenses/by-nc-nd/3.0/">CC BY-NC-ND 3.0</a></p>
</div>
</div>
</div>
</script>
</div>
</div>
</body>
<script type="text/javascript" src="static/js/template.js"></script>
<script src="static/js/color.js" type="text/javascript"></script>
</html>