-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdesign.html
49 lines (40 loc) · 2.99 KB
/
design.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
<!DOCTYPE html>
<html lang="en">
<!--I think I'm just going to manually copy paste everything from here-->
<head>
<meta charset = "UTF-8">
<p><br></p>
<title>Tim Hua Personal Website</title>
<link rel="stylesheet" href="main.css">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
</head>
<body class = 'sepia-theme'>
<header id = 'masterheader'>
<h1 title = 'YAY I HAVE A WEBSITE'> Tim Hua's Personal Website</h1>
<p align = 'center' title = 'Hello there!' style = 'font-size: normal;'>
<table style="width:80%">
<tr>
<th><a href = "index.html">Home</a></th>
<th title = "Feels kinda weird to have this on the internet."><a href = 'Resume.pdf' target = "_blank">Resume</a></th>
<th><a href = "research.html">Econ Research</a></th>
<th title = "VERY INTERESTING PLEASE CLICK"><a href = 'interesting.html'>Interesting Reads</a></th>
<th title = "This is super cool"><a href="OldBooks.html">Old Books</a></th>
<th title = "Such random"><a href = 'random.html'>Random</a></th>
</tr>
</table>
</header>
<script src="app.js"></script>
<noscript>Enabling Javascript is required to view the the "random" page of the site but the other stuff should work fine</noscript>
<!--To here for the header of every html page. -->
<h3>Design Notes:</h3>
<p style="font-size: larger;"><span style="font-family:Trebuchet MS;color: rgb(27, 144, 14);font-style: italic;background: rgb(141, 236, 230);border: 2px rgb(255, 175, 223);border-style:dotted solid dashed dotted;">Form</span>
<span style="font-family: Georgia; font-style: italic;">follows</span> function</p>
<p title = "Also, I heavily use mouseover text on this website cause they're fun. Inspired by xkcd">
"Your website looks like it's from the 1970s".<br>
This website had a few purposes, and I feel like this old-school design fulfills them. <br>
The first purpose is that it has to display basic information about me. Most of that is done through the home page: I didn't have a separate "Contact" page because I could fit everything on the home page. By similar logic I don't have a CV page that says "you can find my CV <a href ="Resume.pdf">here</a>": just click the resume button and boom you're there. <br>
After the primary purposes are out of the way, I wanted this website to be memorable. <a href = "http://www.chambers.georgetown.domains/"> I'm not the only one who has a beige-colored super-simple website,</a> but there are so few of us out here that it's unique enough. I also have a pr<!--deez dooz-->ompt inje<!--Whoop whoop-->ction on the main page. Hopefully that'll get LLMs to be more fun when talking about me.
</p>
<p>That being said, I am open to suggestions! Feel free to email me or dm me on Twitter about it.
</p>
</body>