Browse code

Redid page and added links

haywalk authored on 28/01/2022 18:17:50
Showing 2 changed files

... ...
@@ -1,38 +1,49 @@
1
-<html>
1
+<!doctype html>
2
+
3
+<html lang='en'>
2 4
 	<head>
3
-		<title>haywalk's Website</title>
5
+		<title>Hayden Walker</title>
6
+		<meta charset='utf-8'>
4 7
 		<meta name="viewport" content="width=device-width, initial-scale=1.0">
5
-                <style>
6
-                    a{
7
-                        color: blue;
8
-                    }
9
-                    a:hover{
10
-                        color: red;
11
-                    }
12
-                </style>
8
+<style>
9
+html{
10
+	font-family: sans-serif;
11
+	background-color: lightgrey;
12
+}
13
+
14
+body{
15
+	background-color: white;
16
+	width: 75%;
17
+	max-width: 600px;
18
+	margin-left: auto;
19
+	margin-right: auto;
20
+	border: 3px solid black;
21
+	border-radius: 25px;
22
+	padding: 10px;
23
+	padding-bottom: 40px;
24
+}
25
+
26
+h1{
27
+	text-align: center;
28
+}
29
+
30
+.ctr{
31
+	text-align: center;
32
+}
33
+
34
+</style>
13 35
 	</head>
14 36
 
15 37
 	<body>
16
-		<h1>Hayden's GitHub Pages Site</h1>
17
-		
18
-		<p>Hello! If you're reading this, you're probably looking for my personal website. As of 3 April 2020, my personal page is now located at <a href="https://www.haywalk.ca">www.haywalk.ca</a>.</p>
19
-		
20
-                <p>Since this is a GitHub pages site, it's possible you were looking for my GitHub profile, which you can find <a href="https://github.com/haywalk">here</a>. <b>However, I suggest you use my <a href="https://git.haywalk.ca/">locally hosted Git repositories</a> instead.</b></p>
21
-		
22
-		<p>On my new site, you can find a <a href="https://www.haywalk.ca/misc/museum.php">museum of my old Web pages</a>!</p>
23
-		
24
-		<h2>Why the move?</h2>
25
-		
26
-		<p>My new site is hosted on my own server, which gives me more control over it, as well as access to tools like PHP.</p>
27
-		
28
-		<h2>Why is this page still here?</h2>
29
-		
30
-		<p>Posterity. I have told people about, and sent e-mails linking to, this site. By keeping this page here, anyone looking for me will be able to find me.</p>
31
-		
32
-		<p>I've considered using this page for project updates, but it's easier to use <a href="https://www.haywalk.ca/blog">my blog</a> for that. My blog is run by <a href="https://git.haywalk.ca/simpleblogscript">a script that I wrote</a>, and you can use it, too!</p>
33
-		
34
-		<hr>
35
-		
36
-		<p>This webpage was last updated on 20 October 2020.</p>
38
+		<h1>Hayden Walker</h1>
39
+
40
+		<p class='ctr'><code>&lt;planethaywalk at aol dot com&gt;</code></p>
41
+		<p class='ctr'>Math/CS student, hobby sysadmin, and competitive programmer.</p>
42
+
43
+		<ul>
44
+			<li><a href="https://www.haywalk.ca">Personal site</a></li>
45
+			<li><a href="https://github.com/haywalk">GitHub</a></li>
46
+			<li><a href="https://git.haywalk.ca">Self-Hosted Git Server</a></li>
47
+		</ul>
37 48
 	</body>
38 49
 </html>
... ...
@@ -1,38 +1,49 @@
1
-<html>
1
+<!doctype html>
2
+
3
+<html lang='en'>
2 4
 	<head>
3
-		<title>haywalk's Website</title>
5
+		<title>Hayden Walker</title>
6
+		<meta charset='utf-8'>
4 7
 		<meta name="viewport" content="width=device-width, initial-scale=1.0">
5
-                <style>
6
-                    a{
7
-                        color: blue;
8
-                    }
9
-                    a:hover{
10
-                        color: red;
11
-                    }
12
-                </style>
8
+<style>
9
+html{
10
+	font-family: sans-serif;
11
+	background-color: lightgrey;
12
+}
13
+
14
+body{
15
+	background-color: white;
16
+	width: 75%;
17
+	max-width: 600px;
18
+	margin-left: auto;
19
+	margin-right: auto;
20
+	border: 3px solid black;
21
+	border-radius: 25px;
22
+	padding: 10px;
23
+	padding-bottom: 40px;
24
+}
25
+
26
+h1{
27
+	text-align: center;
28
+}
29
+
30
+.ctr{
31
+	text-align: center;
32
+}
33
+
34
+</style>
13 35
 	</head>
14 36
 
15 37
 	<body>
16
-		<h1>Hayden's GitHub Pages Site</h1>
17
-		
18
-		<p>Hello! If you're reading this, you're probably looking for my personal website. As of 3 April 2020, my personal page is now located at <a href="https://www.haywalk.ca">www.haywalk.ca</a>.</p>
19
-		
20
-                <p>Since this is a GitHub pages site, it's possible you were looking for my GitHub profile, which you can find <a href="https://github.com/haywalk">here</a>. <b>However, I suggest you use my <a href="https://git.haywalk.ca/">locally hosted Git repositories</a> instead.</b></p>
21
-		
22
-		<p>On my new site, you can find a <a href="https://www.haywalk.ca/misc/museum.php">museum of my old Web pages</a>!</p>
23
-		
24
-		<h2>Why the move?</h2>
25
-		
26
-		<p>My new site is hosted on my own server, which gives me more control over it, as well as access to tools like PHP.</p>
27
-		
28
-		<h2>Why is this page still here?</h2>
29
-		
30
-		<p>Posterity. I have told people about, and sent e-mails linking to, this site. By keeping this page here, anyone looking for me will be able to find me.</p>
31
-		
32
-		<p>I've considered using this page for project updates, but it's easier to use <a href="https://www.haywalk.ca/blog">my blog</a> for that. My blog is run by <a href="https://git.haywalk.ca/simpleblogscript">a script that I wrote</a>, and you can use it, too!</p>
33
-		
34
-		<hr>
35
-		
36
-		<p>This webpage was last updated on 20 October 2020.</p>
38
+		<h1>Hayden Walker</h1>
39
+
40
+		<p class='ctr'><code>&lt;planethaywalk at aol dot com&gt;</code></p>
41
+		<p class='ctr'>Math/CS student, hobby sysadmin, and competitive programmer.</p>
42
+
43
+		<ul>
44
+			<li><a href="https://www.haywalk.ca">Personal site</a></li>
45
+			<li><a href="https://github.com/haywalk">GitHub</a></li>
46
+			<li><a href="https://git.haywalk.ca">Self-Hosted Git Server</a></li>
47
+		</ul>
37 48
 	</body>
38 49
 </html>