From b646239fa9614517eb677a2b36b24a8e7003ad4f Mon Sep 17 00:00:00 2001 From: Dalma Boros Date: Fri, 17 May 2024 07:31:51 -0500 Subject: [PATCH] Add footnote and style (#2) --- css/style.css | 37 ++++++++++++++++++++++++++++++++++++- index.html | 4 ++-- projects.html | 25 +++++++++++++++++++++---- 3 files changed, 59 insertions(+), 7 deletions(-) diff --git a/css/style.css b/css/style.css index 5ca075b..00414ca 100644 --- a/css/style.css +++ b/css/style.css @@ -23,6 +23,11 @@ a { color: #000; } +a:hover { + opacity: 0.5; + transition: opacity 400ms ease; +} + .personal-website .personal { display: block; font-size: 1em; @@ -209,7 +214,8 @@ a { } .portfolio-projects { - border-bottom: 3px black solid; + border-bottom: 6px black solid; + padding-top: 2px; } .portfolio-project { @@ -277,6 +283,17 @@ a { border-bottom: none; } +.projects-footnote { + border-top: 4px solid black; + display: flex; + font-size: 0.8em; + padding-top: 4px; +} + +.projects-footnote p { + margin-bottom: 0; +} + /* End Projects Styles */ /* Satisfaction/Ingredients Styles */ @@ -343,3 +360,21 @@ a { } /* End Media Query */ + +/* Rainbow Text */ + +.rainbow-text:hover { + background-image: repeating-linear-gradient(to left, pink, #af9dd3, #85b4f5, #b2e21b, #e0ee00, #ffb400, #cc0000); + background-size: 300%; + background-clip: text; + -webkit-background-clip: text; + color: transparent; + opacity: 100; + animation: rainbow 8s ease infinite; +} + +@keyframes rainbow { + 0% {background-position:0% 50%;} + 50% {background-position:100% 25%;} + 100% {background-position:0% 50%;} +} \ No newline at end of file diff --git a/index.html b/index.html index 4f094c0..d7a4097 100644 --- a/index.html +++ b/index.html @@ -48,14 +48,14 @@