From: Marek Stępniowski <marek@stepniowski.com>
Date: Sun, 24 Jan 2010 14:14:15 +0000 (+0100)
Subject: Dodanie strony 1procent i bannera 1procent na górze każdej strony w katalogu.
X-Git-Url: https://git.mdrn.pl/wolnelektury.git/commitdiff_plain/6797be6ce464806fdfb17b6ada71ba7b0b87b2d4

Dodanie strony 1procent i bannera 1procent na górze każdej strony w katalogu.
---

diff --git a/wolnelektury/static/css/1percent.css b/wolnelektury/static/css/1percent.css
new file mode 100644
index 000000000..825cbbde3
--- /dev/null
+++ b/wolnelektury/static/css/1percent.css
@@ -0,0 +1,47 @@
+body {
+    background: #FFF url(/static/img/bg.png) repeat-x;
+    color: #000;
+    font-size: 16px;
+}
+
+h2 {
+    font-size: 21px;
+    color: #000;
+    margin-bottom: 10px;
+}
+
+strong {
+    font-weight: bold;
+    background-color: #FEF5C7;
+}
+
+em {
+    font-style: italic;
+}
+
+#logos img {
+    margin: 0 0 10px 20px;
+}
+
+#lists, #copy {
+    margin-top: 60px;
+}
+
+#lists li, #lists p {
+    line-height: 28px;
+}
+
+#copy p {
+    text-align: justify;
+}
+
+#back {
+    display: block;
+    background-color: #EDEDED;
+    color: #7187A7;
+    width: 240px;
+    text-align: center;
+    padding: 10px;
+    border: 2px solid #E2E2E1;
+    margin: 60px auto;
+}
\ No newline at end of file
diff --git a/wolnelektury/static/css/960.css b/wolnelektury/static/css/960.css
new file mode 100755
index 000000000..570142bc1
--- /dev/null
+++ b/wolnelektury/static/css/960.css
@@ -0,0 +1,611 @@
+/*
+	960 Grid System ~ Core CSS.
+	Learn more ~ http://960.gs/
+
+	Licensed under GPL and MIT.
+*/
+
+/* `Containers
+----------------------------------------------------------------------------------------------------*/
+
+.container_12,
+.container_16 {
+	margin-left: auto;
+	margin-right: auto;
+	width: 960px;
+}
+
+/* `Grid >> Global
+----------------------------------------------------------------------------------------------------*/
+
+.grid_1,
+.grid_2,
+.grid_3,
+.grid_4,
+.grid_5,
+.grid_6,
+.grid_7,
+.grid_8,
+.grid_9,
+.grid_10,
+.grid_11,
+.grid_12,
+.grid_13,
+.grid_14,
+.grid_15,
+.grid_16 {
+	display: inline;
+	float: left;
+	position: relative;
+	margin-left: 10px;
+	margin-right: 10px;
+}
+
+.container_12 .grid_3,
+.container_16 .grid_4 {
+	width: 220px;
+}
+
+.container_12 .grid_6,
+.container_16 .grid_8 {
+	width: 460px;
+}
+
+.container_12 .grid_9,
+.container_16 .grid_12 {
+	width: 700px;
+}
+
+.container_12 .grid_12,
+.container_16 .grid_16 {
+	width: 940px;
+}
+
+/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
+----------------------------------------------------------------------------------------------------*/
+
+.alpha {
+	margin-left: 0;
+}
+
+.omega {
+	margin-right: 0;
+}
+
+/* `Grid >> 12 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_12 .grid_1 {
+	width: 60px;
+}
+
+.container_12 .grid_2 {
+	width: 140px;
+}
+
+.container_12 .grid_4 {
+	width: 300px;
+}
+
+.container_12 .grid_5 {
+	width: 380px;
+}
+
+.container_12 .grid_7 {
+	width: 540px;
+}
+
+.container_12 .grid_8 {
+	width: 620px;
+}
+
+.container_12 .grid_10 {
+	width: 780px;
+}
+
+.container_12 .grid_11 {
+	width: 860px;
+}
+
+/* `Grid >> 16 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_16 .grid_1 {
+	width: 40px;
+}
+
+.container_16 .grid_2 {
+	width: 100px;
+}
+
+.container_16 .grid_3 {
+	width: 160px;
+}
+
+.container_16 .grid_5 {
+	width: 280px;
+}
+
+.container_16 .grid_6 {
+	width: 340px;
+}
+
+.container_16 .grid_7 {
+	width: 400px;
+}
+
+.container_16 .grid_9 {
+	width: 520px;
+}
+
+.container_16 .grid_10 {
+	width: 580px;
+}
+
+.container_16 .grid_11 {
+	width: 640px;
+}
+
+.container_16 .grid_13 {
+	width: 760px;
+}
+
+.container_16 .grid_14 {
+	width: 820px;
+}
+
+.container_16 .grid_15 {
+	width: 880px;
+}
+
+/* `Prefix Extra Space >> Global
+----------------------------------------------------------------------------------------------------*/
+
+.container_12 .prefix_3,
+.container_16 .prefix_4 {
+	padding-left: 240px;
+}
+
+.container_12 .prefix_6,
+.container_16 .prefix_8 {
+	padding-left: 480px;
+}
+
+.container_12 .prefix_9,
+.container_16 .prefix_12 {
+	padding-left: 720px;
+}
+
+/* `Prefix Extra Space >> 12 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_12 .prefix_1 {
+	padding-left: 80px;
+}
+
+.container_12 .prefix_2 {
+	padding-left: 160px;
+}
+
+.container_12 .prefix_4 {
+	padding-left: 320px;
+}
+
+.container_12 .prefix_5 {
+	padding-left: 400px;
+}
+
+.container_12 .prefix_7 {
+	padding-left: 560px;
+}
+
+.container_12 .prefix_8 {
+	padding-left: 640px;
+}
+
+.container_12 .prefix_10 {
+	padding-left: 800px;
+}
+
+.container_12 .prefix_11 {
+	padding-left: 880px;
+}
+
+/* `Prefix Extra Space >> 16 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_16 .prefix_1 {
+	padding-left: 60px;
+}
+
+.container_16 .prefix_2 {
+	padding-left: 120px;
+}
+
+.container_16 .prefix_3 {
+	padding-left: 180px;
+}
+
+.container_16 .prefix_5 {
+	padding-left: 300px;
+}
+
+.container_16 .prefix_6 {
+	padding-left: 360px;
+}
+
+.container_16 .prefix_7 {
+	padding-left: 420px;
+}
+
+.container_16 .prefix_9 {
+	padding-left: 540px;
+}
+
+.container_16 .prefix_10 {
+	padding-left: 600px;
+}
+
+.container_16 .prefix_11 {
+	padding-left: 660px;
+}
+
+.container_16 .prefix_13 {
+	padding-left: 780px;
+}
+
+.container_16 .prefix_14 {
+	padding-left: 840px;
+}
+
+.container_16 .prefix_15 {
+	padding-left: 900px;
+}
+
+/* `Suffix Extra Space >> Global
+----------------------------------------------------------------------------------------------------*/
+
+.container_12 .suffix_3,
+.container_16 .suffix_4 {
+	padding-right: 240px;
+}
+
+.container_12 .suffix_6,
+.container_16 .suffix_8 {
+	padding-right: 480px;
+}
+
+.container_12 .suffix_9,
+.container_16 .suffix_12 {
+	padding-right: 720px;
+}
+
+/* `Suffix Extra Space >> 12 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_12 .suffix_1 {
+	padding-right: 80px;
+}
+
+.container_12 .suffix_2 {
+	padding-right: 160px;
+}
+
+.container_12 .suffix_4 {
+	padding-right: 320px;
+}
+
+.container_12 .suffix_5 {
+	padding-right: 400px;
+}
+
+.container_12 .suffix_7 {
+	padding-right: 560px;
+}
+
+.container_12 .suffix_8 {
+	padding-right: 640px;
+}
+
+.container_12 .suffix_10 {
+	padding-right: 800px;
+}
+
+.container_12 .suffix_11 {
+	padding-right: 880px;
+}
+
+/* `Suffix Extra Space >> 16 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_16 .suffix_1 {
+	padding-right: 60px;
+}
+
+.container_16 .suffix_2 {
+	padding-right: 120px;
+}
+
+.container_16 .suffix_3 {
+	padding-right: 180px;
+}
+
+.container_16 .suffix_5 {
+	padding-right: 300px;
+}
+
+.container_16 .suffix_6 {
+	padding-right: 360px;
+}
+
+.container_16 .suffix_7 {
+	padding-right: 420px;
+}
+
+.container_16 .suffix_9 {
+	padding-right: 540px;
+}
+
+.container_16 .suffix_10 {
+	padding-right: 600px;
+}
+
+.container_16 .suffix_11 {
+	padding-right: 660px;
+}
+
+.container_16 .suffix_13 {
+	padding-right: 780px;
+}
+
+.container_16 .suffix_14 {
+	padding-right: 840px;
+}
+
+.container_16 .suffix_15 {
+	padding-right: 900px;
+}
+
+/* `Push Space >> Global
+----------------------------------------------------------------------------------------------------*/
+
+.container_12 .push_3,
+.container_16 .push_4 {
+	left: 240px;
+}
+
+.container_12 .push_6,
+.container_16 .push_8 {
+	left: 480px;
+}
+
+.container_12 .push_9,
+.container_16 .push_12 {
+	left: 720px;
+}
+
+/* `Push Space >> 12 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_12 .push_1 {
+	left: 80px;
+}
+
+.container_12 .push_2 {
+	left: 160px;
+}
+
+.container_12 .push_4 {
+	left: 320px;
+}
+
+.container_12 .push_5 {
+	left: 400px;
+}
+
+.container_12 .push_7 {
+	left: 560px;
+}
+
+.container_12 .push_8 {
+	left: 640px;
+}
+
+.container_12 .push_10 {
+	left: 800px;
+}
+
+.container_12 .push_11 {
+	left: 880px;
+}
+
+/* `Push Space >> 16 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_16 .push_1 {
+	left: 60px;
+}
+
+.container_16 .push_2 {
+	left: 120px;
+}
+
+.container_16 .push_3 {
+	left: 180px;
+}
+
+.container_16 .push_5 {
+	left: 300px;
+}
+
+.container_16 .push_6 {
+	left: 360px;
+}
+
+.container_16 .push_7 {
+	left: 420px;
+}
+
+.container_16 .push_9 {
+	left: 540px;
+}
+
+.container_16 .push_10 {
+	left: 600px;
+}
+
+.container_16 .push_11 {
+	left: 660px;
+}
+
+.container_16 .push_13 {
+	left: 780px;
+}
+
+.container_16 .push_14 {
+	left: 840px;
+}
+
+.container_16 .push_15 {
+	left: 900px;
+}
+
+/* `Pull Space >> Global
+----------------------------------------------------------------------------------------------------*/
+
+.container_12 .pull_3,
+.container_16 .pull_4 {
+	left: -240px;
+}
+
+.container_12 .pull_6,
+.container_16 .pull_8 {
+	left: -480px;
+}
+
+.container_12 .pull_9,
+.container_16 .pull_12 {
+	left: -720px;
+}
+
+/* `Pull Space >> 12 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_12 .pull_1 {
+	left: -80px;
+}
+
+.container_12 .pull_2 {
+	left: -160px;
+}
+
+.container_12 .pull_4 {
+	left: -320px;
+}
+
+.container_12 .pull_5 {
+	left: -400px;
+}
+
+.container_12 .pull_7 {
+	left: -560px;
+}
+
+.container_12 .pull_8 {
+	left: -640px;
+}
+
+.container_12 .pull_10 {
+	left: -800px;
+}
+
+.container_12 .pull_11 {
+	left: -880px;
+}
+
+/* `Pull Space >> 16 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_16 .pull_1 {
+	left: -60px;
+}
+
+.container_16 .pull_2 {
+	left: -120px;
+}
+
+.container_16 .pull_3 {
+	left: -180px;
+}
+
+.container_16 .pull_5 {
+	left: -300px;
+}
+
+.container_16 .pull_6 {
+	left: -360px;
+}
+
+.container_16 .pull_7 {
+	left: -420px;
+}
+
+.container_16 .pull_9 {
+	left: -540px;
+}
+
+.container_16 .pull_10 {
+	left: -600px;
+}
+
+.container_16 .pull_11 {
+	left: -660px;
+}
+
+.container_16 .pull_13 {
+	left: -780px;
+}
+
+.container_16 .pull_14 {
+	left: -840px;
+}
+
+.container_16 .pull_15 {
+	left: -900px;
+}
+
+/* `Clear Floated Elements
+----------------------------------------------------------------------------------------------------*/
+
+/* http://sonspring.com/journal/clearing-floats */
+
+.clear {
+	clear: both;
+	display: block;
+	overflow: hidden;
+	visibility: hidden;
+	width: 0;
+	height: 0;
+}
+
+/* http://perishablepress.com/press/2009/12/06/new-clearfix-hack */
+
+.clearfix:after {
+	clear: both;
+	content: ' ';
+	display: block;
+	font-size: 0;
+	line-height: 0;
+	visibility: hidden;
+	width: 0;
+	height: 0;
+}
+
+/*
+	The following zoom:1 rule is specifically for IE6 + IE7.
+	Move to separate stylesheet if invalid CSS is a problem.
+*/
+* html .clearfix,
+*:first-child+html .clearfix {
+	zoom: 1;
+}
\ No newline at end of file
diff --git a/wolnelektury/static/css/master.css b/wolnelektury/static/css/master.css
index c62bcbc06..ec5c76552 100644
--- a/wolnelektury/static/css/master.css
+++ b/wolnelektury/static/css/master.css
@@ -6,6 +6,10 @@ body {
     color: #2F4110;
 }
 
