Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Add first attempt at template & CSS.

  • Loading branch information...
commit cf50f01f696f492905ef476784400aa5379fc2e9 1 parent 58fa15f
@hermannloose authored
View
1  .gitignore
@@ -0,0 +1 @@
+_site
View
18 _layouts/layout.html
@@ -0,0 +1,18 @@
+<html>
+ <head>
+ <title>{{ page.title }}</title>
+ <link rel="stylesheet" href="/css/style.css" type="text/css" />
+ <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=PT+Serif" type="text/css" />
+ <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Terminal+Dosis" type="text/css" />
+ </head>
+ <body>
+ <div id="blogtitle">Burn And Tremble</div>
+ <div id="pages_nav">
+ <a href="/index.html">Blog</a>
+ <a href="/about.html">About</a>
+ </div>
+ <div id="content">
+ {{ content }}
+ </div>
+ </body>
+</html>
View
9 _layouts/post.html
@@ -0,0 +1,9 @@
+---
+layout: layout
+---
+
+<h1>{{ page.title }}</h1>
+
+<div id="post_content">
+ {{ content }}
+</div>
View
8 about.html
@@ -0,0 +1,8 @@
+---
+layout: layout
+title: "About"
+---
+
+<div>
+ … to be written …
+</div>
View
80 css/style.css
@@ -0,0 +1,80 @@
+body {
+ font-family: "PT Serif", serif;
+ font-size: 12pt;
+
+ margin: 0em;
+ padding: 0em 13em;
+}
+
+#blogtitle {
+ background: #252525;
+
+ font-family: "Helsinki", serif;
+ font-size: 30pt;
+ color: #fff;
+
+ padding: 0.2em 0.6em;
+}
+
+#pages_nav {
+ background: #444;
+
+ font-family: "Terminal Dosis", sans-serif;
+ font-weight: bold;
+ color: #fff;
+
+ padding: 0.2em 2em;
+}
+
+#pages_nav a, #pages_nave a:visited, #pages_nav a:hover {
+ color: #fff;
+ text-decoration: none;
+
+ padding-right: 0.5em;
+}
+
+#content {
+ padding: 1em 2em;
+}
+
+#posts {
+ font-family: "Terminal Dosis", sans-serif;
+ font-size: 14pt;
+
+ list-style: none;
+
+ margin: 0em;
+ padding: 0em;
+}
+
+#posts a {
+ font-weight: bold;
+ color: #000;
+ text-decoration: none;
+
+ padding-right: 0.5em;
+}
+
+.post_date {
+ font-family: "Terminal Dosis", sans-serif;
+ color: #aaa;
+
+ display: inline-block;
+
+ padding: 0em 0.3em;
+}
+
+h1, h2, h3, h4, h5, h6 {
+ font-family: "PT Serif", serif;
+ font-weight: bold;
+ color: #333;
+
+ padding: 0em;
+}
+
+#post_content {
+ text-align: justify;
+
+ margin: 0em;
+ padding: 0em;
+}
View
17 index.html
@@ -1,4 +1,13 @@
-<html>
- <head><head>
- <body>Just a file to get page generation started. Looking into Jekyll later.</body>
-</html>
+---
+layout: layout
+title: "Burn And Tremble"
+---
+
+<ul id="posts">
+ {% for post in site.posts %}
+ <li>
+ <a href="{{ post.url }}">{{ post.title }}</a>
+ <div class="post_date">({{ post.date | date: "%B %e, %Y" }})</div>
+ </li>
+ {% endfor %}
+</ul>
Please sign in to comment.
Something went wrong with that request. Please try again.