Madmin
/
its-personal
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

a11y alt attr

This commit is contained in:
matthieu42morin 2023-11-16 04:23:35 +01:00
parent 417f06933e
commit aae35105ab
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/lib/components/MainFooter.svelte
View File

@ -17,7 +17,7 @@
> >
<!-- <div class="container px-5 py-8 mx-auto flex items-center sm:flex-row flex-col"> --> <!-- <div class="container px-5 py-8 mx-auto flex items-center sm:flex-row flex-col"> -->
<a class="flex items-center md:justify-start justify-center" href="/"> <a class="flex items-center md:justify-start justify-center" href="/">
<img class="w-4 h-4 md:w-8 md:h-8" src="\images\Logo.png" /> <img class="w-4 h-4 md:w-8 md:h-8" src="/images/Logo.png" alt="logo" />
<p class="sm:pl-4 text-base sm:py-2 sm:mt-0 mt-4">© 2023 Matthieu Morin</p> <p class="sm:pl-4 text-base sm:py-2 sm:mt-0 mt-4">© 2023 Matthieu Morin</p>
</a> </a>
</div> </div>

8
src/routes/(home)/+page.svelte
View File

@ -6,12 +6,12 @@
<!-- YOU CAN DELETE EVERYTHING IN THIS PAGE --> <!-- YOU CAN DELETE EVERYTHING IN THIS PAGE -->
<div class="container h-full mx-auto flex-col justify-center items-center"> <div class="container h-full mx-auto flex-col justify-center items-center">
<div class="space-y-10 text-center flex flex-col items-center"> <div class="space-y-10 mt-4 text-center flex flex-col items-center">
<h1 class="h1">I make the wheels turn.</h1> <h1 class="h1">I make the wheels turn.</h1>
<!-- Animated Logo --> <!-- Animated Logo -->
<figure> <figure>
<section class="img-bg" /> <section class="img-bg" />
<img src="/images/profile-pic.png" class="w-8 h-8 md:h-[200px] md:w-[200px]" /> <img src="/images/profile-pic.png" class="w-8 h-8 md:h-[200px] md:w-[200px]" alt="Profile picture" />
</figure> </figure>
<!-- / --> <!-- / -->
@ -41,13 +41,13 @@
} }
.img-bg { .img-bg {
@apply absolute z-[-1] rounded-full blur-[50px] transition-all; @apply absolute z-[-1] rounded-full blur-[50px] transition-all;
animation: pulse 5s cubic-bezier(0, 0, 0, 0.5) infinite, glow 5s linear infinite; animation: pulse 5s cubic-bezier(0, 0, 0, 1) infinite, glow 5s linear infinite;
} }
.scene { .scene {
@apply relative inset-1 w-[100%vw] h-[150px] md:h-[400px] lg:h-[600px]; @apply relative inset-1 w-[100%vw] h-[150px] md:h-[400px] lg:h-[600px];
} }
@keyframes glow { @keyframes glow {
0% { 0% {
@apply bg-primary-400/50; @apply bg-primary-400/50;
} }
33% { 33% {