+#header {
+    margin-top: -20px;
+}
+
 img {
     border: none;
 }
@@ -710,3 +714,41 @@ div.shown-tags p, div.all-tags p {
     margin: 0;
     padding: 0
 }
+
+/* ====================== */
+/* = One percent banner = */
+/* ====================== */
+#onepercent-banner {
+    color: #FFF;
+    margin: 0 -1.1em;
+    padding: 0 1.1em;
+    vertical-align: middle;
+    background-color: #FF6B3C;
+    height: 60px;
+    font-size: 1.8em;
+    line-height: 1.5em;
+    position: relative;
+}
+
+#onepercent-text, #onepercent-line:visited, #onepercent-text:hover, #onepercent-text:active {
+    display: block;
+    line-height: 60px;
+    color: #FFF;
+    text-decoration: none;
+}
+
+#onepercent-text strong {
+    font-weight: normal;
+    text-decoration: underline;
+}
+
+#onepercent-see-more, #onepercent-see-more:visited, #onepercent-see-more:hover, #onepercent-see-more:active {
+    position: absolute;
+    right: 2em;
+    width: 9em;
+    text-align: right;
+    bottom: 0;
+    font-size: 12px;
+    color: #FFF;
+    text-decoration: none;
+}
\ No newline at end of file
diff --git a/wolnelektury/static/css/reset.css b/wolnelektury/static/css/reset.css
new file mode 100755
index 000000000..13f8e0a14
--- /dev/null
+++ b/wolnelektury/static/css/reset.css
@@ -0,0 +1,53 @@
+/* http://meyerweb.com/eric/tools/css/reset/ */
+/* v1.0 | 20080212 */
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, font, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	outline: 0;
+	font-size: 100%;
+	vertical-align: baseline;
+	background: transparent;
+}
+body {
+	line-height: 1;
+}
+ol, ul {
+	list-style: none;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
+
+/* remember to define focus styles! */
+:focus {
+	outline: 0;
+}
+
+/* remember to highlight inserts somehow! */
+ins {
+	text-decoration: none;
+}
+del {
+	text-decoration: line-through;
+}
+
+/* tables still need 'cellspacing="0"' in the markup */
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
\ No newline at end of file
diff --git a/wolnelektury/static/css/text.css b/wolnelektury/static/css/text.css
new file mode 100755
index 000000000..236d21321
--- /dev/null
+++ b/wolnelektury/static/css/text.css
@@ -0,0 +1,84 @@
+/*
+	960 Grid System ~ Text CSS.
+	Learn more ~ http://960.gs/
+
+	Licensed under GPL and MIT.
+*/
+
+/* `Basic HTML
+----------------------------------------------------------------------------------------------------*/
+
+body {
+	font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
+}
+
+a:focus {
+	outline: 1px dotted;
+}
+
+hr {
+	border: 0 #ccc solid;
+	border-top-width: 1px;
+	clear: both;
+	height: 0;
+}
+
+/* `Headings
+----------------------------------------------------------------------------------------------------*/
+
+h1 {
+	font-size: 25px;
+}
+
+h2 {
+	font-size: 23px;
+}
+
+h3 {
+	font-size: 21px;
+}
+
+h4 {
+	font-size: 19px;
+}
+
+h5 {
+	font-size: 17px;
+}
+
+h6 {
+	font-size: 15px;
+}
+
+/* `Spacing
+----------------------------------------------------------------------------------------------------*/
+
+ol {
+	list-style: decimal;
+}
+
+ul {
+	list-style: disc;
+}
+
+li {
+	margin-left: 30px;
+}
+
+p,
+dl,
+hr,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+ol,
+ul,
+pre,
+table,
+address,
+fieldset {
+	margin-bottom: 20px;
+}
\ No newline at end of file
diff --git a/wolnelektury/static/img/1percent-big.png b/wolnelektury/static/img/1percent-big.png
new file mode 100644
index 000000000..333413ee6
Binary files /dev/null and b/wolnelektury/static/img/1percent-big.png differ
diff --git a/wolnelektury/static/img/logo-big.png b/wolnelektury/static/img/logo-big.png
new file mode 100644
index 000000000..fae49ea96
Binary files /dev/null and b/wolnelektury/static/img/logo-big.png differ
diff --git a/wolnelektury/static/img/pit37.png b/wolnelektury/static/img/pit37.png
new file mode 100644
index 000000000..23c867ca1
Binary files /dev/null and b/wolnelektury/static/img/pit37.png differ
diff --git a/wolnelektury/static/img/tagline.png b/wolnelektury/static/img/tagline.png
new file mode 100644
index 000000000..b51787e36
Binary files /dev/null and b/wolnelektury/static/img/tagline.png differ
diff --git a/wolnelektury/static/js/catalogue.js b/wolnelektury/static/js/catalogue.js
index 60f1f4972..c50dee87e 100644
--- a/wolnelektury/static/js/catalogue.js
+++ b/wolnelektury/static/js/catalogue.js
@@ -1,3 +1,30 @@
+var BANNER_TEXTS = [
+    'Przekaż 1% żeby ukryć ten baner.',
+    'Jak dobrze wydać 1% swojego podatku? <strong>Poradnik dla opornych</strong>.',
+    'Wiadomość systemowa: wystąpił błąd brak funduszy. Wykonaj procedurę 1%.',
+    '<strong>FREE!</strong> Wygraj darmowe lektury!',
+    'Confidential business offer. Not scam! 1% for you.',
+    'Biblioteka Wolne Lektury wymaga aktualizacji. Kliknij dalej.',
+    '1000 lektur. <strong>1 procent</strong>.'
+]
+
+
+function changeBannerText() {
+    var index = Math.floor(Math.random() * BANNER_TEXTS.length);
+    if (BANNER_TEXTS[index] == $('#onepercent-text').html()) {
+        // try again
+        changeBannerText();
+    } else {
+        $('#onepercent-text').fadeOut('slow', function() {
+            $(this).html(BANNER_TEXTS[index]);
+            $(this).fadeIn('slow');
+        });
+        
+        setTimeout(changeBannerText, 30 * 1000);
+    }
+}
+
+
 (function($) {
     $(function() {
         $('form input').labelify({labelledClass: 'blur'});
@@ -210,5 +237,7 @@
         });
         
         $('#user-info').show();
+        changeBannerText();
+        $('#onepercent-banner').slideDown('slow')
     });
 })(jQuery)
