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

Compare commits

base: DutchEllie:a7099ee6ccad818a4665e32ed9295761de6a03b8
Branches Tags
DutchEllie:main
DutchEllie:webworker
...
compare: DutchEllie:e03cca242824a3e3eb4f4e1cddb5239250052447
Branches Tags
DutchEllie:main
DutchEllie:webworker

2 Commits
a7099ee6cc ... e03cca2428

Author SHA1 Message Date
DutchEllie e03cca2428
Pain sidebar
continuous-integration/drone/push Build is passing Details
2022-07-02 18:35:58 +02:00
DutchEllie df67f55ad9
more easily visible navbar 2022-07-02 18:19:16 +02:00
3 changed files with 27 additions and 14 deletions
Show Stats Expand all files Collapse all files

2
src/components/homepage/content.svelte
View File

@ -23,7 +23,7 @@
/>
<div class="w-full bg-slate-800 rounded-xl shadow">
<br />
<h2 class="font-semibold text-left ml-10">
<h2 class="font-semibold text-left ml-10 mb-2">
Tech
</h2>
<ul class="ml-10 list-disc marker:text-blue-400">

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

@ -1,19 +1,21 @@
<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">
<div class="hidden col-start-1 col-span-1 bg-slate-800 md:flex flex-col justify-start gap-2 p-2">
<div class=" shrink">
<p class="">
Welcome to my sidebar (o^▽^o)
<br />
Here you will find random shit!
</p>
</div>
<img
class="col-start-1 rounded"
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 rounded"
src="https://dutchellie.nl/DutchEllie/proper-website-2/raw/branch/main/web/static/images/kanata-1.gif"
alt="Amane Kanata"
/>
<div class="flex flex-col xl:flex-row gap-2 xl:mr-2">
<img
class="flex-1 rounded xl:w-1/2"
src="https://dutchellie.nl/DutchEllie/proper-website-2/raw/branch/main/web/static/images/kanata-1.gif"
alt="Amane Kanata"
/>
<img
class=" flex-1 rounded xl:w-1/2"
src="https://dutchellie.nl/DutchEllie/proper-website-2/raw/branch/main/web/static/images/kanata-1.gif"
alt="Amane Kanata"
/>
</div>
</div>

13
src/components/navbutton.svelte
View File

@ -1,15 +1,26 @@
<script>
import {page} from '$app/stores';
export let link = '';
export let text = '';
</script>
<a href="{link}">
<button class="text-slate-50 py-2 px-4 font-montserrat font-light link-underline">
<button class="{$page.url.pathname == link ? "active-now" : ""} text-violet-50 py-2 px-4 font-montserrat font-light link-underline">
{text}
</button>
</a>
<style>
.active-now:before {
content: '';
position: absolute;
width: 100%;
transform: scaleX(1);
height: 2px;
bottom: 0;
left: 0;
background-color: #638CF6;
}
.link-underline {
display: inline-block;
position: relative;