Tighter sponsors html, every pageview gets ~10kB lighter.

[wolnelektury.git] / apps / sponsors / templates / sponsors / page.html

diff --git a/apps/sponsors/templates/sponsors/page.html b/apps/sponsors/templates/sponsors/page.html
index 831fdb7..5a3b38e 100644 (file)
--- a/apps/sponsors/templates/sponsors/page.html
+++ b/apps/sponsors/templates/sponsors/page.html
@@ -1,11 +1,16 @@
-<div class="sponsors-sponsor-page">
-{% for column in sponsors %}
-       <div class="sponsors-sponsor-column" style="width: {{ column_width }}px">
-               <p class="sponsors-sponsor-column-name">{{ column.name }}</p>
-               {% for sponsor in column.sponsors %}
-                       <div class="sponsors-sponsor">{% if sponsor.url %}<a style="sponsors-sponsor-link" href="{{ sponsor.url }}" >{% endif %}<img class="sponsors-sponsor-logo" src="{{ sponsor.logo.url }}" alt="{{ sponsor.description }}"/>{% if sponsor.url %}</a>{% endif %}</div>
-               {% endfor %}
-       </div>
-{% endfor %}
-<div style="clear: both"></div>
+{% spaceless %}
+<style type="text/css">.sponsors-page a{background-image:url({{ page.sprite.url }});}</style>
+<div class="sponsors-page">
+    {% for column in sponsors %}
+        <div class="sponsors-column">
+            <p class="sponsors-column-name">{{ column.name|default:"&nbsp;" }}</p>
+            <div class='sponsor-logos'>
+                {% for offset, sponsor in column.sponsors %}
+                    <a href="{{ sponsor.url }}" title="{{ sponsor.description }}" style='background-position: 0px {{ offset }}px;'></a>
+                {% endfor %}
+            </div>
+        </div>
+    {% endfor %}
+    <div style="clear: both"></div>
 </div>
+{% endspaceless %}