diff --git a/pages/official-documents.tsx b/pages/official-documents.tsx new file mode 100644 index 0000000..d923be1 --- /dev/null +++ b/pages/official-documents.tsx @@ -0,0 +1,146 @@ +import Navbar from "@/components/Navbar"; +import { fetchNavData } from "@/lib/fetchNavData"; +import { GetStaticProps } from "next"; +import Head from "next/head"; +import Image from "next/image"; +import styles from "@/styles/official-documents.module.css"; +import { Button } from "@mui/material"; +import arrowWhite from "../public/arrow_forward_white.svg"; +import Link from "next/link"; + +export const getStaticProps: GetStaticProps = async () => { + const navData = await fetchNavData(); + return { + props: { + navData, + }, + }; +}; + +export default function OfficialDocuments({ navData }: NavProps) { + return ( + <> + + Satakuntalainen Osakunta + + + +
+ +
+
+

Viralliset Documentit

+

+ Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dolor + doloribus impedit sapiente ipsum rerum neque consequatur tempore, + sit repellat unde, enim veniam accusantium minima molestias? + Obcaecati quis doloribus quae nesciunt? +

+
+
+
+
+
Rules
+
+ + Rules 2011 + +
+
Old Rules
+
+ + Rules 2007 + +
+
+ + Rules 2004 + +
+
+ + Rules at the time of
the cooperative building + +
+
+
+
Regulations
+
+ + Guidelines 2020 + +
+
Old Regulations
+
+ + Guidelines 2019 + +
+
+ + Guidelines 2017 + +
+
+ + Guidelines 2016 + +
+
+ + Guidelines 2011 + +
+
+
+
Other Documents
+
+ + Equality Plan + +
+
+ + SatO Safe Space + +
+
+ + Environmental plan + +
+
Dormitory
+
+ + Dormitory Regulations + +
+
+
+
+
+

Proceedings

+ +
+

+ Looking for the Satakunta series or Maila Talvio's collected + works? You can now find them on the + + {" "} + Archive + {" "} + page! +

+
+ +
+ + ); +} diff --git a/styles/Navbar.module.css b/styles/Navbar.module.css index 28e4301..05240b5 100644 --- a/styles/Navbar.module.css +++ b/styles/Navbar.module.css @@ -12,7 +12,7 @@ .navbar { display: flex; flex-direction: row; - width: 80%; + width: 70%; justify-content: space-between; align-items: center; top: 0; diff --git a/styles/globals.css b/styles/globals.css index 8407a93..846a8ef 100644 --- a/styles/globals.css +++ b/styles/globals.css @@ -24,6 +24,16 @@ body { max-width: 2150px; } +h1 { + font-size: 3rem; + font-weight: 600; + text-align: center; +} + +dd { + margin-left: 0; +} + /* EMBLA CAROUSEL*/ .embla { width: 100%; diff --git a/styles/official-documents.module.css b/styles/official-documents.module.css new file mode 100644 index 0000000..e72cd87 --- /dev/null +++ b/styles/official-documents.module.css @@ -0,0 +1,118 @@ +.main { + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; +} + +.h3 { + font-size: 2rem; + font-weight: 600; + margin: 0.5rem 0; +} + +.header { + display: flex; + justify-content: center; + align-items: center; + padding: 5rem 0; + width: 100%; + background-color: var(--blue100); +} + +.headerContainer { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + width: 70%; +} + +.headerText { + width: 70%; +} + +.documentSection { + display: flex; + flex-direction: row; + justify-content: center; + align-items: flex-start; + width: 70%; + margin-top: 5rem; + gap: 5rem; +} + +.documentList { + display: flex; + flex-direction: column; + gap: 1rem; +} + +.documentLink { + text-decoration: none; + font-size: 1.2rem; + width: 5rem; + text-wrap: wrap; +} + +.externalRef { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + width: 60%; + gap: 17rem; + margin-bottom: 5rem; +} + +.proceedingsContainer { + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; + gap: 1.5rem; +} + +.proceedingsBtn { + border-radius: 50px; + padding: 1rem 2rem 1rem 2rem; + background-color: var(--blue300); +} + +.archiveRedirect { + width: 30%; +} + +.footer { + width: 100%; + height: 20rem; + background-color: var(--blue300); +} + +@media (max-width: 951px) { + .externalRef { + justify-content: center; + gap: 3rem; + width: 72%; + } + + .proceedingsContainer { + margin-bottom: 2rem; + } + .archiveRedirect { + width: 50%; + } +} + +@media (max-width: 431px) { + .headerText { + width: 80%; + } + .documentSection { + flex-direction: column; + gap: 0; + } + .archiveRedirect { + width: 80%; + } +}