Compare commits
2 Commits
a7099ee6cc
...
e03cca2428
Author | SHA1 | Date |
---|---|---|
DutchEllie | e03cca2428 | |
DutchEllie | df67f55ad9 |
|
@ -23,7 +23,7 @@
|
||||||
/>
|
/>
|
||||||
<div class="w-full bg-slate-800 rounded-xl shadow">
|
<div class="w-full bg-slate-800 rounded-xl shadow">
|
||||||
<br />
|
<br />
|
||||||
<h2 class="font-semibold text-left ml-10">
|
<h2 class="font-semibold text-left ml-10 mb-2">
|
||||||
Tech
|
Tech
|
||||||
</h2>
|
</h2>
|
||||||
<ul class="ml-10 list-disc marker:text-blue-400">
|
<ul class="ml-10 list-disc marker:text-blue-400">
|
||||||
|
|
|
@ -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="hidden col-start-1 col-span-1 bg-slate-800 md:flex flex-col justify-start gap-2 p-2">
|
||||||
<div class="col-span-2">
|
<div class=" shrink">
|
||||||
<p class="">
|
<p class="">
|
||||||
Welcome to my sidebar (o^▽^o)
|
Welcome to my sidebar (o^▽^o)
|
||||||
<br />
|
<br />
|
||||||
Here you will find random shit!
|
Here you will find random shit!
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<img
|
<div class="flex flex-col xl:flex-row gap-2 xl:mr-2">
|
||||||
class="col-start-1 rounded"
|
<img
|
||||||
src="https://dutchellie.nl/DutchEllie/proper-website-2/raw/branch/main/web/static/images/kanata-1.gif"
|
class="flex-1 rounded xl:w-1/2"
|
||||||
alt="Amane Kanata"
|
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"
|
<img
|
||||||
src="https://dutchellie.nl/DutchEllie/proper-website-2/raw/branch/main/web/static/images/kanata-1.gif"
|
class=" flex-1 rounded xl:w-1/2"
|
||||||
alt="Amane Kanata"
|
src="https://dutchellie.nl/DutchEllie/proper-website-2/raw/branch/main/web/static/images/kanata-1.gif"
|
||||||
/>
|
alt="Amane Kanata"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -1,15 +1,26 @@
|
||||||
<script>
|
<script>
|
||||||
|
import {page} from '$app/stores';
|
||||||
export let link = '';
|
export let link = '';
|
||||||
export let text = '';
|
export let text = '';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<a href="{link}">
|
<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}
|
{text}
|
||||||
</button>
|
</button>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
|
.active-now:before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
transform: scaleX(1);
|
||||||
|
height: 2px;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
background-color: #638CF6;
|
||||||
|
}
|
||||||
.link-underline {
|
.link-underline {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
Loading…
Reference in New Issue