summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorDustin Walker <dustin.walker@email.wsu.edu>2021-12-09 00:44:52 -0500
committerDustin Walker <dustin.walker@email.wsu.edu>2021-12-09 00:44:52 -0500
commit21a07f3a77d82b2d8981b042d43c88c205d67091 (patch)
treee664baf98600f9237878009e46718103cbb9e136
parentb548f9959cea90ec7962d102b4d40df7a36ea1f4 (diff)
draft structure
-rw-r--r--HPR.pngbin0 -> 17321 bytes
-rw-r--r--index.html22
-rw-r--r--style.css17
3 files changed, 30 insertions, 9 deletions
diff --git a/HPR.png b/HPR.png
new file mode 100644
index 0000000..a3ca05c
--- /dev/null
+++ b/HPR.png
Binary files differ
diff --git a/index.html b/index.html
index 7a5389b..a940cb0 100644
--- a/index.html
+++ b/index.html
@@ -4,19 +4,23 @@
<head>
<title>Dustin Walker's Webpage</title>
<meta charset="utf-8"/>
- <link rel='stylesheet' type='text/css' href='style.css'/>
+ <meta name="viewport" content="width=device-width, initial-scale=1"/>
+ <link rel="stylesheet" type="text/css" href="style.css"/>
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico"/>
</head>
<body>
- <h1>Dustin Walker's Webpage</h1>
- <p>This website is currently under construction.
- </p>
+ <main>
+ <img class="icon" src="HPR.png" alt="Heilich Pennsylfaanisch Reich" />
- <h2>GIT</h2>
- <ul>
- <li><a href="https://git.dwalker.xyz">Self host</a></li>
- <li><a href="https://github.com/jackoblades">Github</a></li>
- </ul>
+ <p>This website runs under a self hosted raspberry pi 3, configured under the guidance of <a href="https://landchad.net">landchad.net</a>. Go here to learn more.
+
+ <h2>Links</h2>
+ <ul>
+ <li><a href="https://git.dwalker.xyz">self hosted git</a></li>
+ <li><a href="https://lukesmith.xyz">Luke Smith</a></li>
+ <li><a href="https://wttr.in">Weather</a></li>
+ </ul>
+ </main>
</body>
</html>
diff --git a/style.css b/style.css
index 531b562..0df3f65 100644
--- a/style.css
+++ b/style.css
@@ -1,5 +1,20 @@
body {
background: #121212;
+ margin: 0;
+ padding: 0;
+ text-align: center;
+}
+
+main {
+ margin: auto;
+ max-width: 900px;
+ text-align: left;
+}
+
+.icon {
+ display: block;
+ margin: auto;
+ padding: 20px;
}
p, h1, h2, h3, h4 {
@@ -8,6 +23,8 @@ p, h1, h2, h3, h4 {
li {
color: #dedede;
+ text-align: left;
+ vertical-align: middle;
}
a {