Initital Draft of Website mostly done. Links need to be added to the links page but otherwise done.

2 years ago · d4dbc85a79
9 changed files with 124 additions and 4 deletions
--- a/2
+++ b/2
@ -1,5 +1,5 @@
 default:
-	pandoc --standalone --metadata title="nuka.works" --template src/template.html src/index.md -o src/index.html
+	pandoc --standalone --metadata title="nuka.works" --template src/template.html src/index.md -o src/index.html && pandoc --standalone --metadata title="nuka.works" --template src/links/template.html src/links/index.md -o src/links/index.html


 .PHONY: default 
--- a/src/images/discord.png
+++ b/src/images/discord.png
--- a/src/images/gitea.png
+++ b/src/images/gitea.png
--- a/src/images/twitter.png
+++ b/src/images/twitter.png
--- a/src/links/index.html
+++ b/src/links/index.html
@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>nuka.works</title>
+    <link rel="stylesheet" href="style.css">
+  </head>
+  <body>
+      <div class="navbar">
+          <nav>
+              <a href="/">home</a>
+              <a href="links/">links</a>
+          </nav>
+      </div>
+<h1 id="links">Links</h1>
+      <div class="link-flex">
+          <ul id="links">
+              <li class="twitter"><a href="https://twitter.com/Nukashimaka"</li>
+              <li class="gitea"><a href=https://git.sexmasters.xyz/>Gitea</a></li>
+              <li class="discord">Discord: Ikarenian:#6465</li>
+          </ul>
+      </div>
+  </body>
+</html>
--- a/src/links/index.md
+++ b/src/links/index.md
@ -0,0 +1,2 @@
+# Links
+
--- a/src/links/style.css
+++ b/src/links/style.css
@ -0,0 +1,64 @@
+body {
+ background-color: #000000;
+ line-height:1.5em;
+ font-family:Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
+}
+
+.navbar {
+    color: #FFE4B5 !important;
+    font-family: Consolas, monaco, monospace;
+}
+
+.a:link {
+    color: #FFE4B5 !important;
+}
+
+a:visted {
+    color: #A784A8;
+}
+
+h1,
+p {
+ color:#FFFFFF;
+ line-height: 14px;
+ font-family: 'Courier New', Courier, monospace;
+}
+
+::selection {
+ background:#BE0C0C;
+}
+
+ul {
+    color: #FFFFFF;
+    list-style: none;
+}
+
+
+
+ul#links li.twitter {
+    list-style-image: url('../images/twitter.png');
+	margin: 0;
+	padding: 12px 0 12px 2em;
+	list-style: none;
+	background-image: url("../images/twitter.png");
+	background-repeat: no-repeat;
+	background-position: left;
+	background-size: 1.5em;
+}
+
+ul#links li.gitea {
+	background-image: url("../images/gitea.png");
+	padding: 12px 0 12px 2em;
+	background-repeat: no-repeat;
+	background-position: left;
+	background-size: 1.5em;
+}
+
+
+ul#links li.discord {
+	background-image: url("../images/discord.png");
+	padding: 12px 0 12px 2em;
+	background-repeat: no-repeat;
+	background-position: left;
+	background-size: 1.5em;
+}
--- a/src/links/template.html
+++ b/src/links/template.html
@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>$title$</title>
+    <link rel="stylesheet" href="style.css">
+  </head>
+  <body>
+      <div class="navbar">
+          <nav>
+              <a href="/">home</a>
+              <a href="links/">links</a>
+          </nav>
+      </div>
+$body$
+      <div class="link-flex">
+          <ul id="links">
+              <!-- FIXME: this refuses to generate links for some reason -->
+              <li class="twitter"><a href="https://twitter.com/Nukashimaka">Twitter</a></li>
+              <li class="gitea"><a href=https://git.sexmasters.xyz/>Gitea</a></li>
+              <li class="discord">Discord: Ikarenian#6465</li>
+          </ul>
+      </div>
+  </body>
+</html>
--- a/src/style.css
+++ b/src/style.css
@ -5,14 +5,19 @@ body {
 }

 .navbar {
-    color: #FFAB00;
+    color: #FFE4B5 !important;
    font-family: Consolas, monaco, monospace;
 }

-.navbar:visited {
-    color: #0054FF;
+.a:link {
+    color: #FFE4B5 !important;
 }

+a.visted {
+    color: #A784A8
+}
+
+h1,
 p {
 color:#FFFFFF;
 line-height: 14px;