-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathrobind.html
58 lines (56 loc) · 2.54 KB
/
robind.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
<!DOCTYPE html>
<html>
<head>
<title>Robin's Page</title>
<link rel="stylesheet" href="robind.css" />
</head>
<body>
<script>
function myFunction() {
var element = document.getElementById("xkcd");
var button = document.getElementById("the button");
document.getElementById("sworded").innerHTML = "No Sword";
element.classList.add("moving");
button.remove();
}
</script>
<div id="container">
<nav class="backs">
<ol>
<li class="back"><a href="https://rdziewietin.github.io/group7-website/">Main Page</a></li>
<li class="back">Robin</li>
</ol>
</nav>
<header>
<h1>Robin Dziewietin</h1>
</header>
<main>
<h2>About Me</h2>
<div id="outer">
<p>Hi, I'm Robin Dziewietin! I'm a second-year Informatics & Social Thought and Political Economy double major. I grew up in Worcester, Massachusetts.</p>
<p>Some of my hobbies include listening to music (current fav: Patricia Taxxon), collecting vinyl, writing, reading, and playing TTRPGs. Fun fact: I own three swords.</p>
<h3>Random Favorites</h3>
<ul>
<li>Favorite Album: Pink Moon - Nick Drake</li>
<li>Favorite Game: Portal 2</li>
<li>Favorite Artist: Vincent van Gogh</li>
</ul>
<h3>Work Experience</h3>
<ul>
<li>Student Circulation Staff at UMass Amherst Science and Engineering Library </br>
Sep. 2022 – Present</li>
<li>Page/Circulation Clerk at Richards Memorial Library </br>
Sep. 2017 – Sep. 2022</li>
</ul>
<h3 id="sworded">Sword</h3>
<div id="inner">
<button class = "styled"
type = "button" onclick="myFunction()" id="the button">Too dangerous
</button>
<img id="xkcd" src="https://64.media.tumblr.com/5b07ef553d9c665936dc14fa990e153e/331863bc70146fc4-e2/s2048x3072/709fafbad9263f3a667ba203b121f984d35ea84a.jpg" alt="Cool sword" width=300>
</div>
</div>
</main>
</div>
</body>
</html>