-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
52 lines (49 loc) · 4.09 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>David Southwood | Portfolio Site</title>
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<link rel="stylesheet" id="stylesheet" href="assets/css/main.css" charset="utf-8">
<link rel="stylesheet" href="assets/css/content.css">
<!-- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> -->
<script type="text/javascript" src="assets/js/functions.js"></script>
</head>
<body>
<div id="header">
<div id="header-left"><a onclick="CallbackContactProgram()" href="javascript:void(0);">Contact</a></div>
<div id="header-center"><a onclick="CallbackRestartProgram()" href="javascript:void(0);"><img src="assets/images/dos-logo-alt.png" /></a></div>
<div id="header-right"><a href="/functions.js" target="_blank">Code</a></div>
<div id="header-major">Interactive Media Design</div>
<div id="header-phone">412-489-7412</div>
<div id="header-message">Hi, my name is David and this is my portfolio site.</div>
<div id="header-message2">I hope that you enjoy the old school DOS style command prompt</div><hr></div><br />
<div id="container" onClick="setFocusToEntryBox();">
<div id="outputContainer">David O. Southwood | Portfolio Website [Version 1.0.0]<br />
Copyright (c) 2012 David O. Southwood. All rights reserved.<br /><br />
Please type Help for a list of commands to use<br /><br />
C:\>dir <br />
<a onmouseover="document.getElementById('portfolio-span').style.visibility = 'visible';"
onmouseout="document.getElementById('portfolio-span').style.visibility = 'hidden';"
onclick="CallbackPortfolioProgram()" href="javascript:void(0);">Portfolio.exe</a>
<span id="portfolio-span">Click on this link to be taken to my portfolio page.</span><br />
<a onmouseover="document.getElementById('resume-span').style.visibility = 'visible';"
onmouseout="document.getElementById('resume-span').style.visibility = 'hidden';"
onclick="CallbackResumeProgram()" href="javascript:void(0);">Resume.exe</a>
<span id="resume-span">Click on this link to be taken to my resume page.</span><br />
<a onmouseover="document.getElementById('about-span').style.visibility = 'visible';"
onmouseout="document.getElementById('about-span').style.visibility = 'hidden';"
onclick="CallbackAboutProgram()" href="javascript:void(0);">About.exe</a>
<span id="about-span">Click on this link to be taken to my about page.</span><br />
<span onmouseover="document.getElementById('contact-span').style.visibility = 'visible';"
onmouseout="document.getElementById('contact-span').style.visibility = 'hidden';" >Contact.exe</span>
<span id="contact-span">Type in Contact.exe at the command prompt to start the contact program.</span><br /><br />
</div>
<div id="inputContainer">
<span id="commandPrompt"></span><span id="commandContainer"></span><img src="assets/images/caret.gif" />
<input type="text" id="entryBox" class="entryBox" onkeydown="keyCode=(event.which)? event.which: event.keyCode;if(keyCode==55 && event.shiftKey){alert('Sorry the use of \'amp\' is not allowed.'); return false;}" onkeyup="handleKeyPress((event.which)? event.which: event.keyCode, this);">
</div>
</div>
</body>
</html>