adding maps, gallery

deadsands/deadsands-theme/static/deadsands/css/style.css

@@ -163,6 +163,29 @@ img {
     z-index: -1;
 }
 
+.gallery_image {
+    max-width: 300px;
+    height: auto;
+    margin: 0px auto;
+}
+
+.gallery_image a {
+    position: relative;
+    display: block;
+    border: 5px solid black;
+}
+.gallery_image a:active, .gallery_image a:hover {
+    border-color:#cca138;
+}
+.gallery_iamge a img {
+    position: relative;
+}
+.gallery_image span {
+    display: block;
+    padding: 10px;
+    text-justify: left;
+}
+
 article.recent {
     font-style: italic;
     margin-bottom: 1em;

deadsands/deadsands-theme/templates/macros.html

@@ -6,6 +6,19 @@
     {% endif %}
 {% endmacro %}
 
+{% macro image(filename, alt) %}
+    <div class='gallery_image'>
+        <a href="/images/{{ filename }}"><img src="/images/{{ filename|replace('.','_thumb.') }}"></a>
+        <span>{{ alt }}</span>
+    </div>
+{% endmacro %}
+
+{% macro gallery(ref) %}
+    <div class='gallery'>
+        {% for img in ref.gallery %}{{ image(img, ref.gallery[img]) }}{% endfor %}
+    </div>
+{% endmacro %}
+
 {% macro table(t, headers=[]) %}
     <table>
         <tr>{% for h in headers %}{% if h %}<th>{{ h }}</th>{% endif %}{% endfor %}</tr>

deadsands/deadsands-theme/templates/page.html

@@ -9,22 +9,8 @@
         <h2>{{ page.title }}</h2>
         <hr>
         {{ page.content }}
+        {% if page.gallery %}{{ macros.gallery(page) }}{% endif %}
         <hr>
     </div>
-
-    {% if page.show_recent %}
-    <div class='column'>
-        <div class='signs'>
-        <h3>Recent Sessions</h3>
-            {% with count=10, key='category', values=['sessions', 'test'] %}{% include "signs.html" %}{% endwith %}
-        </div>
-    </div>
-    <div class='column'>
-        <h3>Recent Lore</h3>
-        <div class='signs'>
-            {% with count=10, key='category', values=['lore', 'dm'] %}{% include "signs.html" %}{% endwith %}
-        </div>
-    </div>
-    {% endif %}
 </section>
 {% endblock content %}