mirror of https://github.com/MedzikUser/portfolio
Compare commits
4 Commits
bccb882a99
...
47dabfb470
Author | SHA1 | Date |
---|---|---|
|
47dabfb470 | |
|
85c764e28f | |
|
0960c96c20 | |
|
034ab4ef7c |
|
@ -1,4 +1,4 @@
|
|||
<!DOCTYPE html>
|
||||
<!doctype html>
|
||||
<html lang="en" class="light">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
|
|
|
@ -11,6 +11,13 @@
|
|||
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',
|
||||
});
|
||||
}
|
||||
</script>
|
||||
|
||||
<svelte:head>
|
||||
|
@ -60,9 +67,9 @@
|
|||
</footer>
|
||||
</div>
|
||||
|
||||
<div class="absolute bottom-4 h-8 w-8 text-on-primary-token animate-bounce">
|
||||
<button class="absolute bottom-16 h-8 w-8 text-on-primary-token animate-bounce" on:click={scrollBottom}>
|
||||
<Arrow />
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="project-gradient mx-auto flex justify-center items-center p-16">
|
||||
|
@ -86,13 +93,13 @@
|
|||
background-image: radial-gradient(at 0% 0%, rgba(var(--color-secondary-500) / 0.33) 0px, transparent 50%),
|
||||
radial-gradient(at 98% 1%, rgba(var(--color-success-500) / 0.33) 0px, transparent 50%),
|
||||
radial-gradient(at 0% 100%, rgba(var(--color-success-500) / 0.5) 0px, transparent 50%),
|
||||
radial-gradient(at 100% 100%, rgba(var(--color-error-500) / 0.5) 0px, transparent 50%);
|
||||
radial-gradient(at 100% 100%, rgba(var(--color-warning-500) / 0.5) 0px, transparent 50%);
|
||||
}
|
||||
|
||||
.project-gradient {
|
||||
background-image: radial-gradient(at 0% 0%, rgba(var(--color-success-500) / 0.5) 0px, transparent 50%),
|
||||
radial-gradient(at 100% 0%, rgba(var(--color-error-500) / 0.5) 0px, transparent 50%),
|
||||
radial-gradient(at 0% 100%, rgba(var(--color-warning-500) / 0.5) 0px, transparent 50%),
|
||||
radial-gradient(at 100% 100%, rgba(var(--color-surface-500) / 0.5) 0px, transparent 50%);
|
||||
radial-gradient(at 100% 0%, rgba(var(--color-warning-500) / 0.5) 0px, transparent 50%),
|
||||
radial-gradient(at 0% 100%, rgba(var(--color-error-500) / 0.5) 0px, transparent 50%),
|
||||
radial-gradient(at 100% 100%, rgba(var(--color-primary-500) / 0.5) 0px, transparent 50%);
|
||||
}
|
||||
</style>
|
||||
|
|
|
@ -0,0 +1,9 @@
|
|||
declare module 'svelte-icons/fa/*.svelte' {
|
||||
const e: any;
|
||||
export default e;
|
||||
}
|
||||
|
||||
declare module 'svelte-icons/md/*.svelte' {
|
||||
const e: any;
|
||||
export default e;
|
||||
}
|
Loading…
Reference in New Issue