\ No newline at end of file
diff --git a/wolnelektury/templates/1percent.html b/wolnelektury/templates/1percent.html
new file mode 100644
index 000000000..3a7f52804
--- /dev/null
+++ b/wolnelektury/templates/1percent.html
@@ -0,0 +1,56 @@
+{% extends 'base.html' %}
+
+{% block title %}1% podatku na WolneLektury.pl{% endblock title %}
+
+{% block extrahead %}
+    <link rel="stylesheet" href="/static/css/reset.css" type="text/css" charset="utf-8" />
+    <link rel="stylesheet" href="/static/css/960.css" type="text/css" charset="utf-8" />
+    <link rel="stylesheet" href="/static/css/text.css" type="text/css" charset="utf-8" />
+    <link rel="stylesheet" href="/static/css/1percent.css" type="text/css" charset="utf-8" />
+{% endblock extrahead %}
+
+{% block bodycontent %}
+    <div id="onepercent-content" class="container_12">
+        
+        <div id="header" class="grid_12">
+            <div id="logos" class="alpha grid_5 suffix_1">
+                <img src="/static/img/logo-big.png" />
+                <img src="/static/img/1percent-big.png" />
+            </div>
+            <div id="title" class="omega grid_6">
+                <img src="/static/img/tagline.png" />
+            </div>
+        </div>
+        
+        <div id="lists" class="grid_12">
+            <div id="why" class="alpha grid_6">
+                <h2>Dlaczego warto?</h2>
+                <ul>
+                    <li>Mamy efekty: udostępniliśmy <strong>za darmo 1005 lektur</strong></li>
+                    <li>Ponad <strong>100 000 osób miesięcznie</strong> korzysta z biblioteki</li>
+                    <li>W 2010 roku uwolnimy <strong>286 nowych utworów</strong></li>
+                    <li>Lektury są dostępne w wersji on-line i do wydruku</li>
+                    <li>Nagrywamy <strong>darmowe audiobooki</strong> wybranych tekstów</li>
+                    <li>Już wkrótce: wersja na e-papierowe czytniki książek</li>
+                    <li><strong>Jesteśmy niedochodową fundacją</strong> - organizacją pożytku publicznego</li>
+                </ul>
+            </div>
+            <div id="how" class="omega grid_6">
+                <h2>To proste</h2>
+                <p>Przy wypełnianiu formularza PIT w polu <em>wniosek o przekazanie 1% podatku na rzecz OPP</em> wpisz:</p>
+<pre>Fundacja Nowoczesna Polska
+KRS 0000070056</pre>
+                <img src="/static/img/pit37.png" />
+            </div>
+        </div>
+        
+        <div id="copy" class="grid_12">
+            <p>Biblioteka Wolne Lektury to projekt realizowany przez Fundację Nowoczesna Polska. Rozwijamy się tylko dzięki pomocy wolontariuszy i darczyńców. Pomóż nam! Dzięki 1% podatku dodajemy nowe lektury i nowe funkcjonalności.</p>
+            <p>Fundacja jest organizacją pożytku publicznego. Bez ponoszenia dodatkowych kosztów Twoi rodzice mogą wspomóc rozwój internetowej biblioteki Wolne Lektury. Co ważne, te pieniądze i tak nie zostaną w ich kieszeni. Jeśli nie podarują ich Fundacji Nowoczesna Polska lub innej organizacji pożytku publicznego, to rząd zdecyduje, jak je wydać. Powiedz rodzicom o możliwości przekazania 1% podatku i przekonaj ich, że warto samodzielnie zadecydować, co stanie się z częścią ich podatków.

