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

Compare commits

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

5 Commits
045a4f7560 ... 47dabfb470

Author SHA1 Message Date
M3DZIK 47dabfb470
Scroll bottom after clicking the arrow 2024-03-18 16:55:05 +01:00
M3DZIK 85c764e28f
Add type declarations to `svelte-icons` module 2024-03-18 16:52:14 +01:00
M3DZIK 0960c96c20
Change bottom margin of arrow from `4` to `16` 2024-03-18 16:47:05 +01:00
M3DZIK 034ab4ef7c
Update gradient colors 2024-03-18 16:45:02 +01:00
M3DZIK bccb882a99
Refactor design and change photo 2024-03-17 23:16:37 +01:00
2 changed files with 9 additions and 8 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: 19 KiB

After

Width:  |  Height:  |  Size: 20 KiB

17
src/routes/+page.svelte
View File

@ -2,19 +2,20 @@
import { ProgressBar } from '@skeletonlabs/skeleton';
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 MdSecurity from 'svelte-icons/md/MdSecurity.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 SignalIcon from '../lib/Signal.svelte';
import Arrow from '$lib/Arrow.svelte';
function scrollBottom() {
window.scrollTo({
top: document.body.scrollHeight,
behavior: 'smooth'
behavior: 'smooth',
});
}
</script>
@ -34,7 +35,7 @@
<img src={photo} class="w-full aspect-square rounded-full" alt="" />
<div class="col-span-2 space-y-2">
<div class="text-on-primary-token text-lg opacity-75">Self-Taught Developer</div>
<div class="text-on-primary-token text-lg opacity-75">Self-Taught Programmer</div>
<div class="text-on-primary-token font-bold text-xl sm:text-3xl">Oskar</div>
@ -42,9 +43,9 @@
</div>
</div>
<ProgressBar rounded="rounded-none" value={0} />
<ProgressBar rounded="rounded-none" value={100} />
<footer class="grid grid-cols-3 place-items-center p-6 gap-10">
<footer class="grid grid-cols-4 place-items-center p-6 gap-10">
<a class="btn-icon bg-surface-200 p-2" href="https://github.com/M3DZIK">
<FaGithub />
</a>
@ -60,9 +61,9 @@
<MdEmail />
</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 />
</a> -->
</a>
</footer>
</div>