AGU 2023 (#6)

* Splash page for AGU 2023 * Splash page - Add links for past events * Splash page - Add sponsors Also change the logos to align in the vertical center. --------- Co-authored-by: Jessica Scheick <[email protected]>
ICESAT-2HackWeek · Dec 5, 2023 · 66b70bb · 66b70bb
1 parent 1b4b146
commit 66b70bb
Show file tree

Hide file tree

Showing 2 changed files with 55 additions and 31 deletions.
diff --git a/cookiecutter.yaml b/cookiecutter.yaml
@@ -1,27 +1,38 @@
 repo_directory: html
 name: ICESat-2 Hackweek
-about: Hackweeks are participant-driven events that strive to create welcoming spaces
-  for participants to learn new things, build community and gain hands-on experience
-  with collaboration and team science
+about:
+    description: Hackweeks are participant-driven events that strive to create welcoming spaces
+        for participants to learn new things, build community and gain hands-on experience
+        with collaboration and team science
+    learn_more: https://escience.washington.edu/using-data-science/hackweeks
+    links:
+        - url: https://icesat-2-2023.hackweek.io/
+          title: 2023 Hackweek
+          new_window: true
+        - url: https://icesat-2-2022.hackweek.io/
+          title: 2022 Hackweek
+          new_window: true
+        - url: https://github.com/ICESAT-2HackWeek/2020_ICESat-2_Hackweek_Tutorials
+          title: 2020 Hackweek
+          new_window: true
+        - url: https://github.com/ICESAT-2HackWeek/ICESat2_hackweek_tutorials
+          title: 2019 Hackweek
+          new_window: true
 apply:
   url: '#'
   title: Application coming soon
 hackweek_mission: https://escience.washington.edu/using-data-science/hackweeks
-redirect:
-    url: https://icesat-2-2023.hackweek.io
+#redirect:
+#    url: https://icesat-2-2023.hackweek.io
 banner:
   title: IceSat-2 Hackweek
   description: An in person, collaborative learning event.
-  start_date: 7 August
-  end_date: 11 August
-  year: 2023
+  start_date: Late
+  end_date: Summer
+  year: 2024
   location: Seattle, WA
-  links:
-  - url: https://icesat-2-2022.hackweek.io/
-    title: 2022 Hackweek
-    new_window: true
   image: https://geohackweek.github.io/assets/images/banner.jpg
-applicant_info: UW Hackweek 2023 will take place in August 2023 (in-person).
+applicant_info: ICESat-2 Hackweek 2024 will take place in late summer 2024 (in-person).
   Applications have not yet opened, but should be anticipated soon after AGU.
 team:
   !include book/team.yaml
@@ -33,6 +44,12 @@ sponsors:
   - name: eScience Institute
     website: ''
     logo_url: https://escience.washington.edu/wp-content/uploads/2015/10/Logo_eScience-stacked.png
+  - name: NASA ICESat-2 Mission
+    website: 'https://icesat-2.gsfc.nasa.gov/mission'
+    logo_url: https://github.com/ICESAT-2HackWeek/icesat-2hackweek.github.io/raw/2022.03.01/assets/images/ICESat2.png
+  - name: Cryo Cloud
+    website: https://book.cryointhecloud.com/intro.html
+    logo_url: https://book.cryointhecloud.com/_static/logo.png
 footer:
   social:
   - icon: github

diff --git a/{{ cookiecutter.repo_directory }}/index.html b/{{ cookiecutter.repo_directory }}/index.html
@@ -114,7 +114,7 @@ <h1 class="hero-heading mb-2">
             <div class="hero-intro mb-4">{{ cookiecutter.banner.description
                 }}
             </div>
-            {%- if cookiecutter.banner.links %}
+            {%- if 'links' in cookiecutter.banner %}
             <div class="hero-cta">
                 {%- for link in cookiecutter.banner.links %}
                 <a class="btn btn-primary btn-lg m-2"
@@ -134,32 +134,38 @@ <h1 class="hero-heading mb-2">
 </div>
 <!--//hero-block-->
 
-<section id="about-section" class="about-section section theme-bg-light">
+<section id="about-section" class="about-section section theme-bg-light pb-4">
     <div class="container">
-        <h3 class="section-heading text-center mb-3">
+        <h3 class="section-heading text-center">
             About {{ cookiecutter.name }}
         </h3>
-        <div class="section-intro single-col-max mx-auto mb-4">
-            {{ cookiecutter.about }}
+        <div class="section-intro single-col-max mx-auto mb-3">
+            {{ cookiecutter.about.description }}
         </div>
-        <div class="about-cta text-center mb-5">
-            <a class="btn btn-secondary btn-lg  mb-5"
-               href="{{ cookiecutter.hackweek_mission }}"
+        <div class="about-cta text-center mb-4">
+            <a class="btn btn-secondary btn-lg"
+               href="{{ cookiecutter.about.learn_more }}"
                target="_blank">
-                Learn about "hackweeks"
+                Learn about "Hackweeks"
                 <i class="fas fa-external-link-alt"></i>
             </a>
         </div>
 
-        <div id="countdown-intro" class="event-countdown text-center mb-3">
-            <h4 class="countdown-intro mb-2 text-center mb-3">
-                Event Starts In:
-            </h4>
-            <div id="countdown-box"
-                 class="countdown-box"
-                 data-start-date="{{ cookiecutter.banner.start_date }}/{{ cookiecutter.banner.year}}">
+        {%- if 'links' in cookiecutter.about %}
+            <div class="hero-cta text-center mb-4">
+                <h4 class="mb-3 text-center">
+                    Past Events:
+                </h4>
+                {%- for link in cookiecutter.about.links %}
+                    <a class="btn btn-primary btn-lg mb-3 mx-2"
+                       href="{{ link.url }}"
+                        {{ 'target="_blank"' if link.new_window == 'True' else '' }}
+                    >
+                        {{ link.title }}
+                    </a>
+                {%- endfor %}
             </div>
-        </div>
+        {%- endif %}
     </div>
 
     <div class="media-block theme-bg-primary py-5">
@@ -174,6 +180,7 @@ <h4 class="text-white text-center mb-3">
         </div>
     </div>
 </section>
+
 <!--//about-section-->
 
 {%- if cookiecutter.schedule %}
@@ -484,7 +491,7 @@ <h3 class="section-heading text-center mb-3">Our Sponsors</h3>
         {%- if cookiecutter.sponsors['organizations']|length > 0 %}
         <div class="row logos justify-content-center">
             {%- for org in cookiecutter.sponsors['organizations'] %}
-            <div class="logo-item col-6 col-md-4 col-lg-2">
+            <div class="logo-item col-6 col-md-4 col-lg-2 align-self-center">
                 {%- if org['website'] %}
                 <a href="{{ org['website'] }}" target="_blank"><img
                     src="{{ org['logo_url'] }}"