working on #105 (#113)

Opened issue #150
OSGeo · May 18, 2020 · 9c3f91f · 9c3f91f
1 parent 24ac0c3
commit 9c3f91f
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 2 deletions.
diff --git a/themes/grass/assets/css/style.css b/themes/grass/assets/css/style.css
@@ -856,3 +856,27 @@ nobullets {
 code{
    color: #1d1f21;
 }
+
+@media (max-width: 576px) {
+  .grasslogo{
+     width: 70%;
+  }
+}
+
+@media (min-width: 600px) {
+  .grasslogo {
+    width: 40%;
+  }
+}
+
+@media (min-width: 768px) {
+  .grasslogo {
+    width: 40%;
+  }
+}
+
+@media (min-width: 992px) {
+  .grasslogo {
+    width: 31%;
+  }
+}
diff --git a/themes/grass/layouts/download/list.html b/themes/grass/layouts/download/list.html
@@ -51,7 +51,7 @@ <h3 class="mt-2 mb-2">GRASS GIS for {{ .Title }}</h3>
 	       {{ end }}
                <div class="section bg-white mb-4">
                 <div class="row nm">
-                  <div class="col-4 text-center"><img alt="GRASS GIS" src="{{.Site.BaseURL}}/images/logos/grasslogo.svg" width="31%"></div>
+                  <div class="col-4 text-center"><object type="image/svg+xml" data="{{.Site.BaseURL}}/images/logos/grasslogo.svg" class="grasslogo"></object></div>
                   <div class="col-6">
 		    <h3 class="mt-2 mb-2">GRASS GIS Addons</h3>
 		     <p>Download user contributed GRASS GIS extensions</p>
@@ -72,7 +72,7 @@ <h3 class="mt-2 mb-2">GRASS GIS sample data</h3>
 		</div>
 	 <div class="section bg-white">
                 <div class="row nm">
-                  <div class="col-4 text-center"><img alt="GRASS GIS" src="{{.Site.BaseURL}}/images/logos/grasslogo.svg" width="31%"></div>
+                  <div class="col-4 text-center"><object type="image/svg+xml" data="{{.Site.BaseURL}}/images/logos/grasslogo.svg" class="grasslogo"></object></div>
                   <div class="col-6">
 		    <h3 class="mt-20">GRASS GIS source code</h3>
 		    <p>The GRASS GIS source code is available on <a href="https://github.com/OSGeo/grass" target="_blank"><i class="fa fa-github"></i> Github</a></p>