Website4/stuff.html at master · chris30269/Website4 · GitHub

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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
  <HEAD>
  <link href="style.css" rel="stylesheet" type="text/css">
  <script>
  function showHide(id) {
		x = document.getElementById(id).style.display;
		//y = document.getElementById(id+'nav').style.display;
		if(x=='none'){
			document.getElementById(id).style.display = 'block';
			document.getElementById(id+'nav').style.borderColor = 'rgb(0,200,255)';
		} else {
			document.getElementById(id).style.display = 'none';
			document.getElementById(id+'nav').style.borderColor = 'rgb(89,255,200)';
		}
	}
  </script>
  </HEAD>
  <BODY>

<div class=container>
	<div class="topbar drop-shadow curved curved-vt-2">
		<div class=topelement onclick="location.href='index.html';"><h1>me</h1></div>
		<div class=topelement onclick="location.href='resume.html';"><h1>resume</h1></div>
		<div class=topelement onclick="location.href='projects.html';"><h1>projects</h1></div>
		<div class=topelement style="border-color:rgb(0,200,255);"><h1>stuff</h1></div>
		<div class=topelement onclick="location.href='lulz.html';"><h1>lulz</h1></div>
	</div>

	<div class="main drop-shadow curved curved-vt-2" id="resume">
		<div class=mainleft>
			<div class=mainnav id="photographernav" onclick="showHide('photographer')"><h1>photographer</h1></div>
			<div class=mainnav id="musiciannav" onclick="showHide('musician')"><h1>musician</h1></div>
			<div class=mainnav id="webmasternav" onclick="showHide('webmaster')"><h1>webmaster</h1></div>
			<div class=mainnav id="nerdnav" onclick="showHide('nerd')"><h1>nerd</h1></div>
		</div>
		<div class=mainright>
			<div class=maincontent id="photographer" style="display:none;">
				<div class=maincontenttextbox><p>pixxx</p></div>
			</div>

			<div class=maincontent id="musician" style="display:none;">
				<div class=maincontenttextbox><p>musician</p></div>
			</div>

			<div class=maincontent id="webmaster" style="display:none;">
				<div class=maincontenttextbox><p>webmaster</p></div>
			</div>

			<div class=maincontent id="nerd" style="display:none;">
				<div class=maincontenttextbox><p>nerd</p></div>
			</div>
			</div>
		</div>
	</div>

</div>

  </BODY>
</HTML>