From d235d3548a093425e623783776184c0141a44e8c Mon Sep 17 00:00:00 2001
From: elisejakob <hei@elisejakob.no>
Date: Fri, 10 May 2024 20:11:04 +0200
Subject: [PATCH] custom logo styling on index page + adjustments to venue
 styling and leads

---
 web/src/app/lokaler/page.tsx                  |  4 +--
 web/src/components/general/Logo.tsx           |  7 ++++-
 web/src/components/general/logo.module.scss   |  6 +++-
 .../components/venues/venueItem.module.scss   | 31 ++++++++++++++++++-
 .../components/venues/venueList.module.scss   |  6 +++-
 web/src/css/base.scss                         |  1 +
 6 files changed, 49 insertions(+), 6 deletions(-)

diff --git a/web/src/app/lokaler/page.tsx b/web/src/app/lokaler/page.tsx
index b74a3f0..3fa7014 100644
--- a/web/src/app/lokaler/page.tsx
+++ b/web/src/app/lokaler/page.tsx
@@ -50,13 +50,13 @@ export default async function Page() {
   const { data, error } = await getClient().query(allVenuesQuery, {});
   const venues = (data?.venues ?? []) as VenueFragment[];
 
-    console.log('data', data)
+  console.log("data", data);
 
   return (
     <main className="site-main" id="main">
       <section className="page-header">
         <h1>Lokaler</h1>
-        <p>
+        <p className="lead">
           Her kan vi presentere lokalene på Chateau Neuf, og eventuelt henvise
           videre til undersiden om <Link href="/utleie">utleie</Link>.
         </p>
diff --git a/web/src/components/general/Logo.tsx b/web/src/components/general/Logo.tsx
index 273f740..c6a1a49 100644
--- a/web/src/components/general/Logo.tsx
+++ b/web/src/components/general/Logo.tsx
@@ -1,8 +1,13 @@
+"use client";
 import styles from "./logo.module.scss";
+import { usePathname } from "next/navigation";
 
 export const Logo = () => {
+  // Check if the current page is the index page
+  const isIndexPage = usePathname() === "/";
+
   return (
-    <div className={styles.logo}>
+    <div className={`${styles.logo} ${isIndexPage && styles.index}`}>
       <svg viewBox="0 0 297 112" fill="none" xmlns="http://www.w3.org/2000/svg">
         <title>Chateau Neuf</title>
         <path
diff --git a/web/src/components/general/logo.module.scss b/web/src/components/general/logo.module.scss
index c14f6aa..40e63dd 100644
--- a/web/src/components/general/logo.module.scss
+++ b/web/src/components/general/logo.module.scss
@@ -1,6 +1,10 @@
 .logo {
   color: currentColor;
-  width: 24rem;
+  width: 16rem;
+
+  &.index {
+    width: 24rem;
+  }
 
   svg {
     width: 100%;
diff --git a/web/src/components/venues/venueItem.module.scss b/web/src/components/venues/venueItem.module.scss
index c9771a0..9de75a4 100644
--- a/web/src/components/venues/venueItem.module.scss
+++ b/web/src/components/venues/venueItem.module.scss
@@ -1,3 +1,32 @@
 .venueItem {
-    
+  position: relative;
+  list-style: none;
+}
+
+.image {
+  width: 100%;
+  padding-top: 60%;
+  background: var(--color-placeholder);
+  position: relative;
+
+  img {
+    position: absolute;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+}
+
+.text {
+  padding: .8rem 0;
+}
+
+.title,
+.details {
+  font-size: 1.6rem;
+}
+
+.details {
+  font-family: var(--font-serif);
 }
\ No newline at end of file
diff --git a/web/src/components/venues/venueList.module.scss b/web/src/components/venues/venueList.module.scss
index 8783074..bf1b81f 100644
--- a/web/src/components/venues/venueList.module.scss
+++ b/web/src/components/venues/venueList.module.scss
@@ -1,3 +1,7 @@
 .venueList {
-    
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  column-gap: var(--spacing-gap-column);
+  row-gap: var(--spacing-gap-row);
+  padding-bottom: var(--spacing-section-bottom);
 }
\ No newline at end of file
diff --git a/web/src/css/base.scss b/web/src/css/base.scss
index abbfc12..a519962 100644
--- a/web/src/css/base.scss
+++ b/web/src/css/base.scss
@@ -59,6 +59,7 @@ p {
   &.lead {
     font-size: var(--font-size-lead);
     max-width: 36em;
+    margin-bottom: 2.5rem;
   }
 }