-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
149 lines (134 loc) · 4.8 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
<!DOCTYPE html>
<html>
<head>
<title>Math Zombies</title>
<style>
body {
font-family: Cambria, sans-serif;
margin: 0;
padding: 0;
display: flex;
}
/* Style the navigation bar */
nav {
background-color: #333;
overflow: hidden;
}
/* Navigation bar links */
nav ul {
list-style-type: none;
margin: 0;
padding: 0;
}
/* Display list items in a horizontal row */
nav ul li {
float: left;
}
/* Style for each link */
nav ul li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
/* Change color on hover */
nav ul li a:hover {
background-color: #ddd;
color: black;
}
/* Clear floats after the columns */
nav:after {
content: "";
display: table;
clear: both;
}
/* Responsive design: Stacks the links vertically on small screens */
@media screen and (max-width: 600px) {
nav ul li {
float: none;
}
}
.header {
background-color: #333;
color: white;
padding: 10px 20px;
text-align: center;
}
.sidebar {
width: 30%;
background-color: #f0f0f0;
padding: 20px;
height: 190;
}
.sidebar img {
width: 100%;
height: auto;
}
.main-content {
width: 75%;
padding: 20px;
}
.post {
margin-bottom: 0;
}
.post img {
max-width: 100%;
height: auto;
}
.post h3{
color: #792222;
}
.post .caption {
font-style: italic;
color: #666;
margin-top: -200px;
}
.post-date {
font-size: 14px;
color: grey;
}
.post name {
font-size: 14px;
color: grey;
}
.footer {
background-color: #979090;
color: white;
text-align: center;
padding: 20px;
position: relative;
bottom: 0;
width: 100%;
margin-top: 50px;
}
</style>
</head>
<body>
<div class="header">
<h1>AI, Math, Zombies <br> Oh My! © <br><br> a blog<br><br><br>Gizem Karaali,<br>Kamden Baer,<br>Oscar Scholin<br><br><br><br></h1>
<h2>"I wish to reclaim<br>my own nature<br>and my own voice"<br>—Thoreau* <br><br><br><br><br><br><br><br><br><br><br><br> *ChatGPT</h2>
</div>
<div class="main-content">
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="bio.html">Bio</a></li>
<li><a href="posts.html">Posts</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<br>
<span style="color: rgb(180, 35, 35); font-size: 20px;">Welcome everyone to our blog! We aim to explore, through wandering and experiment and introspection and interview alike, the nature of consciousness, what it means to do math, and how AI fits into all of this. We are also especially interested in considering the role and implications for education.</span><br>
<post>
<p class="post img">
<img src="images/humanity.jpeg" alt="Image Description">
</p>
<span> "There stands, stark and unyielding, the image of modern Prometheus, bound not by chains, but by the very gears and pistons of his own creation."—ChatGPT*</span>
</post>
<div class="footer">
<p><p xmlns:cc="http://creativecommons.org/ns#" xmlns:dct="http://purl.org/dc/terms/"><a property="dct:title" rel="cc:attributionURL" href="https://oscars47.github.io/math-zombies/">AI, Math, Zombies Oh My</a> by <span property="cc:attributionName">Gizem Karaali, Kamden Baer, Oscar Scholin</span> is licensed under <a href="http://creativecommons.org/licenses/by-nc/4.0/?ref=chooser-v1" target="_blank" rel="license noopener noreferrer" style="display:inline-block;color:hsl(from color h s l)">Attribution-NonCommercial 4.0 International<img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/cc.svg?ref=chooser-v1"><img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/by.svg?ref=chooser-v1"><img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/nc.svg?ref=chooser-v1"></a></p> </p>
</div>
</div>
</body>
</html>