diff options
| author | Veikka Kähkönen <insiding@gmail.com> | 2017-11-28 15:52:07 +0200 |
|---|---|---|
| committer | Veikka Kähkönen <insiding@gmail.com> | 2017-11-28 15:52:07 +0200 |
| commit | 6f0bbb90af95be29f651d541926473fcc59da07f (patch) | |
| tree | beb5ce84c6c486f5f7b1aba5d31cf1c8028c75f5 | |
| parent | e584113161f74407f70206fafceb81812f544d27 (diff) | |
Restructure index page
| -rw-r--r-- | _includes/index_content.md | 1 | ||||
| -rw-r--r-- | _sass/_info.scss | 9 | ||||
| -rw-r--r-- | css/main.scss | 3 | ||||
| -rw-r--r-- | index.html | 30 |
4 files changed, 32 insertions, 11 deletions
diff --git a/_includes/index_content.md b/_includes/index_content.md new file mode 100644 index 0000000..96013fb --- /dev/null +++ b/_includes/index_content.md @@ -0,0 +1 @@ +Tähän esittelyteksti. diff --git a/_sass/_info.scss b/_sass/_info.scss new file mode 100644 index 0000000..7c6e256 --- /dev/null +++ b/_sass/_info.scss @@ -0,0 +1,9 @@ +.info_section { + margin-bottom: 1.5em; +} + +.info_section__title { + background-color: $purple_color; + color: white; + padding: 0.4em; +} diff --git a/css/main.scss b/css/main.scss index 1a624c7..2e05699 100644 --- a/css/main.scss +++ b/css/main.scss @@ -147,5 +147,6 @@ $font-serif: 'Sintony', sans-serif; "special", "syntax-highlighting", "contacts", - "grid" + "grid", + "info" ; @@ -4,22 +4,32 @@ layout: default <div class="home"> -<article class="post" style="text-align: center"> +<article class="post"> <div class="post-content"> + <div class="section group"> -<p>Lorem ipsum ja joku esittelyteksti killasta!</p> + <div class="col span_1_of_2 info_section"> + <h1 class="info_section__title">Ajankohtaista</h1> + {%for post in site.posts limit:5 %} + <li><a href="{{ site.baseurl}}{{ post.url }}">{{ post.date | date: "%d.%m.%Y" }} - {{ post.title }}</a></li> + {% endfor %} + <li><a href="{{ site.baseurl}}/uutiset">Lisää uutisia uutisarkistossa</a></li> + </div> -<p>look around you</p> - - -<h1>Uusimpia uutisia:</h1> -{%for post in site.posts limit:5 %} -<li><a href="{{ site.baseurl}}{{ post.url }}">{{ post.date | date: "%d.%m.%Y" }} - {{ post.title }}</a></li> -{% endfor %} -<li><a href="{{ site.baseurl}}/uutiset">Lisää uutisia uutisarkistossa</a></li> + <div class="col span_1_of_2"> + <div class="info_section"> + <h1 class="info_section__title">Tulevat tapahtumat</h1> + Tapahtumia. + </div> + <div class="info_section"> + <h1 class="info_section__title">AS? AIT? WTF?</h1> + {% include index_content.md %} + </div> + </div> + </div> </div> </article> |