Added custom links & social media stuff

starburst1977 · Apr 25, 2014 · 55447cd · 55447cd
1 parent 8dfb00c
commit 55447cd
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 2 deletions.
diff --git a/assets/css/main.css b/assets/css/main.css
@@ -129,13 +129,22 @@ body {
     word-break: break-word;
     color: #333333; }
   .blog-header .blog-description {
-    margin: 0 0 50px;
+    margin: 0 0 20px;
     padding: 0 32px;
     font-size: 18px;
     line-height: 1.5;
     color: #666666;
     text-align: center;
     font-weight: 400; }
+  .blog-header .custom-links {
+    margin: 0 0 50px;
+    text-align: center;
+    color: #cccccc; }
+    .blog-header .custom-links a {
+      text-decoration: none;
+      color: #999999; }
+      .blog-header .custom-links a:hover {
+        color: #333333; }
 
 .content {
   width: 100%;
@@ -611,6 +620,8 @@ body {
       text-align: center;
       font-weight: 400;
       text-shadow: 0px 1px 16px rgba(0, 0, 0, 0.5), 0px 0px 1px rgba(0, 0, 0, 0.5); }
+    .bottom-closer .inner .custom-links {
+      margin: 0 0 50px; }
     .bottom-closer .inner .btn {
       display: inline-block;
       text-align: center;

diff --git a/assets/css/main.sass b/assets/css/main.sass
@@ -132,13 +132,22 @@ body
 		word-break: break-word
 		color: #333
 	.blog-description
-		margin: 0 0 50px
+		margin: 0 0 20px
 		padding: 0 $rs*2
 		font-size: $rs/8*9
 		line-height: 1.5
 		color: #666
 		text-align: center
 		font-weight: 400
+	.custom-links
+		margin: 0 0 50px
+		text-align: center
+		color: #ccc
+		a
+			text-decoration: none
+			color: #999
+			&:hover
+				color: #333
 
 .content
 	width: 100%
@@ -597,6 +606,8 @@ body
 			text-align: center
 			font-weight: 400
 			text-shadow: 0px 1px 16px rgba(0,0,0,0.5), 0px 0px 1px rgba(0,0,0,0.5)
+		.custom-links
+			margin: 0 0 50px
 		.btn
 			display: inline-block
 			text-align: center

diff --git a/index.hbs b/index.hbs
@@ -17,6 +17,14 @@
     {{#if @blog.logo}}<a class="blog-logo" href="{{@blog.url}}" style="background-image: url({{@blog.logo}})">{{@blog.title}}</a>{{/if}}
     <h1 class="blog-title">{{@blog.title}}</h1>
     <h2 class="blog-description">{{@blog.description}}</h2>
+    <div class="custom-links">
+        <a href="https://twitter.com/MarkReadM" target="_blank"><i class="fa fa-twitter"></i></a>&nbsp;&nbsp;
+        <a href="https://plus.google.com/113570202169808481097/posts" target="_blank"><i class="fa fa-google-plus"></i></a>&nbsp;&nbsp;
+        <a href="https://www.pinterest.com/markreadM/" target="_blank"><i class="fa fa-pinterest"></i></a>&nbsp;&nbsp;·&nbsp;&nbsp;
+        <a href="/aboutme/">Über mich</a>&nbsp;&nbsp;·&nbsp;&nbsp;
+        <a href="/veroffentlichungen/">Veröffentlichungen</a>&nbsp;&nbsp;·&nbsp;&nbsp;
+        <a href="/alles-ausser-sprachkritik/">Sprachkritik</a>
+    </div>
 </header>
 
 <script>