From 0a181dceb2f572d2421bbef7beadd462e3e694a0 Mon Sep 17 00:00:00 2001
From: CherrelleTucker <106271365+CherrelleTucker@users.noreply.github.com>
Date: Thu, 26 Dec 2024 10:06:03 -0600
Subject: [PATCH] snwg navigator begin

---
 _tabs/Home.md    | 283 -----------------------------------------------
 _tabs/SEP.md     | 162 +++++++++++++++++++++++++++
 _tabs/index.html |   0
 3 files changed, 162 insertions(+), 283 deletions(-)
 delete mode 100644 _tabs/Home.md
 create mode 100644 _tabs/SEP.md
 create mode 100644 _tabs/index.html

diff --git a/_tabs/Home.md b/_tabs/Home.md
deleted file mode 100644
index fd52343..0000000
--- a/_tabs/Home.md
+++ /dev/null
@@ -1,283 +0,0 @@
-
----
-title: SNWG Management Office Guide
-layout: post
-date: 2024-12-23 12:00:00 +0600
-categories: [Guide]
-tags: [overview]
----
-
-<div class="tabs-wrapper">
-  <input type="radio" name="tabs" id="tab1" checked="checked">
-  <input type="radio" name="tabs" id="tab2">
-  <input type="radio" name="tabs" id="tab3">
-  <input type="radio" name="tabs" id="tab4">
- 
-  <div class="tabs-nav">
-    <label for="tab1">Overview</label>
-    <label for="tab2">Implementation</label>
-    <label for="tab3">Stakeholder Engagement</label>
-    <label for="tab4">Resources</label>
-  </div>
-
-  <div class="tabs-content">
-    <!-- Overview Tab -->
-    <div class="tab">
-      <div class="grid-wrapper">
-        <div class="grid-card">
-          <h3>Cycle 1 (2016)</h3>
-          <ul>
-            <li>ADMG - <em>CASEI</em></li>
-            <li>Data Curation for Discovery</li>
-            <li>Harmonized Landsat-Sentinel-2</li>
-            <li>Commercial Smallsat Data Acquisition</li>
-          </ul>
-        </div>
-
-        <div class="grid-card">
-          <h3>Cycle 2 (2018)</h3>
-          <ul>
-            <li>Low Latency Freeboard & Ice Thickness</li>
-            <li>Internet of Animals</li>
-            <li>Global Surface Water Extent (DSWx)</li>
-            <li>Water Quality Products</li>
-          </ul>
-        </div>
-
-        <div class="grid-card">
-          <h3>Cycle 3 (2020)</h3>
-          <ul>
-            <li>Air Quality Products</li>
-            <li>Planetary Boundary Layer</li>
-            <li>HLS-Vegetation Indices</li>
-            <li>TEMPO NRT</li>
-          </ul>
-        </div>
-
-        <div class="grid-card">
-          <h3>Cycle 4 (2022)</h3>
-          <ul>
-            <li>Forest Structure from GEDI & NISAR</li>
-            <li>Coastal Ocean Color Products</li>
-            <li>Surface Deformation Analytics</li>
-          </ul>
-        </div>
-
-        <div class="grid-card">
-          <h3>Cycle 5 (2024)</h3>
-          <ul>
-            <li>Survey Phase Complete</li>
-            <li>Assessment in Progress</li>
-            <li>Solutions Under Development</li>
-          </ul>
-        </div>
-      </div>
-    </div>
-
-    <!-- Implementation Tab -->
-    <div class="tab">
-      <h2>Project Implementation Process</h2>
-      <p>The SNWG project implementation follows a structured lifecycle with key decision gates and deliverables:</p>
-
-      <div class="grid-wrapper">
-        <div class="grid-card">
-          <h3>Pre-formulation</h3>
-          <ul>
-            <li>Initial planning</li>
-            <li>Team formation</li>
-            <li>Preliminary documentation</li>
-          </ul>
-        </div>
-
-        <div class="grid-card">
-          <h3>Formulation</h3>
-          <ul>
-            <li>Project Plan development</li>
-            <li>Requirements definition</li>
-            <li>Resource planning</li>
-          </ul>
-        </div>
-
-        <div class="grid-card">
-          <h3>Implementation</h3>
-          <ul>
-            <li>Solution development</li>
-            <li>Technical reviews</li>
-            <li>Testing & validation</li>
-          </ul>
-        </div>
-
-        <div class="grid-card">
-          <h3>Operations</h3>
-          <ul>
-            <li>Solution deployment</li>
-            <li>User training</li>
-            <li>Maintenance & support</li>
-          </ul>
-        </div>
-      </div>
-    </div>
-
-    <!-- Stakeholder Engagement Tab -->
-    <div class="tab">
-      <h2>Stakeholder Engagement</h2>
-      <p>The SNWG SEP facilitates collaboration between implementation teams and stakeholders throughout the project lifecycle.</p>
-
-      <div class="grid-wrapper">
-        <div class="grid-card">
-          <h3>Co-Design Process</h3>
-          <ul>
-            <li>Requirements gathering</li>
-            <li>Design validation</li>
-            <li>User feedback integration</li>
-          </ul>
-        </div>
-
-        <div class="grid-card">
-          <h3>Training & Support</h3>
-          <ul>
-            <li>User workshops</li>
-            <li>Documentation</li>
-            <li>Technical assistance</li>
-          </ul>
-        </div>
-      </div>
-    </div>
-
-    <!-- Resources Tab -->
-    <div class="tab">
-      <h2>Project Resources</h2>
-
-      <div class="grid-wrapper">
-        <div class="grid-card">
-          <h3>Templates</h3>
-          <ul>
-            <li>Project Plan Template</li>
-            <li>OSDMP Template</li>
-            <li>SEP Template</li>
-          </ul>
-        </div>
-
-        <div class="grid-card">
-          <h3>Guides</h3>
-          <ul>
-            <li>Co-Design Guide</li>
-            <li>Implementation Guide</li>
-            <li>Best Practices</li>
-          </ul>
-        </div>
-
-        <div class="grid-card">
-          <h3>Tools</h3>
-          <ul>
-            <li>Assessment Tools</li>
-            <li>Review Checklists</li>
-            <li>Training Materials</li>
-          </ul>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-
-<style>
-.tabs-wrapper {
-  margin: 2rem 0;
-}
-
-.tabs-wrapper input[type="radio"] {
-  display: none;
-}
-
-.tabs-nav {
-  display: flex;
-  border-bottom: 2px solid var(--border-color);
-  margin-bottom: 2rem;
-}
-
-.tabs-nav label {
-  flex: 1;
-  padding: 1rem;
-  text-align: center;
-  cursor: pointer;
-  color: var(--text-color);
-  font-weight: 500;
-  transition: all 0.3s ease;
-}
-
-.tabs-nav label:hover {
-  color: var(--link-color);
-}
-
-.tabs-content .tab {
-  display: none;
-}
-
-#tab1:checked ~ .tabs-content div:nth-of-type(1),
-#tab2:checked ~ .tabs-content div:nth-of-type(2),
-#tab3:checked ~ .tabs-content div:nth-of-type(3),
-#tab4:checked ~ .tabs-content div:nth-of-type(4) {
-  display: block;
-}
-
-#tab1:checked ~ .tabs-nav label:nth-of-type(1),
-#tab2:checked ~ .tabs-nav label:nth-of-type(2),
-#tab3:checked ~ .tabs-nav label:nth-of-type(3),
-#tab4:checked ~ .tabs-nav label:nth-of-type(4) {
-  color: var(--link-color);
-  border-bottom: 2px solid var(--link-color);
-  margin-bottom: -2px;
-}
-
-.grid-wrapper {
-  display: grid;
-  grid-template-columns: repeat(2, 1fr);
-  gap: 2rem;
-  margin: 2rem 0;
-}
-
-.grid-card {
-  background: var(--card-bg);
-  border: 1px solid var(--border-color);
-  border-radius: 8px;
-  padding: 1.5rem;
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-  transition: transform 0.2s ease;
-}
-
-.grid-card:hover {
-  transform: translateY(-2px);
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
-}
-
-h3 {
-  margin: 0 0 1rem 0;
-  color: var(--heading-color);
-  font-size: 1.25rem;
-}
-
-ul {
-  list-style-type: disc;
-  padding-left: 1.5rem;
-  margin: 0;
-}
-
-li {
-  margin: 0.75rem 0;
-  padding-left: 0.5rem;
-  line-height: 1.4;
-}
-
-.lead-text {
-  font-size: 1.2rem;
-  margin-bottom: 2rem;
-  color: var(--text-muted);
-  text-align: center;
-}
-
-@media (max-width: 768px) {
-  .grid-wrapper {
-    grid-template-columns: 1fr;
-  }
-}
-</style>
diff --git a/_tabs/SEP.md b/_tabs/SEP.md
new file mode 100644
index 0000000..fe45bef
--- /dev/null
+++ b/_tabs/SEP.md
@@ -0,0 +1,162 @@
+---
+# YAML front matter for Jekyll
+layout: post
+# The title of the post
+# Example: "SNWG Management Office Guide"
+title: SNWG Management Office Guide
+date: 2024-12-23 12:00:00 +0600
+categories: ["Guide"]
+# Add any relevant tags or post markers here.
+tags: ["overview"]
+---
+<div class="tabs-wrapper">
+  <input type="radio" name="tabs" id="tab1" checked="checked">
+  <input type="radio" name="tabs" id="tab2">
+  <input type="radio" name="tabs" id="tab3">
+  <input type="radio" name="tabs" id="tab4">
+ 
+  <div class="tabs-nav">
+    <label for="tab1">Overview</label>
+    <label for="tab2">Implementation</label>
+    <label for="tab3">Stakeholder Engagement</label>
+    <label for="tab4">Resources</label>
+  </div>
+
+  <div class="tabs-content">
+    <!-- Overview Tab -->
+    <div class="tab">
+      <h2>Overview</h2>
+      <p>Welcome to the SNWG Management Office Guide. This tab provides an overview of the Satellite Needs Working Group (SNWG) project lifecycle and essential resources.</p>
+    </div>
+
+    <!-- Implementation Tab -->
+    <div class="tab">
+      <h2>Implementation</h2>
+      <p>Explore the structured lifecycle of SNWG project implementation, including key decision gates and deliverables.</p>
+      <ul>
+        <li>Pre-formulation: Initial planning, team formation, and preliminary documentation.</li>
+        <li>Formulation: Project plan development, requirements definition, and resource planning.</li>
+        <li>Implementation: Solution development, technical reviews, and validation.</li>
+        <li>Operations: Solution deployment, user training, and ongoing maintenance.</li>
+      </ul>
+    </div>
+
+    <!-- Stakeholder Engagement Tab -->
+    <div class="tab">
+      <h2>Stakeholder Engagement</h2>
+      <p>This tab covers the co-design processes, training, and support mechanisms to ensure effective collaboration between stakeholders and project teams.</p>
+    </div>
+
+    <!-- Resources Tab -->
+    <div class="tab">
+      <h2>Resources</h2>
+      <ul>
+        <li>Templates: Project Plan Template, OSDMP Template, SEP Template.</li>
+        <li>Guides: Co-Design Guide, Implementation Guide, Best Practices.</li>
+        <li>Tools: Assessment Tools, Review Checklists, Training Materials.</li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+<style>
+.tabs-wrapper {
+  margin: 2rem 0;
+}
+
+.tabs-wrapper input[type="radio"] {
+  display: none;
+}
+
+.tabs-nav {
+  display: flex;
+  border-bottom: 2px solid var(--border-color);
+  margin-bottom: 2rem;
+}
+
+.tabs-nav label {
+  flex: 1;
+  padding: 1rem;
+  text-align: center;
+  cursor: pointer;
+  color: var(--text-color);
+  font-weight: 500;
+  transition: all 0.3s ease;
+}
+
+.tabs-nav label:hover {
+  color: var(--link-color);
+}
+
+.tabs-content .tab {
+  display: none;
+}
+
+#tab1:checked ~ .tabs-content .tab:nth-child(1),
+#tab2:checked ~ .tabs-content .tab:nth-child(2),
+#tab3:checked ~ .tabs-content .tab:nth-child(3),
+#tab4:checked ~ .tabs-content .tab:nth-child(4) {
+  display: block;
+}
+
+#tab1:checked ~ .tabs-nav label:nth-of-type(1),
+#tab2:checked ~ .tabs-nav label:nth-of-type(2),
+#tab3:checked ~ .tabs-nav label:nth-of-type(3),
+#tab4:checked ~ .tabs-nav label:nth-of-type(4) {
+  color: var(--link-color);
+  border-bottom: 2px solid var(--link-color);
+  margin-bottom: -2px;
+}
+
+.grid-wrapper {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 2rem;
+  margin: 2rem 0;
+}
+
+.grid-card {
+  background: var(--card-bg);
+  border: 1px solid var(--border-color);
+  border-radius: 8px;
+  padding: 1.5rem;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  transition: transform 0.2s ease;
+}
+
+.grid-card:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
+}
+
+h3 {
+  margin: 0 0 1rem 0;
+  color: var(--heading-color);
+  font-size: 1.25rem;
+}
+
+ul {
+  list-style-type: disc;
+  padding-left: 1.5rem;
+  margin: 0;
+}
+
+li {
+  margin: 0.75rem 0;
+  padding-left: 0.5rem;
+  line-height: 1.4;
+}
+
+.lead-text {
+  font-size: 1.2rem;
+  margin-bottom: 2rem;
+  color: var(--text-muted);
+  text-align: center;
+}
+
+@media (max-width: 768px) {
+  .grid-wrapper {
+    grid-template-columns: 1fr;
+  }
+}
+</style>
diff --git a/_tabs/index.html b/_tabs/index.html
new file mode 100644
index 0000000..e69de29