-
Notifications
You must be signed in to change notification settings - Fork 0
/
homo-erectus.html
104 lines (104 loc) · 4.02 KB
/
homo-erectus.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Stephen B Davies</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="./resources/css/reset.css" rel="stylesheet" type="text/css">
<link href="./resources/css/style.css" rel="stylesheet" type="text/css">
<link href="/.favicon.ico" type="image/ico" rel="shortcut icon">
<link href="https://fonts.googleapis.com/css?family=Cabin|Noto+Serif" rel="stylesheet">
</head>
<body>
<div id="banner"><h4>WEBSITE IN PROGRESS • PARDON THE UGLINESS</h4></div>
<header>
<a href="index.html">
<img src="./resources/images/header/header.png" alt="Stephen B Davies">
</a>
<a href="mailto:[email protected]"><br><strong>Email Me</strong></a>
</header>
<div class="description">
<h1>The Homo Erectus Show</h1>
<p>
After working on <a href="explosion-bus.html"> Explosion Bus</a>, I was lucky enough to continue working with the tirelessly creative Tom Snyder on this web series. Continuing in the signature minimalist animation style, it explores the diversity of the human experience. Or put another way, it shows all the fascinating ways people can be jerks. The images below show my character and background design work. <a href="https://www.youtube.com/playlist?list=PLuVfzIbj2AZL1E2NZ9mV74NCV_mnMdBac" target="_blank">To watch the episodes, click here.</a>
</p>
</div>
<content>
<div class="project">
<a href="./resources/images/he/he_1.png">
<img src="./resources/images/he/he_1.png" alt="">
</a>
</div>
<div class="project">
<a href="./resources/images/he/he_2.png">
<img src="./resources/images/he/he_2.png" alt="">
</a>
</div>
<div class="project">
<a href="./resources/images/he/he_3.png">
<img src="./resources/images/he/he_3.png" alt="">
</a>
</div>
<div class="project">
<a href="./resources/images/he/he_4.png">
<img src="./resources/images/he/he_4.png" alt="">
</a>
</div>
<div class="project">
<a href="./resources/images/he/he_5.png">
<img src="./resources/images/he/he_5.png" alt="">
</a>
</div>
<div class="project">
<a href="./resources/images/he/he_6.png">
<img src="./resources/images/he/he_6.png" alt="">
</a>
</div>
<div class="project">
<a href="./resources/images/he/he_7.png">
<img src="./resources/images/he/he_7.png" alt="">
</a>
</div>
<div class="project">
<a href="./resources/images/he/he_8.png">
<img src="./resources/images/he/he_8.png" alt="">
</a>
</div>
<div class="project">
<a href="./resources/images/he/he_9.png">
<img src="./resources/images/he/he_9.png" alt="">
</a>
</div>
<div class="project">
<a href="./resources/images/he/he_10.png">
<img src="./resources/images/he/he_10.png" alt="">
</a>
</div>
<div class="project">
<a href="./resources/images/he/he_11.png">
<img src="./resources/images/he/he_11.png" alt="">
</a>
</div>
<div class="project">
<a href="./resources/images/he/he_12.png">
<img src="./resources/images/he/he_12.png" alt="">
</a>
</div>
<div class="project">
<a href="./resources/images/he/he_13.png">
<img src="./resources/images/he/he_13.png" alt="">
</a>
</div>
<div class="project">
<a href="./resources/images/he/he_14.png">
<img src="./resources/images/he/he_14.png" alt="">
</a>
</div>
<div class="project">
<a href="./resources/images/he/he_15.png">
<img src="./resources/images/he/he_15.png" alt="">
</a>
</div>
</content>
</body>
</html>