wip(about): various updates inc. updating images to mdn.dev

mdn · Nov 13, 2024 · 88e5e1b · 88e5e1b
1 parent 9bc4cec
commit 88e5e1b
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 33 deletions.
diff --git a/client/src/about/_mixins.scss b/client/src/about/_mixins.scss
@@ -87,6 +87,10 @@
 
   section {
     padding-top: 5rem;
+
+    @media (max-width: $screen-md) {
+      padding-top: 0;
+    }
   }
 
   h1 {

diff --git a/client/src/about/index.scss b/client/src/about/index.scss
@@ -148,31 +148,15 @@ main.about-container {
     --header-stats-height: var(--about-stats-height);
     @include about.header;
 
-    h1 {
-      position: relative;
-      width: max-content;
-
-      &::after {
-        background: var(--header-text-primary);
-        content: "";
-        display: block;
-        height: 2rem;
-        mask-image: url("../assets/about/sparkle.svg");
-        mask-position: center;
-        mask-repeat: no-repeat;
-        mask-size: contain;
-        position: absolute;
-        right: -1.5rem;
-        top: -1rem;
-        width: 2rem;
-      }
-    }
-
     h1 + p {
       font-size: 2rem;
       font-weight: 600;
       line-height: 120%;
       max-width: 43rem;
+
+      @media (max-width: $screen-md) {
+        font-size: 1.25rem;
+      }
     }
 
     ul {
@@ -412,11 +396,11 @@ main.about-container {
             }
 
             ~ p:last-of-type::after {
-              background-image: url("https://storage.googleapis.com/mdn-dev-static-site/generic-content/about/screenshots/20050121103200-1280x720@0.5x.png");
+              background-image: url("https://mdn.dev/generic-content/about/screenshots/20050121103200-1280x720@0.5x.png");
               background-image: image-set(
-                url("https://storage.googleapis.com/mdn-dev-static-site/generic-content/about/screenshots/20050121103200-1280x720@0.5x.png")
+                url("https://mdn.dev/generic-content/about/screenshots/20050121103200-1280x720@0.5x.png")
                   1x,
-                url("https://storage.googleapis.com/mdn-dev-static-site/generic-content/about/screenshots/20050121103200-1280x720@1x.png")
+                url("https://mdn.dev/generic-content/about/screenshots/20050121103200-1280x720@1x.png")
                   2x
               );
             }
@@ -429,11 +413,11 @@ main.about-container {
             }
 
             ~ p:last-of-type::after {
-              background-image: url("https://storage.googleapis.com/mdn-dev-static-site/generic-content/about/screenshots/20100901014818-1280x720@0.5x.png");
+              background-image: url("https://mdn.dev/generic-content/about/screenshots/20100901014818-1280x720@0.5x.png");
               background-image: image-set(
-                url("https://storage.googleapis.com/mdn-dev-static-site/generic-content/about/screenshots/20100901014818-1280x720@0.5x.png")
+                url("https://mdn.dev/generic-content/about/screenshots/20100901014818-1280x720@0.5x.png")
                   1x,
-                url("https://storage.googleapis.com/mdn-dev-static-site/generic-content/about/screenshots/20100901014818-1280x720@1x.png")
+                url("https://mdn.dev/generic-content/about/screenshots/20100901014818-1280x720@1x.png")
                   2x
               );
             }
@@ -446,11 +430,11 @@ main.about-container {
             }
 
             ~ p:last-of-type::after {
-              background-image: url("https://storage.googleapis.com/mdn-dev-static-site/generic-content/about/screenshots/20200103045709-1280x720@0.5x.png");
+              background-image: url("https://mdn.dev/generic-content/about/screenshots/20200103045709-1280x720@0.5x.png");
               background-image: image-set(
-                url("https://storage.googleapis.com/mdn-dev-static-site/generic-content/about/screenshots/20200103045709-1280x720@0.5x.png")
+                url("https://mdn.dev/generic-content/about/screenshots/20200103045709-1280x720@0.5x.png")
                   1x,
-                url("https://storage.googleapis.com/mdn-dev-static-site/generic-content/about/screenshots/20200103045709-1280x720@1x.png")
+                url("https://mdn.dev/generic-content/about/screenshots/20200103045709-1280x720@1x.png")
                   2x
               );
             }
@@ -463,11 +447,11 @@ main.about-container {
             }
 
             ~ p:last-of-type::after {
-              background-image: url("https://storage.googleapis.com/mdn-dev-static-site/generic-content/about/screenshots/20220402010722-1280x720@0.5x.png");
+              background-image: url("https://mdn.dev/generic-content/about/screenshots/20220402010722-1280x720@0.5x.png");
               background-image: image-set(
-                url("https://storage.googleapis.com/mdn-dev-static-site/generic-content/about/screenshots/20220402010722-1280x720@0.5x.png")
+                url("https://mdn.dev/generic-content/about/screenshots/20220402010722-1280x720@0.5x.png")
                   1x,
-                url("https://storage.googleapis.com/mdn-dev-static-site/generic-content/about/screenshots/20220402010722-1280x720@1x.png")
+                url("https://mdn.dev/generic-content/about/screenshots/20220402010722-1280x720@1x.png")
                   2x
               );
             }

diff --git a/libs/constants/index.js b/libs/constants/index.js
@@ -163,7 +163,7 @@ export const CSP_DIRECTIVES = {
 
     // Shared assets.
     "https://mdn.github.io/shared-assets/",
-    "https://storage.googleapis.com/mdn-dev-static-site/",
+    "https://mdn.dev/",
 
     // GA4.
     "https://*.google-analytics.com",