remove blog overview and room booking page

This commit is contained in:
LBlend committed 2024-03-13 02:32:52 +01:00
1 parent dc5ac4b2c7
commit 224847b1a7
4 files changed
-201

No files matched your search

-80
View File
@@ -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
-66
View File
@@ -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;
}
}
-33
View File
@@ -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
-22
View File
@@ -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);
}