issue-424: Fixing iscutoff content issue (#425)

OSGeo · Apr 2, 2024 · 3aa590e · 3aa590e
1 parent a25b1fe
commit 3aa590e
Show file tree

Hide file tree

Showing 11 changed files with 166 additions and 143 deletions.
diff --git a/themes/grass/assets/css/style.css b/themes/grass/assets/css/style.css
@@ -668,6 +668,20 @@ pre {
   margin-right: 7px;
     color: var(--grass-color) !important;
 }
+
+.gitter-banner {
+  background: linear-gradient(45deg, var(--grass-color-dark) 0%, var(--grass-color) 50%,var(--grass-color-dark) 100%); 
+  text-align: center;
+  color:whitesmoke;
+  font-weight: bolder;
+  padding: 2px 15px 3px
+}
+
+.gitter-banner a {
+  text-decoration: underline !important;
+  color: var(--white-color) !important;
+}
+
 .navbar-brand {
     color: #000000;
 }
@@ -1213,7 +1227,7 @@ li.parent a {
 }
 
 .edt {
-  font-family: open_sansregular; !important;
+  font-family: open_sansregular !important;
 }
 
 nobullets {
@@ -1304,7 +1318,9 @@ code{
     z-index:1;
 }
 .mt-95 {
-    margin-top: 95px;
+    /* This equals the fixed hight of the gitter banner and the nav bar
+     96.8px when the base font size of the document is (16px) */
+    margin-top: 6.05rem;
 }
 
 #carouselUI .carousel-inner .carousel-item .container.position-relative .row.justify-content-center {
@@ -1367,8 +1383,8 @@ code{
   }
 
   .section {
-    padding-top: 20px;
-    padding-bottom: 20px;
+    padding-top: 1.875rem;
+    padding-bottom: 1.875rem;
    }
 
   .section-title {

diff --git a/themes/grass/layouts/about/credits.html b/themes/grass/layouts/about/credits.html
@@ -11,7 +11,7 @@
       </div>
     </div>
   </div>
-/header>
+</header>
 {{ "<!-- /navigation -->" | safeHTML }}
 
 

diff --git a/themes/grass/layouts/about/general.html b/themes/grass/layouts/about/general.html
@@ -11,24 +11,25 @@
       </div>
     </div>
   </div>
-/header>
+</header>
 {{ "<!-- /navigation -->" | safeHTML }}
 
 
 
 
 <!-- details page -->
-<section class="single section bg-gray pb-0 mt-5">
-  <div class="container">
-    <div class="row">
-      <div class="col-lg-12">
-        <div class="p-5 bg-white">
-	      {{ .Content }}
+<section class="section">
+  <section class="single bg-gray pb-0 mt-5">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-12">
+          <div class="p-5 bg-white">
+          {{ .Content }}
+          </div>
         </div>
       </div>
     </div>
-  </div>
+  </section>
 </section>
 
-
 {{ partial "footer.html" . }}
diff --git a/themes/grass/layouts/about/list.html b/themes/grass/layouts/about/list.html
@@ -14,7 +14,7 @@
 {{ "<!-- /navigation -->" | safeHTML }}
 
 
-    <section>
+    <section class="section">
       <section class="pt-4 bg-gray mt-95">
         <div class="container">
           <div class="row">

diff --git a/themes/grass/layouts/about/team.html b/themes/grass/layouts/about/team.html
@@ -11,10 +11,10 @@
       </div>
     </div>
   </div>
-/header>
+</header>
 {{ "<!-- /navigation -->" | safeHTML }}
 
-<section class="single section bg-gray pb-0 mt-5">
+<section class="single bg-gray pb-0 mt-95">
     <div class="container">
 
         <div class="row">

diff --git a/themes/grass/layouts/download/addons.html b/themes/grass/layouts/download/addons.html
@@ -10,7 +10,7 @@
       </div>
     </div>
   </div>
-/header>
+</header>
 {{ "<!-- /navigation -->" | safeHTML }}
 
 

diff --git a/themes/grass/layouts/download/list.html b/themes/grass/layouts/download/list.html
@@ -1,6 +1,6 @@
 {{ partial "head.html" . }}
 
-{{ "<!-- navigation -->" | safeHTML }}
+<!-- navigation -->
 <header class="shadow-bottom position-relative">
   <div class="fixed-top">
     {{ partial "banner.html" . }}
@@ -13,74 +13,72 @@
 </header>
 {{ "<!-- /navigation -->" | safeHTML }}
 
+<section class="section">
+  <section class="pt-4 bg-gray mt-95">
+    <div class="container">
+      <div class="row">
+        <div class="col-12 text-center">
+          <h2 class="section-title">Download your free and open source copy</h2>
+        </div>
+      </div>
+    </div>
 
-   <section>
-      <section class="pt-4 bg-gray mt-95">
-        <div class="container">
-          <div class="row">
-            <div class="col-12 text-center">
-              <h2 class="section-title">Download your free and open source copy</h2>
-            </div>
+    <div class="container">
+      <div class="section bg-white mb-4">
+        <div class="row nm">
+          <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-8">
+            <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="fab fa-github"></i> Github</a>, see all <a href="https://github.com/OSGeo/grass/tags">source code archives</a> for releases (zip and tarball files). Alternatively, find the latest tarballs and snapshots at <a href="https://grass.osgeo.org/grass{{- .Site.Data.grass.current_version_nodots -}}/source/">https://grass.osgeo.org/grass{{- .Site.Data.grass.current_version_nodots -}}/source/</a>.</p>
+            <a class="btn btn-primary" href="https://github.com/OSGeo/grass" target="_blank">Clone me at <i class="fab fa-github"></i></a>
           </div>
         </div>
+      </div>
 
-
-        <div class="container">
-
-            <div class="section bg-white mb-4">
-                <div class="row nm">
-                  <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-8">
-		    <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="fab fa-github"></i> Github</a>, see all <a href="https://github.com/OSGeo/grass/tags">source code archives</a> for releases (zip and tarball files). Alternatively, find the latest tarballs and snapshots at <a href="https://grass.osgeo.org/grass{{- .Site.Data.grass.current_version_nodots -}}/source/">https://grass.osgeo.org/grass{{- .Site.Data.grass.current_version_nodots -}}/source/</a>.</p>
-            <a class="btn btn-primary" href="https://github.com/OSGeo/grass" target="_blank">Clone me at <i class="fab fa-github"></i></a>
-                  </div>
-                </div>
+      <div class="row">
+        <div class="col-lg-12">
+          {{ range .Data.Pages }}
+          {{ if not .Params.categories }}
+          <div class="section bg-white mb-4">
+            <div class="row nm">
+              <div class="col-4 text-center"><img src="{{.Site.BaseURL}}/images/logos/grass-{{.Title}}.jpg" width="110"></div>
+              <div class="col-8">
+                <h3 class="mt-2 mb-2">GRASS GIS for {{ .Title }}</h3>
+                <p>{{ .Description }}</p>
+                <a class="btn btn-primary" href="{{.File.TranslationBaseName}}">Download</a>
               </div>
-
-          <div class="row">
-            <div class="col-lg-12">
-	      {{ range .Data.Pages }}
-	        {{ if not .Params.categories }}
-              <div class="section bg-white mb-4">
-                <div class="row nm">
-                  <div class="col-4 text-center"><img src="{{.Site.BaseURL}}/images/logos/grass-{{.Title}}.jpg" width="110"></div>
-                  <div class="col-8">
-		    <h3 class="mt-2 mb-2">GRASS GIS for {{ .Title }}</h3>
-		    <p>{{ .Description }}</p>
-		    <a class="btn btn-primary" href="{{.File.TranslationBaseName}}">Download</a>
-                  </div>
-                </div>
-		</div>
-		{{ end }}
-	       {{ end }}
-               <div class="section bg-white mb-4">
-                <div class="row nm">
-                  <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-8">
-		    <h3 class="mt-2 mb-2">GRASS GIS Addons</h3>
-		     <p>Download user contributed GRASS GIS extensions</p>
-		    <a class="btn btn-primary" href="{{.Site.BaseURL}}/download/addons">Download</a>
-                  </div>
-                </div>
-		</div>
-
-              <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/grass-SampleData.jpg"></div>
-                  <div class="col-8">
-		    <h3 class="mt-2 mb-2">GRASS GIS sample data</h3>
-		     <p>Download ready-to-use GRASS GIS sample datasets</p>
-		    <a class="btn btn-primary" href="{{.Site.BaseURL}}/download/data">Download</a>
-                  </div>
-                </div>
+            </div>
+          </div>
+          {{ end }}
+          {{ end }}
+          <div class="section bg-white mb-4">
+            <div class="row nm">
+              <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-8">
+                <h3 class="mt-2 mb-2">GRASS GIS Addons</h3>
+                <p>Download user contributed GRASS GIS extensions</p>
+                <a class="btn btn-primary" href="{{.Site.BaseURL}}/download/addons">Download</a>
               </div>
+            </div>
+          </div>
 
+          <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/grass-SampleData.jpg"></div>
+              <div class="col-8">
+                <h3 class="mt-2 mb-2">GRASS GIS sample data</h3>
+                <p>Download ready-to-use GRASS GIS sample datasets</p>
+                <a class="btn btn-primary" href="{{.Site.BaseURL}}/download/data">Download</a>
+              </div>
             </div>
           </div>
         </div>
-      </section>{{ partial "footer.html" . }}
-    </section>
+      </div>
+    </div>
   </section>
+</section>
+{{ partial "footer.html" . }}
 </body>
 </html>
diff --git a/themes/grass/layouts/index.html b/themes/grass/layouts/index.html
@@ -4,19 +4,21 @@
     <div class="fixed-top">
       {{ partial "banner.html" . }}
       <div class="bg-white">
-        <div class="container mb-20 bg-white">
+        <div class="container bg-white">
           {{ partial "navigation.html" . }}
         </div>
       </div>
     </div>
-    <div class="container" style="margin-top: 100px;">
-      <div class="row">
-        <div class="col-lg-8 text-center mx-auto">
-          <h1 class="mb-3"><img alt="GRASS GIS" src="{{.Site.BaseURL}}/images/logos/grasslogo.svg" width="33%"></h1>{{ with .Site.Params.banner.description }}
-          <p class=" text-bold mb-4">{{ . }}</p>{{ end }}
+    <section class="pt-5 mt-95">
+        <div class="container">
+        <div class="row">
+            <div class="col-lg-8 text-center mx-auto">
+            <h1 class="mb-3"><img alt="GRASS GIS" src="{{.Site.BaseURL}}/images/logos/grasslogo.svg" width="33%"></h1>{{ with .Site.Params.banner.description }}
+            <p class=" text-bold mb-4">{{ . }}</p>{{ end }}
+            </div>
         </div>
-      </div>
-    </div>
+        </div>
+    </section>
   </header>