From 224847b1a777bf6688a82b12f23b1f8172834651 Mon Sep 17 00:00:00 2001
From: LBlend <leanderfurumo@protonmail.com>
Date: Wed, 13 Mar 2024 02:32:52 +0100
Subject: [PATCH] remove blog overview and room booking page

---
 src/pages/blog.js         | 80 ---------------------------------------
 src/pages/blog.module.css | 66 --------------------------------
 src/pages/room.js         | 33 ----------------
 src/pages/room.module.css | 22 -----------
 4 files changed, 201 deletions(-)
 delete mode 100644 src/pages/blog.js
 delete mode 100644 src/pages/blog.module.css
 delete mode 100644 src/pages/room.js
 delete mode 100644 src/pages/room.module.css

diff --git a/src/pages/blog.js b/src/pages/blog.js
deleted file mode 100644
index 580e3da..0000000
--- a/src/pages/blog.js
+++ /dev/null
@@ -1,80 +0,0 @@
-import * as React from "react"
-import * as styles from "./blog.module.css"
-
-import { graphql, Link } from "gatsby"
-import { GatsbyImage } from "gatsby-plugin-image"
-
-import Layout from "../components/layout"
-import Seo from "../components/seo"
-import Back from "../components/items/back"
-
-export const query = graphql`
-  query {
-    allSanityPost(sort: { _createdAt: DESC }) {
-      edges {
-        node {
-          title
-          _createdAt(formatString: "DD. MMMM, YYYY", locale: "nb_NO")
-          _id
-          slug {
-            current
-          }
-          excerpt
-          author {
-            name
-            image {
-              asset {
-                gatsbyImageData(width: 40, height: 40)
-              }
-            }
-          }
-          mainImage {
-            asset {
-              gatsbyImageData(aspectRatio: 1.618)
-            }
-          }
-        }
-      }
-    }
-  }
-`
-const BlogPage = ({ data }) => (
-  <Layout>
-    <Seo
-      title="Blog"
-      description="Nyheter om hva som skjer i foreningen og skriverier om alt og ingenting"
-    />
-    <div className={styles.container}>
-      <div className={styles.back}>
-        <Back />
-      </div>
-      <div className={styles.articleContainer}>
-        {data.allSanityPost.edges.map(post => (
-          <Link to={post.node.slug.current} className={styles.link}>
-            <article className={styles.card}>
-              <GatsbyImage
-                image={post.node.mainImage.asset.gatsbyImageData}
-                className={styles.headerImage}
-              />
-              <div className={styles.cardContent}>
-                <h2 className={styles.header}>{post.node.title}</h2>
-                <p className={styles.published}>{post.node._createdAt}</p>
-                <div className={styles.author}>
-                  <GatsbyImage
-                    className={`circular ${styles.authorImage}`}
-                    alt={"Forfatteren av innlegget, " + post.node.author.name}
-                    image={post.node.author.image.asset.gatsbyImageData}
-                  />
-                  <p>{post.node.author.name}</p>
-                </div>
-                <p>{post.node.excerpt}</p>
-              </div>
-            </article>
-          </Link>
-        ))}
-      </div>
-    </div>
-  </Layout>
-)
-
-export default BlogPage
diff --git a/src/pages/blog.module.css b/src/pages/blog.module.css
deleted file mode 100644
index cb785c5..0000000
--- a/src/pages/blog.module.css
+++ /dev/null
@@ -1,66 +0,0 @@
-.container {
-  display: grid;
-  gap: 2rem;
-  padding: 1.25rem;
-}
-.back {
-  justify-self: start;
-}
-.articleContainer {
-  display: grid;
-  grid-template-columns: auto;
-  place-items: center;
-  align-items: stretch;
-  gap: 3rem;
-}
-.card {
-  display: grid;
-  max-width: 50ch;
-  box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
-}
-.headerImage {
-  max-height: 50vh;
-}
-
-.cardContent {
-  background-color: var(--secondary-background-color);
-  padding: 2rem;
-}
-.published {
-  font-weight: 100;
-}
-.header {
-  font-size: 2.25rem;
-}
-
-.author {
-  display: grid;
-  grid-template-columns: auto 1fr;
-  align-items: center;
-  gap: 0.5em;
-  font-weight: 100;
-  margin-block: 1rem;
-}
-.authorImage {
-  border: 2px solid white;
-}
-
-.link {
-  color: white;
-}
-.link h2 {
-  text-decoration: underline;
-  text-decoration-color: var(--link-color);
-}
-.link:hover h2 {
-  text-decoration-color: var(--link-color-hover);
-}
-
-@media (min-width: 60em) {
-  .container {
-    padding: 2rem;
-  }
-  .articleContainer {
-    grid-template-columns: auto auto;
-  }
-}
diff --git a/src/pages/room.js b/src/pages/room.js
deleted file mode 100644
index 786ba81..0000000
--- a/src/pages/room.js
+++ /dev/null
@@ -1,33 +0,0 @@
-import * as React from "react"
-import * as styles from "./room.module.css"
-
-import Layout from "../components/layout"
-import Seo from "../components/seo"
-
-const RoomPage = () => (
-  <Layout>
-    <Seo
-      title="Foreningsrom"
-      description="Kalender og booking av foreningsrom"
-    />
-    <div className={styles.container}>
-      <iframe
-        src="https://calendar.google.com/calendar/embed?height=600&wkst=2&bgcolor=%23D50000&ctz=Europe%2FBerlin&showPrint=0&showTabs=1&showCalendars=0&showTz=1&mode=WEEK&showTitle=0&title=Rombooking&src=N2YxM2IzYWIyNDA3NTEyZGU3ZDk2MTdhZmNkZmI2ZjFmZjg1YzU3N2QwODNjZGIxNzA3MWRiNTdlMmQ3ZDM1NEBncm91cC5jYWxlbmRhci5nb29nbGUuY29t&color=%233F51B5"
-        width="800"
-        height="600"
-        frameborder="0"
-        scrolling="no"
-      ></iframe>
-      <a
-        href="https://forms.gle/1aj4yKXpbb788sWo8"
-        target="_blank"
-        rel="noreferrer"
-        className={styles.button}
-      >
-        Book rommet
-      </a>
-    </div>
-  </Layout>
-)
-
-export default RoomPage
diff --git a/src/pages/room.module.css b/src/pages/room.module.css
deleted file mode 100644
index 2fc9192..0000000
--- a/src/pages/room.module.css
+++ /dev/null
@@ -1,22 +0,0 @@
-.container {
-    display: grid;
-    place-items: center;
-    gap: 1rem;
-}
-
-
-.button {
-	display: flex;
-	justify-content: center;
-	font-size: 1.6rem;
-	background-color: var(--main-color);
-  
-	padding: 0.5em 1em;
-	border-radius: 999em;
-  
-	color: var(--text-color);
-}
-.button:hover {
-	color: white;
-	background-color: rgb(255, 62, 52);
-}