Add new page 'blogs'.

4 files changed, 61 insertions, 2 deletions

diff --git a/content/blogs.md b/content/blogs.md
new file mode 100644
index 0000000..97d70c1
--- /dev/null
+++ b/content/blogs.md
@@ -0,0 +1,8 @@
++++
+date = "2016-11-18T11:10:19+02:00"
+draft = false 
+title = "my blogs"
+type = "blogs"
+layout = "single"
+
++++
diff --git a/layouts/blogs/single.html b/layouts/blogs/single.html
new file mode 100644
index 0000000..b84d572
--- /dev/null
+++ b/layouts/blogs/single.html
@@ -0,0 +1,32 @@
+{{partial "header.tmpl" .}}
+<div class="row">
+    <header><p>{{.Title}}</p></header>
+</div>
+<div class="container content journal">
+	<div class="row">
+		<div class="twelve columns article">
+			<h6><a class="header-link" href="//www.complicissimus.de" title="Der Complicissimus.de">Der Complicissimus.de</a></h6>
+			<p>My Blog, where I collect interesting articles on the web and post my random thoughts (in German).</p>
+			<div class="row center">
+				<a class="button button-dark" href="//www.complicissimus.de">Read More</a>
+			</div>
+		</div>
+	</div>
+</div>
+<div class="container content journal">
+	<div class="row">
+		<div class="twelve columns article">
+			<h6><a href="//www.fuselkönig.de" title="Fuselkönig.de" class="header-link">Fuselkönig.de</a></h6>
+			<p>I write over Alcohol and Spirits and keep notes of the taste. It's in German as well.</p>
+			<div class="row center">
+				<a class="button button-dark" href="//www.fuselkoenig.de">Read More</a>
+			</div>
+		</div>
+	</div>
+</div>
+<div class="row center">
+	<p class="twelve columns" style="margin-top: 20px">
+		<a class="button" href="../" title="back to index">go back</a>
+	</p>
+</div>
+{{partial "footer.tmpl" .}}
diff --git a/layouts/index.html b/layouts/index.html
index 79e4bdc..6e3e448 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -5,17 +5,26 @@
 <div class="container main">
 	<div class="row">
 		<div class="twelve columns">
-           	 	<a href="https://www.complicissimus.de" title="blog">the blog</a>
+           	 	<a href="blogs/" title="blogs">blogs</a>
 		</div>
 		<div class="twelve columns margin-top-small">
             		<a href="projects/" title="side projects">projects</a>
 		</div>
-		<div class="twelve columns margin-top-small">
+		<!--div class="twelve columns margin-top-small">
+            		<a href="projects/" title="side projects">websites</a>
+		</div-->
+		<!--div class="twelve columns margin-top-small">
             		<a href="journal/" title="journal">journal</a>
+		</div-->
+		<div class="twelve columns margin-top-small">
+            		<a href="snippets/ " title="snippets">snippets</a>
 		</div>
 		<div class="twelve columns margin-top-small">
             		<a href="contact/" title="contact">contact</a>
 		</div>
+		<!--div class="twelve columns margin-top-small">
+            		<a href="projects/" title="side projects">more</a>
+		</div-->
 	</div>
 </div>
 {{partial "footer.tmpl"}}
diff --git a/static/custom.css b/static/custom.css
index 807ab55..ec5f0b5 100644
--- a/static/custom.css
+++ b/static/custom.css
@@ -48,6 +48,9 @@ a:hover {
 .button:hover {
 	color:#efefef;
 }
+.button-dark {
+	background-color: #171717;
+}
 .center {
 	text-align: center;
 }
@@ -167,3 +170,10 @@ select:focus {
 .hp {
 	display: none;
 }
+
+.header-link {
+	font-size: inherit;
+}
+.header-link:hover {
+	color: #171717;
+}