-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
177 lines (166 loc) · 6.54 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
175
176
177
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<!-- bootstrap css-->
<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z"
crossorigin="anonymous"
/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script
src="https://kit.fontawesome.com/ecf59a1449.js"
crossorigin="anonymous"
></script>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
/>
<link href="style.css" rel="stylesheet" />
<title>Stickman</title>
<!-- <link rel="icon" href="img/headicon.png" type="image/x-icon"> -->
</head>
<body class="body-style">
<!-- navigation bar-->
<nav
class="navbar navbar-expand-md sticky-top navbar-fixed-top navbar-style"
>
<a class="navbar-brand" href="#">
<img
src="img/stickman.png"
width="50"
height="50"
class="img-fluid round-img"
alt="Responsive image"
/>
</a>
<button
class="navbar-toggler toggle-style"
type="button"
data-toggle="collapse"
data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon">☰</span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto link-text">
<li class="nav-item active">
<a class="nav-link" href="#"
>home <span class="sr-only">(current)</span></a
>
</li>
<li class="nav-item">
<a class="nav-link" href="#cephalopodia">cephalopodia</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#murals">murals</a>
</li>
</ul>
</div>
</nav>
<div class="basic-container" id="">
<div class="title-text">keepers of the (base)men(t)</div>
<div class="img-container">
<img src="img/feet.jpg" class="basic-img" />
<img src="img/sexyshakes.jpg" class="basic-img" />
<img src="img/miku.jpg" class="basic-img" />
</div>
<div style="margin-top: 3%">
<p class="paragraph-heading">who is’t art we?</p>
<p>
We’re <strong>Stickman</strong>! aka
<strong>π e stickman</strong>, aka
<strong>1W/First West</strong>, aka
<strong>Keepers of the (Base)men(t)</strong>, aka the
<strong>First Floor of the West Parallel of East Campus of MIT</strong
>. A notable “resident” of Stickman is our sexy cardboard cutout of
Shakespeare (pictured above), arguably the sexiest of all cardboard
cutout Shakespeares known to humanity. Ask us about his codpiece!
We’re also known for running the annual
<strong>Pumpkin Drop</strong> off the Green Building.
</p>
<p>
Since Talbot Lounge/Fred Desk takes up the Munroe section, we’re a
smaller, but very <strong>tight-knit</strong> community that’s somehow
<strong>chill and chaotic</strong> at the same time. Our kitchen is on
the cleaner end too. Residents are into anything and everything,
including and not limited to: artisanal codpiece forging, exploring,
spinning arts, 7/11 runs in the wee hours of the morning, mural
painting/glueing, “wHOlEsome” readalongs, taking apart electronics,
extensive whiteboard diagramming, etc. Nonresidents are always welcome
to join our <a href="#cephalopodia">cephalopod hours</a> ;).
</p>
<p>also <strong>octagons</strong>.</p>
<div class="img-container">
<img src="img/frogfriends.jpg" class="basic-img" />
<img src="img/roses.jpg" class="basic-img" />
<img src="img/wholesome.jpg" class="basic-img" />
</div>
</div>
</div>
<div class="basic-container" id="cephalopodia">
<div class="title-text">cephalopod hours</div>
<div class="img-container">
<img
src="img/cephalopod.PNG"
class="basic-img"
style="width: 90%; height: auto"
/>
</div>
<div style="margin-top: 3%">
<p class="paragraph-heading">cephalowhat</p>
<p>
Cephalopod translates from Greek into “head foot.” As a hall
predominately composed of homo sapiens, our heads are not directly
connected to our feet, but sometimes it’s as if we are collectively
thinking with our feet with the nonsensical content spewing out of our
mouths. One is also prone to spontaneously erupt into extensive
whiteboard diagramming to complement such nonsensical content. We dub
such sacred yet sacrilegious episodes “cephalopod hours.”
</p>
<p>
In the original words of moeman99 ’21, the creator of the term
“cephalopod hours,” it’s “basically if you should be sleeping but are
up talking with people instead.”
</p>
<p>
Such hours are less to be textually described, and more to be
experienced.
</p>
<p style="font-size: 100%">artwork above by audcui ’24</p>
</div>
</div>
<div class="basic-container" id="murals">
<div class="title-text">murals</div>
<div>
<div class="paragraph-heading">
learneth the rules liketh a professionale, henceforth thee can
<br />
breaketh those liketh an artiste.
</div>
<p>section under construction</p>
</div>
</div>
<footer>
<p style="font-size: 100%">last updated: mar 16, 2022 by rya ’25</p>
</footer>
<!-- bootstrap JavaScript -->
<script
src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"
integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV"
crossorigin="anonymous"
></script>
</body>
</html>