update home

_tabs/Home.md

@@ -1,120 +1,131 @@
 ---
 layout: post
 icon: fas fa-handshake
+title: SNWG Stakeholder Engagement Guide
 order: 1
 toc: true
 date: 2024-05-21 12:00:00 +0600
 ---
 
-# SNWG Stakeholder Engagement Guide
+![dark mode only](assets/DarkModeSEPGraphic.png){: .dark .w-75 .shadow .rounded-10 w='1212' h='668' }
+![light mode only](assets/LightModeSEPGraphic.png){: .light .w-75 .shadow .rounded-10 w='1212' h='668' }
+_The SNWG stakeholder engagement lifecycle_
 
-## Assessment Phase
-<!-- Quick Start Guide -->
-> ### Quick Start Guide
-> - **Key Stakeholders**: Identify primary stakeholders and their roles
-> - **Essential Activities**: Required engagement touchpoints
-> - **Common Challenges**: Typical hurdles and solutions
-{: .prompt-tip }
-
-<!-- Deep Dive -->
-<details>
-<summary>Deep Dive</summary>
-
-### Stakeholder Mapping
-Comprehensive guide to identifying and categorizing stakeholders
-
-### Engagement Strategies
-Detailed approaches for different stakeholder types
-
-### Documentation Templates
-Complete set of required templates and examples
-</details>
-
-## Pre-Formulation Phase
-> ### Quick Start Guide
-> - **Initial Contact Guide**: How to establish first connections
-> - **Requirements Gathering**: Essential information needed
-> - **Basic Documentation**: Must-have documentation
-{: .prompt-tip }
-
-<details>
-<summary>Deep Dive</summary>
-
-### Co-Design Principles
-Understanding and implementing co-design effectively
-
-### Stakeholder Analysis
-In-depth stakeholder needs assessment
-
-### Communication Plans
-Developing comprehensive engagement strategies
-</details>
-
-## Formulation Phase
-> ### Quick Start Guide
-> - **Engagement Checklist**: Key tasks and milestones
-> - **Required Meetings**: Essential touchpoints
-> - **Documentation Requirements**: What you need to prepare
-{: .prompt-tip }
+## Welcome to SNWG SEP
 
-<details>
-<summary>Deep Dive</summary>
+> The SNWG Stakeholder Engagement Program (SEP) is the key to providing training, outreach, and community engagement around NASA's SNWG data products and systems through collaboration across NASA's Earth Science Division.
+{: .prompt-info }
 
-### Detailed Planning
-Comprehensive engagement planning
+### Our Mission
+To support the development of user-centric SNWG solutions for federal agencies by facilitating collaborative stakeholder engagement and information sharing through design thinking and collaboration.
 
-### Risk Assessment
-Identifying and mitigating engagement risks
+### Our Values
+* Trust, inclusion, and transparency leading to collaboration
+* Curiosity and empathy uncovering insightful understanding
+* Ingenuity and creativity leading to actionable solutions
 
-### Feedback Integration
-Incorporating stakeholder input effectively
-</details>
+## Project Lifecycle Overview
 
-## Implementation Phase
-> ### Quick Start Guide
-> - **Progress Updates**: Keeping stakeholders informed
-> - **Feedback Loops**: Maintaining effective communication
-> - **Issue Resolution**: Handling challenges
+> Each phase of the SNWG project lifecycle has specific stakeholder engagement requirements and opportunities. Select a phase below to learn more.
 {: .prompt-tip }
 
-<details>
-<summary>Deep Dive</summary>
-
-### Stakeholder Management
-Long-term engagement strategies
-
-### Change Communication
-Managing and communicating changes
-
-### Success Metrics
-Measuring engagement effectiveness
-</details>
+<div class="phase-grid">
+    <div class="phase-card">
+        <h3><a href="/assessment">Assessment</a></h3>
+        <ul>
+            <li>Identify stakeholders</li>
+            <li>Gather initial requirements</li>
+            <li>Analyze agency needs</li>
+        </ul>
+    </div>
+
+    <div class="phase-card">
+        <h3><a href="/pre-formulation">Pre-Formulation</a></h3>
+        <ul>
+            <li>Establish connections</li>
+            <li>Begin co-design process</li>
+            <li>Plan engagement strategy</li>
+        </ul>
+    </div>
+
+    <div class="phase-card">
+        <h3><a href="/formulation">Formulation</a></h3>
+        <ul>
+            <li>Detailed planning</li>
+            <li>Requirements validation</li>
+            <li>Stakeholder alignment</li>
+        </ul>
+    </div>
+
+    <div class="phase-card">
+        <h3><a href="/implementation">Implementation</a></h3>
+        <ul>
+            <li>Regular engagement</li>
+            <li>Progress updates</li>
+            <li>Feedback integration</li>
+        </ul>
+    </div>
+
+    <div class="phase-card">
+        <h3><a href="/operations">Operations</a></h3>
+        <ul>
+            <li>Transition planning</li>
+            <li>Impact assessment</li>
+            <li>Success documentation</li>
+        </ul>
+    </div>
+</div>
+
+## Quick Access Resources
+
+> ### Essential Tools & Templates
+> * [Stakeholder Analysis Template](/resources/stakeholder-analysis)
+> * [Communication Plan Template](/resources/communication-plan)
+> * [Meeting Templates](/resources/meeting-templates)
+{: .prompt-info }
 
-## Operations Phase
-> ### Quick Start Guide
-> - **Handover Guide**: Transition planning
-> - **Support Framework**: Ongoing assistance
-> - **Success Stories**: Demonstrating impact
+> ### Getting Help
+> * [Contact the SEP Team](/contact)
+> * [FAQ](/faq)
+> * [Best Practices Guide](/best-practices)
 {: .prompt-tip }
 
-<details>
-<summary>Deep Dive</summary>
-
-### Long-term Engagement
-Maintaining stakeholder relationships
-
-### Impact Assessment
-Measuring long-term success
-
-### Case Studies
-Learning from previous projects
-</details>
-
-## Additional Resources
-
-> ### Quick Access
-> - [Templates Library](/resources/templates)
-> - [Case Studies](/resources/case-studies)
-> - [FAQ & Troubleshooting](/resources/faq)
-{: .prompt-info }
-
+<style>
+.phase-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+    gap: 1rem;
+    margin: 1.5rem 0;
+}
+
+.phase-card {
+    padding: 1rem;
+    border: 1px solid var(--border-color);
+    border-radius: 8px;
+    background-color: var(--card-bg);
+}
+
+.phase-card h3 {
+    margin-top: 0;
+    padding-bottom: 0.5rem;
+    border-bottom: 2px solid var(--border-color);
+}
+
+.phase-card ul {
+    list-style-type: none;
+    padding-left: 0;
+}
+
+.phase-card li {
+    margin: 0.5rem 0;
+    padding-left: 1.2rem;
+    position: relative;
+}
+
+.phase-card li:before {
+    content: "→";
+    position: absolute;
+    left: 0;
+    color: var(--link-color);
+}
+</style>