DutchEllie
/
svelte-testing
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Mobile pain
continuous-integration/drone/push Build is passing Details

This commit is contained in:
DutchEllie 2022-07-02 11:57:55 +02:00
parent d4f609778c
commit 0d8959a966
Signed by: DutchEllie
SSH Key Fingerprint: SHA256:dKq6ZSgN5E3Viqrw/+xAdf2VdR6hdRGNyrYqXXwfjTY
4 changed files with 34 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/header.svelte
View File

@ -1,22 +1,25 @@
<script>
import Button from './navbutton.svelte'
import Button from './navbutton.svelte';
</script>
<div class="h-16 align-middle grid grid-cols-7">
<div class="h-16 col-start-2 col-span-2 flex flex-row flex-wrap">
<div class="md:h-16 h-24 align-middle grid grid-cols-7 sm:grid-rows-1 grid-rows-2">
<div class="h-16 col-span-7 sm:col-span-4 flex flex-row flex-wrap">
<img
class="h-4/5 ml-20 my-auto"
class="h-4/5 md:ml-20 my-auto"
src="https://dutchellie.nl/DutchEllie/proper-website-2/raw/branch/main/web/static/images/icon.png"
alt="Icon"
/>
<div class="pl-5 mt-1 text-slate-200">
<h1 class="text-3xl h-min font-medium">Internetica Galactica 2</h1>
<h1 class="text-2xl md:text-3xl h-min font-medium">Internetica Galactica 2</h1>
<p class="h-min text-xs text-slate-400">Surviving the rewriting</p>
</div>
</div>
<div class="col-start-5 col-end-7 grid grid-cols-6">
<nav class="h-full flex items-end col-start-5 col-span-2 gap-2 text-slate-200 text-md">
<Button link="/" text="Home"/>
<Button link="/about" text="About"/>
<div class="sm:col-start-5 col-start-1 col-end-7 grid grid-cols-6">
<nav
class="h-full flex items-end md:col-start-5 md:col-span-2 col-span-7 gap-2 text-slate-200 text-md"
>
<Button link="/" text="Home" />
<Button link="/about" text="About" />
</nav>
</div>
<hr class="col-span-full border-slate-700" />

0
src/components/homepage/content.svelte Normal file
View File

19
src/components/homepage/sidebar.svelte
View File

@ -0,0 +1,19 @@
<div class="hidden col-start-1 col-span-1 bg-slate-800 md:grid grid-cols-2 justify-start gap-2 p-2">
<div class="col-span-2">
<p class="">
Welcome to my sidebar (o^▽^o)
<br />
Here you will find random shit!
</p>
</div>
<img
class="col-start-1"
src="https://dutchellie.nl/DutchEllie/proper-website-2/raw/branch/main/web/static/images/kanata-1.gif"
alt="Amane Kanata"
/>
<img
class="col-start-2"
src="https://dutchellie.nl/DutchEllie/proper-website-2/raw/branch/main/web/static/images/kanata-1.gif"
alt="Amane Kanata"
/>
</div>

4
src/routes/index.svelte
View File

@ -1,9 +1,11 @@
<script>
import Maincontent from "../components/maincontent.svelte";
import Sidebar from "../components/homepage/sidebar.svelte";
import Maincontent from "../components/maincontent.svelte";
</script>
<svelte:head>
<title>Welcome</title>
</svelte:head>
<Maincontent>
<Sidebar/>
</Maincontent>