Add some style to the bile.

2016-08-26 12:06:49 +02:00
parent 9261e119cb
commit be2a25ea4f
6 changed files with 265 additions and 3 deletions
--- a/template/base.html
+++ b/template/base.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>metanohi.name: {title}</title>
+    <link href="style.css" type="text/css" rel="stylesheet">
+  </head>
+  <body>
+    <div id="body">
+      <header>
+        <a href="/"><img src="/logo/logo.svg" alt="Logo"></a>
+      </header>
+      <nav>
+        <ul>
+          <li><a href="https://git.metanohi.name/">projects</a></li>
+          <li><a href="https://media.metanohi.name/">media</a></li>
+          <li><a href="/misc">misc</a></li>
+          <li><a href="/about">about</a></li>
+        </ul>
+      </nav>
+      <div id="content">
+{content}
+      </div>
+    </div>
+    
+    <div id="background">
+      <div style="left: 00%; background-color: #A6CE52;"></div>
+      <div style="left: 10%; background-color: #6CCA80;"></div>
+      <div style="left: 20%; background-color: #218F08;"></div>
+      <div style="left: 30%; background-color: #57A543;"></div>
+      <div style="left: 40%; background-color: #97D165;"></div>
+      <div style="left: 50%; background-color: #6A9248;"></div>
+      <div style="left: 60%; background-color: #47AA4D;"></div>
+      <div style="left: 70%; background-color: #48E283;"></div>
+      <div style="left: 80%; background-color: #9CC66E;"></div>
+      <div style="left: 90%; background-color: #93B748;"></div>
+    </div>
+  </body>
+</html>