Refine categories listing appearance and descriptions (#643)

GSA-TTS · Dec 12, 2024 · fb5957b · fb5957b
1 parent b545c0e
commit fb5957b
Show file tree

Hide file tree

Showing 9 changed files with 22 additions and 10 deletions.
diff --git a/_categories/development.md b/_categories/development.md
@@ -1,6 +1,6 @@
 ---
 title: Development
 layout: category
-description: Common Dev things across AppDev and DevOps
+description: Development topics common to AppDev and DevOps
 icon: keyboard
 ---
diff --git a/_categories/partnerships.md b/_categories/partnerships.md
@@ -1,5 +1,6 @@
 ---
 title: Partnerships
 layout: category
+description: Business development, account management, outreach, and communications
 icon: campaign
 ---
diff --git a/_categories/platform.md b/_categories/platform.md
@@ -1,5 +1,6 @@
 ---
 title: Platform
 layout: category
+description: Platform infrastructure and DevOps practices
 icon: build
 ---
diff --git a/_categories/private.md b/_categories/private.md
diff --git a/_categories/product.md b/_categories/product.md
@@ -1,6 +1,6 @@
 ---
 title: Product
 layout: category
-description: Product and process
+description: Product delivery and process
 icon: science
 ---
diff --git a/_categories/reporting.md b/_categories/reporting.md
@@ -1,5 +1,6 @@
 ---
 title: Reporting
 layout: category
+description: Data analytics and key metrics reporting
 icon: insights
 ---
diff --git a/_categories/security.md b/_categories/security.md
@@ -1,5 +1,6 @@
 ---
 title: Security
 layout: category
+description: Security, anti-fraud, and incident response
 icon: security
 ---
diff --git a/assets/scss/main.css.scss b/assets/scss/main.css.scss
@@ -23,6 +23,21 @@
   }
 }
 
+.article-categories {
+  .usa-card {
+    @include u-margin-bottom(2);
+  }
+
+  .usa-card__heading {
+    display: flex;
+    align-items: center;
+
+    .usa-icon {
+      @include u-margin-right(1);
+    }
+  }
+}
+
 .deprecated-link {
   color: gray;
 }

diff --git a/index.md b/index.md
@@ -18,7 +18,7 @@ Internal documentation can be found in our [Internal Login.gov Handbook](https:/
 
 <div class="margin-bottom-4"></div>
 
-<ul class="usa-card-group">
+<ul class="article-categories usa-card-group">
   {% assign sorted_categories = site.categories | group_by: 'order' | sort: 'name' %}
   {% for category_group in sorted_categories %}
     {% assign sorted_category_items = category_group.items | sort: 'title' %}