updated talk thumbnails

makeabilitylab · Oct 11, 2023 · e9538aa · e9538aa
1 parent 13641f5
commit e9538aa
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/makeabilitylab/settings.py b/makeabilitylab/settings.py
@@ -70,7 +70,7 @@
     ALLOWED_HOSTS = ['*']
 
 # Makeability Lab Global Variables
-ML_WEBSITE_VERSION = "1.3 (fixed navbar, added v3 ML logo)"
+ML_WEBSITE_VERSION = "1.3.1 (fixed navbar, added v3 ML logo, added rounded corners to talk thumbnails)"
 DATE_MAKEABILITYLAB_FORMED = datetime.date(2012, 1, 1)  # Date Makeability Lab was formed
 MAX_BANNERS = 7 # Maximum number of banners on a page
 

diff --git a/website/static/website/css/index.css b/website/static/website/css/index.css
@@ -58,6 +58,7 @@
 .talk-text {
   margin-bottom: 20px;
   vertical-align: top;
+  margin-top: 5px;
   /*width:80%;*/
   /*text-align: center;*/
 }

diff --git a/website/templates/snippets/display_talk_snippet.html b/website/templates/snippets/display_talk_snippet.html
@@ -7,10 +7,11 @@
 <div class="col-ts-12 col-xs-6 col-sm-4 col-lg-3 talk-column" style="margin-bottom:20px">
     <div style="width: 100%; height: 300px; contain: content;">
         <div class="talk2-thumbnail"> {# Add in style="border:thin; border-color:lightgrey; border-style: solid;" for a border #}
-            {#  TODO: I don't get this thumbnail stuff; need to talk to Lee about it  #}
+            {#  TODO: Update to use .css rather than inline styles  #}
             <a href="../../media/{{ talk.pdf_file }}" target="_blank">
                 <div style="background: white; width:100%; height: 180px; contain: content;">
-                    <img style="border: 1px solid #dddddd; width:100%; height: auto; position: relative;top: 50%; left: 50%;transform: translate(-50%,-50%);object-fit: cover" src="{% thumbnail talk.thumbnail 420x0 detail %}" class="talk2-thumbnail-image img-responsive">
+                    <img style="border: 1px solid #dddddd; border-radius: 5%; width:100%; height: auto; position: relative;top: 50%; left: 50%;transform: translate(-50%,-50%);object-fit: cover" 
+                    src="{% thumbnail talk.thumbnail 420x0 detail %}" class="talk2-thumbnail-image img-responsive">
                 </div>
             </a>
         </div>