Fix dev site url

README.md

@@ -50,7 +50,7 @@ To run accessibility test:
 
     gulp test
 
-Results are available in `pa11y/report.html` (open in your browser) and `pa11y/report.json` (open with `jq`).  
+Results are available in `pa11y/report.html` (open in your browser) and `pa11y/report.json` (open with `jq`).
 Configuration is in `.pa11y`.
 
 ## Deployment
@@ -72,7 +72,7 @@ These in turn do the following:
 ### Notes
 
 - This repository does not have its own helm chart. It uses the helm chart [Planet4 static](https://github.com/greenpeace/planet4-helm-static) which has been created to accommodate all static applications.
-- New commits to the master branch get deployed at the url: https://dev.landing.p4.greenpeace.org
+- New commits to the main branch get deployed at the url: https://www-dev.greenpeace.org
 - New tags get deployed at the url: https://www.greenpeace.org/
 - If you want to confirm the version deployed you can check `/version.txt` on either of the above urls.
 

maintenance.html

@@ -40,7 +40,7 @@
     </div>
   </header>
 
-  <section>
+  <section class="maintenance">
     <h1>Maintenance</h1>
     <h2 data-l10n-key="title">Temporarily unavailable</h2>
     <p data-l10n-key="text">Scheduled maintenance in progress...</p>

static/scss/base/_404.scss

@@ -55,8 +55,6 @@ section {
   color: black;
   font-family: $roboto;
   box-sizing: border-box;
-  background-color: #f6f4ef;
-  opacity: 0.9;
 
   h1 {
     margin: 0;
@@ -100,8 +98,6 @@ section {
   }
 
   section {
-    background-color: #f6f4ef;
-    opacity: 0.9;
     padding: 40px 60px;
 
     h1 {
@@ -131,6 +127,13 @@ section {
   section {
     position: absolute;
     top: 25%;
+    color: white;
+
+    &.maintenance {
+      color: black;
+      background-color: #f6f4ef;
+      opacity: 0.9;
+    }
 
     h1 {
       font-size: 110px;