Add anchors to themes.

[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 a1418ce..94eba67 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 ↓</p>
+        <p id="tags-description">↓ Przeglądaj lektury według wybranych kategorii i motywów literackich ↓</p>
         <div id="propaganda">
             <h2>Twoje półki z lekturami</h2>
             {% if user.is_authenticated %}
@@ -33,57 +33,80 @@
                 </ol>
                 </form>
             {% else %}
-                <p>Stwórz własny zestaw lektur!</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>
-                    <ul>
-                    {% for author in categories.author %}
-                        <li><a href="{% catalogue_url author %}">{{ author }}&nbsp;({{ author.count }})</a></li>
-                    {% endfor %}
-                    </ul>
+                    {% folded_tag_list categories.author %}
                 {% endif %}
-            
-                {% if categories.epoch %}
-                <h2>Epoki</h2>
-                    <ul>
-                    {% for epoch in categories.epoch %}
-                        <li><a href="{% catalogue_url epoch %}">{{ epoch }}&nbsp;({{ epoch.count }})</a></li>
-                    {% endfor %}
-                    </ul>                
-                {% endif %}
-            
                 {% if categories.kind %}
                     <h2>Rodzaje</h2>
-                    <ul>
-                    {% for kind in categories.kind %}
-                        <li><a href="{% catalogue_url kind %}">{{ kind }}&nbsp;({{ kind.count }})</a></li>
-                    {% endfor %}
-                    </ul>                
+                    {% folded_tag_list categories.kind %}
                 {% endif %}
-            
                 {% if categories.genre %}
                     <h2>Gatunki literackie</h2>
-                    <ul>
-                    {% for genre in categories.genre %}
-                        <li><a href="{% catalogue_url genre %}">{{ genre }}&nbsp;({{ genre.count }})</a></li>
-                    {% endfor %}
-                    </ul>                
+                    {% folded_tag_list categories.genre %}
+                {% endif %}
+                {% if categories.epoch %}
+                    <h2>Epoki</h2>
+                    {% folded_tag_list categories.epoch %}
                 {% endif %}
             </div>
             <div id="themes-list">
-                {% if categories.theme %}
-                    <h2>Motywy</h2>
-                    <ul>
-                    {% for theme in fragment_tags %}
-                        <li><a href="{% catalogue_url theme %}">{{ theme }}&nbsp;({{ theme.count }})</a></li>
-                    {% endfor %}
-                    </ul>                
+                {% if 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>