From f1da7165ef03b20bdb044eb287d85cbea02703a1 Mon Sep 17 00:00:00 2001 From: Harald Eilertsen Date: Thu, 22 Sep 2016 23:11:51 +0200 Subject: Redesign front page. --- blog/_assets/stylesheets/_config.scss | 4 +- blog/_assets/stylesheets/main.scss | 24 ++++++++- blog/_includes/news.html | 6 +++ blog/_includes/sponsors.html | 94 +++++++++++++++++++---------------- blog/_layouts/default.html | 7 +-- blog/_layouts/homepage.html | 28 +++++++++-- blog/index.html | 13 +---- 7 files changed, 109 insertions(+), 67 deletions(-) create mode 100644 blog/_includes/news.html diff --git a/blog/_assets/stylesheets/_config.scss b/blog/_assets/stylesheets/_config.scss index 8477f0a..c8b5066 100644 --- a/blog/_assets/stylesheets/_config.scss +++ b/blog/_assets/stylesheets/_config.scss @@ -1,5 +1,5 @@ -$body-bg: black; -$text-color: #aaa; +$body-bg: rgba(0, 0, 0, 0.4); +$text-color: #acbed5; $heading-color: #3379BF; $dimmed-text-color: darken($text-color, 20%); $link-color: #93A2B1; //#686; diff --git a/blog/_assets/stylesheets/main.scss b/blog/_assets/stylesheets/main.scss index 16deaf6..0923299 100644 --- a/blog/_assets/stylesheets/main.scss +++ b/blog/_assets/stylesheets/main.scss @@ -14,6 +14,7 @@ body { background: { image: image_url("background.jpg"); repeat: no-repeat; + attachment: fixed; position: center top; color: black; } @@ -34,6 +35,10 @@ h1 { font-size: 20pt; } +strong { + color: $dimmed-text-color; +} + #page-container { position: relative; width: 28cm; @@ -56,6 +61,8 @@ h1 { min-height: 700px; padding: 1cm; + font-size: 16pt; + background-color: $body-bg; @include round-corners; @@ -88,10 +95,18 @@ h1 { #sponsor-pos-1, #sponsor-pos-2 { text-align: center; + margin: { + left: auto; + right: auto; + } + height: 500px; + width: 3*(250px + 4mm); .sponsor-logos { + float: left; + width: 250px; + display: inline-block; .logo { - display: inline-block; - width: 250px; + display: block; vertical-align: middle; img { vertical-align: middle; @@ -102,5 +117,10 @@ h1 { background-color: $nav-link-hover-bg; } } + &:after { + content: "."; + visibility: hidden; + clear: both; + } } } diff --git a/blog/_includes/news.html b/blog/_includes/news.html new file mode 100644 index 0000000..f7983da --- /dev/null +++ b/blog/_includes/news.html @@ -0,0 +1,6 @@ +
+

{% t home.latest_news %}

+ {% for p in site.posts limit: 5 %} + {% include post-excerpt.html post=p %} + {% endfor %} +
diff --git a/blog/_includes/sponsors.html b/blog/_includes/sponsors.html index 433ac1a..b63d497 100644 --- a/blog/_includes/sponsors.html +++ b/blog/_includes/sponsors.html @@ -1,44 +1,50 @@ - - + diff --git a/blog/_layouts/default.html b/blog/_layouts/default.html index 676adb1..2daf763 100644 --- a/blog/_layouts/default.html +++ b/blog/_layouts/default.html @@ -11,11 +11,8 @@ {{ content }}
-

{% t global.our_sponsors %}

- - + {% include news.html %} + {% if site.links %}