From e33de5b5936c55753ed7af72df05bf78515cfff0 Mon Sep 17 00:00:00 2001
From: Radek Czajka <radekczajka@nowoczesnapolska.org.pl>
Date: Thu, 25 Sep 2014 11:00:30 +0200
Subject: [PATCH] Nicer CSS for main page.

---
 content/index.html          | 70 +++++++++++++++------------
 content/media/css/base.scss | 96 ++++++++++++++++++-------------------
 site.yaml                   |  2 -
 3 files changed, 87 insertions(+), 81 deletions(-)

diff --git a/content/index.html b/content/index.html
index d480155..8bd3be9 100644
--- a/content/index.html
+++ b/content/index.html
@@ -11,36 +11,6 @@ extends: base.j2
 
 {% block body %}
 
-<section id="logos" style="
-    background: white;
-    padding: 
-    "><section>
-        <h1>Organizator</h1
-        ><a href='https://nowoczesnapolska.org.pl'><img
-            src="{{ media_url('logos/nowoczesna-polska.png') }}"
-            alt="Fundacja Nowoczesna Polska"
-            title="Fundacja Nowoczesna Polska"></a
-        ><a href='https://prawokultury.pl'><img
-            src="{{ media_url('logos/prawo-kultury-1.png') }}"
-            alt="Prawo Kultury"
-            title="Prawo Kultury"></a
-    ></section><section
-        ><h1>Grantodawca</h1
-        ><a href='http://ceetrust.org'><img
-            src="{{ media_url('logos/trust.png') }}"
-            alt="Trust for Civil Society in Central and Eastern Europe"
-            title="Trust for Civil Society in Central and Eastern Europe"></a
-    ></section><section>
-        <h1>Patron merytoryczny</h1
-        ><a href='https://www.icm.edu.pl'><img
-            src="{{ media_url('logos/icm-logo-1.png') }}"
-            alt="Interdyscyplinarne Centrum Modelowania Matematycznego i Komputerowego, Uniwersytet Warszawski"
-            title="Interdyscyplinarne Centrum Modelowania Matematycznego i Komputerowego, Uniwersytet Warszawski"></a
-        ><a href='http://pon.edu.pl'><img
-            src="{{ media_url('logos/pon.png') }}"
-            alt="Platforma Otwartej Nauki"
-            title="Platforma Otwartej Nauki"></a
-    ></section></section>
 
 <header>
 <h1>Krótki kurs własności intelektualnej<br/> Materiały dla wyższych uczelni</h1>
@@ -53,16 +23,19 @@ Informacje o kursie</a>
 <div style="clear:both"></div>
 </header>
 
+<section id="toc">
+
 <section class="home-section" id="tools">
     <h2>Pobierz</h2>
 
     <a class="list-item" href="{{ media_url('krotki-kurs-wlasnosci-intelektualnej-podrecznik.pdf') }}">Podręcznik w&nbsp;formacie PDF</a>
     <a class="list-item" href="{{ media_url('krotki-kurs-wlasnosci-intelektualnej-slajdy-odp.zip') }}">Slajdy w&nbsp;formacie ODP</a>
     <a class="list-item" href="{{ media_url('krotki-kurs-wlasnosci-intelektualnej-slajdy-pdf.zip') }}">Slajdy w&nbsp;formacie PDF</a>
