-
Notifications
You must be signed in to change notification settings - Fork 1
/
cephalopodia.html
92 lines (78 loc) · 4.05 KB
/
cephalopodia.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
<!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">
<link href='https://fonts.googleapis.com/css?family=Cardo' 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 transparent 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="index.html">home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="stickmen.html">stickmen</a>
</li>
<li class="nav-item">
<a class="nav-link" href="cephalopodia.html">cephalopodia</a>
</li>
<li class="nav-item">
<a class="nav-link" href="murals.html">murals</a>
</li>
</ul>
</div>
</nav>
<div class='basic-container'>
<div class='title-text' >
cephalopod hours
</div>
<div class='img-container'>
<img src="img/cephalopod.PNG" class='basic-img' style='width: 50%; 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."
<br> <br>
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."
<br><br>
Such hours are less to be textually described, and more to be experienced.
</p>
</div>
</div>
<footer>
<br>
<p style="font-size: 100%;"> artwork above by audcui '24</p>
<br>
</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>