Commit e69aaac9 authored by nirgendswo's avatar nirgendswo

adding navigation

adding blog styles
parent c0c85cc1
......@@ -1431,7 +1431,6 @@ template {
font-family: monospace, monospace;
font-size: 1em; }
.content .code__result dl {
clear: left;
margin: 0 0 10px 0; }
.content .code__result dl dt {
clear: left;
......@@ -1471,6 +1470,8 @@ template {
.icon--feature {
width: 60px;
height: 60px; }
.icon--date {
margin-top: -4px; }
.icon--small {
width: 12px;
height: 12px; }
......@@ -1494,9 +1495,12 @@ template {
*
*
* @author Björn Hase
*
*/
a {
text-decoration: none; }
font-weight: bold;
text-decoration: none;
color: #7e1c98; }
a:hover {
color: #1c262b; }
......@@ -1629,6 +1633,7 @@ textarea {
margin: 0;
padding: 0; }
.navigation__item {
font-weight: normal;
text-align: center;
text-decoration: none;
display: block;
......@@ -1867,6 +1872,30 @@ textarea {
font-size: 22px;
font-size: 2.2rem; }
/**
* Post
*
*
* @author Björn Hase
*
*/
.post__title {
font-family: 'Oswald', sans-serif;
text-align: center;
margin: .5em 0 .7em;
font-size: 22px;
font-size: 2.2rem; }
.post__hr {
margin-bottom: 15px; }
.post__header {
margin-bottom: 30px; }
.post__date {
text-align: center;
display: block; }
/**
* overlay
*
......
......@@ -25,5 +25,9 @@ $icon__sizes: (
height: 60px;
}
&--date {
margin-top: -4px;
}
@include icon-sizes($icon__sizes);
}
......@@ -16,6 +16,8 @@
}
&__item {
font-weight: normal;
text-align: center;
text-decoration: none;
......
/**
* Post
*
*
* @author Björn Hase
*
*/
.post {
&__title {
font-family: 'Oswald', sans-serif;
text-align: center;
margin: .5em 0 .7em;
@include fontSize(2.2);
}
&__hr {
margin-bottom: 15px;
}
&__header {
margin-bottom: 30px;
}
&__date {
text-align: center;
display: block;
}
}
......@@ -3,10 +3,13 @@
*
*
* @author Björn Hase
*
*/
a {
font-weight: bold;
text-decoration: none;
color: lighten($purple-color, 10%);
&:hover {
color: $dark-color;
......
......@@ -17,6 +17,7 @@
'components/privacy',
'components/share',
'components/page',
'components/post',
'components/overlay',
'components/box',
'site/header',
......
......@@ -21,19 +21,27 @@
@foreach($pageRepository->find(
['type' => 'post'],
['parent' => '/blog', 'orderBy' => ['createdAt' => 'asc']]) as $post)
<article class="grid__col-xs-12 grid__col-md-8">
<div class="grid__col-xs-12 grid__col-md-10">
<div class="box box--post">
<h2>
{{ $post->data['title'] }}
</h2>
<time datetime="{{ $post->data['createdAt'] }}">
{{ Carbon\Carbon::parse($post->data['createdAt'])->format('d.m.Y') }}
</time>
<div>
{!! $post->html() !!}
</div>
<article class="post">
<header class="post__header">
<h2 class="post__title">
{{ $post->data['title'] }}
</h2>
<hr class="post__hr">
<time class="post__date" datetime="{{ $post->data['createdAt'] }}">
<svg class="icon icon--date">
<use xlink:href="/assets/svg/icons.svg#calendar" />
</svg>
{{ Carbon\Carbon::parse($post->data['createdAt'])->format('d.m.Y') }}
</time>
</header>
<div class="content">
{!! $post->html() !!}
</div>
</article>
</div>
</article>
</div>
@endforeach
</div>
</section>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment