From 9e41863c3cff14cbbc65b783ee57120fb59fa22c Mon Sep 17 00:00:00 2001
From: Radek Czajka <radoslaw.czajka@nowoczesnapolska.org.pl>
Date: Fri, 16 Dec 2011 12:06:48 +0100
Subject: [PATCH] starting with the new look

---
 apps/catalogue/models.py                      |  17 +
 apps/catalogue/urls.py                        |   2 +-
 apps/catalogue/views.py                       |   8 +-
 wolnelektury/settings.py                      |  34 +-
 wolnelektury/static/css/base.css              |  55 +++
 wolnelektury/static/css/book_box.css          |  30 ++
 wolnelektury/static/css/header.css            | 175 +++++++++
 wolnelektury/static/css/main_page.css         |  80 ++++
 wolnelektury/static/fonts/WL.eot              | Bin 0 -> 5300 bytes
 wolnelektury/static/fonts/WL.ttf              | Bin 0 -> 5120 bytes
 wolnelektury/static/img/bg-header.png         | Bin 0 -> 115 bytes
 wolnelektury/static/img/lang-arrow.png        | Bin 0 -> 243 bytes
 wolnelektury/templates/base.html              | 169 +++++----
 .../templates/catalogue/book_mini_box.html    |  13 +
 .../templates/catalogue/catalogue.html        |  23 ++
 .../templates/catalogue/main_page.html        | 358 ------------------
 wolnelektury/templates/main_page.html         | 110 ++++++
 wolnelektury/urls.py                          |  28 +-
 wolnelektury/views.py                         |  10 +
 19 files changed, 656 insertions(+), 456 deletions(-)
 create mode 100755 wolnelektury/static/css/base.css
 create mode 100755 wolnelektury/static/css/book_box.css
 create mode 100755 wolnelektury/static/css/header.css
 create mode 100755 wolnelektury/static/css/main_page.css
 create mode 100644 wolnelektury/static/fonts/WL.eot
 create mode 100644 wolnelektury/static/fonts/WL.ttf
 create mode 100644 wolnelektury/static/img/bg-header.png
 create mode 100644 wolnelektury/static/img/lang-arrow.png
 create mode 100755 wolnelektury/templates/catalogue/book_mini_box.html
 create mode 100644 wolnelektury/templates/catalogue/catalogue.html
 delete mode 100644 wolnelektury/templates/catalogue/main_page.html
 create mode 100755 wolnelektury/templates/main_page.html
 create mode 100755 wolnelektury/views.py

diff --git a/apps/catalogue/models.py b/apps/catalogue/models.py
index 12b394d00..a5b0ebf0c 100644
--- a/apps/catalogue/models.py
+++ b/apps/catalogue/models.py
@@ -503,6 +503,23 @@ class Book(models.Model):
                 cache.set(cache_key, short_html, CACHE_FOREVER)
             return mark_safe(short_html)
 
+    def mini_box(self):
+        if self.id:
+            cache_key = "Book.mini_boxs/%d" % (self.id, )
+            short_html = cache.get(cache_key)
+        else:
+            short_html = None
+
+        if short_html is None:
+            authors = self.tags.filter(category='author')
+
+            short_html = unicode(render_to_string('catalogue/book_mini_box.html',
+                {'book': self, 'authors': authors, 'STATIC_URL': settings.STATIC_URL}))
+
+            if self.id:
+                cache.set(cache_key, short_html, CACHE_FOREVER)
+        return mark_safe(short_html)
+
     @property
     def root_ancestor(self):
         """ returns the oldest ancestor """
diff --git a/apps/catalogue/urls.py b/apps/catalogue/urls.py
index ada2681ea..452335aca 100644
--- a/apps/catalogue/urls.py
+++ b/apps/catalogue/urls.py
@@ -8,7 +8,7 @@ from catalogue.models import Book
 
 
 urlpatterns = patterns('catalogue.views',
-    url(r'^$', 'main_page', name='main_page'),
+    url(r'^$', 'catalogue', name='catalogue'),
     url(r'^polki/(?P<shelf>[a-zA-Z0-9-]+)/formaty/$', 'shelf_book_formats', name='shelf_book_formats'),
     url(r'^polki/(?P<shelf>[a-zA-Z0-9-]+)/(?P<book>%s)/usun$' % Book.URLID_RE, 'remove_from_shelf', name='remove_from_shelf'),
     url(r'^polki/$', 'user_shelves', name='user_shelves'),
diff --git a/apps/catalogue/views.py b/apps/catalogue/views.py
index 235a17dd5..3a0e04ad7 100644
--- a/apps/catalogue/views.py
+++ b/apps/catalogue/views.py
@@ -55,11 +55,7 @@ class JSONResponse(HttpResponse):
         super(JSONResponse, self).__init__(data, mimetype="application/json", **kwargs)
 
 
-def main_page(request):
-    if request.user.is_authenticated():
-        shelves = models.Tag.objects.filter(category='set', user=request.user)
-        new_set_form = forms.NewSetForm()
-
+def catalogue(request):
     tags = models.Tag.objects.exclude(category__in=('set', 'book'))
     for tag in tags:
         tag.count = tag.get_count()
@@ -67,7 +63,7 @@ def main_page(request):
     fragment_tags = categories.get('theme', [])
 
     form = forms.SearchForm()
-    return render_to_response('catalogue/main_page.html', locals(),
+    return render_to_response('catalogue/catalogue.html', locals(),
         context_instance=RequestContext(request))
 
 
diff --git a/wolnelektury/settings.py b/wolnelektury/settings.py
index 5b5d4fe0b..ed63a1dbb 100644
--- a/wolnelektury/settings.py
+++ b/wolnelektury/settings.py
@@ -160,7 +160,13 @@ CACHE_MIDDLEWARE_ANONYMOUS_ONLY=True
 # CSS and JavaScript file groups
 COMPRESS_CSS = {
     'all': {
-        'source_filenames': ('css/master.css', 'css/jquery.autocomplete.css', 'css/jquery.countdown.css', 'css/master.plain.css', 'css/sponsors.css', 'css/facelist_2-0.css',),
+        #'source_filenames': ('css/master.css', 'css/jquery.autocomplete.css', 'css/jquery.countdown.css', 'css/master.plain.css', 'css/sponsors.css', 'css/facelist_2-0.css',),
+        'source_filenames': [
+            'css/base.css',
+            'css/header.css',
+            'css/main_page.css',
+            'css/book_box.css',
+        ],
         'output_filename': 'css/all.min?.css',
     },
     'book': {
@@ -175,26 +181,30 @@ COMPRESS_CSS = {
 
 COMPRESS_JS = {
     'jquery': {
-        'source_filenames': ('js/jquery.js',),
+        #'source_filenames': ('js/jquery.js',),
+        'source_filenames': [],
         'output_filename': 'js/jquery.min.js',
     },
     'all': {
-        'source_filenames': ('js/jquery.autocomplete.js', 'js/jquery.form.js',
-            'js/jquery.countdown.js', 'js/jquery.countdown-pl.js',
-            'js/jquery.countdown-de.js', 'js/jquery.countdown-uk.js',
-            'js/jquery.countdown-es.js', 'js/jquery.countdown-lt.js',
-            'js/jquery.countdown-ru.js', 'js/jquery.countdown-fr.js',
-            'js/jquery.cycle.min.js',
-            'js/jquery.jqmodal.js', 'js/jquery.labelify.js', 'js/catalogue.js',
-            ),
+        #~ 'source_filenames': ('js/jquery.autocomplete.js', 'js/jquery.form.js',
+            #~ 'js/jquery.countdown.js', 'js/jquery.countdown-pl.js',
+            #~ 'js/jquery.countdown-de.js', 'js/jquery.countdown-uk.js',
+            #~ 'js/jquery.countdown-es.js', 'js/jquery.countdown-lt.js',
+            #~ 'js/jquery.countdown-ru.js', 'js/jquery.countdown-fr.js',
+            #~ 'js/jquery.cycle.min.js',
+            #~ 'js/jquery.jqmodal.js', 'js/jquery.labelify.js', 'js/catalogue.js',
+            #~ ),
+        'source_filenames': [],
         'output_filename': 'js/all?.min.js',
     },
     'book': {
-        'source_filenames': ('js/jquery.eventdelegation.js', 'js/jquery.scrollto.js', 'js/jquery.highlightfade.js', 'js/book.js',),
+        #~ 'source_filenames': ('js/jquery.eventdelegation.js', 'js/jquery.scrollto.js', 'js/jquery.highlightfade.js', 'js/book.js',),
+        'source_filenames': [],
         'output_filename': 'js/book?.min.js',
     },
     'book_ie': {
-        'source_filenames': ('js/ierange-m2.js',),
+        #~ 'source_filenames': ('js/ierange-m2.js',),
+        'source_filenames': [],
         'output_filename': 'js/book_ie?.min.js',
     }
 
diff --git a/wolnelektury/static/css/base.css b/wolnelektury/static/css/base.css
new file mode 100755
index 000000000..067d9fd0d
--- /dev/null
+++ b/wolnelektury/static/css/base.css
@@ -0,0 +1,55 @@
+html {
+    margin: 0;
+    padding: 0;
+}
+
+body {
+    margin: 0;
+    background: #f7f7f7;
+    font-size: .9em;
+    line-height: 1.4em;
+}
+
+
+a {
+    color: #02adb7;
+    text-decoration: none;
+}
+
+h2 {
+    margin: 0;
+    font-size: 1em;
+    font-weight: normal;
+}
+
+
+.grid-line {
+    height: 2.6em;
+    padding-top: 1.4em;
+    padding-bottom: 0;
+}
+
+.mono, .mono-small {
+    font-family: "Lucida Sans Typewriter", courier;
+    font-size: .9em;
+}
+
+
+.clearboth {
+    clear: both;
+}
+
+#header-content, div#main-content, div#half-header-content {
+    width: 75em;
+    margin: auto;
+}
+
+
+
+
+#footer {
+    font-size: .75em;
+    color: #777;
+    border-top: 1px solid #ddd;
+    margin-top: 2.5em;
+}
diff --git a/wolnelektury/static/css/book_box.css b/wolnelektury/static/css/book_box.css
new file mode 100755
index 000000000..a959d849c
--- /dev/null
+++ b/wolnelektury/static/css/book_box.css
@@ -0,0 +1,30 @@
+.book-mini-box {
+    display: inline-block;
+    margin: 0;
+    width: 12.5em;
+    vertical-align: top;
+}
+
+.book-mini-box a {
+    display: block;
+    color: black;
+    border: 1px solid #ddd;
+    height: 20em;
+    padding: .75em;
+    margin: .1em;
+    background: #fff;
+    -moz-box-shadow: 2px 2px 2px #ddd;
+    -webkit-box-shadow: 2px 2px 2px #ddd;
+    box-shadow: 2px 2px 2px #ddd;
+    overflow: hidden;
+}
+
+.book-mini-box img {
+    width: 10.8em;
+    height: 14.4em;
+    margin-bottom: .3em;
+}
+
+.book-mini-box .author {
+    color: #777;
+}
\ No newline at end of file
diff --git a/wolnelektury/static/css/header.css b/wolnelektury/static/css/header.css
new file mode 100755
index 000000000..abea73cc7
--- /dev/null
+++ b/wolnelektury/static/css/header.css
@@ -0,0 +1,175 @@
+/* Logo font */
+@font-face {
+    /* IE version */
+    font-family: WL-Logo;
+    src: url(/static/fonts/WL.eot);
+}
+@font-face {
+  font-family: WL-Logo;
+  src: url(/static/fonts/WL.ttf) format("truetype");
+}
+
+
+#header {
+    color: #969696;
+    background: #191919;
+}
+
+#half-header {
+    background: url('/static/img/bg-header.png');
+    background-position: center;
+    background-size: 100%;
+}
+
+#half-header-content {
+    background: #191919;
+}
+
+
+#user-info {
+    float: right;
+    margin: 0;
+}
+
+#logo {
+    position: absolute;
+    top: 4em;
+}
+
+#logo a {
+    font-family: WL-Logo;
+    font-size: 1.9em;
+    color:#f7f7f7;
+}
+
+#logo img {
+    max-width: 15em;
+}
+
+#tagline {
+    display: inline-block;
+    margin-left: 16em;
+}
+
+#search {
+    margin: 0;
+    background: #444;
+    margin-left: 16em;
+    width: 59em;
+}
+
+#search-field {
+    display: inline-block;
+    width: 50em;
+    padding-left: .5;
+    padding-right: .5;
+    padding: .1em .5em 0 .5em;
+}
+
+#search-field input {
+    height: 2.8em;
+    border: none;
+    width: 49.5em;
+    font-size: 1em;
+    padding-left: .5em;
+    -webkit-border-radius: .5em;
+    -moz-border-radius: .5em;
+    border-radius: .5em;
+    -webkit-box-shadow:0 0 .5em #444 inset;
+    -moz-box-shadow:0 0 .5em #444 inset;
+    box-shadow: 0 0 .5em #444 inset;
+}
+
+#search-button {
+    display: inline-block;
+    background: #02adb7;
+    padding: 0;
+    margin: 0;
+    width: 8em;
+}
+#search-button button {
+    font-size: 1em;
+    /* should match grid-line */
+    height: 4em;
+    border: none;
+    background: #02adb7;
+    color: white;
+    width: 100%;
+    padding: 0;
+}
+
+#search-button button span {
+    position:relative;
+    top: -.2em;
+}
+
+
+#nav-line {
+    background-color: #e2e2e2;
+    height: 3.95em;
+}
+
+ul#catalogue {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+ul#catalogue li {
+    background-color: #e2e2e2;
+    float: left;
+}
+ul#catalogue a {
+    display: block;
+    padding-left: 1.5em;
+    padding-right: 1.5em;
+    /* must match grid-line */
+    height: 2.7em;
+    padding-top: 1.3em;
+}
+
+
+
+#lang-button:after {
+    content: url(/static/img/lang-arrow.png);
+    padding-left: .5em;
+}
+#lang-menu {
+    position: relative;
+    float: right;
+    display: block;
+    padding-left: 1.5em;
+    padding-right: 1.5em;
+    /* must match grid-line */
+    height: 2.7em;
+    padding-top: 1.3em;
+    background: #f7f7f7;
+}
+
+#lang-menu-items button {
+    display: none;
+    background: #f7f7f7;
+    color: #444;
+    cursor: pointer;
+    width: 100%;
+    border: solid #ddd;
+    border-width: 0 0 1px 0;
+    padding: .5em 0;
+    margin: 0;
+}
+
+#lang-menu:hover button {
+    display: block;
+}
+
+#lang-menu:hover #lang-menu-items {
+    position: absolute;
+    width: 100%;
+    padding: 0;
+    left: 0;
+    /* must match grid-line height */
+    top: 3.9em;
+}
+
+#lang-menu .active {
+    font-weight: bold;
+}
diff --git a/wolnelektury/static/css/main_page.css b/wolnelektury/static/css/main_page.css
new file mode 100755
index 000000000..28a11480b
--- /dev/null
+++ b/wolnelektury/static/css/main_page.css
@@ -0,0 +1,80 @@
+#big-cite {
+    background-color: white;
+    padding: 8em;
+    margin: 0;
+}
+
+#big-cite a {
+    color: black;
+    display: block;
+}
+
+#big-cite h2 {
+    margin: 0;
+}
+
+
+#big-cite-text {
+    margin: .5em 0;
+    font-size: 1.75em;
+    line-height: 1.3em;
+}
+
+
+#big-cite-source {
+    color: #02adb7;
+    margin: 0;
+}
+
+
+#promo-box {
+    float: right;
+    width: 24em;
+    /* should match grid-line */
+    margin-top: -4em;
+}
+#promo-box-header {
+    padding-left: 2em;
+    padding-right: 2em;
+    background: #191919;
+    color: white;
+}
+#promo-box-body {
+    border-bottom: 2px solid #efefef;
+    padding: 1.3em 2em;
+    height: 23em;
+    background: #efefef;
+}
+#promo-box-title {
+    color: #02ADB7;
+    height: 2.7em;
+    margin: 0;
+}
+#promo-box-body p {
+    margin-top: 0;
+}
+
+.infopages-box {
+    width: 16.75em;
+    display: inline-block;
+    margin: .5em 0 0 0;
+    padding: 0 1em;
+    vertical-align: top;
+}
+.infopages-box h2 {
+    color: #02ADB7;
+}
+.infopages-box a {
+    color: black;
+}
+
+.infopages-box ol, .infopages-box ul {
+    font-size: .8em;
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+
+.social-links {
+    margin-top: 1em;
+}
\ No newline at end of file
diff --git a/wolnelektury/static/fonts/WL.eot b/wolnelektury/static/fonts/WL.eot
new file mode 100644
index 0000000000000000000000000000000000000000..53fedbda0c548aca9b32e3fb88bfd0c04948aacf
GIT binary patch
literal 5300
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

literal 0
HcmV?d00001

diff --git a/wolnelektury/static/fonts/WL.ttf b/wolnelektury/static/fonts/WL.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..7feb6b403f97a1a4d6b3d1e4997aebb2c855d19b
GIT binary patch
literal 5120
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

literal 0
HcmV?d00001

diff --git a/wolnelektury/static/img/bg-header.png b/wolnelektury/static/img/bg-header.png
new file mode 100644
index 0000000000000000000000000000000000000000..f7e572edc0dab6c9a92e244dd8e19fb89c664c9c
GIT binary patch
literal 115
zcmeAS@N?(olHy`uVBq!ia0y~yU<5K57&(}L<UZ@?3P6gpz$3Dlfq`2Xgc%uT&5-~K
zvX^-Jy0YKq;pO8NWXN5<7$_v<>EaloaXxv13@bC&zWydgRt6Qf83LYnRJH+S89ZJ6
KT-G@yGywo;gcn!<

literal 0
HcmV?d00001

diff --git a/wolnelektury/static/img/lang-arrow.png b/wolnelektury/static/img/lang-arrow.png
new file mode 100644
index 0000000000000000000000000000000000000000..c79e3f1b26f2afe5278a9ccc06d4543b135d6683
GIT binary patch
literal 243
zcmeAS@N?(olHy`uVBq!ia0vp^f<Vm4!3HF+yg1GSq!^2X+?^QKos)S9k}2?rEM{Qf
z76xHPhFNnYfP(BLp1!W^w|RK^jErx0X8#2WNtU=qlsM<-=BDPAFgO>bCYGe8D3oWG
zWGJ|M`UZqI@`(c#C3w0xhG?9hd)`p!umK0lfvI+<ryt4o6izkie0pP9Q`6Io<Q}JP
z4u37<)r%JzeHLuEcK>s32GfP<=6cTB46^SW?mM`=c>RIjipkD%or5()RH$t1oVPJ|
hnCv~vI?pjwFjh~uG51hkG#6+WgQu&X%Q~loCID{zO!5E#

literal 0
HcmV?d00001

diff --git a/wolnelektury/templates/base.html b/wolnelektury/templates/base.html
index 061197f9b..3a15613fd 100644
--- a/wolnelektury/templates/base.html
+++ b/wolnelektury/templates/base.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
-	{% load i18n chunks compressed catalogue_tags sponsor_tags %}
+	{% load i18n compressed catalogue_tags sponsor_tags %}
     <head>
         <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
         <meta http-equiv="Content-Style-Type" content="text/css" />
@@ -18,64 +18,106 @@
         {% endblock %}
     </head>
     <body id="{% block bodyid %}base{% endblock %}">
-        <!--[if lt IE 7]><link href={{ STATIC_URL }}infobar/infobar.css rel=stylesheet>
-        <div id=infobar><a href=http://browsehappy.pl/infobar>
-        {% trans "Internet Explorer cannot display this site properly. Click here to read more..." %}
-        </a></div><div id=viewplot><script src={{ STATIC_URL }}infobar/infobar.js></script><![endif]-->
+
         {% block bodycontent %}
-        <div id="top-message">
-            {% chunk "top-message" %}
-        </div>
-        <div id="header">
+
+        <div id="header" class="grid-line">
+
+        <div id="header-content">
             <div id="logo">
-                <a class="logo" href="/"><img src="{% block logo_url %}{{ STATIC_URL }}img/logo-bez.png{% endblock %}" alt="WolneLektury.pl" />
-                <br/>szkolna biblioteka internetowa</a>
-                {% block tagline %}{% endblock %}
+                <a class="logo" href="/">
+                Wolne Lektury</a>
             </div>
-            <div id="user-info" style="display:none">
+
+            <div id="tagline">
+                <a href=''>1666</a> darmowych lektur do których masz <a href=''>prawo</a>
+            </div>
+
+            <p id="user-info" class="mono">
                 {% if user.is_authenticated %}
-                    <p>
-                        {% trans "Welcome" %}, <strong>{{ user.username }}</strong>
-                        | <a href="{% url user_shelves %}" id="user-shelves-link">{% trans "Your shelves" %}</a>
-                        {% if user.is_staff %}
-                        | <a href="/admin/">{% trans "Administration" %}</a>
-                        {% endif %}
-						| <a href="{% url suggest %}" id="suggest-link">{% trans "Report a bug" %}</a>
-                        | <a href="{% url logout %}?next={{ request.get_full_path }}">{% trans "Logout" %}</a>
-                    </p>
+                    {% trans "Welcome" %}, <strong>{{ user.username }}</strong>
+                    | <a href="{% url user_shelves %}" id="user-shelves-link">{% trans "Your shelves" %}</a>
+                    {% if user.is_staff %}
+                    | <a href="/admin/">{% trans "Administration" %}</a>
+                    {% endif %}
+                    | <a href="{% url logout %}?next={{ request.get_full_path }}">{% trans "Logout" %}</a>
                 {% else %}
-                    <p><a href="{% url suggest %}" id="suggest-link">{% trans "Report a bug" %}</a>
-                        | <a href="{% url login %}" class="login-register-link">{% trans "Sign in" %} / {% trans "Register" %}</a></p>
+                    <a href="{% url login %}" class="login-register-link">{% trans "Sign in" %} / {% trans "Register" %}</a>
                 {% endif %}
+            </p>
+
+
+            <div class="clearboth"></div>
+
+        </div>
+        </div>
+
+        <div id="half-header">
+        <div id="half-header-content">
+
+
+
+            <form id="search">
+                
+                <span id="search-field" class="grid-line">
+                    <input title="np. Leśmian" name="q" autocomplete="off">
+                </span><span id="search-button">
+                    <button type='submit'><span class="mono">{% trans "Search" %}</span></button>
+                </span>
+                
+            </form>
+
+
+
+            <div class="clearboth"></div>
+        </div>
+        </div>
+
+
+
+        <div id="main-content">
+
+            <div id="nav-line">
+            <ul id="catalogue">
+                <li><a href="{% url book_list %}"><span class='mono'>{% trans "All books" %}</span></a></li>
+                <li><a href="{% url audiobook_list %}"><span class='mono'>{% trans "Audiobooks" %}</span></a></li>
+                <li><a href="{% url daisy_list %}"><span class='mono'>{% trans "DAISY" %}</span></a></li>
+                <li><a href="{% url catalogue %}#autorzy"><span class='mono'>{% trans "Authors" %}</span></a></li>
+                <li><a href="{% url catalogue %}#epoki"><span class='mono'>{% trans "Epochs" %}</span></a></li>
+                <li><a href="{% url catalogue %}#rodzaje"><span class='mono'>{% trans "Kinds" %}</span></a></li>
+                <li><a href="{% url catalogue %}#gatunki"><span class='mono'>{% trans "Genres" %}</span></a></li>
+                <li><a href="{% url catalogue %}#motywy"><span class='mono'>{% trans "Themes" %}</span></a></li>
+            </ul>
+
+            <form action="{% url django.views.i18n.set_language %}" method="post">
+            <div id="lang-menu">
+                <span id='lang-button' class='mono-small'>
+                    {% trans "Language versions" %}</span>
+                <div id="lang-menu-items">
+                {% for lang in LANGUAGES %}
+                    <button type="submit" name="language"
+                        class="{% ifequal lang.0 LANGUAGE_CODE %}active{% endifequal %} {% if forloop.last %}last{% endif %}"
+                        value="{{ lang.0 }}">{{ lang.1 }}</button>
+                {% endfor %}
+                </div>
             </div>
-            <div class="social-links" style="float:right">
-                <a href="http://pl-pl.facebook.com/pages/Wolne-Lektury/203084073268"><img src="{{ STATIC_URL }}img/social/facebook.png" alt="WolneLektury @ Facebook" /></a>
-                <a href="http://nk.pl/profile/30441509"><img src="{{ STATIC_URL }}img/social/naszaklasa.png" alt="WolneLektury @ NK" /></a>
-            </div>
-				<form action="{% url django.views.i18n.set_language %}" method="post">
-            <div class="lang-menu" style="float:right;">
-					{% spaceless %}
-					{% for lang in LANGUAGES %}					     
-					    <button type="submit" name="language" title="{{ lang.1 }}"
-							class="{% ifequal lang.0 LANGUAGE_CODE %}active{% endifequal %} {% if forloop.last %}last{% endif %}" 
-							value="{{ lang.0 }}">{{ lang.0|upper }}</button>
-					{% endfor %}	
-					{% endspaceless %}				
-			</div>
-                </form>
-            {# publication plan consultations - form link #}
-            <div style="clear:right;float:right" class="big-top-link">
-                <a href="{% url suggest_publishing %}" data-ajax="{% url suggest_publishing %}?ajax=1" id="suggest-publishing-link">
-                    {% trans "Didn't find a book? Make a suggestion." %}
-                </a>
+            </form>
             </div>
+
             <div class="clearboth"></div>
-        </div>
-        <div id="maincontent">
+
+
+
             {% block body %}
             {% endblock %}
-        </div>
+
+
+
+
         <div class="clearboth"></div>
+
+
+
         <div id="footer">
             <p>
             	{% blocktrans %}
@@ -95,7 +137,11 @@
 
 			{% sponsor_page "footer" %}
         </div>
-        <div id="login-register-window">
+
+        </div>{# end main-content #}
+
+
+        <!--div id="login-register-window">
             <div class="header"><a href="#" class="jqmClose">{% trans "Close" %}</a></div>
             <div class="target">
                 <form method="post" action="{% url login %}" id="login-form" class="cuteform">
@@ -115,27 +161,12 @@
                     </ol>
                 </form>
             </div>
-        </div>
-        <div id="user-shelves-window">
-            <div class="header"><a href="#" class="jqmClose">{% trans "Close" %}</a></div>
-            <div class="target">
-                <p><img src="{{ STATIC_URL }}img/indicator.gif" alt="*"/> {% trans "Loading" %}</p>
-            </div>
-        </div>
-        <div id="suggest-window">
-            <div class="header"><a href="#" class="jqmClose">{% trans "Close" %}</a></div>
-            <div class="target">
-                <p><img src="{{ STATIC_URL }}img/indicator.gif" alt="*"/> {% trans "Loading" %}</p>
-            </div>
-        </div>
-        <div id="suggest-publishing-window">
-            <div class="header"><a href="#" class="jqmClose">{% trans "Close" %}</a></div>
-            <div class="target">
-                <p><img src="{{ STATIC_URL }}img/indicator.gif" alt="*"/> {% trans "Loading" %}</p>
-            </div>
-        </div>
+        </div-->
+
+
         {% endblock bodycontent %}
-        {{ piwik_tag|safe }}
+
+        <!--{{ piwik_tag|safe }}
         <script type="text/javascript">
         var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
         document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
@@ -143,6 +174,6 @@
         <script type="text/javascript">
         var pageTracker = _gat._getTracker("UA-2576694-1");
         pageTracker._trackPageview();
-        </script>
+        </script>-->
     </body>
 </html>
diff --git a/wolnelektury/templates/catalogue/book_mini_box.html b/wolnelektury/templates/catalogue/book_mini_box.html
new file mode 100755
index 000000000..4ef82e125
--- /dev/null
+++ b/wolnelektury/templates/catalogue/book_mini_box.html
@@ -0,0 +1,13 @@
+{% load i18n %}
+<div class="book-mini-box">
+    <a href="{{ book.get_absolute_url }}">
+        <img src="{{ STATIC_URL }}img/cover.png"
+                alt="{% trans "Book cover" %}" />
+        {% for author in authors %}
+            <div class="mono author">{{ author }}</div>
+            {{ book.title }}
+        {% endfor %}
+    </a>
+</div>
+
+
diff --git a/wolnelektury/templates/catalogue/catalogue.html b/wolnelektury/templates/catalogue/catalogue.html
new file mode 100644
index 000000000..b6ca05365
--- /dev/null
+++ b/wolnelektury/templates/catalogue/catalogue.html
@@ -0,0 +1,23 @@
+{% extends "base.html" %}
+{% load i18n %}
+{% load catalogue_tags %}
+
+
+{% block bodyid %}catalogue-catalogue{% endblock %}
+
+{% block body %}
+    <h2></a>{% trans "Authors" %}<a name="autorzy"></a></h2>
+    {% tag_list categories.author %}
+
+    <h2>{% trans "Kinds" %}<a name="rodzaje"></a></h2>
+    {% tag_list categories.kind %}
+
+    <h2>{% trans "Genres" %}<a name="gatunki"></a></h2>
+    {% tag_list categories.genre %}
+
+    <h2>{% trans "Epochs" %}<a name="epoki"></a></h2>
+    {% tag_list categories.epoch %}
+
+    <h2>{% trans "Themes and topics" %}<a name="motywy"></a></h2>
+    {% tag_list fragment_tags %}
+{% endblock %}
diff --git a/wolnelektury/templates/catalogue/main_page.html b/wolnelektury/templates/catalogue/main_page.html
deleted file mode 100644
index ba9e6765b..000000000
--- a/wolnelektury/templates/catalogue/main_page.html
+++ /dev/null
@@ -1,358 +0,0 @@
-{% extends "base.html" %}
-{% load i18n %}
-{% load catalogue_tags chunks cache reporting_stats %}
-
-
-{% block tagline %}
-<div id='tagline'>
-
-{% count_books_nonempty count_books %}
-{% blocktrans count count_books as c %}
-{{c}} book from <a href='http://domenapubliczna.org'>public domain</a> or under
-a <a href='http://creativecommons.org/licenses/by-sa/3.0/deed.pl'>free license</a>.
-{% plural %}
-{{c}} books from <a href='http://domenapubliczna.org'>public domain</a> or under
-a <a href='http://creativecommons.org/licenses/by-sa/3.0/deed.pl'>free license</a>.
-{% endblocktrans %}
-
-</div>
-{% endblock %}
-
-
-{% block bodyid %}main-page{% endblock %}
-
-{% block body %}
-    <div id="site-description">
-        {% chunk "site-description" %}
-    </div>
-    <div class="clearboth"></div>
-    <form action="{% url search %}" method="get" accept-charset="utf-8" id="search-form">
-        <p>{{ form.q }} {{ form.tags }} <input type="submit" value="{% trans "Search" %}" />
-            <strong>{% trans "or" %}</strong> {% trans "see" %}: 
-            <span class='collections'>
-                <a href="{% url catalogue.views.book_list %}">{% trans "all books" %}</a>
-                <a href="{% url catalogue.views.audiobook_list %}">{% trans "audiobooks" %}</a>
-                <a href="{% url catalogue.views.daisy_list %}">{% trans "DAISY" %}</a>
-            </span></p>
-    </form>
-
-    <div id="intro">
-        <p id="tags-description">↓ {% trans "Browse books by categories" %} ↓</p>
-        <div id="propaganda">
-
-            <h2>Spot promocyjny</h2>
-            <p><iframe width="260" height="162"
-                src="http://www.youtube.com/embed/IteV_EoTrZE"
-                frameborder="0" allowfullscreen></iframe></p>
-
-
-            <h2>Turniej Elektrybałtów</h2>
-            <p><a target="_blank" href='http://turniej.wolnelektury.pl'>
-                <img src='{{ STATIC_URL }}img/turniej-maly.png' alt='Logo Turnieju' width='60' height='64' style='float:left;margin:1em;' />
-            </a>
-            Trwa otwarty konkurs na najlepszego <strong>automatycznego poetę</strong>!
-            Zobacz, co potrafią nadesłane programy.
-            </p>
-            <p class="see-more"><a target="_blank" href="http://turniej.wolnelektury.pl" >Idź do strony konkursu ⇒</a></p>
-
-
-            {% comment %}    <h2>{% trans "Books for every school level" %}</h2>
-            <ul>
-                <li><a href="">{% trans "primary school" %}</a></li>
-                <li><a href="">{% trans "gymnasium" %}</a></li>
-                <li><a href="">{% trans "high school" %}</a></li>
-            </ul>    {% endcomment %}
-
-            <br/>
-            <h2>{% trans "Your shelves with books" %}</h2>
-            {% if user.is_authenticated %}
-                {% if shelves %}
-                <ul class="shelf-list">
-                {% for shelf in shelves %}
-                    <li><a href="{% url delete_shelf shelf.slug %}" class="delete-shelf">{% trans "delete" %}</a> <a href="{{ shelf.get_absolute_url }}" class="visit-shelf">{{ shelf.name }} ({{ shelf.get_count }})</a></li>
-                {% endfor %}
-                </ul>
-                {% else %}
-                <p>{% trans "You do not own any shelves. You can create one below, if you want to." %}</p>
-                {% endif %}
-                <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="{% trans "Create shelf" %}"/></li>
-                </ol>
-                </form>
-                <br/>
-            {% else %}
-                <p>{% trans "Create your own book set. You can share it with friends by sending them link to your shelf." %}</p>
-                <p>{% trans "You need to " %} <a class="login-register-link" href="#">{% trans "sign in" %}</a> {% trans "to manage your shelves." %}</p>
-            {% endif %}
-
-            <h2>Leśmianator</h2>
-            <p>Wybierz, co wpadnie do miksera, i pokaż efekt znajomym!
-                </p>
-            <p class="see-more" style="clear:both"><a href="{% url lesmianator %}">{% trans "Twórzże się!" %} ⇒</a></p>
-
-            <h2>{% trans "Wolne Lektury Widget" %}</h2>
-            <p>{% trans "Place our widget - search engine for Wolne Lektury which gives access to free books and audiobooks - on your homepage! Just copy the HTML code below onto your page:" %}</p>
-            <textarea rows="1" cols="35" class='widget-code' title='widget'><!-- START {% trans "Insert this element in place where you want display the widget" %} -->
-&lt;div id="wl" /&gt;
-&lt;!-- END --&gt;
-&lt;!-- START {% trans "Place this element just before closing body tag: &lt;/body&gt;" %} --&gt;
-&lt;script type="text/javascript" src="http://www.wolnelektury.pl/static/js/widget.js"&gt;&lt;/script&gt;
-&lt;!-- END --&gt;</textarea>
-                <p class="see-more"><a href="{% url widget %}" title="{% trans "Wolne Lektury Widget" %}">{% trans "See more" %} ⇒</a></p>
-
-            <div id="lessons">
-                <h2><a href="{% url lessons_document_list %}">{% trans "Hand-outs for teachers" %}</a></h2>
-                <p>{% trans "Lessons' prospects and other ideas for using Wolnelektury.pl for teaching." %}</p>
-                <p class="see-more"><a href="{% url lessons_document_list %}" title="{% trans "Hand-outs for teachers" %}">{% trans "See more" %} ⇒</a></p>
-            </div>
-        </div>
-        <div id="tags-list">
-            <div id="categories-list">
-                {% if categories.author %}
-                    <h2>{% trans "Authors" %}</h2>
-                    {% folded_tag_list categories.author 'Authors' %}
-                {% endif %}
-                {% if categories.kind %}
-                    <h2>{% trans "Kinds" %}</h2>
-                    {% folded_tag_list categories.kind 'Kinds' %}
-                {% endif %}
-                {% if categories.genre %}
-                    <h2>{% trans "Genres" %}</h2>
-                    {% folded_tag_list categories.genre 'Genres' %}
-                {% endif %}
-                {% if categories.epoch %}
-                    <h2>{% trans "Epochs" %}</h2>
-                    {% folded_tag_list categories.epoch 'Epochs' %}
-                {% endif %}
-            </div>
-            <div id="themes-list">
-                {% if fragment_tags %}
-                    <h2>{% trans "Themes and topics" %}</h2>
-                    {% folded_tag_list fragment_tags 'Themes' %}
-                {% endif %}
-                <h2>{% trans "Themes groups" %}</h2>
-                <div class="shown-tags">
-                    <ol>
-                        <li>środowisko miejskie i wiejskie
-                        <span class="subcategories"><a href="/katalog/motyw/miasto/">Miasto</a>, <a href="/katalog/motyw/warszawa/">Warszawa</a>, <a href="/katalog/motyw/mieszczanin/">Mieszczanin</a>, <a href="/katalog/motyw/handel/">Handel</a>, <a href="/katalog/motyw/robotnik/">Robotnik</a>, <a href="/katalog/motyw/zyd/">Żyd</a>, <a href="/katalog/motyw/wies/">Wieś</a>, <a href="/katalog/motyw/sielanka/">Sielanka</a>, <a href="/katalog/motyw/chlop/">Chłop</a>, <a href="/katalog/motyw/ogrod/">Ogród</a>, <a href="/katalog/motyw/natura/">Natura</a>, <a href="/katalog/motyw/przestrzen/">Przestrzeń</a></span></li>
-
-                        <li>polityczny obraz świata
-                        <span class="subcategories"><a href="/katalog/motyw/panstwo/">Państwo</a>, <a href="/katalog/motyw/obowiazek/">Obowiązek</a>, <a href="/katalog/motyw/cnota/">Cnota</a>, <a href="/katalog/motyw/obywatel/">Obywatel</a>, <a href="/katalog/motyw/patriota/">Patriota</a>, <a href="/katalog/motyw/ojczyzna/">Ojczyzna</a>, <a href="/katalog/motyw/narod/">Naród</a>, <a href="/katalog/motyw/przywodca/">Przywódca</a>, <a href="/katalog/motyw/wladza/">Władza</a>, <a href="/katalog/motyw/urzednik/">Urzędnik</a>, <a href="/katalog/motyw/krol/">Król</a>, <a href="/katalog/motyw/rycerz/">Rycerz</a>, <a href="/katalog/motyw/zolnierz/">Żołnierz</a>, <a href="/katalog/motyw/wojna/">Wojna</a>, <a href="/katalog/motyw/wrog/">Wróg</a>, <a href="/katalog/motyw/zwyciestwo/">Zwycięstwo</a>, <a href="/katalog/motyw/walka/">Walka</a>, <a href="/katalog/motyw/sila/">Siła</a>, <a href="/katalog/motyw/historia/">Historia</a>, <a href="/katalog/motyw/powstanie/">Powstanie</a>, <a href="/katalog/motyw/smierc-bohaterska/">Śmierć bohaterska</a>, <a href="/katalog/motyw/slawa/">Sława</a>, <a href="/katalog/motyw/rewolucja/">Rewolucja</a>, <a href="/katalog/motyw/sad/">Sąd</a>, <a href="/katalog/motyw/zdrada/">Zdrada</a></span></li>
-
-                        <li>przyroda
-                        <span class="subcategories"><a href="/katalog/motyw/natura/">Natura</a>, <a href="/katalog/motyw/zywioly/">Żywioły</a>, <a href="/katalog/motyw/ogien/">Ogień</a>, <a href="/katalog/motyw/ziemia/">Ziemia</a>, <a href="/katalog/motyw/wiatr/">Wiatr</a>, <a href="/katalog/motyw/woda/">Woda</a>, <a href="/katalog/motyw/wiosna/">Wiosna</a>, <a href="/katalog/motyw/lato/">Lato</a>, <a href="/katalog/motyw/jesien/">Jesień</a>, <a href="/katalog/motyw/zima/">Zima</a>, <a href="/katalog/motyw/przemijanie/">Przemijanie</a>, <a href="/katalog/motyw/slonce/">Słońce</a>, <a href="/katalog/motyw/ksiezyc/">Księżyc</a>, <a href="/katalog/motyw/gwiazda/">Gwiazda</a>, <a href="/katalog/motyw/oblok/">Obłok</a>, <a href="/katalog/motyw/noc/">Noc</a>, <a href="/katalog/motyw/swiatlo/">Światło</a>, <a href="/katalog/motyw/gora/">Góra</a>, <a href="/katalog/motyw/rzeka/">Rzeka</a>, <a href="/katalog/motyw/morze/">Morze</a>, <a href="/katalog/motyw/burza/">Burza</a>, <a href="/katalog/motyw/deszcz/">Deszcz</a>, <a href="/katalog/motyw/bloto/">Błoto</a>, <a href="/katalog/motyw/przyroda-nieozywiona/">Przyroda nieożywiona</a>, <a href="/katalog/motyw/rosliny/">Rośliny</a>, <a href="/katalog/motyw/kwiaty/">Kwiaty</a>, <a href="/katalog/motyw/ogrod/">Ogród</a>, <a href="/katalog/motyw/sielanka/">Sielanka</a>, <a href="/katalog/motyw/raj/">Raj</a>, <a href="/katalog/motyw/jablko/">Jabłko</a>, <a href="/katalog/motyw/drzewo/">Drzewo</a>, <a href="/katalog/motyw/zwierzeta/">Zwierzęta</a>, <a href="/katalog/motyw/ptak/">Ptak</a>, <a href="/katalog/motyw/motyl/">Motyl</a>, <a href="/katalog/motyw/kot/">Kot</a>, <a href="/katalog/motyw/kon/">Koń</a>, <a href="/katalog/motyw/pies/">Pies</a>, <a href="/katalog/motyw/waz/">Wąż</a>, <a href="/katalog/motyw/potwor/">Potwór</a></span></li>
-                    </ol>
-                    <p><a href="#" class="show-all-tags" title="{% trans "Themes and topics" %}">{% trans "See more" %}</a></p>
-                </div>
-                <div class="all-tags">
-                    <ol>
-                    <li>cielesność
-                    <span class="subcategories"><a href="/katalog/motyw/cialo/">Ciało</a>, <a href="/katalog/motyw/krew/">Krew</a>, <a href="/katalog/motyw/zdrowie/">Zdrowie</a>, <a href="/katalog/motyw/choroba/">Choroba</a>, <a href="/katalog/motyw/kaleka/">Kaleka</a></span></li>
-
-                    <li>dom
-                    <span class="subcategories"><a href="/katalog/motyw/dom/">Dom</a>, <a href="/katalog/motyw/ogrod/">Ogród</a>, <a href="/katalog/motyw/przestrzen/">Przestrzeń</a>, <a href="/katalog/motyw/gospodarz/">Gospodarz</a>, <a href="/katalog/motyw/gospodyni/">Gospodyni</a>, <a href="/katalog/motyw/sasiad/">Sąsiad</a>, <a href="/katalog/motyw/gosc/">Gość</a>, <a href="/katalog/motyw/bezdomnosc/">Bezdomność</a>, <a href="/katalog/motyw/bezpieczenstwo/">Bezpieczeństwo</a>, <a href="/katalog/motyw/niebezpieczenstwo/">Niebezpieczeństwo</a></span></li>
-
-                    <li>działania nieczyste
-                    <span class="subcategories"><a href="/katalog/motyw/szantaz/">Szantaż</a>, <a href="/katalog/motyw/zazdrosc/">Zazdrość</a>, <a href="/katalog/motyw/zdrada/">Zdrada</a>, <a href="/katalog/motyw/zemsta/">Zemsta</a>, <a href="/katalog/motyw/klamstwo/">Kłamstwo</a>, <a href="/katalog/motyw/falsz/">Fałsz</a>, <a href="/katalog/motyw/pozory/">Pozory</a>, <a href="/katalog/motyw/tajemnica/">Tajemnica</a></span></li>
-
-                    <li>dziedzictwo
-                    <span class="subcategories"><a href="/katalog/motyw/dziedzictwo/">Dziedzictwo</a>, <a href="/katalog/motyw/obyczaje/">Obyczaje</a>, <a href="/katalog/motyw/pamiec/">Pamięć</a>, <a href="/katalog/motyw/historia/">Historia</a>, <a href="/katalog/motyw/narod/">Naród</a>, <a href="/katalog/motyw/krew/">Krew</a>, <a href="/katalog/motyw/panstwo/">Państwo</a>, <a href="/katalog/motyw/obowiazek/">Obowiązek</a>, <a href="/katalog/motyw/patriota/">Patriota</a>, <a href="/katalog/motyw/ruiny/">Ruiny</a>, <a href="/katalog/motyw/dom/">Dom</a>, <a href="/katalog/motyw/przywodca/">Przywódca</a></span></li>
-
-                    <li>dźwięk
-                    <span class="subcategories"><a href="/katalog/motyw/cisza/">Cisza</a>, <a href="/katalog/motyw/muzyka/">Muzyka</a>, <a href="/katalog/motyw/spiew/">Śpiew</a>, <a href="/katalog/motyw/poezja/">Poezja</a></span></li>
-
-                    <li>edukacja
-                    <span class="subcategories"><a href="/katalog/motyw/uczen/">Uczeń</a>, <a href="/katalog/motyw/szkola/">Szkoła</a>, <a href="/katalog/motyw/nauczyciel/">Nauczyciel</a>, <a href="/katalog/motyw/nauczycielka/">Nauczycielka</a>, <a href="/katalog/motyw/nauka/">Nauka</a>, <a href="/katalog/motyw/wiedza/">Wiedza</a>, <a href="/katalog/motyw/dziecinstwo/">Dzieciństwo</a>, <a href="/katalog/motyw/mlodosc/">Młodość</a>, <a href="/katalog/motyw/doroslosc/">Dorosłość</a></span></li>
-
-                    <li>egzystencja ludzka
-                    <span class="subcategories"><a href="/katalog/motyw/kondycja-ludzka/">Kondycja ludzka</a>, <a href="/katalog/motyw/los/">Los</a>, <a href="/katalog/motyw/bladzenie/">Błądzenie</a>, <a href="/katalog/motyw/bunt/">Bunt</a>, <a href="/katalog/motyw/buntownik/">Buntownik</a>, <a href="/katalog/motyw/pielgrzym/">Pielgrzym</a>, <a href="/katalog/motyw/theatrum-mundi/">Theatrum mundi</a>, <a href="/katalog/motyw/zycie-jako-wedrowka/">Życie jako wędrówka</a>, <a href="/katalog/motyw/zycie-snem/">Życie snem</a></span></li>
-
-                    <li>etapy życia
-                    <span class="subcategories"><a href="/katalog/motyw/dziecinstwo/">Dzieciństwo</a>, <a href="/katalog/motyw/mlodosc/">Młodość</a>, <a href="/katalog/motyw/doroslosc/">Dorosłość</a>, <a href="/katalog/motyw/panna-mloda/">Panna młoda</a>, <a href="/katalog/motyw/zona/">Żona</a>, <a href="/katalog/motyw/maz/">Mąż</a>, <a href="/katalog/motyw/wdowa/">Wdowa</a>, <a href="/katalog/motyw/wdowiec/">Wdowiec</a>, <a href="/katalog/motyw/starosc/">Starość</a>, <a href="/katalog/motyw/czas/">Czas</a>, <a href="/katalog/motyw/przemijanie/">Przemijanie</a>, <a href="/katalog/motyw/przemiana/">Przemiana</a>, <a href="/katalog/motyw/kondycja-ludzka/">Kondycja ludzka</a></span></li>
-
-                    <li>fauna
-                    <span class="subcategories"><a href="/katalog/motyw/zwierzeta/">Zwierzęta</a>, <a href="/katalog/motyw/kot/">Kot</a>, <a href="/katalog/motyw/kon/">Koń</a>, <a href="/katalog/motyw/motyl/">Motyl</a>, <a href="/katalog/motyw/pies/">Pies</a>, <a href="/katalog/motyw/ptak/">Ptak</a>, <a href="/katalog/motyw/waz/">Wąż</a></span></li>
-
-                    <li>flora
-                    <span class="subcategories"><a href="/katalog/motyw/rosliny/">Rośliny</a>, <a href="/katalog/motyw/kwiaty/">Kwiaty</a>, <a href="/katalog/motyw/ogrod/">Ogród</a>, <a href="/katalog/motyw/drzewo/">Drzewo</a></span></li>
-
-                    <li>historie miłosne
-                    <span class="subcategories"><a href="/katalog/motyw/milosc/">Miłość</a>, <a href="/katalog/motyw/milosc-platoniczna/">Miłość platoniczna</a>, <a href="/katalog/motyw/milosc-romantyczna/">Miłość romantyczna</a>, <a href="/katalog/motyw/milosc-silniejsza-niz-smierc/">Miłość silniejsza niż śmierć</a>, <a href="/katalog/motyw/milosc-spelniona/">Miłość spełniona</a>, <a href="/katalog/motyw/milosc-tragiczna/">Miłość tragiczna</a>, <a href="/katalog/motyw/kochanek/">Kochanek</a>, <a href="/katalog/motyw/kochanek-romantyczny/">Kochanek romantyczny</a>, <a href="/katalog/motyw/flirt/">Flirt</a>, <a href="/katalog/motyw/pocalunek/">Pocałunek</a>, <a href="/katalog/motyw/pozadanie/">Pożądanie</a>, <a href="/katalog/motyw/list/">List</a>, <a href="/katalog/motyw/serce/">Serce</a>, <a href="/katalog/motyw/lzy/">Łzy</a>, <a href="/katalog/motyw/przysiega/">Przysięga</a>, <a href="/katalog/motyw/tesknota/">Tęsknota</a>, <a href="/katalog/motyw/wspomnienia/">Wspomnienia</a>, <a href="/katalog/motyw/zdrada/">Zdrada</a>, <a href="/katalog/motyw/rozczarowanie/">Rozczarowanie</a>, <a href="/katalog/motyw/rozpacz/">Rozpacz</a>, <a href="/katalog/motyw/malzenstwo/">Małżeństwo</a>, <a href="/katalog/motyw/slub/">Ślub</a>, <a href="/katalog/motyw/panna-mloda/">Panna młoda</a>, <a href="/katalog/motyw/przyjazn/">Przyjaźń</a></span></li>
-
-                    <li>jedzenie i picie
-                    <span class="subcategories"><a href="/katalog/motyw/glod/">Głód</a>, <a href="/katalog/motyw/bieda/">Bieda</a>, <a href="/katalog/motyw/chleb/">Chleb</a>, <a href="/katalog/motyw/jedzenie/">Jedzenie</a>, <a href="/katalog/motyw/uczta/">Uczta</a>, <a href="/katalog/motyw/wino/">Wino</a>, <a href="/katalog/motyw/alkohol/">Alkohol</a>, <a href="/katalog/motyw/pijanstwo/">Pijaństwo</a></span></li>
-
-                    <li>konflikty
-                    <span class="subcategories"><a href="/katalog/motyw/klotnia/">Kłótnia</a>, <a href="/katalog/motyw/bijatyka/">Bijatyka</a>, <a href="/katalog/motyw/sila/">Siła</a>, <a href="/katalog/motyw/przemoc/">Przemoc</a>, <a href="/katalog/motyw/krew/">Krew</a>, <a href="/katalog/motyw/konflikt/">Konflikt</a>, <a href="/katalog/motyw/walka/">Walka</a>, <a href="/katalog/motyw/wojna/">Wojna</a>, <a href="/katalog/motyw/powstanie/">Powstanie</a>, <a href="/katalog/motyw/bunt/">Bunt</a>, <a href="/katalog/motyw/rewolucja/">Rewolucja</a></span></li>
-
-                    <li>momenty graniczne
-                    <span class="subcategories"><a href="/katalog/motyw/narodziny/">Narodziny</a>, <a href="/katalog/motyw/smierc/">Śmierć</a>, <a href="/katalog/motyw/przemiana/">Przemiana</a>, <a href="/katalog/motyw/zmartwychwstanie/">Zmartwychwstanie</a></span></li>
-
-                    <li>nadużycie władzy
-                    <span class="subcategories"><a href="/katalog/motyw/wladza/">Władza</a>, <a href="/katalog/motyw/przemoc/">Przemoc</a>, <a href="/katalog/motyw/strach/">Strach</a>, <a href="/katalog/motyw/kara/">Kara</a></span></li>
-
-                    <li>nacjonalizm
-                    <span class="subcategories"><a href="/katalog/motyw/polak/">Polak</a>, <a href="/katalog/motyw/niemiec/">Niemiec</a>, <a href="/katalog/motyw/rosjanin/">Rosjanin</a>, <a href="/katalog/motyw/car/">Car</a>, <a href="/katalog/motyw/zyd/">Żyd</a>, <a href="/katalog/motyw/narod/">Naród</a>, <a href="/katalog/motyw/obcy/">Obcy</a>, <a href="/katalog/motyw/wrog/">Wróg</a>, <a href="/katalog/motyw/niebezpieczenstwo/">Niebezpieczeństwo</a></span></li>
-
-                    <li>nastroje melancholijne
-                    <span class="subcategories"><a href="/katalog/motyw/nuda/">Nuda</a>, <a href="/katalog/motyw/melancholia/">Melancholia</a>, <a href="/katalog/motyw/ruiny/">Ruiny</a>, <a href="/katalog/motyw/wspomnienia/">Wspomnienia</a>, <a href="/katalog/motyw/marzenie/">Marzenie</a>, <a href="/katalog/motyw/przemijanie/">Przemijanie</a>, <a href="/katalog/motyw/tesknota/">Tęsknota</a>, <a href="/katalog/motyw/rozpacz/">Rozpacz</a>, <a href="/katalog/motyw/smierc/">Śmierć</a>, <a href="/katalog/motyw/los/">Los</a>, <a href="/katalog/motyw/kondycja-ludzka/">Kondycja ludzka</a></span></li>
-
-                    <li>nastroje rewolucyjne
-                    <span class="subcategories"><a href="/katalog/motyw/rewolucja/">Rewolucja</a>, <a href="/katalog/motyw/walka-klas/">Walka klas</a>, <a href="/katalog/motyw/robotnik/">Robotnik</a>, <a href="/katalog/motyw/chlop/">Chłop</a>, <a href="/katalog/motyw/pozycja-spoleczna/">Pozycja społeczna</a>, <a href="/katalog/motyw/wladza/">Władza</a>, <a href="/katalog/motyw/przemoc/">Przemoc</a>, <a href="/katalog/motyw/sprawiedliwosc/">Sprawiedliwość</a></span></li>
-
-                    <li>podporządkowanie
-                    <span class="subcategories"><a href="/katalog/motyw/sluga/">Sługa</a>, <a href="/katalog/motyw/pan/">Pan</a>, <a href="/katalog/motyw/praca/">Praca</a>, <a href="/katalog/motyw/wladza/">Władza</a>, <a href="/katalog/motyw/obyczaje/">Obyczaje</a></span></li>
-
-                    <li>pokrewieństwo
-                    <span class="subcategories"><a href="/katalog/motyw/rodzina/">Rodzina</a>, <a href="/katalog/motyw/ojciec/">Ojciec</a>, <a href="/katalog/motyw/matka/">Matka</a>, <a href="/katalog/motyw/dziecko/">Dziecko</a>, <a href="/katalog/motyw/syn/">Syn</a>, <a href="/katalog/motyw/corka/">Córka</a>, <a href="/katalog/motyw/brat/">Brat</a>, <a href="/katalog/motyw/siostra/">Siostra</a>, <a href="/katalog/motyw/sierota/">Sierota</a>, <a href="/katalog/motyw/dziedzictwo/">Dziedzictwo</a>, <a href="/katalog/motyw/obowiazek/">Obowiązek</a>, <a href="/katalog/motyw/zdrada/">Zdrada</a></span></li>
-
-                    <li>polityczny obraz świata
-                    <span class="subcategories"><a href="/katalog/motyw/panstwo/">Państwo</a>, <a href="/katalog/motyw/obowiazek/">Obowiązek</a>, <a href="/katalog/motyw/cnota/">Cnota</a>, <a href="/katalog/motyw/obywatel/">Obywatel</a>, <a href="/katalog/motyw/patriota/">Patriota</a>, <a href="/katalog/motyw/ojczyzna/">Ojczyzna</a>, <a href="/katalog/motyw/narod/">Naród</a>, <a href="/katalog/motyw/przywodca/">Przywódca</a>, <a href="/katalog/motyw/wladza/">Władza</a>, <a href="/katalog/motyw/urzednik/">Urzędnik</a>, <a href="/katalog/motyw/krol/">Król</a>, <a href="/katalog/motyw/rycerz/">Rycerz</a>, <a href="/katalog/motyw/zolnierz/">Żołnierz</a>, <a href="/katalog/motyw/wojna/">Wojna</a>, <a href="/katalog/motyw/wrog/">Wróg</a>, <a href="/katalog/motyw/zwyciestwo/">Zwycięstwo</a>, <a href="/katalog/motyw/walka/">Walka</a>, <a href="/katalog/motyw/sila/">Siła</a>, <a href="/katalog/motyw/historia/">Historia</a>, <a href="/katalog/motyw/powstanie/">Powstanie</a>, <a href="/katalog/motyw/smierc-bohaterska/">Śmierć bohaterska</a>, <a href="/katalog/motyw/slawa/">Sława</a>, <a href="/katalog/motyw/rewolucja/">Rewolucja</a>, <a href="/katalog/motyw/sad/">Sąd</a>, <a href="/katalog/motyw/zdrada/">Zdrada</a></span></li>
-
-                    <li>pory roku
-                    <span class="subcategories"><a href="/katalog/motyw/wiosna/">Wiosna</a>, <a href="/katalog/motyw/lato/">Lato</a>, <a href="/katalog/motyw/jesien/">Jesień</a>, <a href="/katalog/motyw/zima/">Zima</a>, <a href="/katalog/motyw/czas/">Czas</a>, <a href="/katalog/motyw/przemijanie/">Przemijanie</a></span></li>
-
-                    <li>posiadanie
-                    <span class="subcategories"><a href="/katalog/motyw/pieniadz/">Pieniądz</a>, <a href="/katalog/motyw/handel/">Handel</a>, <a href="/katalog/motyw/korzysc/">Korzyść</a>, <a href="/katalog/motyw/chciwosc/">Chciwość</a>, <a href="/katalog/motyw/bieda/">Bieda</a>, <a href="/katalog/motyw/bogactwo/">Bogactwo</a>, <a href="/katalog/motyw/skapiec/">Skąpiec</a>, <a href="/katalog/motyw/wlasnosc/">Własność</a>, <a href="/katalog/motyw/zlodziej/">Złodziej</a>, <a href="/katalog/motyw/zebrak/">Żebrak</a></span></li>
-
-                    <li>poświęcenie
-                    <span class="subcategories"><a href="/katalog/motyw/poswiecenie/">Poświęcenie</a>, <a href="/katalog/motyw/ofiara/">Ofiara</a>, <a href="/katalog/motyw/prometeusz/">Prometeusz</a>, <a href="/katalog/motyw/milosierdzie/">Miłosierdzie</a>, <a href="/katalog/motyw/chrystus/">Chrystus</a>, <a href="/katalog/motyw/zbawienie/">Zbawienie</a></span></li>
-
-                    <li>poznanie
-                    <span class="subcategories"><a href="/katalog/motyw/filozof/">Filozof</a>, <a href="/katalog/motyw/madrosc/">Mądrość</a>, <a href="/katalog/motyw/medrzec/">Mędrzec</a>, <a href="/katalog/motyw/glupiec/">Głupiec</a>, <a href="/katalog/motyw/glupota/">Głupota</a>, <a href="/katalog/motyw/rozum/">Rozum</a>, <a href="/katalog/motyw/wiedza/">Wiedza</a>, <a href="/katalog/motyw/prawda/">Prawda</a>, <a href="/katalog/motyw/falsz/">Fałsz</a></span></li>
-
-                    <li>poznanie alternatywne
-                    <span class="subcategories"><a href="/katalog/motyw/szaleniec/">Szaleniec</a>, <a href="/katalog/motyw/szalenstwo/">Szaleństwo</a>, <a href="/katalog/motyw/prawda/">Prawda</a>, <a href="/katalog/motyw/pozory/">Pozory</a>, <a href="/katalog/motyw/obraz-swiata/">Obraz świata</a>, <a href="/katalog/motyw/serce/">Serce</a>, <a href="/katalog/motyw/wiedza/">Wiedza</a>, <a href="/katalog/motyw/madrosc/">Mądrość</a>, <a href="/katalog/motyw/dusza/">Dusza</a>, <a href="/katalog/motyw/duch/">Duch</a>, <a href="/katalog/motyw/cialo/">Ciało</a></span></li>
-
-                    <li>praca
-                    <span class="subcategories"><a href="/katalog/motyw/praca/">Praca</a>, <a href="/katalog/motyw/sluga/">Sługa</a></span></li>
-
-                    <li>przyroda
-                    <span class="subcategories"><a href="/katalog/motyw/natura/">Natura</a>, <a href="/katalog/motyw/zywioly/">Żywioły</a>, <a href="/katalog/motyw/ogien/">Ogień</a>, <a href="/katalog/motyw/ziemia/">Ziemia</a>, <a href="/katalog/motyw/wiatr/">Wiatr</a>, <a href="/katalog/motyw/woda/">Woda</a>, <a href="/katalog/motyw/wiosna/">Wiosna</a>, <a href="/katalog/motyw/lato/">Lato</a>, <a href="/katalog/motyw/jesien/">Jesień</a>, <a href="/katalog/motyw/zima/">Zima</a>, <a href="/katalog/motyw/przemijanie/">Przemijanie</a>, <a href="/katalog/motyw/slonce/">Słońce</a>, <a href="/katalog/motyw/ksiezyc/">Księżyc</a>, <a href="/katalog/motyw/gwiazda/">Gwiazda</a>, <a href="/katalog/motyw/oblok/">Obłok</a>, <a href="/katalog/motyw/noc/">Noc</a>, <a href="/katalog/motyw/swiatlo/">Światło</a>, <a href="/katalog/motyw/gora/">Góra</a>, <a href="/katalog/motyw/rzeka/">Rzeka</a>, <a href="/katalog/motyw/morze/">Morze</a>, <a href="/katalog/motyw/burza/">Burza</a>, <a href="/katalog/motyw/deszcz/">Deszcz</a>, <a href="/katalog/motyw/bloto/">Błoto</a>, <a href="/katalog/motyw/przyroda-nieozywiona/">Przyroda nieożywiona</a>, <a href="/katalog/motyw/rosliny/">Rośliny</a>, <a href="/katalog/motyw/kwiaty/">Kwiaty</a>, <a href="/katalog/motyw/ogrod/">Ogród</a>, <a href="/katalog/motyw/sielanka/">Sielanka</a>, <a href="/katalog/motyw/raj/">Raj</a>, <a href="/katalog/motyw/jablko/">Jabłko</a>, <a href="/katalog/motyw/drzewo/">Drzewo</a>, <a href="/katalog/motyw/zwierzeta/">Zwierzęta</a>, <a href="/katalog/motyw/ptak/">Ptak</a>, <a href="/katalog/motyw/motyl/">Motyl</a>, <a href="/katalog/motyw/kot/">Kot</a>, <a href="/katalog/motyw/kon/">Koń</a>, <a href="/katalog/motyw/pies/">Pies</a>, <a href="/katalog/motyw/waz/">Wąż</a>, <a href="/katalog/motyw/potwor/">Potwór</a></span></li>
-
-                    <li>regulacja postępowania
-                    <span class="subcategories"><a href="/katalog/motyw/cnota/">Cnota</a>, <a href="/katalog/motyw/sprawiedliwosc/">Sprawiedliwość</a>, <a href="/katalog/motyw/obowiazek/">Obowiązek</a></span></li>
-
-                    <li>role społeczne
-                    <span class="subcategories"><a href="/katalog/motyw/kobieta/">Kobieta</a>, <a href="/katalog/motyw/mezczyzna/">Mężczyzna</a>, <a href="/katalog/motyw/maz/">Mąż</a>, <a href="/katalog/motyw/zona/">Żona</a>, <a href="/katalog/motyw/matka/">Matka</a>, <a href="/katalog/motyw/ojciec/">Ojciec</a>, <a href="/katalog/motyw/dziecko/">Dziecko</a>, <a href="/katalog/motyw/syn/">Syn</a>, <a href="/katalog/motyw/corka/">Córka</a>, <a href="/katalog/motyw/brat/">Brat</a>, <a href="/katalog/motyw/siostra/">Siostra</a>, <a href="/katalog/motyw/wdowa/">Wdowa</a>, <a href="/katalog/motyw/wdowiec/">Wdowiec</a>, <a href="/katalog/motyw/nauczyciel/">Nauczyciel</a>, <a href="/katalog/motyw/nauczycielka/">Nauczycielka</a>, <a href="/katalog/motyw/uczen/">Uczeń</a>, <a href="/katalog/motyw/poeta/">Poeta</a>, <a href="/katalog/motyw/literat/">Literat</a>, <a href="/katalog/motyw/lekarz/">Lekarz</a>, <a href="/katalog/motyw/sedzia/">Sędzia</a>, <a href="/katalog/motyw/krol/">Król</a>, <a href="/katalog/motyw/przywodca/">Przywódca</a>, <a href="/katalog/motyw/zolnierz/">Żołnierz</a>, <a href="/katalog/motyw/urzednik/">Urzędnik</a>, <a href="/katalog/motyw/filozof/">Filozof</a>, <a href="/katalog/motyw/ksiadz/">Ksiądz</a></span></li>
-
-                    <li>rycerskie czasy
-                    <span class="subcategories"><a href="/katalog/motyw/zamek/">Zamek</a>, <a href="/katalog/motyw/ruiny/">Ruiny</a>, <a href="/katalog/motyw/rycerz/">Rycerz</a>, <a href="/katalog/motyw/honor/">Honor</a>, <a href="/katalog/motyw/wiernosc/">Wierność</a>, <a href="/katalog/motyw/obowiazek/">Obowiązek</a>, <a href="/katalog/motyw/walka/">Walka</a>, <a href="/katalog/motyw/krol/">Król</a>, <a href="/katalog/motyw/dama/">Dama</a></span></li>
-
-                    <li>rzeczywistość nadprzyrodzona
-                    <span class="subcategories"><a href="/katalog/motyw/bog/">Bóg</a>, <a href="/katalog/motyw/chrystus/">Chrystus</a>, <a href="/katalog/motyw/matka-boska/">Matka Boska</a>, <a href="/katalog/motyw/aniol/">Anioł</a>, <a href="/katalog/motyw/szatan/">Szatan</a>, <a href="/katalog/motyw/diabel/">Diabeł</a>, <a href="/katalog/motyw/duch/">Duch</a>, <a href="/katalog/motyw/dusza/">Dusza</a>, <a href="/katalog/motyw/wampir/">Wampir</a>, <a href="/katalog/motyw/upior/">Upiór</a>, <a href="/katalog/motyw/czary/">Czary</a>, <a href="/katalog/motyw/czarownica/">Czarownica</a></span></li>
-
-                    <li>struktura społeczna
-                    <span class="subcategories"><a href="/katalog/motyw/chlop/">Chłop</a>, <a href="/katalog/motyw/mieszczanin/">Mieszczanin</a>, <a href="/katalog/motyw/zyd/">Żyd</a>, <a href="/katalog/motyw/szlachcic/">Szlachcic</a>, <a href="/katalog/motyw/ksiadz/">Ksiądz</a>, <a href="/katalog/motyw/robotnik/">Robotnik</a>, <a href="/katalog/motyw/krol/">Król</a>, <a href="/katalog/motyw/przywodca/">Przywódca</a>, <a href="/katalog/motyw/pozycja-spoleczna/">Pozycja społeczna</a>, <a href="/katalog/motyw/dworek/">Dworek</a>, <a href="/katalog/motyw/obyczaje/">Obyczaje</a></span></li>
-
-                    <li>sarmatyzm
-                    <span class="subcategories"><a href="/katalog/motyw/polak/">Polak</a>, <a href="/katalog/motyw/sarmata/">Sarmata</a>, <a href="/katalog/motyw/szlachcic/">Szlachcic</a>, <a href="/katalog/motyw/przedmurze-chrzescijanstwa/">Przedmurze chrześcijaństwa</a>, <a href="/katalog/motyw/matka-boska/">Matka Boska</a>, <a href="/katalog/motyw/religia/">Religia</a></span></li>
-
-                    <li>sprawowanie władzy
-                    <span class="subcategories"><a href="/katalog/motyw/urzednik/">Urzędnik</a>, <a href="/katalog/motyw/panstwo/">Państwo</a>, <a href="/katalog/motyw/wladza/">Władza</a>, <a href="/katalog/motyw/przemoc/">Przemoc</a>, <a href="/katalog/motyw/sad/">Sąd</a>, <a href="/katalog/motyw/kara/">Kara</a>, <a href="/katalog/motyw/wiezienie/">Więzienie</a></span></li>
-
-                    <li>śmierć
-                    <span class="subcategories"><a href="/katalog/motyw/smierc/">Śmierć</a>, <a href="/katalog/motyw/danse-macabre/">Danse macabre</a>, <a href="/katalog/motyw/gotycyzm/">Gotycyzm</a>, <a href="/katalog/motyw/grob/">Grób</a>, <a href="/katalog/motyw/otchlan/">Otchłań</a>, <a href="/katalog/motyw/pogrzeb/">Pogrzeb</a>, <a href="/katalog/motyw/samobojstwo/">Samobójstwo</a>, <a href="/katalog/motyw/krew/">Krew</a>, <a href="/katalog/motyw/trup/">Trup</a>, <a href="/katalog/motyw/morderstwo/">Morderstwo</a>, <a href="/katalog/motyw/zaloba/">Żałoba</a>, <a href="/katalog/motyw/zmartwychwstanie/">Zmartwychwstanie</a>, <a href="/katalog/motyw/melancholia/">Melancholia</a>, <a href="/katalog/motyw/vanitas/">Vanitas</a>, <a href="/katalog/motyw/los/">Los</a>, <a href="/katalog/motyw/kondycja-ludzka/">Kondycja ludzka</a></span></li>
-
-                    <li>środowisko miejskie i wiejskie
-                    <span class="subcategories"><a href="/katalog/motyw/miasto/">Miasto</a>, <a href="/katalog/motyw/warszawa/">Warszawa</a>, <a href="/katalog/motyw/mieszczanin/">Mieszczanin</a>, <a href="/katalog/motyw/handel/">Handel</a>, <a href="/katalog/motyw/robotnik/">Robotnik</a>, <a href="/katalog/motyw/zyd/">Żyd</a>, <a href="/katalog/motyw/wies/">Wieś</a>, <a href="/katalog/motyw/sielanka/">Sielanka</a>, <a href="/katalog/motyw/chlop/">Chłop</a>, <a href="/katalog/motyw/ogrod/">Ogród</a>, <a href="/katalog/motyw/natura/">Natura</a>, <a href="/katalog/motyw/przestrzen/">Przestrzeń</a></span></li>
-
-                    <li>świat w perspektywie etycznej
-                    <span class="subcategories"><a href="/katalog/motyw/kuszenie/">Kuszenie</a>, <a href="/katalog/motyw/zwatpienie/">Zwątpienie</a>, <a href="/katalog/motyw/wyrzuty-sumienia/">Wyrzuty sumienia</a>, <a href="/katalog/motyw/wina/">Wina</a>, <a href="/katalog/motyw/grzech/">Grzech</a>, <a href="/katalog/motyw/kara/">Kara</a>, <a href="/katalog/motyw/los/">Los</a>, <a href="/katalog/motyw/koniec-swiata/">Koniec świata</a>, <a href="/katalog/motyw/wieza-babel/">Wieża Babel</a>, <a href="/katalog/motyw/zbawienie/">Zbawienie</a>, <a href="/katalog/motyw/zaswiaty/">Zaświaty</a>, <a href="/katalog/motyw/czysciec/">Czyściec</a>, <a href="/katalog/motyw/raj/">Raj</a>, <a href="/katalog/motyw/niesmiertelnosc/">Nieśmiertelność</a>, <a href="/katalog/motyw/przysiega/">Przysięga</a>, <a href="/katalog/motyw/przeklenstwo/">Przekleństwo</a>, <a href="/katalog/motyw/religia/">Religia</a>, <a href="/katalog/motyw/obrzedy/">Obrzędy</a>, <a href="/katalog/motyw/modlitwa/">Modlitwa</a>, <a href="/katalog/motyw/niedziela/">Niedziela</a>, <a href="/katalog/motyw/przedmurze-chrzescijanstwa/">Przedmurze chrześcijaństwa</a>, <a href="/katalog/motyw/ksiadz/">Ksiądz</a>, <a href="/katalog/motyw/poboznosc/">Pobożność</a>, <a href="/katalog/motyw/swietoszek/">Świętoszek</a>, <a href="/katalog/motyw/swiety/">Święty</a>, <a href="/katalog/motyw/wierzenia/">Wierzenia</a>, <a href="/katalog/motyw/zabobony/">Zabobony</a></span></li>
-
-                    <li>świętowanie
-                    <span class="subcategories"><a href="/katalog/motyw/wesele/">Wesele</a>, <a href="/katalog/motyw/uczta/">Uczta</a>, <a href="/katalog/motyw/jedzenie/">Jedzenie</a>, <a href="/katalog/motyw/pijanstwo/">Pijaństwo</a>, <a href="/katalog/motyw/zabawa/">Zabawa</a>, <a href="/katalog/motyw/taniec/">Taniec</a>, <a href="/katalog/motyw/muzyka/">Muzyka</a>, <a href="/katalog/motyw/smiech/">Śmiech</a>, <a href="/katalog/motyw/spiew/">Śpiew</a>, <a href="/katalog/motyw/bijatyka/">Bijatyka</a>, <a href="/katalog/motyw/obyczaje/">Obyczaje</a>, <a href="/katalog/motyw/wierzenia/">Wierzenia</a>, <a href="/katalog/motyw/zabobony/">Zabobony</a></span></li>
-
-                    <li>tożsamość pozorna i podwójna
-                    <span class="subcategories"><a href="/katalog/motyw/portret/">Portret</a>, <a href="/katalog/motyw/lustro/">Lustro</a>, <a href="/katalog/motyw/cien/">Cień</a>, <a href="/katalog/motyw/sobowtor/">Sobowtór</a>, <a href="/katalog/motyw/maska/">Maska</a>, <a href="/katalog/motyw/przebranie/">Przebranie</a>, <a href="/katalog/motyw/stroj/">Strój</a>, <a href="/katalog/motyw/przemiana/">Przemiana</a></span></li>
-
-                    <li>trunki
-                    <span class="subcategories"><a href="/katalog/motyw/alkohol/">Alkohol</a>, <a href="/katalog/motyw/wino/">Wino</a>, <a href="/katalog/motyw/carpe-diem/">Carpe diem</a>, <a href="/katalog/motyw/pijanstwo/">Pijaństwo</a>, <a href="/katalog/motyw/karczma/">Karczma</a>, <a href="/katalog/motyw/obyczaje/">Obyczaje</a></span></li>
-
-                    <li>typy bohaterów
-                    <span class="subcategories"><a href="/katalog/motyw/samotnik/">Samotnik</a>, <a href="/katalog/motyw/buntownik/">Buntownik</a>, <a href="/katalog/motyw/pielgrzym/">Pielgrzym</a>, <a href="/katalog/motyw/szaleniec/">Szaleniec</a>, <a href="/katalog/motyw/filozof/">Filozof</a>, <a href="/katalog/motyw/medrzec/">Mędrzec</a>, <a href="/katalog/motyw/obcy/">Obcy</a>, <a href="/katalog/motyw/przywodca/">Przywódca</a>, <a href="/katalog/motyw/realista/">Realista</a>, <a href="/katalog/motyw/idealista/">Idealista</a>, <a href="/katalog/motyw/spolecznik/">Społecznik</a>, <a href="/katalog/motyw/syzyf/">Syzyf</a>, <a href="/katalog/motyw/prometeusz/">Prometeusz</a>, <a href="/katalog/motyw/sluga/">Sługa</a>, <a href="/katalog/motyw/uczen/">Uczeń</a></span></li>
-
-                    <li>ukrywanie/ujawnianie
-                    <span class="subcategories"><a href="/katalog/motyw/tajemnica/">Tajemnica</a>, <a href="/katalog/motyw/przysiega/">Przysięga</a>, <a href="/katalog/motyw/zdrada/">Zdrada</a>, <a href="/katalog/motyw/klamstwo/">Kłamstwo</a>, <a href="/katalog/motyw/falsz/">Fałsz</a></span></li>
-
-                    <li>upływ czasu
-                    <span class="subcategories"><a href="/katalog/motyw/wspomnienia/">Wspomnienia</a>, <a href="/katalog/motyw/marzenie/">Marzenie</a>, <a href="/katalog/motyw/pamiec/">Pamięć</a>, <a href="/katalog/motyw/przemijanie/">Przemijanie</a>, <a href="/katalog/motyw/czas/">Czas</a>, <a href="/katalog/motyw/smierc/">Śmierć</a></span></li>
-
-                    <li>widzenie
-                    <span class="subcategories"><a href="/katalog/motyw/oko/">Oko</a>, <a href="/katalog/motyw/wzrok/">Wzrok</a>, <a href="/katalog/motyw/sen/">Sen</a>, <a href="/katalog/motyw/marzenie/">Marzenie</a>, <a href="/katalog/motyw/wizja/">Wizja</a>, <a href="/katalog/motyw/przeczucie/">Przeczucie</a>, <a href="/katalog/motyw/duch/">Duch</a>, <a href="/katalog/motyw/dusza/">Dusza</a>, <a href="/katalog/motyw/proroctwo/">Proroctwo</a></span></li>
-
-                    <li>wina i przebaczenie
-                    <span class="subcategories"><a href="/katalog/motyw/grzech/">Grzech</a>, <a href="/katalog/motyw/wina/">Wina</a>, <a href="/katalog/motyw/wyrzuty-sumienia/">Wyrzuty sumienia</a>, <a href="/katalog/motyw/syn-marnotrawny/">Syn marnotrawny</a>, <a href="/katalog/motyw/pokora/">Pokora</a>, <a href="/katalog/motyw/przemiana/">Przemiana</a>, <a href="/katalog/motyw/milosierdzie/">Miłosierdzie</a>, <a href="/katalog/motyw/zbawienie/">Zbawienie</a></span></li>
-
-                    <li>wizerunki kobiety
-                    <span class="subcategories"><a href="/katalog/motyw/kobieta/">Kobieta</a>, <a href="/katalog/motyw/kobieta-demoniczna/">Kobieta demoniczna</a>, <a href="/katalog/motyw/kobieta-upadla/">Kobieta „upadła”</a>, <a href="/katalog/motyw/czarownica/">Czarownica</a>, <a href="/katalog/motyw/dama/">Dama</a>, <a href="/katalog/motyw/proznosc/">Próżność</a>, <a href="/katalog/motyw/cialo/">Ciało</a>, <a href="/katalog/motyw/corka/">Córka</a>, <a href="/katalog/motyw/siostra/">Siostra</a>, <a href="/katalog/motyw/zona/">Żona</a>, <a href="/katalog/motyw/matka/">Matka</a></span></li>
-
-                    <li>w kręgu sztuki
-                    <span class="subcategories"><a href="/katalog/motyw/artysta/">Artysta</a>, <a href="/katalog/motyw/sztuka/">Sztuka</a>, <a href="/katalog/motyw/literat/">Literat</a>, <a href="/katalog/motyw/poeta/">Poeta</a>, <a href="/katalog/motyw/poetka/">Poetka</a>, <a href="/katalog/motyw/poezja/">Poezja</a>, <a href="/katalog/motyw/muzyka/">Muzyka</a>, <a href="/katalog/motyw/taniec/">Taniec</a>, <a href="/katalog/motyw/spiew/">Śpiew</a>, <a href="/katalog/motyw/teatr/">Teatr</a>, <a href="/katalog/motyw/ksiazka/">Książka</a>, <a href="/katalog/motyw/slowo/">Słowo</a>, <a href="/katalog/motyw/slawa/">Sława</a>, <a href="/katalog/motyw/niesmiertelnosc/">Nieśmiertelność</a></span></li>
-
-                    <li>wychodźstwo i uwięzienie
-                    <span class="subcategories"><a href="/katalog/motyw/emigrant/">Emigrant</a>, <a href="/katalog/motyw/tesknota/">Tęsknota</a>, <a href="/katalog/motyw/obcy/">Obcy</a>, <a href="/katalog/motyw/wiezienie/">Więzienie</a>, <a href="/katalog/motyw/przemiana/">Przemiana</a>, <a href="/katalog/motyw/wiezien/">Więzień</a>, <a href="/katalog/motyw/wolnosc/">Wolność</a>, <a href="/katalog/motyw/niewola/">Niewola</a>, <a href="/katalog/motyw/wygnanie/">Wygnanie</a>, <a href="/katalog/motyw/zeslaniec/">Zesłaniec</a>, <a href="/katalog/motyw/zbrodnia/">Zbrodnia</a>, <a href="/katalog/motyw/zbrodniarz/">Zbrodniarz</a></span></li>
-
-                    <li>zagrożenie
-                    <span class="subcategories"><a href="/katalog/motyw/niebezpieczenstwo/">Niebezpieczeństwo</a>, <a href="/katalog/motyw/trucizna/">Trucizna</a>, <a href="/katalog/motyw/falsz/">Fałsz</a>, <a href="/katalog/motyw/zdrada/">Zdrada</a>, <a href="/katalog/motyw/choroba/">Choroba</a>, <a href="/katalog/motyw/smierc/">Śmierć</a></span></li>
-
-                    <li>zajęcia i zawody
-                    <span class="subcategories"><a href="/katalog/motyw/lekarz/">Lekarz</a>, <a href="/katalog/motyw/prawnik/">Prawnik</a>, <a href="/katalog/motyw/sedzia/">Sędzia</a>, <a href="/katalog/motyw/nauczyciel/">Nauczyciel</a>, <a href="/katalog/motyw/nauczycielka/">Nauczycielka</a>, <a href="/katalog/motyw/literat/">Literat</a>, <a href="/katalog/motyw/poeta/">Poeta</a>, <a href="/katalog/motyw/poetka/">Poetka</a>, <a href="/katalog/motyw/artysta/">Artysta</a>, <a href="/katalog/motyw/zolnierz/">Żołnierz</a>, <a href="/katalog/motyw/urzednik/">Urzędnik</a>, <a href="/katalog/motyw/sluga/">Sługa</a>, <a href="/katalog/motyw/rycerz/">Rycerz</a></span></li>
-
-                    <li>życie dworskie
-                    <span class="subcategories"><a href="/katalog/motyw/dworzanin/">Dworzanin</a>, <a href="/katalog/motyw/dwor/">Dwór</a>, <a href="/katalog/motyw/dama/">Dama</a>, <a href="/katalog/motyw/fircyk/">Fircyk</a>, <a href="/katalog/motyw/blazen/">Błazen</a>, <a href="/katalog/motyw/krol/">Król</a>, <a href="/katalog/motyw/urzednik/">Urzędnik</a>, <a href="/katalog/motyw/sluga/">Sługa</a>, <a href="/katalog/motyw/grzecznosc/">Grzeczność</a>, <a href="/katalog/motyw/obyczaje/">Obyczaje</a>, <a href="/katalog/motyw/pochlebstwo/">Pochlebstwo</a></span></li>
-
-                    <li>żywioły
-                    <span class="subcategories"><a href="/katalog/motyw/zywioly/">Żywioły</a>, <a href="/katalog/motyw/ogien/">Ogień</a>, <a href="/katalog/motyw/ziemia/">Ziemia</a>, <a href="/katalog/motyw/wiatr/">Wiatr</a>, <a href="/katalog/motyw/woda/">Woda</a>, <a href="/katalog/motyw/przestrzen/">Przestrzeń</a></span></li>
-                    </ol>
-                    <p><a href="#" class="hide-all-tags">{% trans "Hide" %}</a></p>
-                </div>
-            </div>
-            <div class="clearboth"></div>
-        </div>
-    </div>
-    <div class="clearboth"></div>
-
-    <div id="site-info">
-        <div id="latest-blog-posts">
-            <h2>{% trans "News" %}</h2>
-            {% cache 1800 latest-blog-posts %}
-            {% latest_blog_posts "http://nowoczesnapolska.org.pl/category/wolne-lektury/feed/" %}
-            {% endcache %}
-            <p class="see-more"><a href="http://www.nowoczesnapolska.org.pl/">{% trans "See our blog" %} ⇒</a></p>
-        </div>
-        <div id="you-can-help">
-            <h2>{% trans "You can help us!" %}</h2>
-            <ul>
-                <li>{% trans "Become a volunteer &ndash; an editor, developer or translator." %}</li>
-                <li>{% trans "Gain new skills and experience." %}</li>
-                <li>{% trans "Join an open project of creating an innovative online library." %}</li>
-            </ul>
-            <p class="see-more"><a href="{% url help_us %}" title="{% trans "You can help us!" %}">{% trans "You can help us!" %} ⇒</a></p>
-        </div>
-        <div id="about-us">
-            <h2>{% trans "About us" %}</h2>
-            <p>
-           	{% blocktrans %}
-			Internet library with school readings “Wolne Lektury” (<a href="http://wolnelektury.pl">www.wolnelektury.pl</a>) is a project made by Modern Poland Foundation. It started in 2007 and shares school readings, which are recommended by Ministry of National Education and are in public domain.
-			{% endblocktrans %}
-            </p>
-            <p class="see-more"><a href="{% url about_us %}" title="{% trans "About us" %}">{% trans "See more" %} ⇒</a></p>
-        </div>
-    </div>
-{% endblock %}
-
-
-{% block add_footer %}
-
-<p>
-{% blocktrans %}
-Portions of this page are modifications based on work created and <a href="http://code.google.com/policies.html">shared by Google</a> and used
-according to terms described in the <a href="http://creativecommons.org/licenses/by/3.0/">Creative Commons
-3.0 Attribution License</a>.
-{% endblocktrans %}
-</p>
-
-{% endblock %}
diff --git a/wolnelektury/templates/main_page.html b/wolnelektury/templates/main_page.html
new file mode 100755
index 000000000..889e0721a
--- /dev/null
+++ b/wolnelektury/templates/main_page.html
@@ -0,0 +1,110 @@
+{% extends "base.html" %}
+{% load cache i18n catalogue_tags %}
+
+
+{% block body %}
+
+    <blockquote id="big-cite">
+        <a href='http://google.com'>
+        <h2 class="mono">Jarosław Lipszyc poleca:</h2>
+        <p id="big-cite-text">Dobranoc, obróć jeszcze raz na mnie oczęta,<br/>
+        (…) Daj mi pierś ucałować<br/>
+        Dobranoc, zapięta.</p>
+        <p class="mono" id="big-cite-source">Adam Mickiewicz, Dziady część III</p>
+        </a>
+    </blockquote>
+
+
+    {% spaceless %}
+
+
+    <div id="promo-box">
+        <div class="grid-line" id="promo-box-header">
+            <h2 class="mono">Trwa konkurs</h2>
+        </div>
+        <div id="promo-box-body">
+            <p id="promo-box-title" class="mono">Konkurs poezji automatycznej</p>
+            <p>Znacie Leśmianatora? To niewielki skrypt miskujący na życzenie
+            wiersze z Wolnych Lektur.</p>
+        </div>
+    </div>
+
+
+    <h2 class="grid-line"><span class="mono">Ostatnie publikacje</span></h2>
+        {% for book in last_published %}
+            {{ book.mini_box }}
+        {% endfor %}
+
+    <div class="infopages-box">
+        <h2 class="grid-line"><span class='mono'>Aktualności</span></h2>
+        {% cache 1800 latest-blog-posts %}
+            {% latest_blog_posts "http://nowoczesnapolska.org.pl/category/wolne-lektury/feed/" %}
+        {% endcache %}
+    </div>
+
+
+    <div class="infopages-box">
+        <h2 class="grid-line"><span class='mono'>Narzędzia</span></h2>
+
+        <ul>
+            <li><a href="{% url suggest %}" id="suggest-link">{% trans "Report a bug" %}</a></li>
+            <li><a href="{% url suggest %}">Turniej Elektrybałtów</a></li>
+            <li><a href="{% url suggest %}">Leśmianator</a></li>
+            <li><a href="{% url suggest %}">{% trans "Mobile app" %}</a></li>
+            <li><a href="{% url suggest %}">{% trans "Widget" %}</a></li>
+            <li><a href="{% url suggest %}">{% trans "Public domain counter" %}</a></li>
+            <li><a href="{% url suggest %}">{% trans "Missing a book?" %}</a></li>
+        </ul>
+    </div>
+
+
+    <div class="infopages-box">
+        <h2 class="grid-line"><span class='mono'>Informacje</span></h2>
+
+        <ul>
+            <li><a href="{% url suggest %}">{% trans "About the project" %}</a></li>
+            <li><a href="{% url suggest %}">{% trans "You can help us" %}</a></li>
+            <li><a href="{% url suggest %}">{% trans "Copyright" %}</a></li>
+            <li><a href="{% url suggest %}">{% trans "Team" %}</a></li>
+        </ul>
+
+        <div class="social-links">
+            <a href="http://pl-pl.facebook.com/pages/Wolne-Lektury/203084073268"><img src="{{ STATIC_URL }}img/social/facebook.png" alt="WolneLektury @ Facebook" /></a>
+            <a href="http://nk.pl/profile/30441509"><img src="{{ STATIC_URL }}img/social/naszaklasa.png" alt="WolneLektury @ NK" /></a>
+        </div>
+    </div>
+
+
+    {% endspaceless %}
+
+
+{% endblock %}
+
+
+
+
+
+
+
+            {# publication plan consultations - form link #}
+            <div style="clear:right;float:right" class="big-top-link">
+                <a href="{% url suggest_publishing %}" data-ajax="{% url suggest_publishing %}?ajax=1" id="suggest-publishing-link">
+                    {% trans "Didn't find a book? Make a suggestion." %}
+                </a>
+            </div>
+
+
+
+
+        <div id="suggest-window">
+            <div class="header"><a href="#" class="jqmClose">{% trans "Close" %}</a></div>
+            <div class="target">
+                <p><img src="{{ STATIC_URL }}img/indicator.gif" alt="*"/> {% trans "Loading" %}</p>
+            </div>
+        </div>
+        <div id="suggest-publishing-window">
+            <div class="header"><a href="#" class="jqmClose">{% trans "Close" %}</a></div>
+            <div class="target">
+                <p><img src="{{ STATIC_URL }}img/indicator.gif" alt="*"/> {% trans "Loading" %}</p>
+            </div>
+        </div>
diff --git a/wolnelektury/urls.py b/wolnelektury/urls.py
index ed0228aa3..2556a3d02 100644
--- a/wolnelektury/urls.py
+++ b/wolnelektury/urls.py
@@ -5,14 +5,14 @@ from django.conf.urls.defaults import *
 from django.conf import settings
 from django.contrib import admin
 
-from catalogue.forms import SearchForm
-
-from infopages.models import InfoPage
-
 
 admin.autodiscover()
 
-urlpatterns = patterns('',
+urlpatterns = patterns('wolnelektury.views',
+    url(r'^$', 'main_page', name='main_page'),
+)
+
+urlpatterns += patterns('',
     url(r'^katalog/', include('catalogue.urls')),
     url(r'^materialy/', include('lessons.urls')),
     url(r'^opds/', include('opds.urls')),
@@ -20,6 +20,7 @@ urlpatterns = patterns('',
     url(r'^lesmianator/', include('lesmianator.urls')),
     url(r'^przypisy/', include('dictionary.urls')),
     url(r'^raporty/', include('reporting.urls')),
+    url(r'^info/', include('infopages.urls')),
 
     # Static pages
     url(r'^mozesz-nam-pomoc/$', 'infopages.views.infopage', {'slug': 'help_us'}, name='help_us'),
@@ -45,16 +46,23 @@ urlpatterns = patterns('',
         {'document_root': settings.MEDIA_ROOT, 'show_indexes': True}),
     url(r'^%s(?P<path>.*)$' % settings.STATIC_URL[1:], 'django.views.static.serve',
         {'document_root': settings.STATIC_ROOT, 'show_indexes': True}),
-    url(r'^$', 'django.views.generic.simple.redirect_to', {'url': 'katalog/',
-        'permanent': False}),
     url(r'^i18n/', include('django.conf.urls.i18n')),
 )
 
 urlpatterns += patterns('django.views.generic.simple',
     # old static pages - redirected
-    (r'^1procent/$', 'redirect_to', {'url': 'http://nowoczesnapolska.org.pl/wesprzyj_nas/'}),
-    (r'^wolontariat/$', 'redirect_to', {'url': '/mozesz-nam-pomoc/'}),
-    (r'^epub/$', 'redirect_to', {'url': '/katalog/lektury/'}),
+    url(r'^1procent/$', 'redirect_to',
+        {'url': 'http://nowoczesnapolska.org.pl/wesprzyj_nas/'}),
+    url(r'^epub/$', 'redirect_to',
+        {'url': '/katalog/lektury/'}),
+    url(r'^mozesz-nam-pomoc/$', 'redirect_to',
+        {'url': '/info/mozesz-nam-pomoc'}, name='help_us'),
+    url(r'^o-projekcie/$', 'redirect_to',
+        {'url': '/info/o-projekcie'}, name='about_us'),
+    url(r'^widget/$', 'redirect_to',
+        {'url': '/info/widget'}),
+    url(r'^wolontariat/$', 'redirect_to',
+        {'url': '/mozesz-nam-pomoc/'}),
 )
     
 
diff --git a/wolnelektury/views.py b/wolnelektury/views.py
new file mode 100755
index 000000000..808a0feaa
--- /dev/null
+++ b/wolnelektury/views.py
@@ -0,0 +1,10 @@
+from django.template import RequestContext
+from django.shortcuts import render_to_response
+from catalogue.models import Book
+
+
+def main_page(request):
+    last_published = Book.objects.exclude(html_file='').order_by('-created_at')[:4]
+
+    return render_to_response("main_page.html", locals(),
+        context_instance=RequestContext(request))
\ No newline at end of file
-- 
2.20.1