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 {
+.a:link {
-    color: #0054FF;
+    color: #FFE4B5 !important;
 }
 a.visted {
    color: #A784A8
 }
 h1,
 p {
 color:#FFFFFF;
 line-height: 14px;