a11y alt attr
This commit is contained in:
parent
417f06933e
commit
aae35105ab
|
@ -17,7 +17,7 @@
|
|||
>
|
||||
<!-- <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="/">
|
||||
<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>
|
||||
</a>
|
||||
</div>
|
||||
|
|
|
@ -6,12 +6,12 @@
|
|||
<!-- YOU CAN DELETE EVERYTHING IN THIS PAGE -->
|
||||
|
||||
<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>
|
||||
<!-- Animated Logo -->
|
||||
<figure>
|
||||
<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>
|
||||
<!-- / -->
|
||||
|
||||
|
@ -41,13 +41,13 @@
|
|||
}
|
||||
.img-bg {
|
||||
@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 {
|
||||
@apply relative inset-1 w-[100%vw] h-[150px] md:h-[400px] lg:h-[600px];
|
||||
}
|
||||
@keyframes glow {
|
||||
0% {
|
||||
0% {
|
||||
@apply bg-primary-400/50;
|
||||
}
|
||||
33% {
|
||||
|
|
Loading…
Reference in New Issue