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

Update gradient for first section

This commit is contained in:
M3DZIK 2023-06-20 22:44:37 +02:00
parent 60e4f1e622
commit e5b4fca60b
No known key found for this signature in database
GPG Key ID: A5FAC1E185C112DB
3 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app.html
View File

@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width" />
%sveltekit.head%
</head>
<body data-sveltekit-preload-data="hover" data-theme="skeleton">
<body data-sveltekit-preload-data="hover">
<div style="display: contents">%sveltekit.body%</div>
</body>
</html>

2
src/routes/+layout.svelte
View File

@ -1,4 +1,4 @@
<script lang='ts'>
<script>
import '@skeletonlabs/skeleton/themes/theme-skeleton.css';
import '@skeletonlabs/skeleton/styles/skeleton.css';
import '../app.postcss';

10
src/routes/+page.svelte
View File

@ -24,7 +24,7 @@
<meta name="keywords" content="self-taught programmer, open-source software, LibrePass, password manager, Fedora, KDE, portfolio, projects, achievements">
</svelte:head>
<div class="container h-full mx-auto flex justify-center items-center">
<div class="first-gradient h-full mx-auto flex justify-center items-center">
<div class="max-w-[640px] variant-glass rounded-container-token shadow-xl">
<div class="grid grid-cols-3 gap-8 items-center p-6">
<img src={avatar} class="w-full aspect-square rounded-full" alt="Avatar" />
@ -137,3 +137,11 @@
&copy; 2023 Medzik
</div>
</footer>
<style lang="postcss">
.first-gradient {
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-error-500) / 0.33) 0px, transparent 50%);
}
</style>