Annika/annikadev.com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added hover effects to projects

Browse Source
This commit is contained in:
Annika
2026-07-15 18:39:01 -07:00
parent 3eab8f184c
commit 5ac4e9bb99
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+3 -3
View File
@@ -74,7 +74,7 @@
<a href="https://tomodachi.annikadev.com" class="relative pb-4 md:pb-0 md:mb-24"> <a href="https://tomodachi.annikadev.com" class="relative pb-4 md:pb-0 md:mb-24">
<img src="./src/img/screenshots/tomodachi.jpg" alt="Tomodachi" class="object-left object-cover h-full w-full rounded-lg md:rounded-none"> <img src="./src/img/screenshots/tomodachi.jpg" alt="Tomodachi" class="object-left object-cover h-full w-full rounded-lg md:rounded-none">
<div class="absolute top-0 left=0 w-full h-full flex flex-col justify-end"> <div class="absolute top-0 left=0 w-full h-full flex flex-col justify-end hover:bg-rose-700/30 hover:backdrop-blur-md">
<div class="h-36 w-full backdrop-blur-md bg-slate-700/60 flex flex-col justify-center text-zinc-100 p-4 rounded-b-lg md:rounded-none border-t-8 border-rose-700"> <div class="h-36 w-full backdrop-blur-md bg-slate-700/60 flex flex-col justify-center text-zinc-100 p-4 rounded-b-lg md:rounded-none border-t-8 border-rose-700">
<div class="flex justify-start"> <div class="flex justify-start">
<h3 class="text-center text-2xl pr-2">Tomodachi</h3> <h3 class="text-center text-2xl pr-2">Tomodachi</h3>
@@ -91,7 +91,7 @@
<a href="https://code.annikadev.com/annika/budgit" class="relative pb-4 md:pb-0 md:mb-24"> <a href="https://code.annikadev.com/annika/budgit" class="relative pb-4 md:pb-0 md:mb-24">
<img src="./src/img/screenshots/budgit.jpg" alt="Budg.it" class="object-left object-cover h-full w-full rounded-lg md:rounded-none"> <img src="./src/img/screenshots/budgit.jpg" alt="Budg.it" class="object-left object-cover h-full w-full rounded-lg md:rounded-none">
<div class="absolute top-0 left=0 w-full h-full flex flex-col justify-end"> <div class="absolute top-0 left=0 w-full h-full flex flex-col justify-end hover:bg-rose-700/30 hover:backdrop-blur-md">
<div class="h-36 w-full backdrop-blur-md bg-slate-700/60 flex flex-col justify-center text-zinc-100 p-4 rounded-b-lg md:rounded-none border-t-8 border-rose-700"> <div class="h-36 w-full backdrop-blur-md bg-slate-700/60 flex flex-col justify-center text-zinc-100 p-4 rounded-b-lg md:rounded-none border-t-8 border-rose-700">
<div class="flex justify-start"> <div class="flex justify-start">
<h3 class="text-center text-2xl pr-2">Budg.it</h3> <h3 class="text-center text-2xl pr-2">Budg.it</h3>
@@ -117,7 +117,7 @@
<a href="https://code.annikadev.com/annika/keepr" class="relative pb-4 md:pb-0 md:mb-24"> <a href="https://code.annikadev.com/annika/keepr" class="relative pb-4 md:pb-0 md:mb-24">
<img src="./src/img/screenshots/keepr.jpg" alt="Keepr" class="object-left object-cover h-full w-full rounded-lg md:rounded-none"> <img src="./src/img/screenshots/keepr.jpg" alt="Keepr" class="object-left object-cover h-full w-full rounded-lg md:rounded-none">
<div class="absolute top-0 left=0 w-full h-full flex flex-col justify-end"> <div class="absolute top-0 left=0 w-full h-full flex flex-col justify-end hover:bg-rose-700/30 hover:backdrop-blur-md">
<div class="h-36 w-full backdrop-blur-md bg-slate-700/60 flex flex-col justify-center text-zinc-100 p-4 rounded-b-lg md:rounded-none border-t-8 border-rose-700"> <div class="h-36 w-full backdrop-blur-md bg-slate-700/60 flex flex-col justify-center text-zinc-100 p-4 rounded-b-lg md:rounded-none border-t-8 border-rose-700">
<div class="flex justify-start"> <div class="flex justify-start">
<h3 class="text-center text-2xl pr-2">Keepr</h3> <h3 class="text-center text-2xl pr-2">Keepr</h3>
tailwind.css
+1 -1
View File
File diff suppressed because one or more lines are too long