This commit is contained in:
Sangelo 2023-06-08 18:14:02 +02:00
parent 285287a9cb
commit 79fe45ece3
8 changed files with 62 additions and 64 deletions

View file

@ -38,12 +38,14 @@
<style>
.msg-box {
display: inline-block;
padding: 10px;
margin-bottom: 10px;
padding: 1em;
margin-bottom: 1em;
border-radius: 5px;
font-weight: normal;
border-width: 1px;
border-style: solid;
text-align: center;
align-self: center;
}
.msg-box p {

View file

@ -2,5 +2,15 @@
import { page } from '$app/stores';
</script>
<h1>{$page.status}: {$page.error.message}</h1>
<p>AHDJIUASHDILAUHSDIUSHD ERRORRRRS</p>
<h1>
{$page.status} | {$page.error.message}
</h1>
<p>Looks like you're lost in space. Try flying back to earth!</p>
<a href="/" role="button" class="link">Fly back to Earth</a>
<style>
.link {
height: auto;
width: 25%;
}
</style>

View file

@ -1,7 +1,5 @@
<script>
import Counter from './Counter.svelte';
import welcome from '$lib/images/svelte-welcome.webp';
import welcome_fallback from '$lib/images/svelte-welcome.png';
import demoImage from '$lib/assets/pictures/pic10.png';
</script>
<svelte:head>
@ -11,54 +9,36 @@
<div class="text-column">
<h1>ExploreCraft</h1>
<p>Welcome to the ExploreCraft website!</p>
<p>
This is ExploreCraft! A modpack for Minecraft 1.19.2 (Quilt) designed to keep you moving.<br>
You may never know what you'll find, after all
</p>
<p>Have a look around. You can download the modpack and play, have a look in our gallery, or take a look at our modlist.</p>
</div>
<div class="grid buttons">
<a href="/downloads" role="button">Download</a>
<a href="/modlist" role="button" class="secondary outline">Modlist</a>
</div>
<!-- svelte-ignore a11y-img-redundant-alt -->
<a href="/gallery" data-tooltip="See more..."><img class="banner" src="{demoImage}" alt="Random picture from the gallery."></a>
<!-- <section>
<h1>
<span class="welcome">
<picture>
<source srcset={welcome} type="image/webp" />
<img src={welcome_fallback} alt="Welcome" />
</picture>
</span>
to your new<br />SvelteKit app
</h1>
<h2>
try editing <strong>src/routes/+page.svelte</strong>
</h2>
<Counter />
</section> -->
<!-- <style>
section {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
flex: 0.6;
<style>
img.banner {
margin: 1em;
border-radius: 1em;
transform: scale(1);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
align-self: center;
}
h1 {
width: 100%;
img.banner:hover {
transform: scale(1.005);
box-shadow: 0px 0px 15px rgba(32, 32, 32, 0.4);
cursor: pointer;
}
.welcome {
display: block;
position: relative;
width: 100%;
height: 0;
padding: 0 0 calc(100% * 495 / 2048) 0;
.buttons {
margin-left: 25%;
margin-right: 25%;
margin-bottom: 1em;
}
.welcome img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
display: block;
}
</style> -->
</style>

View file

@ -18,7 +18,7 @@
<a href="/" class="contrast">Home</a>
</li>
<li aria-current={$page.url.pathname === '/download' ? 'page' : undefined}>
<a href="/download" class="contrast">Download</a>
<a href="/downloads" class="contrast">Download</a>
</li>
<li aria-current={$page.url.pathname.startsWith('/gallery') ? 'page' : undefined}>
<a href="/gallery" class="contrast">Gallery</a>

View file

@ -1,9 +0,0 @@
<svelte:head>
<title>Downloads</title>
<meta name="description" content="About this app" />
</svelte:head>
<div class="text-column">
<h1>Downloads</h1>
<p>Here you'll find all downloads.</p>
</div>

View file

@ -0,0 +1,14 @@
<svelte:head>
<title>Downloads</title>
<meta name="description" content="About this app" />
</svelte:head>
<script>
import MsgBox from "$lib/modules/MsgBox.svelte";
</script>
<div class="text-column">
<h1>Downloads</h1>
<p>Here you'll find all downloads.</p>
</div>
<MsgBox type="warning" message="<br>Currently WIP. You'll find downloads on this page,<br>but they may not work properly." prefix=" Note " />

View file

@ -0,0 +1 @@
<h1>YAY</h1>