Merge pull request #144 from USACE-RMC/feature/web-applications-and-services

[Content] Add the Web Applications and Services section and Coming Soon stubs for the DST documentation plan

Author: AdamGohs

.claude/skills/new-doc/SKILL.md

@@ -20,7 +20,7 @@ Ask: "Which category does this document belong to?"
 Present these options:
 1. **Desktop Applications** (`desktop-applications/`)
 2. **Toolbox Technical Manuals** (`toolbox-technical-manuals/`)
-3. **Web Applications** (`web-applications/`)
+3. **Web Applications and Services** (`web-applications/`)
 4. **Developer Resources** (`dev/`)
 
 ### 1b — Software Product
@@ -332,7 +332,7 @@ If the user chose to add the document to the header nav, edit `src/theme/Layout/
 
 ### Add a version variable (non-dev versioned docs only):
 
-In the appropriate section (Desktop Applications, Toolbox, Web Applications), add a new `const` for the document href:
+In the appropriate section (Desktop Applications, Toolbox, Web Applications and Services), add a new `const` for the document href:
 ```javascript
 const {camelCaseVarName}Href = useBaseUrl(
   `/docs/{category}/{software}/{slug}/${latestVersions['{category}/{software}/{slug}'] || 'v{version}'}/preface`,

docs/web-applications/dst/users-guide/v1.0/users-guide.mdx

@@ -37,6 +37,7 @@
     "glob": "^11.0.1",
     "gray-matter": "^4.0.3",
     "image-size": "^2.0.2",
+    "lucide-react": "^1.49.0",
     "lunr": "^2.3.9",
     "markdown-it-cite": "^0.0.2",
     "mermaid": "^11.12.0",
@@ -53,14 +54,14 @@
     "@docusaurus/module-type-aliases": "^3.10.2",
     "@docusaurus/types": "^3.10.2",
     "@tailwindcss/postcss": "^4.1.11",
+    "acorn": "8.18.0",
     "autoprefixer": "^10.4.21",
     "baseline-browser-mapping": "^2.9.19",
     "cross-env": "^7.0.3",
     "ffmpeg-static": "^5.3.0",
     "postcss": "^8.5.6",
     "prettier": "3.9.6",
-    "prettier-plugin-tailwindcss": "^0.6.14",
-    "acorn": "8.18.0"
+    "prettier-plugin-tailwindcss": "^0.6.14"
   },
   "browserslist": {
     "production": [

package-lock.json

@@ -59,7 +59,7 @@ const buildSteps = (baseUrl, tier) => {
     {
       title: 'Main Navigation',
       content:
-        'The navigation organizes all documentation into three categories: Desktop Applications, Toolbox Technical Manuals, and Web Applications. Each category expands to reveal available tools and their documents. Helpful resources can also be accessed from the navigation.',
+        'The navigation organizes all documentation into three categories: Desktop Applications, Toolbox Technical Manuals, and Web Applications and Services. Each category expands to reveal available tools and their documents. Helpful resources can also be accessed from the navigation.',
       selector: 'header.gw-sticky .md\\:gw-hidden',
       selectorFallback: 'header.gw-sticky .gw-bg-nav-black',
       padding: { top: 4, right: 4, bottom: 4, left: 4 },
@@ -69,12 +69,12 @@ const buildSteps = (baseUrl, tier) => {
       tablet: {
         title: 'Menu Navigation',
         content:
-          'Tap the menu icon to open the navigation drawer. It organizes all documentation into three categories: Desktop Applications, Toolbox Technical Manuals, and Web Applications. Each category expands to reveal available tools and documents.',
+          'Tap the menu icon to open the navigation drawer. It organizes all documentation into three categories: Desktop Applications, Toolbox Technical Manuals, and Web Applications and Services. Each category expands to reveal available tools and documents.',
       },
       phone: {
         title: 'Menu Navigation',
         content:
-          'Tap the menu icon to open the navigation drawer. It lists all documentation organized by category: Desktop Applications, Toolbox Technical Manuals, and Web Applications.',
+          'Tap the menu icon to open the navigation drawer. It lists all documentation organized by category: Desktop Applications, Toolbox Technical Manuals, and Web Applications and Services.',
       },
     },
 

package.json

@@ -0,0 +1,41 @@
+import { ChartSpline } from 'lucide-react';
+import { useId } from 'react';
+
+const FILLED_VIEWBOX = '0 0 562.04 562.04';
+const GLYPH_SIZE = 300;
+const GLYPH_OFFSET = (562.04 - GLYPH_SIZE) / 2;
+
+export default function SystemResponseIcon({ className = '', color = 'currentColor', size = 48, showBackground = true }) {
+  const id = useId();
+  const gradientId = `system-response-grad${id}`;
+  const filterId = `system-response-shadow${id}`;
+
+  if (!showBackground) {
+    return <ChartSpline className={className} color={color} size={size} aria-hidden="true" />;
+  }
+
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox={FILLED_VIEWBOX}
+      width={size}
+      height={size}
+      className={className}
+      overflow="visible"
+      aria-hidden="true"
+    >
+      <defs>
+        <linearGradient id={gradientId} x1="0" y1="0" x2="1" y2="1">
+          <stop offset="0%" stopColor="#2a5068" />
+          <stop offset="50%" stopColor="#4a7c9b" />
+          <stop offset="100%" stopColor="#7fb5d0" />
+        </linearGradient>
+        <filter id={filterId}>
+          <feDropShadow dx="0" dy="4" stdDeviation="5" floodColor="#1E3A4F" floodOpacity="0.3" />
+        </filter>
+      </defs>
+      <circle cx="281.02" cy="281.02" r="281.02" fill={`url(#${gradientId})`} filter={`url(#${filterId})`} />
+      <ChartSpline x={GLYPH_OFFSET} y={GLYPH_OFFSET} size={GLYPH_SIZE} color="white" />
+    </svg>
+  );
+}

src/components/SiteTour.js

@@ -289,17 +289,155 @@ const docs = [
     draft: false,
   },
 
-  // --- Web Applications: DST ---
+  // --- Web Applications and Services: DST ---
   {
     category: 'web-applications',
     software: 'dst',
     doc_location: 'web-applications/dst/users-guide',
-    doc_name: 'Dam Screening Tool Users Guide',
+    doc_name: "Dam Screening Tool User's Guide",
+    active: false,
+    draft: true,
+  },
+  {
+    category: 'web-applications',
+    software: 'dst',
+    doc_location: 'web-applications/dst/technical-reference-manual',
+    doc_name: 'Dam Screening Tool Technical Reference Manual',
+    active: false,
+    draft: true,
+  },
+  {
+    category: 'web-applications',
+    software: 'dst',
+    doc_location: 'web-applications/dst/applications-guide',
+    doc_name: 'Dam Screening Tool Applications Guide',
+    active: false,
+    draft: true,
+  },
+
+  // --- Web Applications and Services: System Response Library ---
+  {
+    category: 'web-applications',
+    software: 'system-response',
+    doc_location: 'web-applications/system-response/overtopping-erosion-screening',
+    doc_name: 'Overtopping Erosion Screening Technical Reference Manual',
+    active: false,
+    draft: true,
+  },
+  {
+    category: 'web-applications',
+    software: 'system-response',
+    doc_location: 'web-applications/system-response/backward-erosion-piping-screening',
+    doc_name: 'Backward Erosion Piping Screening Technical Reference Manual',
+    active: false,
+    draft: true,
+  },
+  {
+    category: 'web-applications',
+    software: 'system-response',
+    doc_location: 'web-applications/system-response/continuation-screening',
+    doc_name: 'Continuation (Filter Evaluation) Screening Technical Reference Manual',
+    active: false,
+    draft: true,
+  },
+  {
+    category: 'web-applications',
+    software: 'system-response',
+    doc_location: 'web-applications/system-response/cle-common-methods-screening',
+    doc_name: 'Concentrated Leak Erosion Common Methods Screening Technical Reference Manual',
+    active: false,
+    draft: true,
+  },
+  {
+    category: 'web-applications',
+    software: 'system-response',
+    doc_location: 'web-applications/system-response/cle-cross-valley-settlement-screening',
+    doc_name: 'CLE Cross-Valley Settlement Screening Technical Reference Manual',
+    active: false,
+    draft: true,
+  },
+  {
+    category: 'web-applications',
+    software: 'system-response',
+    doc_location: 'web-applications/system-response/cle-wall-cliff-settlement-screening',
+    doc_name: 'CLE Wall/Cliff Settlement Screening Technical Reference Manual',
+    active: false,
+    draft: true,
+  },
+  {
+    category: 'web-applications',
+    software: 'system-response',
+    doc_location: 'web-applications/system-response/cle-core-compaction-screening',
+    doc_name: 'CLE Core Compaction Screening Technical Reference Manual',
+    active: false,
+    draft: true,
+  },
+  {
+    category: 'web-applications',
+    software: 'system-response',
+    doc_location: 'web-applications/system-response/cle-conduit-compaction-screening',
+    doc_name: 'CLE Conduit Compaction Screening Technical Reference Manual',
+    active: false,
+    draft: true,
+  },
+  {
+    category: 'web-applications',
+    software: 'system-response',
+    doc_location: 'web-applications/system-response/cle-wall-cliff-compaction-screening',
+    doc_name: 'CLE Wall/Cliff Compaction Screening Technical Reference Manual',
+    active: false,
+    draft: true,
+  },
+  {
+    category: 'web-applications',
+    software: 'system-response',
+    doc_location: 'web-applications/system-response/cle-foundation-abutment-compaction-screening',
+    doc_name: 'CLE Foundation/Abutment Compaction Screening Technical Reference Manual',
+    active: false,
+    draft: true,
+  },
+  {
+    category: 'web-applications',
+    software: 'system-response',
+    doc_location: 'web-applications/system-response/cle-desiccation-screening',
+    doc_name: 'CLE Desiccation Screening Technical Reference Manual',
+    active: false,
+    draft: true,
+  },
+  {
+    category: 'web-applications',
+    software: 'system-response',
+    doc_location: 'web-applications/system-response/cle-freezing-screening',
+    doc_name: 'CLE Freezing Screening Technical Reference Manual',
+    active: false,
+    draft: true,
+  },
+  {
+    category: 'web-applications',
+    software: 'system-response',
+    doc_location: 'web-applications/system-response/gravity-dam-stability-screening',
+    doc_name: 'Gravity Dam Stability Screening Technical Reference Manual',
+    active: false,
+    draft: true,
+  },
+  {
+    category: 'web-applications',
+    software: 'system-response',
+    doc_location: 'web-applications/system-response/verification-report',
+    doc_name: 'System Response Library Verification Report',
+    active: false,
+    draft: true,
+  },
+  {
+    category: 'web-applications',
+    software: 'system-response',
+    doc_location: 'web-applications/system-response/integration-guide',
+    doc_name: 'System Response Library Integration Guide',
     active: false,
     draft: true,
   },
 
-  // --- Web Applications: LST ---
+  // --- Web Applications and Services: LST ---
   {
     category: 'web-applications',
     software: 'lst',
@@ -309,7 +447,7 @@ const docs = [
     draft: true,
   },
 
-  // --- Web Applications: RRFT ---
+  // --- Web Applications and Services: RRFT ---
   {
     category: 'web-applications',
     software: 'rrft',

src/components/icons/SystemResponseIcon.js

@@ -13,6 +13,7 @@ import RRFTIcon from '../components/icons/RRFTIcon';
 import SeismicHazardIcon from '../components/icons/SeismicHazardIcon';
 import SpillwayErosionIcon from '../components/icons/SpillwayErosionIcon';
 import StructuralIcon from '../components/icons/StructuralIcon';
+import SystemResponseIcon from '../components/icons/SystemResponseIcon';
 import ToolboxIcon from '../components/icons/ToolboxIcon';
 import WebAppIcon from '../components/icons/WebAppIcon';
 import TourButton from '../components/TourButton';
@@ -115,7 +116,7 @@ export default function Home() {
     },
     {
       IconComponent: WebAppIcon,
-      doc_name: 'Web Applications',
+      doc_name: 'Web Applications and Services',
       contentCardData: [
         {
           IconComponent: RRFTIcon,
@@ -138,6 +139,13 @@ export default function Home() {
           href: addBaseUrl('web-applications/dst'),
           active: false,
         },
+        {
+          IconComponent: SystemResponseIcon,
+          title: 'System Response Library',
+          description: 'System response models for screening',
+          href: addBaseUrl('web-applications/system-response'),
+          active: false,
+        },
       ],
     },
   ];