-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
175 lines (146 loc) · 7.06 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
166
167
168
169
170
171
172
173
174
<html>
<head>
<title>The Signal - First Year in Review</title>
<meta charset="UTF-8">
<link rel="shortcut icon" href="/assets/thesignal.ico?v=d4f90dbc9c">
<link rel="image_src" href="http://thesign.al/pages/anniversary/images/540/1_square.png">
<meta property="og:image" content="http://thesign.al/pages/anniversary/images/540/1_square.png">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<script src="js/jquery.min.js"></script>
<script src="js/semantic.min.js"></script>
<script src="js/thesignal-anniversary.js"></script>
<link rel="stylesheet" type="text/css" href="css/semantic.min.css">
<link rel="stylesheet" type="text/css" href="css/thesignal-anniversary.css">
<!-- Hotjar Tracking Code for thesign.al -->
<script>
(function (h, o, t, j, a, r) {
h.hj = h.hj || function () {
(h.hj.q = h.hj.q || []).push(arguments)
};
h._hjSettings = {hjid: 672639, hjsv: 6};
a = o.getElementsByTagName('head')[0];
r = o.createElement('script');
r.async = 1;
r.src = t + h._hjSettings.hjid + j + h._hjSettings.hjsv;
a.appendChild(r);
})(window, document, 'https://static.hotjar.com/c/hotjar-', '.js?sv=');
</script>
</head>
<body>
<div id="fb-root"></div>
<script>(function (d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s);
js.id = id;
js.src = 'https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.12';
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div id="header">
<a href="/">
<img id="logo" src="images/tower.svg">
</a>
<a id="lockup" href="/">The Signal </a>
<div id="title"> - First Year in Review</div>
</div>
<!--<div id="social">-->
<!--<div class="fb-like" data-href="http://thesign.al/pages/anniversary/" data-layout="standard"-->
<!--data-action="like" data-size="large" data-show-faces="true" data-share="true">-->
<!--</div>-->
<!--</div>-->
<div id="content">
<div id="letter" class="ui grid">
<div class="one wide column">
</div>
<div id="letter-bullet" class="one wide column"
style="color: #08295E; text-shadow: 3px 3px #51C7E3; font-size: 16px;">
►
</div>
<div class="fourteen wide column" id="letter-text">
<p>
<span id="highlight-1">O</span>ne year ago, we marked the beginning of this journey — and it's been a
hell of a ride. The three of us locked ourselves in a study room for 24 hours to brainstorm and develop
what would become this website. The week prior, we were traversing through San Francisco for a career
trek, in which we met several Penn alums killing the game in tech, venture capital, non-profits, and
other industries we hadn't been exposed to. <i>However, the IPOs, accolades, and titles weren't what
resonated with us the most. Rather, each person could recall a time they had to make a
difficult but deliberate choice to pursue what they love in lieu of the noise around them. These
stories became the medium with which we hope to inspire others to do the same.</i>
</p>
<p>
Originally, we had never intended for The Signal to be anything more than a collection of stories.
However, when our reception and reach extended far beyond what we ever imagined, we knew the
possibilities were endless. We found some people who somehow weren't driven away by our collective
madness and began tackling student issues one project at a time. Now that we’ve reached The Signal’s one year
anniversary, we are proud to present our journey thus far.
</p>
<p>
<br>
Love, <br>
Laura, Bill and Will
<br>
</p>
<div id="signatures">
<div class="signature">
<img src="images/sig_laura.png">
</div>
<div class="signature">
<img src="images/sig_bill.png">
</div>
<div class="signature">
<img src="images/sig_will.png">
</div>
</div>
</div>
</div>
<div id="illustrations">
</div>
</div>
<div id="subscribe">
<div id="social-text" class="ui grid">
<div class="one wide column">
</div>
<div class="two wide column">
<img id="subscribe-img" src="images/letter.svg">
</div>
<div class="eleven wide column" id="subscribe-text">
<p>
If you made it this far down the page, we thank you for celebrating a hell of a year with us. In the
moments you've spent reading this, we were likely huddled in another study room building out new features
(look out for a redesign!) and playing more Sims 3.
</p>
<p>
In the meantime, if you'd like to join us for round 2, subscribe below for updates:
</p>
<form method="post" action="/subscribe/" class="">
<input class="confirm" type="hidden" name="confirm"><input class="location" type="hidden"
name="location"
value="http://www.thesign.al/"><input
class="referrer" type="hidden" name="referrer" value="">
<div class="form-group" style="float: left;">
<input class="subscribe-email" type="email" name="email" placeholder="Your email address">
</div>
<button class="" type="submit">SUBSCRIBE</button>
<script type="text/javascript">(function (g, h, o, s, t) {
h[o]('.location')[s] = h[o]('.location')[s] || g.location.href;
h[o]('.referrer')[s] = h[o]('.referrer')[s] || h.referrer;
})(window, document, 'querySelector', 'value');</script>
</form>
<div class="fb-like" style="left: 0" data-href="http://thesign.al/pages/anniversary/" data-layout="standard"
data-action="like" data-size="small" data-show-faces="true" data-share="true">
</div>
</div>
</div>
</div>
<div id="credits">
<h3>ⓒ 2018 The Signal Team.</h3>
<h1>Design and Development</h1>
<h2><a href="http://www.thesign.al/author/laura-gao/">Laura Gao</a></h2>
<h2><a href="http://www.thesign.al/author/qi/">Qi Linzhi</a></h2>
<h1>Illustrations</h1>
<h2><a href="http://www.thesign.al/author/sammie/">Sammie Yoon</a></h2>
<h2><a href="http://www.thesign.al/author/madeleine/">Maddie Ngo</a></h2>
</div>
<!--<script src="js/tilt.jquery.min.js"></script>-->
</body>
</html>