Medzik
/
portfolio
mirror of https://github.com/MedzikUser/portfolio
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Compare commits

base: Medzik:47dabfb4708b0f17c70bd1e5a958c1d8a1acaa81
Branches Tags
Medzik:main
..
compare: Medzik:045a4f756063a30345fca0ef0ce51928b4289bfd
Branches Tags
Medzik:main

2 Commits
47dabfb470 ... 045a4f7560

Author SHA1 Message Date
M3DZIK 045a4f7560
Update photo 2024-04-13 22:14:12 +02:00
M3DZIK d1d67b12b2
Refactor design and change photo 2024-04-13 22:12:43 +02:00
2 changed files with 8 additions and 9 deletions
Show Stats Expand all files Collapse all files

BIN
src/assets/photo.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 19 KiB

17
src/routes/+page.svelte
View File

@ -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>