From e1901ae717b29257daa4f167d424a3c473a08ea7 Mon Sep 17 00:00:00 2001
From: Parker Lougheed <parlough@gmail.com>
Date: Sat, 6 Jul 2024 19:42:57 -0500
Subject: [PATCH] Remove now unused landing page styles (#10851)

I removed the last pages that used these custom styles a while ago
(https://github.com/flutter/website/pull/10176).
---
 src/_sass/pages/_landing-page.scss | 172 -----------------------------
 src/_sass/site.scss                |   1 -
 src/content/404.html               |   4 +-
 3 files changed, 2 insertions(+), 175 deletions(-)
 delete mode 100644 src/_sass/pages/_landing-page.scss

diff --git a/src/_sass/pages/_landing-page.scss b/src/_sass/pages/_landing-page.scss
deleted file mode 100644
index cda79b2172..0000000000
--- a/src/_sass/pages/_landing-page.scss
+++ /dev/null
@@ -1,172 +0,0 @@
-@use '../base/variables' as *;
-@use '../vendor/bootstrap';
-
-.landing-page {
-  background-color: $site-color-codeblock-bg;
-
-  h2 {
-    font-size: 2rem;
-    margin-top: 0;
-    @include bootstrap.media-breakpoint-up(lg) {
-      font-size: 2.25rem;
-    }
-    @include bootstrap.media-breakpoint-up(xl) {
-      font-size: 2.75rem;
-    }
-  }
-
-  h3 {
-    font-size: 1.25rem;
-    @include bootstrap.media-breakpoint-up(lg) {
-      font-size: 1.75rem;
-    }
-
-    &:first-child {
-      margin-top: 0;
-    }
-  }
-
-  .card {
-    margin-bottom: bootstrap.bs-spacer(8);
-
-    .card-body {
-      padding: 40px 20px;
-      @include bootstrap.media-breakpoint-up(md) {
-        padding: 40px;
-      }
-      @include bootstrap.media-breakpoint-up(lg) {
-        padding: 60px;
-      }
-      @include bootstrap.media-breakpoint-up(xl) {
-        padding: 80px;
-      }
-    }
-  }
-
-  .card.card--case-study {
-    margin-bottom: bootstrap.bs-spacer(6);
-    padding: bootstrap.bs-spacer(8) bootstrap.bs-spacer(6);
-
-    .card-header {
-      align-items: center;
-      border: none;
-      background-color: transparent;
-      display: flex;
-      margin-bottom: bootstrap.bs-spacer(8);
-      min-height: 46px;
-      padding: 0;
-    }
-
-    .card-body {
-      margin-bottom: bootstrap.bs-spacer(4);
-      padding: 0;
-    }
-
-    .card-footer {
-      padding: 0;
-    }
-  }
-
-  &__card-graphic {
-    margin-bottom: bootstrap.bs-spacer(5);
-    @include bootstrap.media-breakpoint-up(lg) {
-      margin-bottom: 0;
-    }
-
-    &--fill {
-      align-items: center;
-      display: flex;
-      justify-content: center;
-
-      img,
-      video {
-        max-width: 100%;
-        pointer-events: none;
-      }
-    }
-
-    &__logo-row {
-      &:not(:last-child) {
-        margin-bottom: bootstrap.bs-spacer(2);
-      }
-    }
-  }
-
-  &__hero {
-    background-color: $site-color-black;
-    left: 50%;
-    margin-bottom: 40px;
-    margin-left: -50vw;
-    margin-right: -50vw;
-    position: relative;
-    right: 50%;
-    width: 100vw;
-    @include bootstrap.media-breakpoint-up(md) {
-      margin-bottom: 80px;
-    }
-
-    .card {
-      .card-body {
-        padding: bootstrap.bs-spacer(6);
-      }
-
-      .card-category {
-        color: $site-color-primary;
-        font-size: bootstrap.$font-size-base;
-        font-weight: bootstrap.$font-weight-base;
-        margin-bottom: bootstrap.bs-spacer(4);
-      }
-
-      .btn.btn-link {
-        padding: 0;
-      }
-    }
-  }
-
-  &__case-studies {
-    &__logo {
-      max-width: 50%;
-      max-height: 40px;
-      height: auto;
-
-      img {
-        max-height: 40px;
-      }
-    }
-
-    .card-deck {
-      margin-top: bootstrap.bs-spacer(12);
-
-      .col-lg-4 {
-        padding-left: bootstrap.bs-spacer(3);
-        padding-right: bootstrap.bs-spacer(3);
-      }
-    }
-  }
-
-  &__cta {
-    &__headline {
-      margin-bottom: bootstrap.bs-spacer(2);
-      @include bootstrap.media-breakpoint-up(md) {
-        margin-bottom: bootstrap.bs-spacer(4);
-      }
-    }
-
-    &__body {
-      font-size: 1.25rem;
-      @include bootstrap.media-breakpoint-up(md) {
-        font-size: 1.35rem;
-      }
-      @include bootstrap.media-breakpoint-up(lg) {
-        font-size: 1.5rem;
-      }
-    }
-
-    &__button {
-      margin-top: bootstrap.bs-spacer(4);
-      @include bootstrap.media-breakpoint-up(md) {
-        margin-top: bootstrap.bs-spacer(8);
-      }
-    }
-  }
-}
diff --git a/src/_sass/site.scss b/src/_sass/site.scss
index 2eb967c774..15514448e8 100644
--- a/src/_sass/site.scss
+++ b/src/_sass/site.scss
@@ -25,7 +25,6 @@
 @use 'components/toc';
 
 // -- Pages (alpha ordered)
-@use 'pages/landing-page';
 @use 'pages/not-found';
 
 // -- Overrides
diff --git a/src/content/404.html b/src/content/404.html
index f029ef748b..e4c3e60964 100644
--- a/src/content/404.html
+++ b/src/content/404.html
@@ -2,13 +2,13 @@
 title: Page not found
 description: Page not found
 layout: landing
-body_class: landing-page not-found
+body_class: not-found
 permalink: /404.html
 sitemap: false
 ---
 
 <div class="not-found__wrapper">
-  <h1>404</h1>
+  <h1 id="site-content-title">404</h1>
   <p>Sorry, we couldn't find that page…</p>
   <img src='/assets/images/404/dash_nest.png' class='not-found__illo' alt="Dash pointing you in the right direction">
   <p>But Dash is here to help - maybe one of these will point you in the right direction?</p>