diff options
Diffstat (limited to 'src/pages')
| -rw-r--r-- | src/pages/index.astro | 62 | ||||
| -rw-r--r-- | src/pages/travel-advisory.astro | 32 |
2 files changed, 94 insertions, 0 deletions
diff --git a/src/pages/index.astro b/src/pages/index.astro new file mode 100644 index 0000000..902886e --- /dev/null +++ b/src/pages/index.astro @@ -0,0 +1,62 @@ +--- +import Layout from '../layouts/Layout.astro'; +import "../styles/globals.css"; +--- + +<Layout title="Home" description="The official website of the Government of Alure Regions"> + <main class="flex flex-col"> + <div class="bg-center bg-no-repeat bg-[url('/jumbotron.webp')] bg-gray-500 bg-blend-multiply"> + <div class="px-4 mx-auto max-w-screen-xl text-center py-24 lg:py-56 space-y-3"> + <h1 class="font-medium md:text-5xl text-4xl">Welcome to the Alure Regions</h1> + <h2 class="font-light md:text-3xl text-xl">The official website of the Government of Alure Regions</h2> + </div> + </div> + <ul> + <li> + <div class="bg-center bg-no-repeat bg-[url('/regions/alee-isle.webp')] bg-gray-600 bg-blend-multiply"> + <div class="sm:px-40 px-10 py-14 space-y-2"> + <h1 class="font-medium sm:text-5xl text-3xl">Alee Isle</h1> + <span>Est. 2017 - Premier: Alee</span> + <h2 class="text-lg">Capital of Alure Regions and the original home of MinePot</h2> + </div> + </div> + </li> + <li> + <div class="bg-center bg-no-repeat bg-[url('/regions/breadcroust.webp')] bg-gray-600 bg-blend-multiply"> + <div class="sm:px-40 px-10 py-14 space-y-2"> + <h1 class="font-medium sm:text-5xl text-3xl">BreadCroust</h1> + <span>Est. 2018 - Premier: Croust</span> + <h2 class="text-lg">Home to MinePot Barton Centre and athletics</h2> + </div> + </div> + </li> + <li> + <div class="bg-center bg-no-repeat bg-[url('/regions/skycity.webp')] bg-gray-600 bg-blend-multiply"> + <div class="sm:px-40 px-10 py-14 space-y-2"> + <h1 class="font-medium sm:text-5xl text-3xl">SkyCity</h1> + <span>Est. 2018 - Premier: Rahilu</span> + <h2 class="text-lg">A city that floats in the sky</h2> + </div> + </div> + </li> + <li> + <div class="bg-center bg-no-repeat bg-[url('/regions/silicon-valley.webp')] bg-gray-600 bg-blend-multiply"> + <div class="sm:px-40 px-10 py-14 space-y-2"> + <h1 class="font-medium sm:text-5xl text-3xl">Silicon Valley</h1> + <span>Est. 2018 - Premier: Inkydink</span> + <h2 class="text-lg">Where all things tech-related lie</h2> + </div> + </div> + </li> + </ul> + <div class="sm:px-40 px-10 py-3 space-y-3"> + <h1 class="text-2xl font-medium" id="about">About Alure Regions</h1> + <p>Alure Regions was founded in July 2023 with the goal of achieving greater autonomy in our regions.</p> + <p>Originally known as Alee Isle Regions, we later became Southeastern Islands before branching out on our own.</p> + <p>We are committed to continuous improvement and growth as small regions.</p> + <!--<h1 class="text-2xl font-medium">Latest Updates</h1> + <div class="grid grid-cols-1 md:grid-cols-3 gap-4">{postPreviews}</div>--> + <a href="/updates"><p class="text-blue-500 hover:text-blue-300 pt-2">View more</p></a> + </div> + </main> +</Layout> diff --git a/src/pages/travel-advisory.astro b/src/pages/travel-advisory.astro new file mode 100644 index 0000000..693a4fe --- /dev/null +++ b/src/pages/travel-advisory.astro @@ -0,0 +1,32 @@ +--- +import Countries from '../components/travel-advisory/countries.json' +import Layout from "../layouts/Layout.astro"; +--- +<Layout> + <main class="flex flex-col"> + <div> + <h1 class="p-5 sm:px-40 px-10 text-3xl" id="legend">Legend</h1> + <ul> + <li class="p-6 sm:px-40 px-10 bg-green-950"> + <p class="font-medium text-lg">Take normal security precautions</p> + <p>Take similar precautions to those you would take in Alure Regions.</p> + </li> + <li class="p-6 sm:px-40 px-10 bg-yellow-700"> + <p class="font-medium text-lg">Exercise a high degree of caution</p> + <p>There are certain safety and security concerns or the situation could change quickly. Be very cautious at all times, monitor local media and follow the instructions of local authorities.</p> + <p><b class="font-semibold"> IMPORTANT:</b> The two levels below are official Government of Alure Regions Travel Advisories and are issued when the safety and security of Alurians travelling or living in the country or region may be at risk.</p> + </li> + <li class="p-6 sm:px-40 px-10 bg-orange-700"> + <p class="font-medium text-lg">Avoid non-essential travel</p> + <p>Your safety and security could be at risk. You should think about your need to travel to this country, territory or region based on family or business requirements, knowledge of or familiarity with the region, and other factors. If you are already there, think about whether you really need to be there. If you do not need to be there, you should think about leaving.</p> + </li> + <li class="p-6 sm:px-40 px-10 bg-red-950"> + <p class="font-medium text-lg">Avoid all travel</p> + <p>You should not travel to this country, territory or region. Your personal safety and security are at great risk. If you are already there, you should think about leaving if it is safe to do so.</p> + </li> + </ul> + </div> + <div class="sm:px-40 px-10 py-3 bg-blue-800"><h2 class="font-medium text-lg"><b class="font-bold">WARNING!</b> This page may be inaccurate at times, refer to the <a href="https://discord.com/channels/277922530973581312/1019705091336446052" class="transition ease-in-out transition-200 text-blue-300 hover:text-blue-200 active:text-blue-500">Minecraft General Announcements</a> channel for the latest updates</h2></div> + <Countries client:visible /> + </main> +</Layout> |