attempt to theme this

2017-07-09 18:38:22 +00:00 · 2017-07-09 18:38:22 +00:00 · eb9411e20e
parent c6f51e7848
commit eb9411e20e
2 changed files with 175 additions and 0 deletions
--- a/_layouts/default.html
+++ b/_layouts/default.html
@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="{{ site.lang | default: "en-US" }}">
+  <head>
+    <meta charset='utf-8'>
+    <meta name="viewport" content="width=device-width">
+    <link rel="stylesheet" href="{{ '/assets/css/dirtbags.css?v=' | append: site.github.build_revision | relative_url }}">
+    <link rel="icon" type="image/png" href="/assets/images/icon.png">
+    <title>{{ site.title | default: site.github.repository_name }} by {{ site.github.owner_name }}</title>
+  </head>
+
+  <body>
+    <h1 id="title">{{ page.title | default: site.title }}</h1>
+
+{{ content }}
+
+    <nav>
+      <ul>
+        <li><a href="/">Home</a></li>
+        <li><a href="/contest/" title="Forensic Contest">Contest</a></li>
+        <li><a href="https://github.com/dirtbags" title="Projects on Github">Projects</a></li>
+      </ul>
+    </nav>
+  </body>
+</html>
--- a/assets/css/dirtbags.css
+++ b/assets/css/dirtbags.css
@ -0,0 +1,151 @@
+/**** document ****/
+
+html {
+    background: #eed url(/assets/images/grunge.png) repeat-x;
+}
+
+body {
+    font-family: sans-serif;
+    color: #112;
+    padding: 10px;
+    max-width: 700px;
+}
+
+/**** heading ****/
+
+#title {
+    text-transform: lowercase;
+    font-size: 1.6em;
+    padding: 3px;
+    margin: 0 0 1em 2em;
+}
+
+#title:before {
+   color: #999;
+   letter-spacing: -0.1em;
+   content: "Dirtbags: ";
+}
+
+/*** left side bar ***/
+
+nav h2 {
+  display: none;
+}
+
+nav ul {
+  list-style: none;
+  text-align: center;
+}
+
+nav li {
+    display: inline;
+}
+
+nav li a {
+  text-transform: lowercase;
+  font-size: 0.9em;
+}
+
+nav li + li:before {
+    content: " | ";
+}
+
+
+/**** body ****/
+
+a img {
+    border: 0px;
+}
+
+a {
+    text-decoration: none;
+    color: #2a4;
+    font-weight: bold;
+}
+
+a:hover {
+    color: #ddc;
+    background: #2a4;
+}
+
+
+h1, h2, h3 {
+    color: #464;
+    letter-spacing: -0.05em;
+}
+
+.readme {
+    background-color: #ccc;
+    margin: 1em;
+}
+
+pre {
+    background-color: #ccc;
+    border: solid #888 2px;
+    padding: 0.25em;
+}
+
+
+th {
+    vertical-align: top;
+    text-align: center;
+}
+td {
+    vertical-align: top;
+    text-align: right;
+}
+
+p {
+    line-height: 1.4em;
+    margin-bottom: 20px;
+}
+
+hr {
+    border: 1px solid #444;
+}
+
+dt {
+    white-space: pre;
+    background-color: #333;
+    padding: 5px;
+    border: 2px solid green;
+    border-bottom: none;
+    font-weight: bold;
+}
+
+dd {
+    border: 2px solid green;
+    margin: 0px;
+    padding: 5px;
+    background-color: #282828;
+}
+
+
+/**** special cases ****/
+
+.wide {
+    max-width: inherit;
+}
+
+.figure {
+    margin: 0.5em 1em;
+    float: right;
+    font-size: small;
+    text-align: center;
+}
+
+.scoreboard {
+    background: #222;
+}
+
+.scoreboard td {
+    height: 400px;
+}
+
+#battlefield {
+    border: 2px solid green;
+}
+
+.solved {
+    text-decoration: line-through;
+}