home page carousel: promote releases, grants, community meeting, inst…

…ead of the gallery (#422)

* apply modified version of css suggestions - thanks @MauroPacciorettigit add themes/grass/assets/css/style.css themes/grass/layouts/index.html

themes/grass/assets/css/style.css

@@ -513,6 +513,9 @@ pre {
 .np {
   padding: 0 !important;
 }
+.mt-10 {
+  margin-top: 10px !important;
+}
 .mt-20 {
   margin-top: 20px !important;
 }
@@ -1304,6 +1307,11 @@ code{
     margin-top: 95px;
 }
 
+#carouselUI .carousel-inner .carousel-item .container.position-relative .row.justify-content-center {
+  bottom: 0;
+  background: rgba(255, 255, 255, 0.8)
+  /* background: radial-gradient(circle, var(--white-color) 80%, transparent 90%); */
+}
 
 @media (max-width: 576px) {
 

themes/grass/layouts/index.html

@@ -47,35 +47,49 @@ <h3 class="mb-3">{{ .Title }}</h3>
     <div class="row">
         <div class="col-lg-6">
             <div class="bg-white" id="slides">
-                <div class="carousel slide" data-interval="1700" data-ride="carousel" id="carouselUI">
+                <div class="carousel slide pdt-20" data-interval="3000" data-ride="carousel" id="carouselUI">
+
                     <div class="carousel-inner">
-                        <div class="carousel-item active">
-                            <img alt="GRASS GIS ui" class="d-block w-100" src="{{.Site.BaseURL}}/images/other/GRASS_ui_slide.jpg">
+                        <div class="carousel-item active">     
+                            <div class="container position-relative">            
+                            <img alt="GRASS GIS team" class="d-block w-100 m-0" src="{{.Site.BaseURL}}/images/other/grass_team_prague_2023_hike.jpg">
+                            <div class="row justify-content-center position-absolute w-100"><a href="https://grasswiki.osgeo.org/wiki/GRASS_Community_Meeting_Prague_2024" target="_blank" style="font-size:1.2em;">Join the GRASS GIS Community Meeting</a></div>
+                            </div>
                         </div>
                         <div class="carousel-item">
-                            <img alt="GRASS GIS ui" class="d-block w-100" src="{{.Site.BaseURL}}/images/other/GRASS_ui_slide-b.jpg">
+                            <div class="container position-relative">
+                            <img alt="GRASS GIS mentoring program" class="d-block w-100 m-0" src="{{.Site.BaseURL}}/images/other/grass_gis_mentoring.jpg">
+                            <div class="row justify-content-center position-absolute w-100"><a href="https://grasswiki.osgeo.org/wiki/Mentoring_Program" target="_blank" style="font-size:1.2em;">Join the GRASS GIS Mentoring program</a></div>
+                            </div>
                         </div>
                         <div class="carousel-item">
-                            <img alt="GRASS GIS ui" class="d-block w-100" src="{{.Site.BaseURL}}/images/other/GRASS_ui_slide-c.jpg">
+                            <div class="container position-relative">
+                            <img alt="GRASS GIS student grants" class="d-block w-100 m-0" src="{{.Site.BaseURL}}/images/other/grass_gis_student_grants.jpg">
+                            <div class="row justify-content-center position-absolute w-100"><a href="https://grasswiki.osgeo.org/wiki/Student_Grants" target="_blank" style="font-size:1.2em;">Apply for a GRASS GIS Student grant</a></div>
+                            </div>                        
                         </div>
                         <div class="carousel-item">
-                            <img alt="GRASS GIS ui" class="d-block w-100" src="{{.Site.BaseURL}}/images/other/GRASS_ui_slide-d.jpg">
+                            <div class="container position-relative">
+                            <img alt="GRASS GIS latest release" class="d-block w-100 m-0" src="{{.Site.BaseURL}}/images/other/grass_release.png">
+                            <div class="row justify-content-center position-absolute w-100"><a href="https://github.com/OSGeo/grass/releases" target="_blank" style="font-size:1.2em;">Check the latest GRASS GIS release</a></div>
+                            </div>
                         </div>
                     </div>
-                    <div class="row justify-content-center pd-20">
-                        <a class="btn btn-primary dbl" href="{{.Site.BaseURL}}/learn/gallery">View gallery</a>
+                    <div class="row justify-content-center pd-40">
+                        <a class="btn btn-primary dbl" href="https://opencollective.com/osgeo/projects/grass/contribute">SUPPORT US!</a>
+                        <!-- <a class="btn btn-primary dbl" href="{{.Site.BaseURL}}/learn/gallery">View gallery</a> -->
                     </div>
                 </div>
             </div>
         </div>
         <div class="col-lg-6">
             <div class="bg-white" id="news">
-                <div class="row justify-content-center pd-40 mb-4">
+                <div class="row justify-content-center pd-40 mb-40">
                     <main role="main">
                         <h2 class="section-gtitle mb-4">Latest news</h2>{{ range first 3 (where .Site.Pages "Section" "news").ByDate.Reverse}}
                         <h3 class="entry-title" itemprop="headline"><a class="nws" href="{{.RelPermalink}}">{{ .Title }}</a></h3>
 		        <span class="entry-meta"> <time itemprop="datePublished" datetime="{{ .Date.Format "2006-01-02" }}"><i class="fa fa-calendar"></i> {{ .Date.Format "January 02, 2006" }}</time></span>{{ end }}
-                        <div class="row justify-content-center pd-20">
+                        <div class="row justify-content-center pd-40">
                             <a class="btn btn-primary dbl" href="{{.Site.BaseURL}}/news">View All</a>
                         </div>
                     </main>