mirror of
https://github.com/UiO-Gaming/uiogaming.no.git
synced 2026-11-05 13:56:47 +01:00
remove blog overview and room booking page
This commit is contained in:
4 files changed
-201
No files matched your search
@@ -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
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
@@ -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
|
||||
@@ -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);
|
||||
}
|
||||
Reference in new issue
Block a user