aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorAndrew Lee <alee14498@protonmail.com>2023-07-18 14:17:24 -0400
committerAndrew Lee <alee14498@protonmail.com>2023-07-18 14:17:24 -0400
commitdb2b5e5a72a7bd519a3476a77470e42f3bed5d30 (patch)
treea68dafe97b9d126d60a6bcd8f06b5bb3c968b1be
parentc4c55a93bc6af8b15f45225169758e08ff1b13cd (diff)
downloadsei-website-db2b5e5a72a7bd519a3476a77470e42f3bed5d30.tar.gz
sei-website-db2b5e5a72a7bd519a3476a77470e42f3bed5d30.tar.bz2
sei-website-db2b5e5a72a7bd519a3476a77470e42f3bed5d30.zip
Fonts and image changesalure
-rw-r--r--app/layout.js6
-rw-r--r--app/page.js16
-rw-r--r--components/PSA.js17
-rw-r--r--components/travel-advisory/HistoryModal.js4
-rw-r--r--components/travel-advisory/ListCountries.js4
-rw-r--r--components/updates/PostPreview.js20
-rw-r--r--public/cantons/breadcroust.webpbin172490 -> 0 bytes
-rw-r--r--public/cantons/foretquebec.webpbin0 -> 259436 bytes
-rw-r--r--public/cantons/longhornhills.webpbin0 -> 343000 bytes
-rw-r--r--public/cantons/nexusunderground.webpbin0 -> 522626 bytes
-rw-r--r--public/cantons/silicon-valley.webpbin160238 -> 0 bytes
-rw-r--r--public/cantons/skycity.webpbin108828 -> 0 bytes
-rw-r--r--public/countries/alureregions.pngbin3250222 -> 0 bytes
-rw-r--r--public/jumbotron.pngbin0 -> 3462253 bytes
-rw-r--r--public/jumbotron.webpbin129784 -> 109912 bytes
15 files changed, 35 insertions, 32 deletions
diff --git a/app/layout.js b/app/layout.js
index d357551..1726682 100644
--- a/app/layout.js
+++ b/app/layout.js
@@ -1,9 +1,9 @@
import './globals.css'
-import { Exo } from 'next/font/google'
+import {Exo, Open_Sans} from 'next/font/google'
import Navbar from "@/components/Navbar";
import PSA from "@/components/PSA";
-const exo = Exo({ subsets: ['latin'] })
+const font = Open_Sans({ subsets: ['latin'] })
export const metadata = {
title: {
@@ -16,7 +16,7 @@ export const metadata = {
export default function RootLayout({ children }) {
return (
<html lang="en">
- <body className={exo.className}>
+ <body className={font.className}>
<div className="sm:px-10 px-5 py-0.5 font-medium space-x-3 text-right">
<a href="https://aircs.racing" className="transition duration-150 ease-out hover:ease-in md:hover:text-red-500">aircs.racing ↗</a>
</div>
diff --git a/app/page.js b/app/page.js
index b518096..f166e24 100644
--- a/app/page.js
+++ b/app/page.js
@@ -15,7 +15,7 @@ export default function Home() {
<main className="flex flex-col">
<div className="bg-center bg-no-repeat bg-[url('/jumbotron.webp')] bg-gray-500 bg-blend-multiply">
<div className="px-4 mx-auto max-w-screen-xl text-center py-24 lg:py-56 space-y-3">
- <h1 className="font-medium md:text-5xl text-4xl">Welcome to Southeastern Islands</h1>
+ <h1 className="font-bold md:text-5xl text-4xl">Welcome to Southeastern Islands</h1>
<h2 className="font-light md:text-3xl text-xl">The official website of the Government of Southeastern Islands</h2>
</div>
</div>
@@ -23,34 +23,34 @@ export default function Home() {
<li>
<div className="bg-center bg-no-repeat bg-[url('/cantons/swampisland.webp')] bg-gray-600 bg-blend-multiply">
<div className="sm:px-40 px-10 py-14 space-y-2">
- <h1 className="font-medium sm:text-5xl text-3xl">Swamp Island</h1>
+ <h1 className="font-light sm:text-5xl text-3xl">Swamp Island</h1>
<span>Leader: Alee</span>
<h2 className="text-lg">Capital of Southeastern Islands and the original home of MinePot</h2>
</div>
</div>
</li>
<li>
- <div className="bg-center bg-no-repeat bg-[url('/regions/breadcroust.webp')] bg-gray-600 bg-blend-multiply">
+ <div className="bg-center bg-no-repeat bg-[url('/cantons/nexusunderground.webp')] bg-gray-600 bg-blend-multiply">
<div className="sm:px-40 px-10 py-14 space-y-2">
- <h1 className="font-medium sm:text-5xl text-3xl">Nexus Underground</h1>
+ <h1 className="font-light sm:text-5xl text-3xl">Nexus Underground</h1>
<span>Vacant</span>
<h2 className="text-lg">Home to MinePot Barton Centre and athletics</h2>
</div>
</div>
</li>
<li>
- <div className="bg-center bg-no-repeat bg-[url('/regions/skycity.webp')] bg-gray-600 bg-blend-multiply">
+ <div className="bg-center bg-no-repeat bg-[url('/cantons/longhornhills.webp')] bg-gray-600 bg-blend-multiply">
<div className="sm:px-40 px-10 py-14 space-y-2">
- <h1 className="font-medium sm:text-5xl text-3xl">Longhorn Hills</h1>
+ <h1 className="font-light sm:text-5xl text-3xl">Longhorn Hills</h1>
<span>Leader: Raina</span>
<h2 className="text-lg">A city that floats in the sky</h2>
</div>
</div>
</li>
<li>
- <div className="bg-center bg-no-repeat bg-[url('/regions/silicon-valley.webp')] bg-gray-600 bg-blend-multiply">
+ <div className="bg-center bg-no-repeat bg-[url('/cantons/foretquebec.webp')] bg-gray-600 bg-blend-multiply">
<div className="sm:px-40 px-10 py-14 space-y-2">
- <h1 className="font-medium sm:text-5xl text-3xl">Foret Quebec</h1>
+ <h1 className="font-light sm:text-5xl text-3xl">Foret Quebec</h1>
<span>Leader: Idk837384</span>
<h2 className="text-lg">Where all things tech-related lie</h2>
</div>
diff --git a/components/PSA.js b/components/PSA.js
index 8dad8b3..108924a 100644
--- a/components/PSA.js
+++ b/components/PSA.js
@@ -11,11 +11,16 @@ const PSA = () => {
defaultStyle += ' ' + styleImportant
break;
case 1:
+ important = "Latest News:"
+ styleImportant = "bg-zinc-700"
+ defaultStyle += ' ' + styleImportant
+ break;
+ case 2:
important = "WARNING!"
styleImportant = "bg-yellow-700"
defaultStyle += ' ' + styleImportant
break;
- case 2:
+ case 3:
important = "EMERGENCY!"
styleImportant = "bg-red-800"
defaultStyle += ' ' + styleImportant
@@ -29,11 +34,11 @@ const PSA = () => {
<div className="flex flex-row space-x-3">
<p>{psaMessage.announcement}</p>
<p className="text-blue-200 hover:text-blue-500 active:text-blue-700">
- {psaMessage.link && (
- <Link href={psaMessage.link}>
- Learn more ↗
- </Link>
- )}</p>
+ {psaMessage.link && (
+ <Link href={psaMessage.link}>
+ Learn more ↗
+ </Link>
+ )}</p>
</div>
</div>
)
diff --git a/components/travel-advisory/HistoryModal.js b/components/travel-advisory/HistoryModal.js
index 9ff835a..3ef2ea8 100644
--- a/components/travel-advisory/HistoryModal.js
+++ b/components/travel-advisory/HistoryModal.js
@@ -27,9 +27,7 @@ const HistoryModal = ({ isVisible, onClose, countries, dangerLevel, history }) =
</div>
<div>
<h1 className="font-medium text-2xl pt-3">History</h1>
- <ul>
- {historyList}
- </ul>
+ <ul>{historyList}</ul>
</div>
</div>
</div>
diff --git a/components/travel-advisory/ListCountries.js b/components/travel-advisory/ListCountries.js
index 6cb0c17..9c880e1 100644
--- a/components/travel-advisory/ListCountries.js
+++ b/components/travel-advisory/ListCountries.js
@@ -40,7 +40,7 @@ export default function Countries(){
const settlementsList = country.settlements.map((settlement) => {
return (
<div key={settlement.name}>
- <h2 className="font-medium text-3xl">{settlement.name}</h2>
+ <h2 className="font-medium md:text-3xl text-xl">{settlement.name}</h2>
<h2 className="text-base">{getDangerLevel(settlement.danger)}</h2>
</div>
)
@@ -49,7 +49,7 @@ export default function Countries(){
return (
<div key="countries" className="bg-center bg-no-repeat bg-[image:var(--image-url)] bg-gray-500 bg-blend-multiply" style={{'--image-url': `url(${country.image})`}} >
<div className="sm:px-40 px-10 py-10 space-y-3">
- <h1 className="font-medium text-5xl">{country.name}</h1>
+ <h1 className="font-light md:text-5xl text-3xl">{country.name}</h1>
<h2 className="text-lg">{dangerLevel}</h2>
<div className="space-y-3">{settlementsList}</div>
<button className="transition duration-200 ease-in-out px-4 py-2 font-medium rounded-full bg-blue-600 hover:bg-blue-700 active:bg-blue-800" onClick={()=> {
diff --git a/components/updates/PostPreview.js b/components/updates/PostPreview.js
index ca261c0..55c2510 100644
--- a/components/updates/PostPreview.js
+++ b/components/updates/PostPreview.js
@@ -2,14 +2,14 @@ import Link from "next/link";
import DateFormatter from '@/components/updates/DateFormatter'
export default function PostPreview(props) {
- return (
- <div key="post" className="bg-zinc-800 py-3 px-5 border border-gray-600 rounded-lg space-y-3">
- <Link href={`/updates/${props.slug}`}>
- <h2 className="font-medium text-2xl hover:underline">{props.title}</h2>
- </Link>
- <span>By {props.author}</span>
- <p>{props.description}</p>
- <p className="font-medium text-sm">Posted on {DateFormatter(props.date)}</p>
- </div>
- )
+ return (
+ <div key="post" className="bg-zinc-800 py-3 px-5 border border-gray-600 rounded-lg space-y-3">
+ <Link href={`/updates/${props.slug}`}>
+ <h2 className="font-medium text-2xl hover:underline">{props.title}</h2>
+ </Link>
+ <span className="text-sm">{props.author}</span>
+ <p>{props.description}</p>
+ <p className="font-medium text-sm">Posted on {DateFormatter(props.date)}</p>
+ </div>
+ )
}
diff --git a/public/cantons/breadcroust.webp b/public/cantons/breadcroust.webp
deleted file mode 100644
index c1a9e32..0000000
--- a/public/cantons/breadcroust.webp
+++ /dev/null
Binary files differ
diff --git a/public/cantons/foretquebec.webp b/public/cantons/foretquebec.webp
new file mode 100644
index 0000000..55b6d7c
--- /dev/null
+++ b/public/cantons/foretquebec.webp
Binary files differ
diff --git a/public/cantons/longhornhills.webp b/public/cantons/longhornhills.webp
new file mode 100644
index 0000000..b2183ce
--- /dev/null
+++ b/public/cantons/longhornhills.webp
Binary files differ
diff --git a/public/cantons/nexusunderground.webp b/public/cantons/nexusunderground.webp
new file mode 100644
index 0000000..4948333
--- /dev/null
+++ b/public/cantons/nexusunderground.webp
Binary files differ
diff --git a/public/cantons/silicon-valley.webp b/public/cantons/silicon-valley.webp
deleted file mode 100644
index 2c0c629..0000000
--- a/public/cantons/silicon-valley.webp
+++ /dev/null
Binary files differ
diff --git a/public/cantons/skycity.webp b/public/cantons/skycity.webp
deleted file mode 100644
index b5fb58d..0000000
--- a/public/cantons/skycity.webp
+++ /dev/null
Binary files differ
diff --git a/public/countries/alureregions.png b/public/countries/alureregions.png
deleted file mode 100644
index 3e8d0af..0000000
--- a/public/countries/alureregions.png
+++ /dev/null
Binary files differ
diff --git a/public/jumbotron.png b/public/jumbotron.png
new file mode 100644
index 0000000..2c2b70e
--- /dev/null
+++ b/public/jumbotron.png
Binary files differ
diff --git a/public/jumbotron.webp b/public/jumbotron.webp
index c16e728..28b08e5 100644
--- a/public/jumbotron.webp
+++ b/public/jumbotron.webp
Binary files differ