Initial commit
This commit is contained in:
pettesae
BIN
src/assets/DNS-logo-hvit.png
Normal file
BIN
src/assets/DNS-logo-hvit.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 38 KiB |
1
src/assets/background.svg
Normal file
1
src/assets/background.svg
Normal 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>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
BIN
src/assets/edb.png
Normal file
BIN
src/assets/edb.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
BIN
src/assets/logo.png
Normal file
BIN
src/assets/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 528 KiB |
18
src/components/About.astro
Normal file
18
src/components/About.astro
Normal 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
14
src/components/FAQ.astro
Normal 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
30
src/components/Footer.astro
Normal 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
9
src/components/Hero.astro
Normal 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
15
src/components/Links.astro
Normal 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
47
src/components/Nav.astro
Normal 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
65
src/components/Program.astro
Normal 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
6
src/components/Today.astro
Normal file
@@ -0,0 +1,6 @@
|
||||
---
|
||||
const currentDate = new Date().toLocaleDateString();
|
||||
---
|
||||
<div>
|
||||
<p> {currentDate}</p>
|
||||
</div>
|
||||
20
src/components/Vors.astro
Normal file
20
src/components/Vors.astro
Normal 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
30
src/data/en-program.json
Normal 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
30
src/data/program.json
Normal 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
23
src/layouts/Layout.astro
Normal 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
8
src/pages/about.astro
Normal 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
38
src/pages/en-program.astro
Normal 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
16
src/pages/index.astro
Normal 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
38
src/pages/program.astro
Normal 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
43
src/styles/global.css
Normal 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;
|
||||
}
|
||||
Reference in New Issue
Block a user