Changed tag list background color.

[wolnelektury.git] / wolnelektury / templates / catalogue / main_page.html

diff --git a/wolnelektury/templates/catalogue/main_page.html b/wolnelektury/templates/catalogue/main_page.html
index 6b3ae8a..35a680e 100644 (file)
--- a/wolnelektury/templates/catalogue/main_page.html
+++ b/wolnelektury/templates/catalogue/main_page.html
@@ -13,7 +13,7 @@
     </form>
     
     <div id="intro">
-        <p id="tags-description">↓ Przeglądaj lektury według wybranych kategorii i motywów literackich ↓</p>
+        <p id="tags-description">↓ Przeglądaj lektury według wybranych kategorii ↓</p>
         <div id="propaganda">
             <h2>Twoje półki z lekturami</h2>
             {% if user.is_authenticated %}
@@ -43,27 +43,70 @@
                     <h2>Autorzy</h2>
                     {% folded_tag_list categories.author %}
                 {% endif %}
-            
-                {% if categories.epoch %}
-                    <h2>Epoki</h2>
-                    {% folded_tag_list categories.epoch %}
-                {% endif %}
-            
                 {% if categories.kind %}
                     <h2>Rodzaje</h2>
                     {% folded_tag_list categories.kind %}
                 {% endif %}
-            
                 {% if categories.genre %}
-                    <h2>Gatunki literackie</h2>
+                    <h2>Gatunki</h2>
                     {% folded_tag_list categories.genre %}
                 {% endif %}
+                {% if categories.epoch %}
+                    <h2>Epoki</h2>
+                    {% folded_tag_list categories.epoch %}
+                {% endif %}
             </div>
             <div id="themes-list">
                 {% if fragment_tags %}
-                    <h2>Motywy</h2>
+                    <h2>Motywy i tematy</h2>
                     {% folded_tag_list fragment_tags %}
                 {% endif %}
+                <h2>Rodziny motywów</h2>
+                <div class="shown-tags">
+                    <ol>
+                        <li>świat w perspektywie etycznej
+                            <span class="subcategories">    
+                                <a href="/katalog/dobro/">Dobro</a>, <a href="/katalog/zlo">Zło</a>,
+                                <a href="/katalog/sumienie/">Sumienie</a>, <a href="/katalog/kuszenie/">Kuszenie</a>
+                            </span>
+                        </li>
+                        <li>polityczny obraz świata
+                            <span class="subcategories">
+                                <a href="/katalog/panstwo/">Państwo</a>, <a href="/katalog/obywatel/">Obywatel</a>,
+                                <a href="/katalog/patriota/">Patriota</a>, <a href="/katalog/ojczyzna/">Ojczyzna</a>
+                            </span>
+                        </li>
+                        <li>przyroda
+                            <span class="subcategories">
+                                <a href="/katalog/natura/">Natura</a>, <a href="/katalog/zywioly/">Żywioły</a>,
+                                <a href="/katalog/ogien/">Ogień</a>, <a href="/katalog/ziemia/">Ziemia</a>
+                            </span>
+                        </li>
+                    </ol>
+                    <p><a href="#" class="show-all-tags">Zobacz więcej</a></p>
+                </div>
+                <div class="all-tags">
+                    <ol>
+                        <li>świat w perspektywie etycznej
+                            <span class="subcategories">    
+                                <a href="/katalog/dobro/">Dobro</a>, <a href="/katalog/zlo">Zło</a>,
+                                <a href="/katalog/sumienie/">Sumienie</a>, <a href="/katalog/kuszenie/">Kuszenie</a>
+                            </span>
+                        </li>
+                        <li>polityczny obraz świata
+                            <span class="subcategories">
+                                <a href="/katalog/panstwo/">Państwo</a>, <a href="/katalog/obywatel/">Obywatel</a>,
+                                <a href="/katalog/patriota/">Patriota</a>, <a href="/katalog/ojczyzna/">Ojczyzna</a>
+                            </span>
+                        </li>
+                        <li>przyroda
+                            <span class="subcategories">
+                                <a href="/katalog/natura/">Natura</a>, <a href="/katalog/zywioly/">Żywioły</a>,
+                                <a href="/katalog/ogien/">Ogień</a>, <a href="/katalog/ziemia/">Ziemia</a>
+                            </span>
+                        </li>
+                    </ol>
+                </div>
             </div>
             <div class="clearboth"></div>
         </div>