Merge pull request #716 from dmark/adds-links-to-sidebar-images

getpelican · Nov 12, 2023 · d01c114 · d01c114
2 parents 0ef81d4 + e23400f
commit d01c114
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 18 deletions.
diff --git a/pelican-bootstrap3/README.md b/pelican-bootstrap3/README.md
@@ -389,14 +389,19 @@ The footer will display a copyright message using the AUTHOR variable and the ye
 
 ### Sidebar Images
 
-Include a series of images in the sidebar, with an optional header:
+Include a series of _optionally linked_ images in the sidebar, with an optional
+header.
 
+```
 SIDEBAR_IMAGES_HEADER = 'My Images'
-SIDEBAR_IMAGES = ["/path/to/image1.png", "/path/to/image2.png"]
-
-Originally developed for including certification marks in your sidebar. E.g.,
+SIDEBAR_IMAGES = (
+    ('/path/to/image1.png', 'https://link1'),
+    ('/path/to/image2.png', 'https://link2'),
+    ('/path/to/image2.png', ''),
+)
+```
 
-http://dmark.github.io
+Originally developed for including certification marks in your sidebar.
 
 ### Translations
 

diff --git a/pelican-bootstrap3/templates/includes/sidebar/images.html b/pelican-bootstrap3/templates/includes/sidebar/images.html
@@ -1,16 +1,20 @@
 {% if SIDEBAR_IMAGES %}
-  {% from 'includes/sidebar/macros.jinja' import title %}
+    {% from 'includes/sidebar/macros.jinja' import title %}
 
-<!-- Sidebar/Images -->
-<li class="list-group-item">
-  {% if SIDEBAR_IMAGES_HEADER %}
-  <h4>{{ title(SIDEBAR_IMAGES_HEADER, DISABLE_SIDEBAR_TITLE_ICONS, icon='external-link-square') }}</h4>
-  {% endif %}
-  <ul class="list-group" id="links">
-    {% for image in SIDEBAR_IMAGES %}
-    <img width="100%" class="img-thumbnail" src="{{ image }}"/>
-    {% endfor %}
-  </ul>
-</li>
-<!-- End Sidebar/Images -->
+    <!-- Sidebar/Images -->
+    <li class="list-group-item">
+        {% if SIDEBAR_IMAGES_HEADER %}
+            <h4>{{ title(SIDEBAR_IMAGES_HEADER, DISABLE_SIDEBAR_TITLE_ICONS, icon='external-link-square') }}</h4>
+        {% endif %}
+        <ul class="list-group" id="images">
+            {% for i in SIDEBAR_IMAGES %}
+                {% if i[1] %}
+                    <a href="{{ i[1] }}" target="_blank"><img width="100%" class="img-thumbnail" src="{{ i[0] }}"/></a>
+                {% else %}
+                    <img width="100%" class="img-thumbnail" src="{{ i[0] }}"/>
+                {% endif %}
+            {% endfor %}
+        </ul>
+    </li>
+    <!-- End Sidebar/Images -->
 {% endif %}