forked from lynnandtonic/a-single-div
-
Notifications
You must be signed in to change notification settings - Fork 5
/
index.html
105 lines (103 loc) · 2.71 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
<!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">
<title>基于单个 Div 的 CSS 绘图</title>
<meta name="description" content="基于单个 Div 的 CSS 绘图">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/main.css">
</head>
<body class="cf">
<header>
<h1>基于单个 Div 的 CSS 绘图 :</h1>
<p>a CSS drawing project by <a href="https://twitter.com/lynnandtonic">Lynn Fisher</a></p><a href="http://ctt.ec/5Dgbr" class="share-link">Tweet</a>
</header>
<!-- 14 August 2014-->
<div id="mario-mushroom" class="entry">
<div></div>
</div>
<!-- 14 August 2014-->
<div id="mario-tube" class="entry">
<div></div>
</div>
<!-- 5 August 2014-->
<div id="macarons" class="entry">
<div></div>
</div>
<!-- 14 July 2014-->
<div id="moleskine" class="entry">
<div></div>
</div>
<!-- 26 June 2014-->
<div id="crayon" class="entry">
<div></div>
</div>
<!-- 25 June 2014-->
<div id="marker" class="entry">
<div></div>
</div>
<!-- 21 June 2014-->
<div id="tardis" class="entry">
<div></div>
</div>
<!-- 20 June 2014-->
<div id="hobbit-door" class="entry">
<div></div>
</div>
<!-- 16 June 2014-->
<div id="mickey-hat" class="entry wide">
<div></div>
</div>
<!-- 12 June 2014-->
<div id="key" class="entry wide">
<div></div>
</div>
<!-- 11 June 2014-->
<div id="soccer" class="entry">
<div></div>
</div>
<!-- 11 June 2014-->
<div id="brazil" class="entry">
<div></div>
</div>
<!-- 10 June 2014-->
<div id="sushi" class="entry">
<div></div>
</div>
<!-- 9 June 2014-->
<div id="marshmallow" class="entry">
<div></div>
</div>
<!-- 7 June 2014-->
<div id="battery" class="entry wide">
<div></div>
</div>
<!-- 30 May 2014-->
<div id="breakfast" class="entry">
<div></div>
</div>
<!-- 24 May 2014-->
<div id="cpt-america" class="entry">
<div></div>
</div>
<!-- 23 May 2014-->
<div id="bloody-mary" class="entry">
<div></div>
</div>
<!-- 22 May 2014-->
<div id="camera" class="entry">
<div></div>
</div>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "//hm.baidu.com/hm.js?5578a27c6c70bf44e7509eda26137f4c";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</body>
</html>