-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathschool.html
142 lines (138 loc) · 4.56 KB
/
school.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
134
135
136
137
138
139
140
141
142
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>CWDIII - UI Design</title>
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1, width=device-width">
<link rel="stylesheet" href="css/application.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Rubik:400,400i,500" rel="stylesheet">
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-132141-4"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-132141-4');
</script>
</head>
<body>
<div id="wrapper">
<header>
<div class="monogram"><a href="#top"><span class="arrow">Sees</span><span class="eye">You</span></a></div>
<div class="name">
<span>Carl W. DeCaire III</span>
<span>Design Lead + Creative Direction</span>
</div>
<div class="contact">
<span><a href="tel:1-614-352-3850">+1 614-352-3850</a></span>
<span><a href="mailto:[email protected]?subject=Hey there!">[email protected]</a></span>
</div>
<nav>
<ul>
<li><a href="./index.html" class="">Home</a></li>
<li><a href="./about.html" class="">About</a></li>
</ul>
</nav>
</header>
<main>
<section class="work">
<article>
<h1>The Modern College of Design</h1>
<figure>
<p>
I lost nearly all my school work in failed backup between external hard drives in the days before cloud services were available. I did manage to save a few pieces from my senior portfolio from the schools servers.</p>
<div class="meta">
<p><strong>Formerly:</strong> School of Advertising Art</p>
<p><strong>Role:</strong> Web, Print, Branding, Illustration</p>
<p><strong>Year:</strong> 2002-2005</p>
</div>
<div class="chrome">
<div class="no-scroll">
<img src="./imgs/work/school-01.png">
</div>
</div>
<figcaption>
Dogfight Poster
</figcaption>
</figure>
</article>
<article>
<figure>
<div class="chrome">
<div class="no-scroll">
<img src="./imgs/work/school-02.png">
</div>
</div>
<figcaption>
Snowcrash Book Cover
</figcaption>
</figure>
</article>
<article>
<figure>
<div class="chrome">
<div class="no-scroll">
<img src="./imgs/work/school-03.png">
</div>
</div>
<figcaption>
HP Printer Magazine Ad
</figcaption>
</figure>
</article>
<article>
<figure>
<div class="chrome">
<div class="no-scroll">
<img src="./imgs/work/school-cd-02.png">
</div>
</div>
<figcaption>
Stakka & Skynet CD Cover
</figcaption>
</figure>
</article>
<article>
<figure>
<div class="chrome">
<div class="no-scroll">
<img src="./imgs/work/magazine-01.png">
</div>
</div>
<figcaption>
Spayce Magazine Concept
</figcaption>
</figure>
</article>
</section>
</main>
<footer>
<strong>No templates, made with simple HTML5 & CSS3</strong>
<cite>© Copyright <script type="text/javascript">document.write(new Date().getFullYear());</script> Carl DeCaire. All Rights Reserved.</cite>
</footer>
</div>
<script type="text/javascript" src="https://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="js/waypoints-min.js"></script>
<script>
$(document).ready(function() {
$('.monogram a').click(function(){
$("html, body").animate({ scrollTop: 0 }, 400);
return false;
});
$('.work').waypoint(function(direction) {
if (direction === 'down') {
$('header').addClass('down');
$('.monogram .arrow').addClass('up')
}
else {
$('header').removeClass('down')
$('.monogram .arrow').removeClass('up')
}
});
});
</script>
</body>
</html>