edb/studio-2025
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
pettesae
2025-06-16 16:58:11 +02:00
commit b8e23816e3
30 changed files with 6699 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
.gitignore vendored Normal file
View File

@ -0,0 +1,24 @@
# build output
dist/
# generated types
.astro/
# dependencies
node_modules/
# logs
npm-debug.log*
yarn-debug.log*
yarn-error.log*
pnpm-debug.log*
# environment variables
.env
.env.production
# macOS-specific files
.DS_Store
# jetbrains setting folder
.idea/

4
.vscode/extensions.json vendored Normal file
View File

@ -0,0 +1,4 @@
{
"recommendations": ["astro-build.astro-vscode"],
"unwantedRecommendations": []
}

11
.vscode/launch.json vendored Normal file
View File

@ -0,0 +1,11 @@
{
"version": "0.2.0",
"configurations": [
{
"command": "./node_modules/.bin/astro dev",
"name": "Development server",
"request": "launch",
"type": "node-terminal"
}
]
}

48
README.md Normal file
View File

@ -0,0 +1,48 @@
# Astro Starter Kit: Basics
```sh
npm create astro@latest -- --template basics
```
[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/basics)
[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/p/sandbox/github/withastro/astro/tree/latest/examples/basics)
[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/withastro/astro?devcontainer_path=.devcontainer/basics/devcontainer.json)
> 🧑‍🚀 **Seasoned astronaut?** Delete this file. Have fun!
![just-the-basics](https://github.com/withastro/astro/assets/2244813/a0a5533c-a856-4198-8470-2d67b1d7c554)
## 🚀 Project Structure
Inside of your Astro project, you'll see the following folders and files:
```text
/
├── public/
│ └── favicon.svg
├── src/
│ ├── layouts/
│ │ └── Layout.astro
│ └── pages/
│ └── index.astro
└── package.json
```
To learn more about the folder structure of an Astro project, refer to [our guide on project structure](https://docs.astro.build/en/basics/project-structure/).
## 🧞 Commands
All commands are run from the root of the project, from a terminal:
| Command | Action |
| :------------------------ | :----------------------------------------------- |
| `npm install` | Installs dependencies |
| `npm run dev` | Starts local dev server at `localhost:4321` |
| `npm run build` | Build your production site to `./dist/` |
| `npm run preview` | Preview your build locally, before deploying |
| `npm run astro ...` | Run CLI commands like `astro add`, `astro check` |
| `npm run astro -- --help` | Get help using the Astro CLI |
## 👀 Want to learn more?
Feel free to check [our documentation](https://docs.astro.build) or jump into our [Discord server](https://astro.build/chat).

13
astro.config.mjs Normal file
View File

@ -0,0 +1,13 @@
// @ts-check
import { defineConfig } from 'astro/config';
import tailwindcss from "@tailwindcss/vite";
import react from "@astrojs/react";
// https://astro.build/config
export default defineConfig({
vite: { plugins: [tailwindcss()], },
integrations: [react()],
});

6094
package-lock.json generated Normal file
View File

File diff suppressed because it is too large Load Diff

22
package.json Normal file
View File

@ -0,0 +1,22 @@
{
"name": "solar-star",
"type": "module",
"version": "0.0.1",
"scripts": {
"dev": "astro dev",
"build": "astro build",
"preview": "astro preview",
"astro": "astro"
},
"dependencies": {
"@astrojs/react": "^4.3.0",
"@tailwindcss/vite": "^4.1.10",
"@types/react": "^19.1.8",
"@types/react-dom": "^19.1.6",
"astro": "^5.9.3",
"react": "^19.1.0",
"react-dom": "^19.1.0",
"react-icons": "^5.5.0",
"tailwindcss": "^4.1.10"
}
}

9
public/favicon.svg Normal file
View File

@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 128 128">
<path d="M50.4 78.5a75.1 75.1 0 0 0-28.5 6.9l24.2-65.7c.7-2 1.9-3.2 3.4-3.2h29c1.5 0 2.7 1.2 3.4 3.2l24.2 65.7s-11.6-7-28.5-7L67 45.5c-.4-1.7-1.6-2.8-2.9-2.8-1.3 0-2.5 1.1-2.9 2.7L50.4 78.5Zm-1.1 28.2Zm-4.2-20.2c-2 6.6-.6 15.8 4.2 20.2a17.5 17.5 0 0 1 .2-.7 5.5 5.5 0 0 1 5.7-4.5c2.8.1 4.3 1.5 4.7 4.7.2 1.1.2 2.3.2 3.5v.4c0 2.7.7 5.2 2.2 7.4a13 13 0 0 0 5.7 4.9v-.3l-.2-.3c-1.8-5.6-.5-9.5 4.4-12.8l1.5-1a73 73 0 0 0 3.2-2.2 16 16 0 0 0 6.8-11.4c.3-2 .1-4-.6-6l-.8.6-1.6 1a37 37 0 0 1-22.4 2.7c-5-.7-9.7-2-13.2-6.2Z" />
<style>
path { fill: #000; }
@media (prefers-color-scheme: dark) {
path { fill: #FFF; }
}
</style>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 749 B

BIN
src/assets/DNS-logo-hvit.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 38 KiB

1
src/assets/background.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1440" height="1024" fill="none"><path fill="url(#a)" fill-rule="evenodd" d="M-217.58 475.75c91.82-72.02 225.52-29.38 341.2-44.74C240 415.56 372.33 315.14 466.77 384.9c102.9 76.02 44.74 246.76 90.31 366.31 29.83 78.24 90.48 136.14 129.48 210.23 57.92 109.99 169.67 208.23 155.9 331.77-13.52 121.26-103.42 264.33-224.23 281.37-141.96 20.03-232.72-220.96-374.06-196.99-151.7 25.73-172.68 330.24-325.85 315.72-128.6-12.2-110.9-230.73-128.15-358.76-12.16-90.14 65.87-176.25 44.1-264.57-26.42-107.2-167.12-163.46-176.72-273.45-10.15-116.29 33.01-248.75 124.87-320.79Z" clip-rule="evenodd" style="opacity:.154"/><path fill="url(#b)" fill-rule="evenodd" d="M1103.43 115.43c146.42-19.45 275.33-155.84 413.5-103.59 188.09 71.13 409 212.64 407.06 413.88-1.94 201.25-259.28 278.6-414.96 405.96-130 106.35-240.24 294.39-405.6 265.3-163.7-28.8-161.93-274.12-284.34-386.66-134.95-124.06-436-101.46-445.82-284.6-9.68-180.38 247.41-246.3 413.54-316.9 101.01-42.93 207.83 21.06 316.62 6.61Z" clip-rule="evenodd" style="opacity:.154"/><defs><linearGradient id="b" x1="373" x2="1995.44" y1="1100" y2="118.03" gradientUnits="userSpaceOnUse"><stop stop-color="#D83333"/><stop offset="1" stop-color="#F041FF"/></linearGradient><linearGradient id="a" x1="107.37" x2="1130.66" y1="1993.35" y2="1026.31" gradientUnits="userSpaceOnUse"><stop stop-color="#3245FF"/><stop offset="1" stop-color="#BC52EE"/></linearGradient></defs></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
src/assets/edb.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB

BIN
src/assets/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 528 KiB

18
src/components/About.astro Normal file
View File

@ -0,0 +1,18 @@
<main class="flex gap-8 flex-col">
<h1 class="text-4xl font-bold">Om STUDiO 2025</h1>
<div class="flex gap-2 text-lg max-w-prose flex-col">
<p>
STUDiO 2025 er en studentfestival som arrangeres under fadderuka i Oslo fra 11. til 15. august på Chateau Neuf.
</p>
<p>
Det blir sosiale og spennende arrangementer hver dag! Festivalen er for alle nye og gamle studenter i Oslo. Opplev høydepunktet i semesteret - ta med fadderbarna eller vennegjengen, eller kom alene og møt nye venner.
</p>
<p>
Ikke gå glipp av den største studiekickoffen i Oslo!
</p>
<p>
Flere av arrangementene våre er gratis, og alt er ID 18+.
</p>
</div>
</main>

14
src/components/FAQ.astro Normal file
View File

@ -0,0 +1,14 @@
<section class="flex flex-col gap-4">
<h2 class="text-xl font-bold">Ofte stilte spørsmål</h2>
<ul class="flex flex-col gap-2">
<li>
<strong>Hvordan finner jeg fram til STUDiO?</strong>
<p>Vi anbefaler å ta kollektivt til Majorstuen, eller Borgen dersom du tar t-banen</p>
<p><a href="https://neuf.no/praktisk#adkomst" target="_blank">Se mer info på Chateau Neuf sine nettsider</a></p>
</li>
<li>
<strong>Hvor lenge holder dere på?</strong>
<p>Dørene åpner kl. 18 og stenger kl. 02 hver dag, hele uken</p>
</li>
</ul>
</section>

30
src/components/Footer.astro Normal file
View File

@ -0,0 +1,30 @@
---
import { Image } from 'astro:assets';
import logo from '@assets/logo.png';
import DNS from '@assets/DNS-logo-hvit.png';
import { FaFacebook, FaInstagram, FaTiktok } from 'react-icons/fa';
---
<footer class="flex items-center justify-between bg-red-900 text-white py-16 px-8 mt-20">
<div class="flex gap-2 items-center justify-center">
<Image src={logo} alt="Logo for Studentfestivalen i Oslo" class="hero-logo" width={48} height={48}/>
<p>Studentfestivalen i Oslo 2025</p>
</div>
<div class="flex gap-2 items-center justify-center">
<Image src ={DNS} alt="Logo for Det Norske Studentersamfund" class="hero-logo" width={169} height={169}/>
<div class="flex flex-col items-center justify-center gap-2">
<address>Slemdalsveien 15, 0369 Oslo</address>
<div>
<div class="flex gap-4">
<a href="https://www.facebook.com/events/692300293586085" target="_blank" rel="noopener noreferrer" aria-label="Facebook">
<FaFacebook class="text-white text-2xl hover:text-gray-300" />
</a>
<a href="https://www.instagram.com/studentfestivalenioslo/" target="_blank" rel="noopener noreferrer" aria-label="Instagram">
<FaInstagram class="text-white text-2xl hover:text-gray-300" />
</a>
<a href="https://www.tiktok.com/@studentersamfund" target="_blank" rel="noopener noreferrer" aria-label="TikTok">
<FaTiktok class="text-white text-2xl hover:text-gray-300" />
</a>
</div>
</div>
</div>
</footer>

9
src/components/Hero.astro Normal file
View File

@ -0,0 +1,9 @@
---
import logo from '@assets/logo.png';
import { Image } from 'astro:assets';
---
<section class="flex flex-col items-center justify-center h-[75vh] gap-4">
<h1 class="text-4xl">Studentfestivalen i Oslo 2025</h1>
<Image src={logo} alt="Studentfestivalen i Oslo Logo" width={250} height={250}/>
</section>

15
src/components/Links.astro Normal file
View File

@ -0,0 +1,15 @@
---
const links = [
{ href: "https://www.neuf.no", text: "Chateau Neuf" },
{ href: "https://forms.gle/PvEh37nvRyicLFXn6", text: "Bli frivillig!" },
{ href: "https://www.instagram.com/studentfestivalenioslo/", text: "Instagram" },
{ href: "https://www.facebook.com/studentfestivalen", text: "Facebook" },
{ href: "https://www.tiktok.com/@studentersamfund", text: "TikTok" },
];
---
<div class="flex gap-4 justify-center items-center">
{links.map(link => (
<a href={link.href} target="_blank" rel="noopener noreferrer">{link.text}</a>
))}
</div>

47
src/components/Nav.astro Normal file
View File

@ -0,0 +1,47 @@
<nav class="flex justify-between items-center px-10 py-4 bg-accent mb-4">
<h1 class="text-xl font-bold text-white">
<a href="/">STUDiO 2025</a>
</h1>
<ul class="flex space-x-4 text-white">
<li><a href="/">Hjem</a></li>
<li><a href="/program">Program</a></li>
<li><a href="https://forms.gle/PvEh37nvRyicLFXn6" target="_blank">Bli frivillig</a></li>
<li><a href="/about">Om</a></li>
<li>
<button onclick={() => toggleLanguage()} class="ml-4 bg-blue-500 text-white px-3 py-1 rounded">
Norsk / English
</button>
</li>
<script>
let currentLanguage = 'no';
function toggleLanguage() {
currentLanguage = currentLanguage === 'no' ? 'en' : 'no';
const links = document.querySelectorAll('nav ul li a');
links.forEach(link => {
const href = link.getAttribute('href');
if (currentLanguage === 'en') {
link.setAttribute('href', `/en-${href.slice(1)}`);
} else {
link.setAttribute('href', `/${href.replace('/en-', '')}`);
}
});
}
</script>
</ul>
</nav>
<style>
nav a {
padding: 0.5em 0.5em;
color: var(--text);
border-bottom: 4px solid transparent;
text-decoration: none;
}
nav a.active {
text-decoration: none;
border-bottom-color: var(--accent);
}
</style>

65
src/components/Program.astro Normal file
View File

@ -0,0 +1,65 @@
---
const currentDate = new Date().toLocaleDateString("nb-NO", {
weekday: 'long',
year: 'numeric',
month: 'long',
day: 'numeric'
});
const events = [
{
id: "9882",
slug: "magic-the-gathering-monday",
title: "Magic: The Gathering Monday",
subtitle: "",
nextOccurrence: {
id: "9326",
start: "2025-06-16 15:00:00+00:00",
end: null,
venue: {
id: "52",
slug: "galleriet",
title: "Galleriet",
preposition: "i",
url: "/lokaler/galleriet/",
},
venueCustom: "",
},
url: "https://neuf.no/arrangementer/magic-the-gathering-monday",
futureOccurrencesCount: 2,
},
// ...other events
];
function formatDate(dateString) {
const options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric', hour: '2-digit', minute: '2-digit' };
return new Date(dateString).toLocaleDateString('no-NO', options);
}
// Filter events for Monday
const mondayEvents = events.filter(event => {
const eventDate = new Date(event.nextOccurrence.start);
return eventDate.getDay() === 1; // Monday is represented by 1
});
---
<div class="flex gap-4 flex-col">
<div class="flex items-center justify-between">
<h2 class="font-bold text-xl">Hva skjer i dag?</h2>
<p>{currentDate}</p>
</div>
<ul>
{events.map(event => (
<li key={event.id}>
<a href={event.url}>
<h2>{event.title}</h2>
{event.subtitle && <p>{event.subtitle}</p>}
<p>
{event.nextOccurrence.start && formatDate(event.nextOccurrence.start)}{" "}
{event.nextOccurrence.venueCustom || `${event.nextOccurrence.venue.preposition} ${event.nextOccurrence.venue.title}`}
</p>
</a>
</li>
))}
</ul>
</div>

6
src/components/Today.astro Normal file
View File

@ -0,0 +1,6 @@
---
const currentDate = new Date().toLocaleDateString();
---
<div>
<p> {currentDate}</p>
</div>

20
src/components/Vors.astro Normal file
View File

@ -0,0 +1,20 @@
---
const videoUrl = "https://www.youtube.com/watch?v=t7T4RPBpTVY";
---
<div style="width: 560px; height: 315px;">
<div class="mt-4 text-xl mb-2">
Sett på låta for litt stemning før dere kommer🔥
</div>
<iframe
width="560"
height="315"
src={videoUrl.replace("watch?v=", "embed/")}
title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen>
</iframe>
</div>

30
src/data/en-program.json Normal file
View File

@ -0,0 +1,30 @@
{
"Monday 11th": [
{ "time": "18:00", "event": "Opening party with DJ", "cost": "free" },
{ "time": "21:00", "event": "Sing-a-long karaoke", "cost": "free" },
{ "time": "22:00", "event": "Silent Disco", "cost": "free" }
],
"Tuesday 12th": [
{ "time": "18:00", "event": "Barbecue", "cost": "free" },
{ "time": "19:00", "event": "Qualified Guessing Quiz", "cost": "free" },
{ "time": "21:00", "event": "Live Karaoke", "cost": "free" },
{ "time": "22:00", "event": "Silent Disco", "cost": "free" }
],
"Wednesday 13th": [
{ "time": "18:00", "event": "KKK: Comic Comedian Evening", "cost": "tickets out!" },
{ "time": "18:00", "event": "Hits for Quiz", "cost": "free" },
{ "time": "21:00", "event": "Karaoke", "cost": "free" },
{ "time": "22:00", "event": "Silent Disco", "cost": "free" }
],
"Thursday 14th": [
{ "time": "18:00", "event": "Drunk Impro 4K, VRØVL", "cost": "tickets out!" },
{ "time": "19:00", "event": "Shrek 2 Screening", "cost": "free" },
{ "time": "20:00", "event": "Live Karaoke", "cost": "free" },
{ "time": "22:00", "event": "Silent Disco", "cost": "free" }
],
"Friday 15th": [
{ "time": "21:00", "event": "Sing-a-long karaoke", "cost": "free" },
{ "time": "22:00", "event": "Afterparty", "cost": "free" },
{ "time": "22:00", "event": "Silent Disco", "cost": "free" }
]
}

30
src/data/program.json Normal file
View File

@ -0,0 +1,30 @@
{
"Mandag 11. august": [
{ "time": "18:00", "event": "Aapningsfest med DJ", "price": "gratis" },
{ "time": "21:00", "event": "Allsangkaraoke", "price": "gratis" },
{ "time": "22:00", "event": "Silent Disco", "price": "gratis" }
],
"Tirsdag 12. august": [
{ "time": "18:00", "event": "Grillfest", "price": "gratis" },
{ "time": "19:00", "event": "Kvalifisert Gjetning, Quiz", "price": "gratis" },
{ "time": "21:00", "event": "Live karaoke", "price": "gratis" },
{ "time": "22:00", "event": "Silent Disco", "price": "gratis" }
],
"Onsdag 13. august": [
{ "time": "18:00", "event": "KKK: Komisk Komedie-Kveld", "price": "billetter ute!" },
{ "time": "18:00", "event": "Hits for Quiz", "price": "gratis" },
{ "time": "21:00", "event": "Karaoke", "price": null },
{ "time": "22:00", "event": "Silent Disco", "price": null }
],
"Torsdag 14. august": [
{ "time": "18:00", "event": "Drunk Impro 4K, VROVL", "price": "billetter ute!" },
{ "time": "19:00", "event": "Shrek 2 visning", "price": "gratis" },
{ "time": "20:00", "event": "Live karaoke", "price": "gratis" },
{ "time": "22:00", "event": "Silent Disco", "price": "gratis" }
],
"Fredag 15. august": [
{ "time": "21:00", "event": "Allsangkaraoke", "price": "gratis" },
{ "time": "22:00", "event": "Afterparty", "price": "gratis" },
{ "time": "22:00", "event": "Silent Disco", "price": "gratis" }
]
}

23
src/layouts/Layout.astro Normal file
View File

@ -0,0 +1,23 @@
---
import "@styles/global.css";
import Nav from '@components/Nav.astro';
import Footer from '@components/Footer.astro';
---
<!doctype html>
<html lang="no">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="generator" content={Astro.generator} />
<title>STUDiO 2025 - Studentfestivalen i Oslo</title>
</head>
<body class="grid grid-rows-[auto_1fr_auto] jusify-center">
<Nav />
<div class="max-w-7xl grid place-self-center gap-8">
<slot />
</div>
<Footer />
</body>
</html>

8
src/pages/about.astro Normal file
View File

@ -0,0 +1,8 @@
---
import Layout from '@layouts/Layout.astro';
import About from '@components/About.astro';
---
<Layout>
<About />
</Layout>

38
src/pages/en-program.astro Normal file
View File

@ -0,0 +1,38 @@
---
import data from '/src/data/en-program.json';
import Layout from '@layouts/Layout.astro';
---
<Layout>
{Object.entries(data).map(([dayName, items], index) => (
<div class="day">
<h2>{dayName}</h2>
<ul>
{items.map((item, itemIndex) => (
<li class="item">
{item.time} - {item.event} - {item.price}
</li>
))}
</ul>
</div>
))}
</Layout>
<style>
.day {
margin-bottom: 20px;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
}
.day:nth-child(odd) {
background-color: #F8BC90;
}
.day:nth-child(even) {
background-color: #0A0F6D;
color: #fff; /* Optional: Adjust text color for better readability */
}
.item {
margin: 5px 0;
}
</style>

16
src/pages/index.astro Normal file
View File

@ -0,0 +1,16 @@
---
import Layout from '@layouts/Layout.astro';
import Program from '@components/Program.astro';
import Links from '@components/Links.astro';
import FAQ from '@components/FAQ.astro';
import Hero from '@components/Hero.astro';
import Vors from '@components/Vors.astro';
---
<Layout>
<Hero />
<Links />
<Program />
<FAQ />
<Vors />
</Layout>

38
src/pages/program.astro Normal file
View File

@ -0,0 +1,38 @@
---
import data from '/src/data/program.json';
import Layout from '@layouts/Layout.astro';
---
<Layout>
{Object.entries(data).map(([dayName, items], index) => (
<div class="day">
<h2>{dayName}</h2>
<ul>
{items.map((item, itemIndex) => (
<li class="item">
{item.time} - {item.event} - {item.price}
</li>
))}
</ul>
</div>
))}
</Layout>
<style>
.day {
margin-bottom: 20px;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
}
.day:nth-child(odd) {
background-color: #F8BC90;
}
.day:nth-child(even) {
background-color: #0A0F6D;
color: #fff; /* Optional: Adjust text color for better readability */
}
.item {
margin: 5px 0;
}
</style>

43
src/styles/global.css Normal file
View File

@ -0,0 +1,43 @@
@import "tailwindcss";
:root {
--font-avenir: "Avenir Next", sans-serif;
--background: #E5E2D7;
--text: #333333;
--accent: #C13131;
}
@theme {
--font-avenir: var(--font-avenir);
--color-background: var(--background);
--color-text: var(--text);
--color-accent: var(--accent);
}
html,
body {
margin: 0;
width: 100%;
height: 100%;
}
body {
@apply text-lg;
font-family: var(--font-avenir);
color: var(--color-text);
background-color: var(--color-background);
}
a {
color: var(--color-accent);
text-decoration: none;
}
nav a {
display: inline-block;
text-decoration: none;
}
nav a.active {
font-weight: bolder;
text-decoration: underline;
}

23
tsconfig.json Normal file
View File

@ -0,0 +1,23 @@
{
"extends": "astro/tsconfigs/strict",
"include": [
".astro/types.d.ts",
"**/*"
],
"exclude": [
"dist"
],
"compilerOptions": {
"jsx": "react-jsx",
"jsxImportSource": "react",
"baseUrl": ".",
"paths": {
"@assets/*": ["src/assets/*"],
"@components/*": ["src/components/*"],
"@elements/*": ["src/components/elements/*"],
"@layouts/*": ["src/layouts/*"],
"@sections/*": ["src/components/sections/*"],
"@styles/*": ["src/styles/*"]
}
}
}