Merge pull request #362 from skylight-hq/ctse-tweaks

Ctse tweaks
skylight-hq · Jun 4, 2024 · fdf38f6 · fdf38f6
2 parents 0de48f4 + ccf677c
commit fdf38f6
Show file tree

Hide file tree

Showing 4 changed files with 27 additions and 19 deletions.
diff --git a/_includes/hero_banner.html b/_includes/hero_banner.html
@@ -2,11 +2,11 @@
   {% if include.color %}
     bg-{{ include.color }}
   {% endif %} hero-banner {{include.additional_class}}" {% if include.image %} style="
-      background-image: url(/img/{{ include.image }}); background-size: 100% 100%" {% endif %}>
+      background-image: url(/img/{{ include.image }}); background-size: auto 100%" {% endif %}>
   <header class="hero hero-banner mb-5 {% if include.class %}{{ include.class }}{% endif %}">
     <div class="hero-container container-fluid text-center">
       <{% if page.layout=="toolkit" %}p{% else %}h1{% endif %}
-        class="hero-heading {% if include.text == 'dark' %}text-ink{% endif %} mt-2">
+        class="hero-heading {% if include.text == 'dark' %}text-ink{% endif %} mt-3">
         {% if include.hero_title %}
         {{ include.hero_title }}
         {% elsif page.layout == "toolkit" %}
@@ -23,7 +23,7 @@
         {% endif %}
       </div>
       {% if include.link_content %}
-      <div class="hero-content mb-2">
+      <div class="hero-content mb-3">
         <a href="{{include.link_href}}" class="{{include.link_class}}" {% if include.link_type
           %}type="{{include.link_type}}" {% endif %}>
           {{include.link_content}}

diff --git a/_sass/pages/_public_health.scss b/_sass/pages/_public_health.scss
@@ -173,7 +173,7 @@
       justify-content: center;
       display: flex;
       img{
-        max-width: 60% !important;
+        max-width: 70% !important;
       }
     }
     .image-div-small{

diff --git a/pages/about.html → pages/company/about.html b/pages/about.html → pages/company/about.html
@@ -1,7 +1,7 @@
 ---
 layout: default
 title: Team
-description: Learn about Skylight’s story to make government work in a digital world, and meet our team of diverse and talented public-interest technologists.
+description: Learn about Skylight's story to make government work in a digital world, and meet our team of diverse and talented public-interest technologists.
 permalink: /company/about/
 redirect_from:
   - /work/team-member/john-teeter/

diff --git a/pages/solutions/public_health.html b/pages/solutions/public_health.html
@@ -51,10 +51,11 @@ <h2 id='service-delivery'>Who is Skylight?</h2>
     </div>
   </div>
 
-  <div class="mt-6 bg-blue-20 py-6">
+  <div class="mt-md-6 bg-blue-20 py-6">
     <div class="grid-container prose">
       <div class="row">
-        <div class="col-md-12 order-2 order-md-1 mt-4 mt-md-0">
+        <div class="col-md-1"></div>
+        <div class="col-md-10 mt-md-4 mt-md-0">
           <h2 id="procurement" class="mb-4">Our services</h2>
           <p>
             At Skylight, our public health technologists combine a human-centered, research-based approach with lean and
@@ -64,9 +65,11 @@ <h2 id="procurement" class="mb-4">Our services</h2>
             solutions.
           </p>
         </div>
+        <div class="col-md-1"></div>
       </div>
       <div class="row">
-        <div class="col-md-12 order-2 order-md-1 mt-4 mt-md-0 white-callout-border">
+        <div class="col-md-1"></div>
+        <div class="col-md-10 mt-4 mt-md-0 white-callout-border">
           <h3 id="procurement" class="mb-4">
             We can help you:
           </h3>
@@ -82,21 +85,24 @@ <h3 id="procurement" class="mb-4">
           </ul>
           </p>
         </div>
+        <div class="col-md-1"></div>
       </div>
-      <div class="row mt-6">
-        <div class="col-md-12 order-2 order-md-1 mt-4 mt-md-0">
+      <div class="row mt-md-6">
+        <div class="col-md-1"></div>
+        <div class="col-md-10 mt-4 mt-md-0">
           <i>
             We want to understand your unique data needs and assess how we can support your data modernization efforts.
             Engaging
             with us includes elements of the following:
           </i>
         </div>
+        <div class="col-md-1"></div>
       </div>
-      <div class="row pt-3 mt-6">
+      <div class="row pt-3 mt-md-6">
         <div class="col-md-6 order-1 order-md-2 image-div pxl-1">
           <img src="{{ site.baseurl }}/img/public-health/whiteboard-public-health.svg" alt="" class="img-90" />
         </div>
-        <div class="col-md-6 order-2 order-md-1 mt-4 mt-md-0 pxr-1">
+        <div class="col-md-6 order-2 order-md-1 mt-md-4 mt-md-0 pxr-1">
           <div class='vertical-align'>
             <div style="display: block;">
               <h3>Needs assessment</h3>
@@ -113,7 +119,7 @@ <h3>Needs assessment</h3>
           </div>
         </div>
       </div>
-      <div class="row pt-3 mt-6">
+      <div class="row pt-3 mt-md-6">
         <div class="col-md-6 order-1 order-md-1 image-div pxr-1">
           <img src="{{ site.baseurl }}/img/public-health/belt-public-health.svg" alt="" class="img-95" />
         </div>
@@ -131,7 +137,7 @@ <h3>Data modernization strategy</h3>
           </div>
         </div>
       </div>
-      <div class="row pt-3 mt-6">
+      <div class="row pt-3 mt-md-6">
         <div class="col-md-6 order-1 order-md-2 image-div pxl-1">
           <img src="{{ site.baseurl }}/img/public-health/agile-public-health.svg" alt="" class="img-95" />
         </div>
@@ -149,7 +155,7 @@ <h3>Implementation</h3>
           </div>
         </div>
       </div>
-      <div class="row pt-3 mt-6">
+      <div class="row pt-3 mt-md-6">
         <div class="col-md-6 order-1 order-md-1 image-div pxr-0">
           <img src="{{ site.baseurl }}/img/public-health/stairs-public-health.svg" alt="" class="img-95" />
         </div>
@@ -170,10 +176,11 @@ <h3>Workforce enablement</h3>
     </div>
   </div>
 
-  <div class="mt-6">
+  <div class="mt-md-6">
     <div class="grid-container prose gearfit-offers">
       <div class="row">
-        <div class="col-md-12 mt-4 mt-md-0 mb-4">
+        <div class="col-md-1"></div>
+        <div class="col-md-10 mt-4 mt-md-0 mb-4">
           <h2>Our track record</h2>
           <p>
             As a contractor to CDC and the Office of Public Health Data, Surveillance, and Technology (OPHDST), we're
@@ -199,11 +206,12 @@ <h2>Our track record</h2>
           </ul>
           </p>
         </div>
+        <div class="col-md-1"></div>
       </div>
     </div>
   </div>
 
-  <div class="mt-6 bg-blue-20 py-6">
+  <div class="mt-md-6 bg-blue-20 py-6">
     <div class="grid-container prose">
       <div class="row">
         <div class="col-md-5 order-1 order-md-1 image-div image-div-small pxr-1">
@@ -299,4 +307,4 @@ <h2 class="project-title {{context}}">{{item.title}}</h2>
     {% endunless %}
   </div>
 </div>
-{% include public_health_cta.html %}
+{% include public_health_cta.html %}