minor tweaks

This commit is contained in:
2026-07-15 18:43:40 -07:00
parent 5ac4e9bb99
commit 493507b7e5
2 changed files with 7 additions and 7 deletions
+6 -6
View File
@@ -72,10 +72,10 @@
</div> </div>
<div class="grid grid-cols-1 xl:grid-cols-3 min-h-[50vh] p-4 md:p-0 bg-zinc-800"> <div class="grid grid-cols-1 xl:grid-cols-3 min-h-[50vh] p-4 md:p-0 bg-zinc-800">
<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 mb-4 md:mb-0">
<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 hover:bg-rose-700/30 hover:backdrop-blur-md"> <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-48 w-full backdrop-blur-sm 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>
<p class="text-md md:text-lg pl-2 border-l-2 border-zinc-400">A stylish static webpage using CSS and Bootstrap.</p> <p class="text-md md:text-lg pl-2 border-l-2 border-zinc-400">A stylish static webpage using CSS and Bootstrap.</p>
@@ -89,10 +89,10 @@
</div> </div>
</a> </a>
<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 mb-4 md:mb-0">
<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 hover:bg-rose-700/30 hover:backdrop-blur-md"> <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-48 w-full backdrop-blur-sm 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>
<p class="text-md md:text-lg pl-2 border-l-2 border-zinc-400">A budgeting app built with tailwindcss, Vue.js, nodeJS, and mongoDB.</p> <p class="text-md md:text-lg pl-2 border-l-2 border-zinc-400">A budgeting app built with tailwindcss, Vue.js, nodeJS, and mongoDB.</p>
@@ -115,10 +115,10 @@
</div> </div>
</a> </a>
<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 mb-4 md:mb-0">
<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 hover:bg-rose-700/30 hover:backdrop-blur-md"> <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-48 w-full backdrop-blur-sm 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>
<p class="text-md md:text-lg pl-2 border-l-2 border-zinc-400">A social media application for sharing and keeping images. Built with Bootstrap, Vue.js, C#/.NET, and mySQL.</p> <p class="text-md md:text-lg pl-2 border-l-2 border-zinc-400">A social media application for sharing and keeping images. Built with Bootstrap, Vue.js, C#/.NET, and mySQL.</p>
+1 -1
View File
File diff suppressed because one or more lines are too long