Add new sponsors to home screen (#33)

Add three new sponsors to the home screen. Improve style of text asking
potential sponsors to get in touch with organizers.

content/_index.md

@@ -8,6 +8,9 @@ subtitle = "The 7th International Symposium on Three-Dimensional Electromagnetic
 
 # Sponsors
 sponsors = [
+  {image="dmec.png", alt_text="Decennial Mineral Exploration Conferences", url="https://www.dmec.ca", style="min-height: 100px"},
+  {image="condor.png", alt_text="Condor Consulting", url="https://www.condorconsult.com", style="min-height: 120px"},
+  {image="convolutions-black.png", alt_text="Convolutions Geosciences", url="https://www.convolutions.ca"},
 ]
 
 # Organizers
@@ -78,6 +81,8 @@ community as a scientist, educator, colleague, and friend.
 """
 
 sponsor_about = """
-Please reach out to `[email protected]` and `[email protected]` if you are interested in sponsoring 3DEM-7.
+Please reach out to [[email protected]](mailto:[email protected]) and
+[[email protected]](mailto:[email protected]) if you are interested in
+sponsoring 3DEM-7.
 """
 +++

sass/style.sass

@@ -117,6 +117,14 @@ main.home
     width: auto
     height: 60px
 
+  .sponsors-about
+    p
+      font-size: 0.9 * $font-size-base
+    a
+      color: var(--bs-body-color)
+      text-decoration: underline
+      font-weight: 500
+
   img.organizer
     width: auto
     height: auto

templates/home.html

@@ -141,19 +141,21 @@ <h3>
     <section id="sponsors">
       <div class="container">
         <h2>Sponsors</h2>
-        <div class="row">
+        <div class="d-flex flex-row flex-wrap gap-5 justify-content-evenly align-items-center mb-5">
           {% for sponsor in section.extra.sponsors %}
-          <div class="col">
-            <a href="{{ sponsor.url }}">
+          <a href="{{ sponsor.url }}" title="{{ sponsor.alt_text }}">
             <img
               class="sponsor"
               src="{{ get_url(path="/images/" ~ sponsor.image) }}"
-              alt="{{ sponsor.alt_text }}">
+              alt="{{ sponsor.alt_text }}"
+              {% if sponsor.style %}
+              style="{{ sponsor.style }}"
+              {% endif %}
+              >
             </a>
-          </div>
           {% endfor %}
         </div>
-        <div class="row me-auto ms-auto text-center">
+        <div class="sponsors-about row me-auto ms-auto text-center">
           {{ section.extra.sponsor_about | markdown(inline=false) | safe }}
         </div>
       </div>