This repository has been archived by the owner on Jan 4, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
165 lines (150 loc) · 7.16 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
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<title>Vote for Jon & Nick</title>
<meta property="og:url" content="http://echeung.me/jonandnick/">
<meta property="og:title" content="Vote Jon and Nick for CSSU 2014">
<meta property="og:image" content="http://echeung.me/jonandnick/img/favicon.png">
<meta property="og:description" content="Vote Jonathan Webb and Nicholas Goh for your CSSU president and vice-president!">
<meta property="og:type" content="profile">
<link rel="stylesheet" href="css/style.min.css">
<link rel="icon" type="image/png" href="img/favicon.png">
<!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->
</head>
<body>
<header>
<div id="container">
<span id="and">&</span>
<div class="cover" id="coverleft">
<span class="name">Jonathan Webb</span>
</div><div class="cover" id="coverright">
<span class="name">Nicholas Goh</span>
</div>
</div>
</header>
<section id="content">
<span id="more">v</span>
<nav id="nav">
<div class="maxcontainer">
<div id="navleft">
<ul id="navigation">
<li id="title">Jon & Nick</li>
<li id="navabout">About us</li>
<li id="navgoals">Our goals</li>
<li id="navvote">Vote for us</li>
<li id="navcontact">Contact</li>
</ul>
</div>
<div id="navright">
<span>Elections on March 31</span>
</div>
</div>
</nav>
<section id="about">
<div class="maxcontainer">
<h1>About us</h1>
<div class="person">
<div class="person_contents" id="first">
<hgroup>
<h2>Jonathan Webb</h2>
<h3>for CSSU President</h3>
</hgroup>
<img class="photo" src="img/head_jon.png" alt="Photo of Jonathan Webb">
<p>Second year Computer Science specialist + Physics major + Math minor</p>
<p class="about-me">I’m extremely passionate about everything I do: I have a great interest in Math and Physics, but I absolutely love Computer Science. It’s the future – it is constantly evolving and changing, and we are lucky enough to see it in its earliest stages. You need a CSSU that realizes the implications of everything they do and understands that they are shaping the future of the entire field. I have some fantastic ideas that I’d love to share with you, and I look forward to having the opportunity to do my part in making the UofT Computer Science Department a spectacular place to be!</p>
</div>
</div><div class="person">
<div class="person_contents">
<hgroup>
<h2>Nicholas Goh</h2>
<h3>for CSSU Vice-President</h3>
</hgroup>
<img class="photo" src="img/head_nick.png" alt="Photo of Nicholas Goh">
<p>Second year Computer Science specialist</p>
<p class="about-me">For me, the CSSU is the strongest semblance of family I have in Toronto. Coming from the West Coast city of Vancouver, I’ve left a lot of people behind, but I’ve met people here who have become central parts of my life, all of whom are connected to the CSSU. I hope that I can help foster the growth of a CSSU that becomes a family for everyone in the Computer Science department and gives everyone yet another reason to be proud members of this department here at the University of Toronto.</p>
</div>
</div>
</div>
</section>
<section id="goals">
<div class="maxcontainer">
<h1>Our goals</h1>
<section id="grid">
<article class="goal">
<div>
<img src="img/icon-community.png">
<p>Strengthen the community and invigorate computer science culture</p>
</div>
</article>
<article class="goal">
<div>
<img src="img/icon-funding.png">
<p>Push for increased funding to improve the department as a whole</p>
</div>
</article>
<article class="goal">
<div>
<img src="img/icon-idea.png">
<p>Help foster innovation to advance our field at large</p>
</div>
</article>
<article class="goal">
<div>
<img src="img/icon-network.png">
<p>Promote UofT as a world class industry institution, not just an academic one</p>
</div>
</article>
</section>
</div>
</section>
<section id="vote">
<div id="map">
<h1>Vote for us</h1>
<p>Help shape next year's CSSU on Monday, March 31st, 2014 at the CSSU office (BA 2283).</p>
<!-- <section id="countdown">
<div>
<div><div id="d"></div>days</div>
<div><div id="h"></div>hours</div>
<div><div id="m"></div>min</div>
<div><div id="s"></div>sec</div>
</div>
</section> -->
<div id="gmap_canvas"></div>
</div>
</section>
<section id="contact">
<h1>Contact</h1>
<a href="https://twitter.com/jwebbed" target="_blank" title="@jwebbed on Twitter" class="button">Follow Jon</a>
<a href="https://twitter.com/NickGoh_" target="_blank" title="@NickGoh_ on Twitter" class="button">Follow Nick</a>
</section>
<footer>
<div class="maxcontainer">
<a rel="license" href="http://creativecommons.org/licenses/by-nc/4.0/" id="ccimg">
<img alt="Creative Commons License" style="border-width:0" src="img/80x15.png">
</a>
<p id="cc">This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc/4.0/">Creative Commons Attribution-NonCommercial 4.0 International License</a>.</p>
<p><a href="https://cssu.ca/">UofT CSSU official website</a>, <a href="https://www.facebook.com/events/403396886464062/">CSSU Elections + Voting Facebook event</a></p>
<p>Special thanks to <a href="https://twitter.com/spe_">Spencer Elliott</a>, <a href="https://twitter.com/ryanscfan">Ryan Fan</a>, and <a href="https://twitter.com/aeolianesque">Victoria Bigliardi</a>.</p>
<p>Photos of Jonathan by <a href="http://www.liaodette.tumblr.com/">Lia Odette</a>.</p>
<p>Website by <a href="http://echeung.me">Eugene Cheung</a>.</p>
</div>
</footer>
</section>
<script src="http://maps.google.com/maps/api/js?v=3&sensor=false"></script>
<script src="js/jquery.min.js"></script>
<script src="js/script.min.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-49227254-1', 'jonandnick.com');
ga('send', 'pageview');
</script>
</body>
</html>