pretty cite on main
authorRadek Czajka <radoslaw.czajka@nowoczesnapolska.org.pl>
Thu, 26 Jan 2012 11:55:38 +0000 (12:55 +0100)
committerRadek Czajka <radoslaw.czajka@nowoczesnapolska.org.pl>
Thu, 26 Jan 2012 11:55:38 +0000 (12:55 +0100)
apps/social/templates/social/cite_promo.html
lib/librarian
wolnelektury/static/css/base.css
wolnelektury/static/css/cite.css
wolnelektury/static/css/header.css
wolnelektury/static/img/backdrop/boltron-3212284622.jpg [new file with mode: 0644]
wolnelektury/templates/catalogue/book_short.html
wolnelektury/templates/catalogue/fragment_promo.html
wolnelektury/templates/main_page.html

index ab4e6dd..0554d23 100755 (executable)
@@ -3,12 +3,12 @@
 {% if cite %}
 <a href="{{ cite.link }}" class="cite{% if cite.small %} cite-small{% endif %}">
     {% if cite.vip %}
 {% if cite %}
 <a href="{{ cite.link }}" class="cite{% if cite.small %} cite-small{% endif %}">
     {% if cite.vip %}
-        <p class='vip mono'>{{ cite.vip }} {% trans "recommends" %}:</p>
+        <p class='vip mono'><span>{{ cite.vip }} {% trans "recommends" %}:</span></p>
     {% endif %}
     <blockquote class="cite-body">
     {% endif %}
     <blockquote class="cite-body">
-        {{ cite.text|linebreaks|safe }}
+        <span>{{ cite.text|linebreaksbr|safe }}</span>
     </blockquote>
     </blockquote>
-    <p class="source mono">{{ cite.book.pretty_title }}</p>
+    <p class="source mono"><span>{{ cite.book.pretty_title }}</span></p>
 </a>
 {% else %}
     {% if fallback %}
 </a>
 {% else %}
     {% if fallback %}
index 05843e2..b24b166 160000 (submodule)
@@ -1 +1 @@
-Subproject commit 05843e29b4fffcc676da0e67b7a840a24d7b91d4
+Subproject commit b24b166cc4de6ba7e9b1559717bb5ff6e27bdacd
index cd59f69..a89116a 100755 (executable)
@@ -178,8 +178,7 @@ h2 {
 
 
 #footer {
 
 
 #footer {
-    color: #777;
-    eborder-top: 1px solid #ddd;
+    color: #767676;
     margin-top: 5em;
     padding-top:3em;
     background: #fff;
     margin-top: 5em;
     padding-top:3em;
     background: #fff;
index c06777f..4335f2e 100755 (executable)
@@ -4,16 +4,19 @@ a.cite {
     background: white;
     padding: 3em 2em .1em 8em;
 }
     background: white;
     padding: 3em 2em .1em 8em;
 }
-.cite-body {
+.book-wide-box .cite-body,
+#tagged-object-list .cite-body
+ {
     font-size: 1.8em;
     line-height: 1.3em;
 }
     font-size: 1.8em;
     line-height: 1.3em;
 }
-.cite p {
+.book-wide-box .source,
+#tagged-object-list .source
+{
     color: #444;
     font-size: 1.1em;
     margin-top: 1.6em;
 }
     color: #444;
     font-size: 1.1em;
     margin-top: 1.6em;
 }
-
 .cite .vip {
     margin: 0;
     color: #575C63;
 .cite .vip {
     margin: 0;
     color: #575C63;
@@ -22,20 +25,26 @@ a.cite {
 
 
 /* a long cite displays smaller */ 
 
 
 /* a long cite displays smaller */ 
-.cite-small .cite-body {
+.cite-small .cite-body span {
        font-size: 1.4em;
 }
 
 
 
 #big-cite {
        font-size: 1.4em;
 }
 
 
 
 #big-cite {
-    background-color: white;
+    background-color: #5f3e1c; /* average image color */
+    color: white;
     padding: 0;
     margin: 0;
     padding: 0;
     margin: 0;
+    background-image: url(/static/img/backdrop/boltron-3212284622.jpg);
+    background-size: 100%;
+    background-position: 50% 50%;
 }
 
 #big-cite .cite {
 }
 
 #big-cite .cite {
-    padding: 10.75em 10em 8.5em 18.2em;
+    padding: 4.6em 4em 4.8em 0;
+    background: none;
+    color: white;
 }
 
 #big-cite h2 {
 }
 
 #big-cite h2 {
