From b3f5f676b018d9d581caecd9ec2cda4471827f9d Mon Sep 17 00:00:00 2001 From: zepp Date: Thu, 6 Feb 2025 08:06:04 -0500 Subject: [PATCH] code refactoring and feature add adjust paths in html and css to relative for proper hosting add div to give baxter headpats. style with css --- cafe-events/valentines-day-25/index.html | 13 +++++++------ cafe-events/valentines-day-25/style/style.css | 17 ++++++++++++++--- 2 files changed, 21 insertions(+), 9 deletions(-) diff --git a/cafe-events/valentines-day-25/index.html b/cafe-events/valentines-day-25/index.html index 25fbf43..2965b89 100644 --- a/cafe-events/valentines-day-25/index.html +++ b/cafe-events/valentines-day-25/index.html @@ -4,7 +4,7 @@ for you, emma - + @@ -14,7 +14,7 @@
- a piece of note paper that must be clicked on to read @@ -35,18 +35,19 @@
- a box of chocolate cupcakes
-
+ a picture of my cat baxter that can be petted the trans pride flag @@ -55,7 +56,7 @@ - + diff --git a/cafe-events/valentines-day-25/style/style.css b/cafe-events/valentines-day-25/style/style.css index c47d4cc..42428aa 100644 --- a/cafe-events/valentines-day-25/style/style.css +++ b/cafe-events/valentines-day-25/style/style.css @@ -5,12 +5,12 @@ @font-face { font-family: alwaysinmyheart; - src: url("/site/resources/fonts/alwaysinmyheart.woff2"); + src: url("../site/resources/fonts/alwaysinmyheart.woff2"); } @font-face { font-family: learning-curve-regular; - src: url("/site/resources/fonts/learning-curve-regular.woff2"); + src: url("../site/resources/fonts/learning-curve-regular.woff2"); } *, *::before, *::after { @@ -26,7 +26,7 @@ html { body { height: 100vh; width: auto; - background-image: url("/img/background.png"); + background-image: url("../img/background.png"); display: flex; flex-direction: column; justify-content: space-between; @@ -206,6 +206,17 @@ section { .baxter { width: 300px; height: auto; + z-index: 1; +} + +.headpats { + position: absolute; + left: 87.12%; + top: 19.2%; + width: 3%; + height: 3.03%; + transform: rotate(17deg); + z-index: 2; } .trans-pride-heart {