Dzięki uzyskanym w ten sposób środkom będziemy mogli opublikować na stronie Wolnych Lektur jeszcze więcej tekstów oraz dodać nowe narzędzia ułatwiające czytanie. Dzięki temu biblioteka będzie jeszcze bardziej przydatnym i przyjaznym miejscem w sieci.</p>
+        </div>
+        
+        <div class="grid_12">
+            <a id="back" href="{% url main_page %}">Wróć do serwisu Wolne Lektury</a>
+        </div>
+    </div>
+{% endblock bodycontent %}
\ No newline at end of file
diff --git a/wolnelektury/templates/base.html b/wolnelektury/templates/base.html
index e382cf2f6..f62f41d7e 100644
--- a/wolnelektury/templates/base.html
+++ b/wolnelektury/templates/base.html
@@ -17,9 +17,14 @@
         <div id=infobar><a href=http://browsehappy.pl/infobar>
         Internet Explorer nie potrafi poprawnie wyświetlić tej strony. Kliknij tutaj, aby dowiedzieć się więcej...
         </a></div><div id=viewplot><script src=/static/infobar/infobar.js></script><![endif]-->
+        {% block bodycontent %}
         <div id="top-message">
             {% chunk "top-message" %}
         </div>
+        <div id="onepercent-banner" style="display:none">
+            <a href="{% url 1percent %}" id="onepercent-text"></a>
+            <a href="{% url 1percent %}" id="onepercent-see-more">Zobacz więcej</a>
+        </div>
         <div id="header">
             <div id="logo">
                 <a href="/"><img src="/static/img/logo.png" alt="WolneLektury.pl - logo" /></a>
@@ -90,6 +95,7 @@
                 <p><img src="/static/img/indicator.gif" alt="*"/> Ładowanie</p>
             </div>
         </div>
+        {% endblock bodycontent %}
         <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"));
diff --git a/wolnelektury/urls.py b/wolnelektury/urls.py
index 9d8d23fca..4f49b9c5a 100644
--- a/wolnelektury/urls.py
+++ b/wolnelektury/urls.py
@@ -25,6 +25,9 @@ urlpatterns = patterns('',
     url(r'^o-projekcie/$', 'django.views.generic.simple.direct_to_template', 
         {'template': 'info/about_us.html', 'extra_context': {'form': SearchForm()}},
         name='about_us'),
+    url(r'^1procent/$', 'django.views.generic.simple.direct_to_template', {
+        'template': '1percent.html'
+    }, name='1percent'),
     
     # Admin panel
     url(r'^admin/catalogue/book/import$', 'catalogue.views.import_book', name='import_book'),