-    <!--a class="list-item" href="">Kurs w&nbsp;formacie SCORM (zgodny z Moodle)</a-->
+    {#- <a class="list-item" href="">Kurs w&nbsp;formacie SCORM (zgodny z Moodle)</a> #}
     <a class="list-item" href="http://ofop.redakcja.wolnelektury.pl/documents/book/kurs-ip-dla-uniwersytetow/">Źródło do edycji</a>
 </section>
 
+
 {%- for grp, res_walker in site.content.walk_section_groups() -%}
     {%- if grp.name != 'section' -%}
         <section class="home-section {{ grp.name }}">
@@ -81,4 +54,39 @@ Informacje o kursie</a>
     {%- endif -%}
 {%- endfor %}
 
+</section>
+
+
+<section id="logos" style="
+    background: white;
+    padding: 
+    "><section>
+        <h1>Organizator</h1
+        ><a href='https://nowoczesnapolska.org.pl'><img
+            src="{{ media_url('logos/nowoczesna-polska.png') }}"
+            alt="Fundacja Nowoczesna Polska"
+            title="Fundacja Nowoczesna Polska"></a
+        ><a href='https://prawokultury.pl'><img
+            src="{{ media_url('logos/prawo-kultury-1.png') }}"
+            alt="Prawo Kultury"
+            title="Prawo Kultury"></a
+    ></section><section
+        ><h1>Grantodawca</h1
+        ><a href='http://ceetrust.org'><img
+            src="{{ media_url('logos/trust.png') }}"
+            alt="Trust for Civil Society in Central and Eastern Europe"
+            title="Trust for Civil Society in Central and Eastern Europe"></a
+    ></section><section>
+        <h1>Patron merytoryczny</h1
+        ><a href='https://www.icm.edu.pl'><img
+            src="{{ media_url('logos/icm-logo-1.png') }}"
+            alt="Interdyscyplinarne Centrum Modelowania Matematycznego i Komputerowego, Uniwersytet Warszawski"
+            title="Interdyscyplinarne Centrum Modelowania Matematycznego i Komputerowego, Uniwersytet Warszawski"></a
+        ><a href='http://pon.edu.pl'><img
+            src="{{ media_url('logos/pon.png') }}"
+            alt="Platforma Otwartej Nauki"
+            title="Platforma Otwartej Nauki"></a
+    ></section></section>
+
+
 {% endblock %}
\ No newline at end of file
diff --git a/content/media/css/base.scss b/content/media/css/base.scss
index 274509c..8bac975 100644
--- a/content/media/css/base.scss
+++ b/content/media/css/base.scss
@@ -146,8 +146,8 @@ section.home-section {
 
 footer {
     border-top: 1px solid #fff;
-    padding: 1em 0;
-    margin-top: 3rem;
+    padding: 1rem 0;
+    margin-top: 0;
     font-size: .75rem;
 
     .footer-item {
@@ -191,7 +191,7 @@ nav {
 
 
 #logos {
-    margin: 0 auto;
+    margin: 0;
     padding: .5rem 0 .5rem;
     text-align: left;
     section {
@@ -228,55 +228,55 @@ nav {
     }
 }
 
+#toc {
+    margin-bottom: 3rem;
+}
 
 body#index {
     #body {
-        display: -webkit-box;
-        display: -moz-box;
-        display: -ms-flexbox;
-        display: -webkit-flex;
-        display: flex;
-
-        -webkit-box-orient: vertical;
-        -moz-box-orient: vertical;
-        -webkit-box-direction: normal;
-        -moz-box-direction: normal;
-        -webkit-flex-direction: column;
-        -ms-flex-direction: column;
-        flex-direction: column;
-
         @media screen and (min-width: 36em) {
-            display: block;
-        }
-
-
-        header {
-            -webkit-box-ordinal-group: 1;
-            -moz-box-ordinal-group: 1;
-            -ms-flex-order: 1;
-            -webkit-order: 1;
-            order: 1;
-        }
-        .home-section {
-            -webkit-box-ordinal-group: 3;
-            -moz-box-ordinal-group: 3;
-            -ms-flex-order: 3;
-            -webkit-order: 3;
-            order: 3;
-        }
-        #logos {
-            -webkit-box-ordinal-group: 4;
-            -moz-box-ordinal-group: 4;
-            -ms-flex-order: 4;
-            -webkit-order: 4;
-            order: 4;
-        }
-        footer {
-            -webkit-box-ordinal-group: 100;
-            -moz-box-ordinal-group: 100;
-            -ms-flex-order: 100;
-            -webkit-order: 100;
-            order: 100;
+            display: -webkit-box;
+            display: -moz-box;
+            display: -ms-flexbox;
+            display: -webkit-flex;
+            display: flex;
+
+            -webkit-box-orient: vertical;
+            -moz-box-orient: vertical;
+            -webkit-box-direction: normal;
+            -moz-box-direction: normal;
+            -webkit-flex-direction: column;
+            -ms-flex-direction: column;
+            flex-direction: column;
+
+            #logos {
+                -webkit-box-ordinal-group: 1;
+                -moz-box-ordinal-group: 1;
+                -ms-flex-order: 1;
+                -webkit-order: 1;
+                order: 1;
+            }
+            header {
+                -webkit-box-ordinal-group: 2;
+                -moz-box-ordinal-group: 2;
+                -ms-flex-order: 2;
+                -webkit-order: 2;
+                order: 2;
+            }
+            #toc {
+                -webkit-box-ordinal-group: 3;
+                -moz-box-ordinal-group: 3;
+                -ms-flex-order: 3;
+                -webkit-order: 3;
+                order: 3;
+            }
+            footer {
+                -webkit-box-ordinal-group: 100;
+                -moz-box-ordinal-group: 100;
+                -ms-flex-order: 100;
+                -webkit-order: 100;
+                order: 100;
+            }
         }
     }
 }
\ No newline at end of file
diff --git a/site.yaml b/site.yaml
index d25e29c..aab4d85 100644
--- a/site.yaml
+++ b/site.yaml
@@ -73,5 +73,3 @@ grouper:
               title: "Rozdział 5"
             - name: rozdzial-6
               title: "Rozdział 6"
-            - name: main
-            - name: outro
-- 
2.20.1