(1) Weather wane rename (2) tool archive changes (3) updated linkedin feed

Author: NiharikaHari

.gitignore

@@ -4,3 +4,4 @@ _site
 .jekyll-metadata
 vendor
 node_modules
+**/.DS_Store

_data/linkedin_feed.yml

@@ -1,5 +1,3 @@
-- 7404826296993710080
-- 7396816376612564992
-- 7354353616050155520
-# - 7345691918535708672
-# - 7338893695305297921
+- 7445044504073777152
+- 7434548963141177344
+- 7396816376612564992

_includes/nav.html

@@ -48,14 +48,14 @@
                         <li><a href="{{ site.baseurl }}/resources/#publications">publications</a></li>
                         <li><a href="{{ site.baseurl }}/resources/#newsletter">newsletters</a></li>
                         <li><a href="{{ site.baseurl }}/resources/#financials">financials</a></li>
-                        <li><a href="{{ site.baseurl }}/resources/#archive">archive</a></li>
+                        <li><a href="{{ site.baseurl }}/resources/#archive">tools archive</a></li>
                     </ul>
                 </li>
                 <ul class="inner-nav">
                     <li><a href="{{ site.baseurl }}/resources/#publications">publications</a></li>
                     <li><a href="{{ site.baseurl }}/resources/#newsletter">newsletters</a></li>
                     <li><a href="{{ site.baseurl }}/resources/#financials">financials</a></li>
-                    <li><a href="{{ site.baseurl }}/resources/#archive">archive</a></li>
+                    <li><a href="{{ site.baseurl }}/resources/#archive">tools archive</a></li>
                 </ul>
                 <li class="{% if page.url == '/get-involved/' %}active{% endif %}">
                     <a href="{{ site.baseurl }}/get-involved/">get involved</a>
@@ -107,6 +107,7 @@
         padding: var(--p1-rem);
         cursor: pointer;
         position: relative;
