X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/c82303f184e8d139817ca963c81a63e4c442f9b9..cd678a14c6c7b26c5035a1167dd1e6c7bce3656b:/wolnelektury/templates/catalogue/main_page.html

diff --git a/wolnelektury/templates/catalogue/main_page.html b/wolnelektury/templates/catalogue/main_page.html
index 5cd85891a..35a680e58 100644
--- 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 %}
@@ -29,41 +29,84 @@
                 <hr />
                 <form action="{% url catalogue.views.new_set %}" method="post" accept-charset="utf-8" class="cuteform">
                 <ol>
-                    <li>{{ new_set_form.name }} <input type="submit" value="Utwórz nową półkę"/></li>
+                    <li>{{ new_set_form.name }} <input type="submit" value="Utwórz półkę"/></li>
                 </ol>
                 </form>
             {% else %}
-                <p>Stwórz własny zestaw lektur! Możesz się nim później podzielić z innymi, przesyłając im link do Twojej półki.</p>
-                <p>Aby zarządzać swoimi półkami musisz się <a class="login-register-link" href="#">zalogować</a>.</p>
+                <p>Stwórz własny zestaw lektur. Możesz się nim później podzielić z innymi, przesyłając im link do Twojej półki.</p>
+                <p>Aby zarządzać swoimi półkami, musisz się <a class="login-register-link" href="#">zalogować</a>.</p>
             {% endif %}
         </div>
         <div id="tags-list">
             <div id="categories-list">
                 {% if categories.author %}
                     <h2>Autorzy</h2>
-                    {% tag_list categories.author %}
+                    {% folded_tag_list categories.author %}
                 {% endif %}
-            
-                {% if categories.epoch %}
-                <h2>Epoki</h2>
-                    {% tag_list categories.epoch %}
-                {% endif %}
-            
                 {% if categories.kind %}
                     <h2>Rodzaje</h2>
-                    {% tag_list categories.kind %}
+                    {% folded_tag_list categories.kind %}
                 {% endif %}
-            
                 {% if categories.genre %}
-                    <h2>Gatunki literackie</h2>
-                    {% tag_list categories.genre %}
+                    <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>
-                    {% tag_list fragment_tags %}
+                    <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>