@@ -46,27 +55,53 @@ a.cite {
 
 
 #big-cite .cite-body {
 
 
 #big-cite .cite-body {
-    margin: .05em;
-    font-size: 2.8em;
-    line-height: 1.2em;
-    color: #191919;
+    margin: .05em .05em .05em 17.5em;
+}
+#big-cite .cite-body span {
+    font-size: 3em;
+    line-height: 1.16em;
+}
+
+#big-cite .vip {
+       float:left;
+       text-align:right;
+       width: 14.7em;
+       margin-top: .25em;
+}
+
+#big-cite .vip span {
+       font-size:1.1em;
+}
+
+#big-cite .cite-body span,
+#big-cite .vip span,
+#big-cite .source span
+{
+       color: white;
+       background-color: rgb(0, 0, 0);
+       background-color: rgba(0, 0, 0, 0.6);
+       /* For IE 5.5 - 7*/
+       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
+       /* For IE 8*/
+       -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
 }
 /* a long cite displays smaller */ 
 }
 /* a long cite displays smaller */ 
-#big-cite .cite-small .cite-body {
+#big-cite .cite-small .cite-body span {
        font-size: 2em;
 }
 
 
 #big-cite .source {
        font-size: 2em;
 }
 
 
 #big-cite .source {
-    color: #00a1ac;
-    margin: 0;
+    margin: 1.6em 0.2em 1.6em 17.5em;
+}
+#big-cite .source span {
     font-size: 1.1em;
     font-size: 1.1em;
-    margin: 1.1em 0.2em;
 }
 
 
 
 
 }
 
 
 
 
+
 .cite blockquote p {
     margin: 0;
 }
 .cite blockquote p {
     margin: 0;
 }
@@ -81,7 +116,7 @@ a.cite {
     top: -0.8em;
     right: -1em;
     background-color: #f7f7f7;
     top: -0.8em;
     right: -1em;
     background-color: #f7f7f7;
-    vertical-align: center;
+    vertical-align: middle;
     width: 39.5em;
     margin: 0;
     padding: 1em;
     width: 39.5em;
     margin: 0;
     padding: 1em;
index 9435ad7..f8cf756 100755 (executable)
@@ -27,6 +27,7 @@
 
 #half-header-content {
     background: #191919;
 
 #half-header-content {
     background: #191919;
+    color: #989898;
 }
 
 
 }
 
 
@@ -58,6 +59,7 @@
 #search-area {
     margin: 0;
     background: #444;
 #search-area {
     margin: 0;
     background: #444;
+    color: white;
     margin-left: 24em;
     width: 73.5em;
 }
     margin-left: 24em;
     width: 73.5em;
 }
 #search-button {
     display: inline-block;
     background: #02adb7;
 #search-button {
     display: inline-block;
     background: #02adb7;
+    color: white;
     padding: 0;
     margin: 0;
     width: 9.4em;
     padding: 0;
     margin: 0;
     width: 9.4em;
diff --git a/wolnelektury/static/img/backdrop/boltron-3212284622.jpg b/wolnelektury/static/img/backdrop/boltron-3212284622.jpg
new file mode 100644 (file)
index 0000000..3fa342d
Binary files /dev/null and b/wolnelektury/static/img/backdrop/boltron-3212284622.jpg differ
index dfe9ac5..383b1ef 100644 (file)
@@ -71,8 +71,6 @@
         </div>
     </div>
 
         </div>
     </div>
 
-    {% block book-box-extra-info %}{% endblock %}
-
     <ul class="book-box-tools">
         <li class="book-box-read">
         {% if book.html_file %}
     <ul class="book-box-tools">
         <li class="book-box-read">
         {% if book.html_file %}
         {% endif %}
         </li>
     </ul>
         {% endif %}
         </li>
     </ul>
+    {% block book-box-extra-info %}{% endblock %}
     {% block box-append %}
     {% endblock %}
     <div class="clearboth"></div>
     {% block box-append %}
     {% endblock %}
     <div class="clearboth"></div>
index 979fff4..cf817ae 100755 (executable)
@@ -1,10 +1,8 @@
-{% load removewholetags from catalogue_tags %}
-
 {% if fragment %}
 <a href="{{ fragment.get_absolute_url }}" class="cite">
     <blockquote class="cite-body">
         {{ fragment.get_short_text|safe }}
     </blockquote>
 {% if fragment %}
 <a href="{{ fragment.get_absolute_url }}" class="cite">
     <blockquote class="cite-body">
         {{ fragment.get_short_text|safe }}
     </blockquote>
-    <p class="mono">{{ fragment.book.pretty_title }}</p>
+    <p class="mono source">{{ fragment.book.pretty_title }}</p>
 </a>
 {% endif %}
 </a>
 {% endif %}
index fc5217c..d2dc57b 100755 (executable)
     {% endspaceless %}
 
 {% endblock %}
     {% endspaceless %}
 
 {% endblock %}
+
+
+{% block add_footer %}
+<p>{% trans "Image used:" %} 
+<a href="http://www.flickr.com/photos/boltron/3212284622/">Everyone loves books…</a>,
+boltron-@Flickr,
+<a href="http://creativecommons.org/licenses/by-sa/2.0/deed.pl">CC BY-SA</a>.
+</p>
+{% endblock %}