+        text-wrap-mode: nowrap;
     }
 
     nav>ul>li::before {
@@ -163,7 +164,7 @@
 
     .dropdown {
         position: absolute;
-        left: 0.75rem;
+        left: calc(var(--p1-rem) * 0.5);
         background-color: white;
         border: 1px solid var(--grey-4);
         box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);

_layouts/projects-layout.html

@@ -26,7 +26,7 @@ <h2 class="about title" id="all">All Projects</h2>
             </div>
 
             <!-- Description -->
-            <div class="description">
+            <!-- <div class="description">
                 <div id="our-work-description">
                     <p class="simple-content">
                         Our goal is to design better policy using games and simulations. Our work involves three
@@ -52,7 +52,7 @@ <h2 class="about title" id="all">All Projects</h2>
                 {% endfor %}
 
                 <a href="/docs/brochures/FoVBrochure.pdf" class="mailid">Download our brochure here.</a><br/><br>
-            </div>
+            </div> -->
         </div>
     </div>
 </section>
@@ -70,7 +70,7 @@ <h2 class="about title" id="all">All Projects</h2>
 
     .grid {
         display: grid;
-        grid-template-columns: 1fr 2fr 1.5fr;
+        grid-template-columns: 1fr 2fr;
         /* sidebar / projects / description */
         gap: 2rem;
     }

_posts/tools/2025-01-10-gudluck.md

@@ -1,18 +1,18 @@
 ---
 layout: tool-layout
-title: Weather Wane
+title: Gullack
 subtitle: A Capacity-Building Game on Climate Risks and Adaptation 
 category: tool
 tag: Game
-permalink: /tools/weather-wane/
-main-img: /img/tools/gudluck-img-1.webp
+permalink: /tools/gullack/
+main-img: /img/tools/gullack-img-1.webp
 
-img1: /img/tools/gudluck-img-1.webp
-img2: /img/tools/gudluck-img-2.webp
-img3: /img/tools/gudluck-img-3.webp
+img1: /img/tools/gullack-img-1.webp
+img2: /img/tools/gullack-img-2.webp
+img3: /img/tools/gullack-img-3.webp
 
 objective: How do you communicate climate risks and the role adaptation measures play in building resilience to at risk communities? 
-description: Weather Wane is a capacity-building game designed to help communities understand the impact of climate change and the role of adaptation strategies in safeguarding household well-being. 
+description: Gullack is a capacity-building game designed to help communities understand the impact of climate change and the role of adaptation strategies in safeguarding household well-being. 
 summary: <p>
   In the game, participants navigate through different seasons, making timely investments in climate adaptation strategies—such as measures for extreme heat or flood preparedness—to mitigate household impacts before they become unaffordable or too difficult to recover from. 
   </p>
@@ -21,7 +21,7 @@ summary: <p>
   </p>
 impact:
   <p>
-  Weather Wane raises awareness and strengthens individuals’ understanding of climate risks and available adaptation options, empowering them to make decisions that enhance household resilience. It also supports communities in evaluating and selecting effective strategies, thereby improving overall climate resilience. 
+  Gullack raises awareness and strengthens individuals’ understanding of climate risks and available adaptation options, empowering them to make decisions that enhance household resilience. It also supports communities in evaluating and selecting effective strategies, thereby improving overall climate resilience. 
   </p>
   <p>
   The game can be customised with relevant data tailored to the target audience, and can incorporate a range of climate adaptation strategies, including relevant schemes and policies. 

img/tools/gudluck-img-1.webp img/tools/gullack-img-1.webpimg/tools/gudluck-img-1.webp renamed to img/tools/gullack-img-1.webp

@@ -8,7 +8,7 @@
     <button class="tab-btn active" data-tab="publications">Publications</button>
     <button class="tab-btn" data-tab="newsletter">Newsletter</button>
     <button class="tab-btn" data-tab="financials">Financials</button>
-    <button class="tab-btn" data-tab="archive">Archive</button>
+    <button class="tab-btn" data-tab="archive">Tools Archive</button>
 </nav>
 
 <!-- PUBLICATIONS -->
@@ -201,7 +201,7 @@ <h2 class="about title" id="all">All Projects</h2>
                     {% endfor %}
                 </div>
 
-                <div class="description">
+                <!-- <div class="description">
                     <div id="our-work-description">
                         <p class="simple-content">
                             Our goal is to design better policy using games and simulations. Our work involves three
@@ -227,7 +227,7 @@ <h2 class="about title" id="all">All Projects</h2>
                     {% endfor %}
 
                     <a href="/docs/brochures/FoVBrochure.pdf" class="mailid">Download our brochure here.</a><br/><br>
-                </div>
+                </div> -->
             </div>
         </div>
     </div>
@@ -435,7 +435,7 @@ <h2 class="about title" id="all">All Projects</h2>
 
     .archive-tab .grid {
         display: grid;
-        grid-template-columns: 1fr 2fr 1.5fr;
+        grid-template-columns: 1fr 4fr;
         gap: 2rem;
     }
 
@@ -453,14 +453,10 @@ <h2 class="about title" id="all">All Projects</h2>
     }
 
     .archive-tab .projects {
-        display: flex;
-        flex-wrap: wrap;
+        display: grid;
         gap: 1.5rem;
         padding-top: var(--p4-rem);
-    }
-
-    .archive-tab .project {
-        flex: 1 1 calc(50% - 1.5rem);
+        grid-template-columns: 1fr 1fr 1fr 1fr;
     }
 
     .archive-tab .project img {
@@ -488,12 +484,16 @@ <h2 class="about title" id="all">All Projects</h2>
     }
 
     @media (max-width: 768px) {
+        .archive-tab {
+            padding: var(--p1-rem);
+        }
+
         .archive-tab .grid {
             grid-template-columns: 1fr;
         }
 
-        .archive-tab .project {
-            flex: 1 1 100%;
+        .archive-tab .projects {
+            grid-template-columns: 1fr 1fr;
         }
     }