-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
76 lines (59 loc) · 3.05 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
<!DOCTYPE html>
<html>
<head>
<title>Addison Herr</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
<link rel="stylesheet" href="main.css">
</head>
<body>
<svg width="100%" height="100%" style="display:none;">
<defs>
<filter id="wavy" filterUnits="userSpaceOnUse" x="0" y="0">
<feTurbulence id="wave-animation" numOctaves="1" seed="1" baseFrequency="0 0.0645034">
</feTurbulence>
<feDisplacementMap scale="10" in="SourceGraphic" in2="SourceGraphic"></feDisplacementMap>
</filter>
<animate xlink:href="#wave-animation"
attributeName="baseFrequency"
dur="15s"
keyTimes="0;0.5;1"
values="0.0 0.04;0.0 0.07;0.0 0.04"
repeatCount="indefinite"></animate>
</defs>
</svg>
<script>
/* Set the width of the side navigation to 250px and the left margin of the page content to 250px and add a black background color to body */
function openNav() {
document.getElementById("mySidenav").style.width = "250px";
document.getElementById("main").style.marginLeft = "250px";
}
/* Set the width of the side navigation to 0 and the left margin of the page content to 0, and the background color of body to white */
function closeNav() {
document.getElementById("mySidenav").style.width = "0";
document.getElementById("main").style.marginLeft = "0";
document.body.style.backgroundColor = "white";
}
</script>
<div id="mySidenav" class="sidenav">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
<a href="index.html">HOME</a>
<a href="game.html">GAME DESIGN</a>
<a href="vr.html">VIRTUAL REALITY</a>
<a href="audiovisual.html">AUDIOVISUAL</a>
<a href="motion.html">MOTION GRAPHICS</a>
<a href="dance.html">DANCE</a>
<a href="about.html">CONTACT</a>
<a href="#"></a>
</div>
<!-- Use any element to open the sidenav -->
<span onclick="openNav()" class="menu"><img src="hamburger.png" alt="menu button" height="50" width="50" class="padding"></span>
<!-- Add all page content inside this div if you want the side nav to push page content to the right (not used if you only want the sidenav to sit on top of the page -->
<div id="main">
<img src="falling.png" alt="logo" class="center">
<h1 class="textcenter">ADDISON HERR</h1>
<h6 class="textcenter">COMPUTER ENGINEER, EXPERIMENTAL GAME DESIGNER, DANCE LEADER, AND AUDIOVISUAL ARTIST</h6>
</div>
</body>
</html>
<!--
-->