Merge pull request #184 from 18F/products-cleanup-lite

reference fedramp

_cloud-solutions/application-development.md

@@ -1,33 +1,33 @@
 ---
-layout: overview-page
+layout: cloud-category
 title: Application development
 permalink: /cloud-solutions/application-development/
 sidenav_ref: cloud-solutions
 link_cards:
-  - 
+  -
     title: Compute
     summary: Launch, manage, and scale your machines
-  - 
+  -
     title: Content delivery networks (CDNs)
     summary: Use caching to improve your performance
-  - 
+  -
     title: Databases
     summary: Store and retrieve your data
-  - 
+  -
     title: Developer tools
     summary: Work faster and smarter
-  - 
+  -
     title: Networking
     summary: Scale and balance your load
-  - 
+  -
     title: Storage
     summary: Repositories for your images, text files, and more
-  - 
+  -
     title: Cloud management tools
     summary: Monitor, notify, and analyze your deployments and usage
-  - 
+  -
     title: Containers
     summary: Deploy quickly regardless of environment
 ---
 
-Solutions to help you build, launch, monitor, and scale your own custom apps. 
+Use the [FedRAMP Marketplace](https://marketplace.fedramp.gov/#/products?sort=productName&status=Compliant&serviceModels=IaaS;IaaS,%20PaaS,%20SaaS;PaaS) to find FedRAMP-authorized IaaS and PaaS cloud solutions that help you build, launch, monitor, and scale your own custom apps.

_cloud-solutions/collaboration-and-productivity.md

@@ -1,33 +1,33 @@
 ---
-layout: overview-page
+layout: cloud-category
 title: Collaboration and productivity
 permalink: /cloud-solutions/collaboration-and-productivity/
 sidenav_ref: cloud-solutions
 link_cards:
-  - 
+  -
     title: Learning management systems (LMS)
     summary: Deliver and track training
-  - 
+  -
     title: Business management
     summary: Optimize your back office
-  - 
+  -
     title: Customer relationships
     summary: Keep track of who you talk to
-  - 
+  -
     title: Email
     summary: Store and manage your messages
-  - 
+  -
     title: Human resources
     summary: Manage pay and position
-  - 
+  -
     title: Public and media relations
     summary: Track stories and sentiment
-  - 
+  -
     title: Telecommunications
     summary: Move to virtual voice solutions
-  - 
+  -
     title: Help desk
     summary: Give your staff the support they need
 ---
 
-Solutions to help you stay connected and organized.
+Use the [FedRAMP Marketplace](https://marketplace.fedramp.gov/#/products?sort=productName&serviceModels=SaaS;IaaS,%20PaaS,%20SaaS&status=Compliant) to find FedRAMP-authorized SaaS cloud solutions that help you stay connected and organized.

_cloud-solutions/identity-and-security.md

@@ -1,17 +1,18 @@
 ---
-layout: overview-page
+layout: cloud-category
 title: Identity and security
 permalink: /cloud-solutions/identity-and-security/
 sidenav_ref: cloud-solutions
 link_cards:
-  - 
+  -
     title: Continuous monitoring
     summary: Check for suspicious activity
-  - 
+  -
     title: Device management
     summary: Keep your virtual and physical resources secure
-  - 
+  -
     title: Identity management
     summary: Grant access to the right people
 ---
-Solutions to help you keep your teams, devices, and sites safe.
+
+Use the [FedRAMP Marketplace](https://marketplace.fedramp.gov/#/products?sort=productName&status=Compliant) to find FedRAMP-authorized cloud solutions that help you keep your teams, devices, and sites safe.

_cloud-solutions/research-and-analytics.md

@@ -1,18 +1,18 @@
 ---
-layout: overview-page
+layout: cloud-category
 title: Research and analytics
 permalink: /cloud-solutions/research-and-analytics/
 sidenav_ref: cloud-solutions
 link_cards:
-  - 
+  -
     title: Artificial intelligence and machine learning
     summary: Use models to analyze your data
-  - 
+  -
     title: Big data
     summary: Process large amounts of information quickly
-  - 
+  -
     title: Mapping and graphical information systems
     summary: Manage your geospatial data
 ---
-Solutions to help you make the most of your data.
 
+Use the [FedRAMP Marketplace](https://marketplace.fedramp.gov/#/products?sort=productName&status=Compliant) to find FedRAMP-authorized cloud solutions that help you make the most of your data.

_layouts/cloud-category.html

@@ -0,0 +1,36 @@
+---
+layout: base
+---
+
+<div class="usa-grid usa-section usa-content">
+  {% include sidebar.html %}
+  <div class="usa-width-three-fourths usa-content" id="main-page-content" tabindex="-1">
+    <h1>{{ page.title }}</h1>
+    {% if page.image %}
+      <div class="page--banner" style="background-image: url({{ page.image | prepend: site.baseurl }});"></div>
+    {% endif %}
+    {% if page.image-credit %}
+      <span class="caption"><a href="{{page.image-credit}}" target="_blank">Photo credit</a> (Creative Commons)</span>
+    {% endif %}
+    {{ content }}
+
+    {% if page.link_cards %}
+    <div class="project-container cloud-category">
+      <div class="usa-grid">
+        {% for card in page.link_cards %}
+          <article class="card usa-width-one-third">
+            <!-- <a class="card-link" href="{{ card.permalink | prepend: site.baseurl }}" aria-hidden="true" tabindex="-1"> -->
+            <div class="card-banner">
+              <h3 class="card-description">
+                <span>{{ card.title }}</span>
+              </h3>
+              <p class="card-summary">{{ card.summary }}</p>
+            </div>
+            <!-- </a> -->
+          </article>
+        {% endfor %}
+      </div>
+    </div>
+  {% endif %}
+  </div>
+</div>

_sass/_card.scss

@@ -25,6 +25,23 @@
     width: 100%;
 }
 
+.cloud-category .card {
+    background: #fff;
+
+    &:hover {
+        box-shadow: 0 0 0 1px #d6d7d9;
+    }
+
+    &:active {
+        box-shadow: 0 0 0 1px #d6d7d9;
+    }
+
+    .card-banner {
+      padding: 2.5rem;
+    }
+
+}
+
 .card-link {
     padding: 5px;
     text-decoration: none;

pages/cloud-solutions.md

@@ -4,29 +4,28 @@ title: Find cloud solutions
 permalink: /cloud-solutions/
 sidenav_ref: cloud-solutions
 link_cards:
-  - 
+  -
     title: Application development
     summary: Build, launch, monitor, and scale your own custom apps
     permalink: /cloud-solutions/application-development/
-  - 
+  -
     title: Research and analytics
     summary: Make the most of your data with visualization, machine learning, and mapping
     permalink: /cloud-solutions/research-and-analytics/
-  - 
+  -
     title: Identity and security
     summary: Keep teams, devices, and sites safe with management and continuous monitoring
     permalink: /cloud-solutions/identity-and-security/
-  - 
+  -
     title: Collaboration and productivity
     summary: Stay connected and organized with email, relationship management, help desk tools and more
     permalink: /cloud-solutions/collaboration-and-productivity/
 ---
 
-Cloud offerings are usually organized in one of two ways: either by deployment model (what the product is) or business need (what the product does). 
+Cloud offerings are usually organized in one of two ways: either by deployment model (what the product is) or business need (what the product does).
 
 Government procurement is typically organized around deployment model rather than business need. Doing so allows government to both align with [NIST guidance](https://csrc.nist.gov/publications/detail/sp/800-145/final) and to offer simplified, cost-effective acquisition via [cloud acquisition vehicles](https://www.gsa.gov/technology/technology-purchasing-programs/cloud-acquisition-vehicles). Industry, on the other hand, tends to organize its offerings around what a cloud solution can help you accomplish.
 
 Although you’ll ultimately choose an IaaS, PaaS, or SaaS solution, start by considering your business need rather than your deployment model. There may be products that accomplish your needs with more automation or less compliance work than you anticipate.
 
-The following cloud products are arranged by business need. Each of them is [FedRAMP-authorized](https://www.fedramp.gov/about/), meaning they’re easier and cheaper to acquire and deploy.
-
+Products on the [FedRAMP Marketplace](https://marketplace.fedramp.gov) are [FedRAMP-authorized](https://www.fedramp.gov/about/), meaning they’re easier and cheaper to acquire and deploy. The following categories can help you organize your business needs.