mirror of
https://github.com/MedzikUser/portfolio
synced 2024-08-15 03:26:01 +00:00
Compare commits
2 commits
47dabfb470
...
045a4f7560
Author | SHA1 | Date | |
---|---|---|---|
|
045a4f7560 | ||
|
d1d67b12b2 |
2 changed files with 8 additions and 9 deletions
Binary file not shown.
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 19 KiB |
|
@ -2,20 +2,19 @@
|
||||||
import { ProgressBar } from '@skeletonlabs/skeleton';
|
import { ProgressBar } from '@skeletonlabs/skeleton';
|
||||||
|
|
||||||
import FaGithub from 'svelte-icons/fa/FaGithub.svelte';
|
import FaGithub from 'svelte-icons/fa/FaGithub.svelte';
|
||||||
import FaCreditCard from 'svelte-icons/fa/FaCreditCard.svelte';
|
|
||||||
import MdEmail from 'svelte-icons/md/MdEmail.svelte';
|
import MdEmail from 'svelte-icons/md/MdEmail.svelte';
|
||||||
import MdSecurity from 'svelte-icons/md/MdSecurity.svelte';
|
import MdSecurity from 'svelte-icons/md/MdSecurity.svelte';
|
||||||
|
|
||||||
import Card from '$lib/Card.svelte';
|
import Card from '$lib/Card.svelte';
|
||||||
|
import SignalIcon from '$lib/Signal.svelte';
|
||||||
|
import Arrow from '$lib/Arrow.svelte';
|
||||||
|
|
||||||
import photo from '../assets/photo.jpg';
|
import photo from '../assets/photo.jpg';
|
||||||
import SignalIcon from '../lib/Signal.svelte';
|
|
||||||
import Arrow from '$lib/Arrow.svelte';
|
|
||||||
|
|
||||||
function scrollBottom() {
|
function scrollBottom() {
|
||||||
window.scrollTo({
|
window.scrollTo({
|
||||||
top: document.body.scrollHeight,
|
top: document.body.scrollHeight,
|
||||||
behavior: 'smooth',
|
behavior: 'smooth'
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
@ -35,7 +34,7 @@
|
||||||
<img src={photo} class="w-full aspect-square rounded-full" alt="" />
|
<img src={photo} class="w-full aspect-square rounded-full" alt="" />
|
||||||
|
|
||||||
<div class="col-span-2 space-y-2">
|
<div class="col-span-2 space-y-2">
|
||||||
<div class="text-on-primary-token text-lg opacity-75">Self-Taught Programmer</div>
|
<div class="text-on-primary-token text-lg opacity-75">Self-Taught Developer</div>
|
||||||
|
|
||||||
<div class="text-on-primary-token font-bold text-xl sm:text-3xl">Oskar</div>
|
<div class="text-on-primary-token font-bold text-xl sm:text-3xl">Oskar</div>
|
||||||
|
|
||||||
|
@ -43,9 +42,9 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<ProgressBar rounded="rounded-none" value={100} />
|
<ProgressBar rounded="rounded-none" value={0} />
|
||||||
|
|
||||||
<footer class="grid grid-cols-4 place-items-center p-6 gap-10">
|
<footer class="grid grid-cols-3 place-items-center p-6 gap-10">
|
||||||
<a class="btn-icon bg-surface-200 p-2" href="https://github.com/M3DZIK">
|
<a class="btn-icon bg-surface-200 p-2" href="https://github.com/M3DZIK">
|
||||||
<FaGithub />
|
<FaGithub />
|
||||||
</a>
|
</a>
|
||||||
|
@ -61,9 +60,9 @@
|
||||||
<MdEmail />
|
<MdEmail />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<a class="btn-icon bg-surface-200 p-2" href="https://liberapay.com/Medzik/">
|
<!-- <a class="btn-icon bg-surface-200 p-2" href="https://liberapay.com/Medzik/">
|
||||||
<FaCreditCard />
|
<FaCreditCard />
|
||||||
</a>
|
</a> -->
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue