From 53056ad6438674a3949e341eb4aef577e646997d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Signe=20Kirk=20Br=C3=B8db=C3=A6k?=
 <40836345+signekb@users.noreply.github.com>
Date: Thu, 10 Oct 2024 13:03:13 +0100
Subject: [PATCH] =?UTF-8?q?refactor:=20=E2=99=BB=EF=B8=8F=20update=20landi?=
 =?UTF-8?q?ng=20page=20style=20(#283)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

## Description

Based on the recent changes in the css theme
(seedcase-project/seedcase-theme#56, seedcase-project/seedcase-theme#57,
seedcase-project/seedcase-theme#58), I have updated the landing page
styling. This includes:

1) delete `style.css` and link to `landing-page-theme.css` instead
2) use `full-width-banner` instead of old `landing-page-banner`

## Reviewer Focus

<!-- Please delete as appropriate: -->
This PR needs a quick review.

Focus on CHANGES.
---
 index.qmd  |  6 ++----
 styles.css | 11 -----------
 2 files changed, 2 insertions(+), 15 deletions(-)
 delete mode 100644 styles.css

diff --git a/index.qmd b/index.qmd
index 6ddcc36..e533b83 100644
--- a/index.qmd
+++ b/index.qmd
@@ -3,7 +3,7 @@ title: "Welcome to the Seedcase Project"
 subtitle: A framework for an open and scalable infrastructure for health data
 toc: false
 sidebar: false
-css: styles.css
+css: _extensions/seedcase-project/seedcase-theme/landing-page-theme.scss
 about:
   id: hero-heading
   template: marquee
@@ -59,8 +59,7 @@ principles we teach and advocate for.
 
 <!-- TODO: List overview of purposes/principles here? -->
 
-::::::: landing-page-banner
-:::::: landing-page-banner-content
+::::::: full-width-banner
 ## Software products
 
 ::::: grid
@@ -91,7 +90,6 @@ fig-align="right" width="200px"}
 :::
 :::::
 ::::::
-:::::::
 
 [^1]: [Data packages](https://datapackage.org/) are central structures
     in the Seedcase ecosystem, specifically when it comes to the
diff --git a/styles.css b/styles.css
deleted file mode 100644
index 71b93b3..0000000
--- a/styles.css
+++ /dev/null
@@ -1,11 +0,0 @@
-h2 {
-  border-bottom: none;
-}
-
-@media(min-width: 1200px) {
-  .wider-grid {
-    width: calc(100% + 400px);
-    margin-left: -200px;
-    margin-right: -200px;
-  }
-}