Removed govuk header css and migrated to uswds

app/templates/views/performance.html

@@ -15,7 +15,7 @@
     </div>
   </div>
 
-  <h2 class="govuk-heading-m">
+  <h2 class="font-body-lg">
     Messages sent since May 2023
   </h2>
 
@@ -71,7 +71,7 @@
     </p>
   </div>
 
-  <h2 class="govuk-heading-m">
+  <h2 class="font-body-lg">
     Messages sent within 10 seconds
   </h2>
   <div class="grid-row">
@@ -106,7 +106,7 @@
     </div>
   </div>
 
-  <h2 class="govuk-heading-m">
+  <h2 class="font-body-lg">
     Organizations using Notify
   </h2>
   <div class="grid-row bottom-gutter">

paas-failwhale/index.html

@@ -78,7 +78,7 @@
     <main class="govuk-main-wrapper" id="main-content" role="main">
       <div class="grid-row">
         <div class="grid-col-12">
-          <h1 class="govuk-heading-l">
+          <h1 class="font-body-2xl text-bold">
             Sorry, the service is unavailable
           </h1>
           <p class="usa-body">
@@ -127,4 +127,4 @@
 
 </body>
 
-</html>
+</html>

paas-failwhale/static_503/stylesheets/main.css

@@ -1705,15 +1705,6 @@ table caption {
     font-display: fallback
 }
 
-@media print {
-}
-
-@media print {
-}
-
-@media print {
-}
-
 .govuk-template {
     background-color: #dee0e2;
     -webkit-text-size-adjust: 100%;
@@ -1733,194 +1724,6 @@ table caption {
     background-color: #fff
 }
 
-.govuk-heading-xl {
-    color: #0b0c0c;
-    font-family: "nta", Arial, sans-serif;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    font-weight: 700;
-    font-size: 32px;
-    font-size: 2rem;
-    line-height: 1.09375;
-    display: block;
-    margin-top: 0;
-    margin-bottom: 30px
-}
-
-@media print {
-    .govuk-heading-xl {
-        color: #000
-    }
-}
-
-@media print {
-    .govuk-heading-xl {
-        font-family: sans-serif
-    }
-}
-
-@media (min-width: 40.0625em) {
-    .govuk-heading-xl {
-        font-size: 48px;
-        font-size: 3rem;
-        line-height: 1.04167
-    }
-}
-
-@media print {
-    .govuk-heading-xl {
-        font-size: 32pt;
-        line-height: 1.15
-    }
-}
-
-@media (min-width: 40.0625em) {
-    .govuk-heading-xl {
-        margin-bottom: 50px
-    }
-}
-
-.govuk-heading-l {
-    color: #0b0c0c;
-    font-family: "nta", Arial, sans-serif;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    font-weight: 700;
-    font-size: 24px;
-    font-size: 1.5rem;
-    line-height: 1.04167;
-    display: block;
-    margin-top: 0;
-    margin-bottom: 20px
-}
-
-@media print {
-    .govuk-heading-l {
-        color: #000
-    }
-}
-
-@media print {
-    .govuk-heading-l {
-        font-family: sans-serif
-    }
-}
-
-@media (min-width: 40.0625em) {
-    .govuk-heading-l {
-        font-size: 36px;
-        font-size: 2.25rem;
-        line-height: 1.11111
-    }
-}
-
-@media print {
-    .govuk-heading-l {
-        font-size: 24pt;
-        line-height: 1.05
-    }
-}
-
-@media (min-width: 40.0625em) {
-    .govuk-heading-l {
-        margin-bottom: 30px
-    }
-}
-
-.govuk-heading-m {
-    color: #0b0c0c;
-    font-family: "nta", Arial, sans-serif;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    font-weight: 700;
-    font-size: 18px;
-    font-size: 1.125rem;
-    line-height: 1.11111;
-    display: block;
-    margin-top: 0;
-    margin-bottom: 15px
-}
-
-@media print {
-    .govuk-heading-m {
-        color: #000
-    }
-}
-
-@media print {
-    .govuk-heading-m {
-        font-family: sans-serif
-    }
-}
-
-@media (min-width: 40.0625em) {
-    .govuk-heading-m {
-        font-size: 24px;
-        font-size: 1.5rem;
-        line-height: 1.25
-    }
-}
-
-@media print {
-    .govuk-heading-m {
-        font-size: 18pt;
-        line-height: 1.15
-    }
-}
-
-@media (min-width: 40.0625em) {
-    .govuk-heading-m {
-        margin-bottom: 20px
-    }
-}
-
-.govuk-heading-s {
-    color: #0b0c0c;
-    font-family: "nta", Arial, sans-serif;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    font-weight: 700;
-    font-size: 16px;
-    font-size: 1rem;
-    line-height: 1.25;
-    display: block;
-    margin-top: 0;
-    margin-bottom: 15px
-}
-
-@media print {
-    .govuk-heading-s {
-        color: #000
-    }
-}
-
-@media print {
-    .govuk-heading-s {
-        font-family: sans-serif
-    }
-}
-
-@media (min-width: 40.0625em) {
-    .govuk-heading-s {
-        font-size: 19px;
-        font-size: 1.1875rem;
-        line-height: 1.31579
-    }
-}
-
-@media print {
-    .govuk-heading-s {
-        font-size: 14pt;
-        line-height: 1.15
-    }
-}
-
-@media (min-width: 40.0625em) {
-    .govuk-heading-s {
-        margin-bottom: 20px
-    }
-}
-
 .govuk-caption-xl {
     font-family: "nta", Arial, sans-serif;
     -webkit-font-smoothing: antialiased;
@@ -2230,32 +2033,6 @@ table caption {
 
 @media (min-width: 40.0625em) {
     .usa-body-xs {
-        margin-bottom: 20px
-    }
-}
-
-.usa-body-l+.govuk-heading-l,
-.usa-body-lead+.govuk-heading-l {
-    padding-top: 5px
-}
-
-@media (min-width: 40.0625em) {
-
-    .usa-body-l+.govuk-heading-l,
-    .usa-body-lead+.govuk-heading-l {
-        padding-top: 10px
-    }
-}
-
-.govuk-section-break {
-    margin: 0;
-    border: 0
-}
-
-.govuk-section-break--xl {
-    margin-top: 30px;
-    margin-bottom: 30px
-}
 
 @media (min-width: 40.0625em) {
     .govuk-section-break--xl {

urls.js

@@ -13,6 +13,7 @@ const routes = {
     { label: 'Privacy', path: '/privacy' },
     { label: 'Email Not Received', path: '/email-not-received' },
     { label: 'Text Not Received', path: '/text-not-received' },
+    { label: 'Performance', path: '/performance' },
   ],
 
   authenticated: [