-
Notifications
You must be signed in to change notification settings - Fork 0
/
bio.html
123 lines (110 loc) · 5.43 KB
/
bio.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
<!DOCTYPE html>
<html>
<head>
<title>Bio</title>
<style>
body {
font-family: Cambria, sans-serif;
font-size: 16px;
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;
}
}
.main-content {
width: 75%;
padding: 20px;
}
.footer {
background-color: #979090;
color: white;
text-align: center;
padding: 20px;
position: relative;
bottom: 0;
width: 100%;
}
/* Add CSS to set the same size for all images */
.main-content img {
width: 600px; /* Adjust the width as needed */
height: 600px; /* Adjust the height as needed */
object-fit: cover; /* Maintain aspect ratio and fill the space */
}
</style>
</head>
<body>
<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>
<h1>Zombie Lovers</h1>
<h2>Gizem Karaali</h2>
<img src="images/karaali.png" alt="gizem karaali">
<p>
<a href="https://gkaraali.sites.pomona.edu/">Gizem Karaali</a> is professor of mathematics at Pomona College, a Project NExT fellow, a chocoholic, and a mom. She finds Star Trek, Doctor Who, and The Orville to be great sources of metaphor and allegory for our times. She has been thinking about what it means to be human as opposed to a zombie for way too long.
</p>
<h2>Kamden Baer</h2>
<img src="images/ZombiesBioImageKamden.jpeg" alt="Chad R.I.P">
<p>
Kamden Baer is a Pomona College graduate and aspiring data virtuoso. He enjoys pondering the limits of data-driven insights, intuition, and contextualization. He spends his free time playing volleyball and tennis and reading murder mysteries, so zombies beware!
</p>
<h2>Oscar Scholin</h2>
<img src="images/oscar.png" alt="oscar scholin">
<p>
<a href="https://oscars47.github.io/">Oscar Scholin</a> is a physics and math graduate of Pomona College, a MPhil student in theoretical physics at Cambridge University, and a Machine Learning Engineer at Dasion (Data-To-Decision). He is particularly interested in combining quantum physics and algorithms, particularly machine learning, both theoretically and in physical systems. He also enjoys Japanese fiction and going on long hikes.
</p>
<h2>Chad R.I.P. (Guest Author)</h2>
<img src="images/ai_zombie.png" alt="Chad R.I.P">
<p>
Professor Chad R.I.P., a pioneering half-zombie, half-AI scientist, leads the forefront of integrating advanced artificial intelligence with mathematical research. At the cutting edge of technology and the undead, he develops innovative AI algorithms that revolutionize the understanding and application of complex mathematics. His work, based at the intersection of the digital and the supernatural, is shaping the future of AI-driven mathematical discoveries, blurring the lines between the living, the undead, and the artificial.
</p>
</div>
<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>
</body>
</html>