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> <script>
import Button from './navbutton.svelte' import Button from './navbutton.svelte';
</script> </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 <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" src="https://dutchellie.nl/DutchEllie/proper-website-2/raw/branch/main/web/static/images/icon.png"
alt="Icon" alt="Icon"
/> />
<div class="pl-5 mt-1 text-slate-200"> <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> <p class="h-min text-xs text-slate-400">Surviving the rewriting</p>
</div> </div>
</div> </div>
<div class="col-start-5 col-end-7 grid grid-cols-6"> <div class="sm:col-start-5 col-start-1 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"> <nav
<Button link="/" text="Home"/> 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="/about" text="About"/> >
<Button link="/" text="Home" />
<Button link="/about" text="About" />
</nav> </nav>
</div> </div>
<hr class="col-span-full border-slate-700" /> <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> <script>
import Maincontent from "../components/maincontent.svelte"; import Sidebar from "../components/homepage/sidebar.svelte";
import Maincontent from "../components/maincontent.svelte";
</script> </script>
<svelte:head> <svelte:head>
<title>Welcome</title> <title>Welcome</title>
</svelte:head> </svelte:head>
<Maincontent> <Maincontent>
<Sidebar/>
</Maincontent> </Maincontent>