diff --git a/_includes/blog.html b/_includes/blog.html index a132f74..fd522f5 100644 --- a/_includes/blog.html +++ b/_includes/blog.html @@ -1,32 +1,37 @@ -{% for post in paginator.posts %} -
-
-

{{post.title}}

-

vom - {% if post.external-url %} -  | Org. Post - {% endif %}

-
-
- {{post.content}} -
-
-{% endfor %} +
+ {% for post in paginator.posts %} +
+
+
+

{{post.title}}

+

vom + {% if post.external-url %} +  | Org. Post + {% endif %} +

+
+
+
+ {{post.content}} +
+
+ {% endfor %} +
{% include pagination.html %} \ No newline at end of file diff --git a/_includes/header.html b/_includes/header.html index 8473e38..151e29d 100644 --- a/_includes/header.html +++ b/_includes/header.html @@ -1,6 +1,4 @@ + \ No newline at end of file diff --git a/_layouts/default.html b/_layouts/default.html index 551a1aa..773a13b 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -8,9 +8,7 @@ layout: compress {% include header.html %} {% include navigation.html %} -
- {{ content }} -
+ {{content}} {% include footer.html %} \ No newline at end of file diff --git a/_layouts/post.html b/_layouts/post.html index 56da7c0..a3144e5 100644 --- a/_layouts/post.html +++ b/_layouts/post.html @@ -1,44 +1,46 @@ --- layout: default --- -
-
- {% if page.featured-image %}{% include post-featured-image.html image=page.featured-image alt=page.featured-image-alt %}{% endif %} -
-

- {% if page.external-url %} - {{ page.title }} - {% else %} - {{ page.title }} - {% endif %} -

- -

vom - {% if page.external-url %} -  | Org. Post - {% endif %} -

+
+
+
+ {% if page.featured-image %}{% include post-featured-image.html image=page.featured-image alt=page.featured-image-alt %}{% endif %} +
+

+ {% if page.external-url %} + {{ page.title }} + {% else %} + {{ page.title }} + {% endif %} +

+ +

vom + {% if page.external-url %} +  | Org. Post + {% endif %} +

+
+
+
+ {{ content }}
-
-
- {{ content }} -
-
\ No newline at end of file + + \ No newline at end of file diff --git a/_sass/main.scss b/_sass/main.scss index 3e49de5..273df55 100644 --- a/_sass/main.scss +++ b/_sass/main.scss @@ -22,24 +22,44 @@ a:hover { background: none; } -header.header { - padding-top: 6rem; - padding-bottom: 3rem; - overflow: hidden; +.header { + position: fixed; + z-index: 20; + width: 100%; + height: 7rem; + border-bottom: #EBF2F6 1px solid; + padding: 1rem 0 1rem 2rem; + background-color:hsla(0,0%,100%,.95); } -header.header h1 { +.header:after { + display: block; + content: ""; + width: 7px; + height: 7px; + border: #E7EEF2 1px solid; + position: relative; + bottom: -20px; + left: 50%; + margin-left: -25px; + background-color:hsla(0,0%,100%,.95); + border-radius: 100%; +} + +.header h1 { + margin: 0 0 1rem 0; + padding: 0; font: 400 32px/1 'Open Sans', sans-serif; letter-spacing: -1px; color: #333; - margin-bottom: 6px; text-decoration: none; } -header.header p { +.header p { + margin: 0; + padding: 0 0 0 2px; font: 700 14px/1 'Open Sans', sans-serif; color: #444444; - padding: 0 0 0 2px; } .red { @@ -101,8 +121,12 @@ blockquote { padding-bottom: 3.6rem; } +.single-post { + padding-top: 10rem; +} + article.post:first-child { - padding-top: 3.6rem; + padding-top: 0; } article.post header.post-header div.post-title h2 { @@ -116,6 +140,7 @@ article.post header.post-header div.post-featured-image { article.post header.post-header div.post-featured-image img { max-width: 100%; width: 760px; + opacity: 75%; } article.post header.post-header p.public-date { @@ -124,10 +149,14 @@ article.post header.post-header p.public-date { } footer.site-footer div.wrapper, article .post-header, .pagination { - padding-top: 3.6rem; + padding-top: 2rem; border-top: #EBF2F6 1px solid; } +article.post:first-child .post-header { + padding-top: 10rem; +} + footer.site-footer div.wrapper:before, article.post header.post-header:before, .pagination:before { display: block; content: ""; @@ -135,12 +164,16 @@ footer.site-footer div.wrapper:before, article.post header.post-header:before, . height: 7px; border: #E7EEF2 1px solid; position: relative; - top: -41px; + top: -25px; left: 50%; margin-left: -5px; background: #FFF; border-radius: 100%; - box-shadow: #FFF 0 0 0 5px; +} + +article.post:first-child header.post-header, +article.post:first-child header.post-header:before { + border: none!important; } footer.site-footer {