mirror of
https://github.com/Alee14/sei-website.git
synced 2025-01-22 05:01:47 -05:00
A couple of fixes
This commit is contained in:
parent
1f44ee7eb1
commit
b12ffd27f3
GPG key ID:
4DCE67C47836D125
6 changed files with 982 additions and 273 deletions
|
|
@ -2,7 +2,7 @@ export default function Footer() {
|
|||
return (
|
||||
<>
|
||||
<footer>
|
||||
<p class="text-center text-slate-800 hover:text-slate-500 transition duration-150 ease-out hover:ease-in">This website was created for the Southeastern Government of BNBMC, a fictional world created within Minecraft. The content you see on this website should NOT be taken seriously. With design work by <a href="https://nosi.uk/">Tomas North</a>.</p>
|
||||
<p className="text-center text-slate-800 hover:text-slate-500 transition duration-150 ease-out hover:ease-in">This website was created for the Southeastern Government of BNBMC, a fictional world created within Minecraft. The content you see on this website should NOT be taken seriously. With design work by <a href="https://nosi.uk/">Tomas North</a>.</p>
|
||||
</footer>
|
||||
</>
|
||||
)
|
||||
|
|
|
|||
|
|
@ -1,22 +1,32 @@
|
|||
import Link from 'next/link'
|
||||
|
||||
export default function Header() {
|
||||
return (
|
||||
<>
|
||||
<header>
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" />
|
||||
<div class="bg-green-800 py-3 px-2 text-white font-semibold text-right"><a href="https://aircs.racing/"><i class="fa fa-arrow-left mr-2"></i> aircs.racing</a></div>
|
||||
<div class="flex items-center justify-between flex-wrap p-6 bg-slate-950">
|
||||
<div class="flex items-center flex-shrink-0 text-white mr-6">
|
||||
<p class="font-semibold text-xl tracking-tight">SEI.GOV</p>
|
||||
<div className="bg-green-800 py-3 px-2 text-white font-semibold text-right"><a href="https://aircs.racing/"><i className="fa fa-arrow-left mr-2"></i> aircs.racing</a></div>
|
||||
<div className="flex items-center justify-between flex-wrap p-6 bg-slate-950">
|
||||
<div className="flex items-center flex-shrink-0 text-white mr-6">
|
||||
<p className="font-semibold text-xl tracking-tight">SEI.GOV</p>
|
||||
</div>
|
||||
<div class="flex items-center w-auto">
|
||||
<div class="text-sm flex-grow">
|
||||
<div className="flex items-center w-auto">
|
||||
<div className="text-sm flex-grow">
|
||||
{[
|
||||
['fas fa-home', 'Home', '/'],
|
||||
['fas fa-person', 'Life in SEI', '/life'],
|
||||
['fas fa-door-open', 'Cabinet', '/cabinet'],
|
||||
['fas fa-note-sticky', 'Reports', '/reports'],
|
||||
].map(([icon, title, url]) => (
|
||||
<a href={url} className="transition duration-150 ease-out hover:ease-in inline-block mt-0 text-base text-slate-300 hover:text-white mr-4 hover:bg-green-800 rounded-lg p-2"><span class="mr-1"><i class={icon}></i></span> {title}</a>
|
||||
// eslint-disable-next-line react/jsx-key
|
||||
<Link href={url} className="transition duration-150 ease-out hover:ease-in inline-block mt-0 text-base text-slate-300 hover:text-white mr-4 hover:bg-green-800 rounded-lg p-2">
|
||||
<div>
|
||||
<span className="mr-1">
|
||||
<i className={icon}></i>
|
||||
</span>
|
||||
{title}
|
||||
</div>
|
||||
</Link>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -4,9 +4,9 @@ import Footer from './footer';
|
|||
export default function Layout({ children }) {
|
||||
return (
|
||||
<>
|
||||
<html class="bg-gray-950 text-white">
|
||||
<html className="bg-gray-950 text-white">
|
||||
<Header />
|
||||
<body class="h-screen"><main>{children}</main></body>
|
||||
<body className="h-screen"><main>{children}</main></body>
|
||||
<Footer />
|
||||
</html>
|
||||
</>
|
||||
|
|
|
|||
|
|
@ -1,78 +1,79 @@
|
|||
import Layout from '../components/layout.js';
|
||||
import Link from 'next/link'
|
||||
export default function Home() {
|
||||
return (
|
||||
<Layout>
|
||||
<div class="bg-green-700">
|
||||
<div class="container px-6 py-24 mx-auto font-sans">
|
||||
<section class="text-white text-left">
|
||||
<div class="flex justify-left">
|
||||
<div class="max-w-[800px]">
|
||||
<h2 class="text-5xl md:text-6xl xl:text-7xl font-bold tracking-tight mb-2">
|
||||
Welcome to the Southeastern Islands.
|
||||
<div className="bg-green-700">
|
||||
<div className="container px-6 py-24 mx-auto font-sans">
|
||||
<section className="text-white text-left">
|
||||
<div className="flex justify-left">
|
||||
<div className="max-w-[800px]">
|
||||
<h2 className="text-5xl md:text-6xl xl:text-7xl font-bold tracking-tight mb-2">
|
||||
Welcome to the Southeastern Island.
|
||||
</h2>
|
||||
<h5 class="text-white text-2xl">
|
||||
The Southeastern Islands are a prosperous nation made up of island-based cantons.
|
||||
<h5 className="text-white text-2xl">
|
||||
The Southeastern Islands are a prosperous nation made up of cantons.
|
||||
</h5>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
<section class="m-12 font-sans">
|
||||
<div class="mb-5">
|
||||
<h3 class="text-3xl font-bold">A presidential notice...</h3>
|
||||
<section className="m-12 font-sans">
|
||||
<div className="mb-5">
|
||||
<h3 className="text-3xl font-bold">A presidential notice...</h3>
|
||||
<p>This section highlights news from the presidential office, speaking across for the entirety of the SEI.</p>
|
||||
</div>
|
||||
<div class="p-8 bg-slate-950 rounded-lg mb-4">
|
||||
<i class="fa fa-quote-left absolute z-m10 text-slate-800 text-7xl"></i>
|
||||
<div className="p-8 bg-slate-950 rounded-lg mb-4">
|
||||
<i className="fa fa-quote-left absolute z-m10 text-slate-800 text-7xl"></i>
|
||||
<div>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ligula diam, sodales vel nisi at, porta commodo mi. Fusce at interdum sapien. Fusce ac magna ultrices, feugiat tellus in, elementum arcu. In aliquet ante id gravida finibus. Aenean lacus risus, fringilla eu iaculis eu, egestas id nisi. Nullam faucibus commodo sem, sed condimentum quam congue id. Phasellus augue libero, posuere eu nulla vitae, dignissim dapibus risus. Donec est magna, luctus ut augue non, aliquam venenatis ligula. Sed pharetra faucibus augue. Aliquam erat volutpat. Pellentesque in est tortor.
|
||||
</p><br></br><p>
|
||||
Duis in sapien a eros malesuada sollicitudin. Sed ac orci luctus, tristique lorem eu, maximus sem. Quisque tincidunt pulvinar enim, sed ultricies massa tincidunt ut. Nullam quis leo risus. Nullam sed mi eu velit placerat cursus. Donec eget cursus justo. Nullam bibendum, mi ut ullamcorper ultrices, purus dui porttitor lectus, a mattis nisl diam ut tellus. Ut dui quam, scelerisque id laoreet ut, iaculis at risus.
|
||||
</p><br></br><p>
|
||||
Quisque condimentum tincidunt viverra. Quisque eget tincidunt massa. Morbi accumsan augue et diam dignissim blandit. Morbi tincidunt dolor est, id varius velit pharetra et. Cras varius risus volutpat neque pulvinar, sed facilisis mi congue. Suspendisse posuere faucibus suscipit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc eget volutpat odio. Etiam rhoncus turpis nec ex consectetur, a elementum massa feugiat. Pellentesque tincidunt hendrerit commodo. Ut imperdiet blandit augue, et posuere risus dapibus vitae. Maecenas malesuada in mi eu sagittis.
|
||||
Quisque condimentum tincidunt viverra. Quisque eget tincidunt massa. Morbi accumsan augue et diam dignissim blandit. Morbi tincidunt dolor est, id varius velit pharetra et. Cras varius risus volutpat neque pulvinar, sed facilisis mi congue. Suspendisse posuere faucibus suscipit. className aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc eget volutpat odio. Etiam rhoncus turpis nec ex consectetur, a elementum massa feugiat. Pellentesque tincidunt hendrerit commodo. Ut imperdiet blandit augue, et posuere risus dapibus vitae. Maecenas malesuada in mi eu sagittis.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<span class="font-bold text-2xl text-white">Andrew Lee</span>
|
||||
<p class="text-slate-400">President of the Southeastern Islands</p>
|
||||
<span className="font-bold text-2xl text-white">Andrew Lee</span>
|
||||
<p className="text-slate-400">President of the Southeastern Islands</p>
|
||||
</section>
|
||||
<section class="m-12">
|
||||
<div class="mb-6">
|
||||
<h1 class="text-3xl font-bold">Learn more about the Southeastern Islands...</h1>
|
||||
<section className="m-12">
|
||||
<div className="mb-6">
|
||||
<h1 className="text-3xl font-bold">Learn more about the Southeastern Islands...</h1>
|
||||
<p>Use the cards below to discover more about local amenities, services and about the nation.</p>
|
||||
</div>
|
||||
<div class="px-2">
|
||||
<div class="flex -mx-2">
|
||||
<div class="w-1/3 px-2">
|
||||
<div class="h-12">
|
||||
<a href="/life" class="no-underline text-white ">
|
||||
<div class="transition duration-150 ease-out relative bg-slate-950 h-100 w-100 p-6 rounded-lg hover:bg-slate-900 hover:ease-in">
|
||||
<i class="fa-solid fa-person text-slate-800 text-6xl"></i>
|
||||
<h3 class="mt-3 text-2xl font-bold">Life in SEI</h3>
|
||||
<div className="px-2">
|
||||
<div className="flex -mx-2">
|
||||
<div className="w-1/3 px-2">
|
||||
<div className="h-12">
|
||||
<Link href="/life" className="no-underline text-white ">
|
||||
<div className="transition duration-150 ease-out relative bg-slate-950 h-100 w-100 p-6 rounded-lg hover:bg-slate-900 hover:ease-in">
|
||||
<i className="fa-solid fa-person text-slate-800 text-6xl"></i>
|
||||
<h3 className="mt-3 text-2xl font-bold">Life in SEI</h3>
|
||||
<p>Learn more about life in SEI, learn about housing, amenities, local services and attractions that are based around the Southeastern Islands.</p>
|
||||
</div>
|
||||
</a>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-1/3 px-2">
|
||||
<div class="h-12">
|
||||
<a href="/cabinet" class="no-underline text-white ">
|
||||
<div class="transition duration-150 ease-out relative bg-slate-950 h-100 w-100 p-6 rounded-lg hover:bg-slate-900 hover:ease-in">
|
||||
<i class="fa-solid fa-door-open text-slate-800 text-6xl"></i>
|
||||
<h3 class="mt-3 text-2xl text-white font-bold">Governmental Cabinet</h3>
|
||||
<div className="w-1/3 px-2">
|
||||
<div className="h-12">
|
||||
<a href="/cabinet" className="no-underline text-white ">
|
||||
<div className="transition duration-150 ease-out relative bg-slate-950 h-100 w-100 p-6 rounded-lg hover:bg-slate-900 hover:ease-in">
|
||||
<i className="fa-solid fa-door-open text-slate-800 text-6xl"></i>
|
||||
<h3 className="mt-3 text-2xl text-white font-bold">Governmental Cabinet</h3>
|
||||
<p>Learn more about the government, canton control and how we manage and create decisions within the Southeastern Islands and individual cantons.</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-1/3 px-2">
|
||||
<div class="h-12">
|
||||
<a href="/services" class="no-underline text-white ">
|
||||
<div class="transition duration-150 ease-out relative bg-slate-950 h-100 w-100 p-6 rounded-lg hover:bg-slate-900 hover:ease-in">
|
||||
<i class="fa-solid fa-handshake text-slate-800 text-6xl"></i>
|
||||
<h3 class="mt-3 text-2xl text-white font-bold">Amenities and Services</h3>
|
||||
<div className="w-1/3 px-2">
|
||||
<div className="h-12">
|
||||
<a href="/services" className="no-underline text-white ">
|
||||
<div className="transition duration-150 ease-out relative bg-slate-950 h-100 w-100 p-6 rounded-lg hover:bg-slate-900 hover:ease-in">
|
||||
<i className="fa-solid fa-handshake text-slate-800 text-6xl"></i>
|
||||
<h3 className="mt-3 text-2xl text-white font-bold">Amenities and Services</h3>
|
||||
<p>Learn more about amentities and services that are offered to citizens by the government cabinets. This includes telecommunications & travel services.</p>
|
||||
</div>
|
||||
</a>
|
||||
|
|
|
|||
|
|
@ -2,15 +2,15 @@ import Layout from '../components/layout.js';
|
|||
export default function Life() {
|
||||
return (
|
||||
<Layout>
|
||||
<div class="bg-green-700">
|
||||
<div class="container px-6 py-12 mx-auto font-sans">
|
||||
<section class="text-white text-left">
|
||||
<div class="flex justify-left">
|
||||
<div class="max-w-[800px]">
|
||||
<h2 class="text-5xl md:text-6xl xl:text-7xl font-bold tracking-tight mb-2">
|
||||
<div className="bg-green-700">
|
||||
<div className="container px-6 py-12 mx-auto font-sans">
|
||||
<section className="text-white text-left">
|
||||
<div className="flex justify-left">
|
||||
<div className="max-w-[800px]">
|
||||
<h2 className="text-5xl md:text-6xl xl:text-7xl font-bold tracking-tight mb-2">
|
||||
Life in the Southeastern Islands.
|
||||
</h2>
|
||||
<h5 class="text-white text-2xl">
|
||||
<h5 className="text-white text-2xl">
|
||||
Learn about local culture, services and experiences you can have within the Southeastern Islands.
|
||||
</h5>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in a new issue