try

EuphoriaPatches · Sep 15, 2024 · 5591e45 · 5591e45
1 parent e9ee56e
commit 5591e45
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 40 deletions.
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -1362,10 +1362,6 @@ table, th, td {
     transition: outline-color 0.25s ease-in-out;
 }
 
-.section-donation:hover {
-    outline-color: var(--ThemeColor);
-}
-
 .section-donation-kofi {
     width: 45%;
     float: right;
@@ -1384,16 +1380,12 @@ table, th, td {
     transition: outline-color 0.25s ease-in-out;
 }
 
-.section-donation-kofi:hover {
-    outline-color: var(--ThemeColor);
-}
-
 .section-download-box {
     width: 45%;
     float: left;
     min-width: fit-content;
     margin-bottom: 60px;
-    margin-top: 130px;
+    margin-top: 30px;
     margin-left: 10px;
     margin-right: 10px;
     padding: 0px 15px;
@@ -1405,30 +1397,26 @@ table, th, td {
     transition: outline-color 0.25s ease-in-out;
 }
 
-.section-download-box:hover {
-    outline-color: var(--ThemeColor);
-}
-
 .section-what-is-EP-box {
     width: 45%;
     float: right;
     position: relative;
     min-width: fit-content;
     margin-bottom: 60px;
-    margin-top: 130px;
+    margin-top: 30px;
     margin-left: 10px;
     margin-right: 10px;
     padding: 0px 15px;
     text-align: center;
     cursor: pointer;
-    background: rgba(0, 0, 0, 0.25);
+    background: rgba(87, 87, 87, 0.5);
 
     border-radius: 10px;
     outline: 2px solid rgba(0, 0, 0, 0);
     transition: outline-color 0.25s ease-in-out;
 }
 
-.section-what-is-EP-box:hover {
+.section-click-box:hover {
     outline-color: var(--ThemeColor);
 }
 
@@ -1440,24 +1428,7 @@ table, th, td {
     background: url(../img/other/kofibanner.webp) no-repeat top / cover;
 }
 
-.section-donation h2 {
-    font-family: 'minecraftchmc';
-    position: relative;
-    margin: 0;
-    color: var(--VeryLightGray);;
-    font-size: 35px;
-    padding-bottom: 10px;
-    line-height: 360%;
-    text-shadow:
-    0.5px 1px 0 #000,
-    1px 0.5px 0 #000,
-    1px 1px 0 #000,
-    1px 1.5px 0 #000,
-    1.5px 1px 0 #000,
-    1.5px 1.5px 0 #000;
-}
-
-.section-donation-kofi h2 {
+.section-click-box h2 {
     font-family: 'minecraftchmc';
     position: relative;
     margin: 0;
@@ -1474,10 +1445,10 @@ table, th, td {
     1.5px 1.5px 0 #000;
 }
 
-.section-donation .btn:focus {
+.section-click-box .btn:focus {
     color: var(--VeryLightGray);
 }
-.section-donation .btn:hover {
+.section-click-box .btn:hover {
     background-color: rgba(0, 0, 0, 0.25);
     color: var(--ThemeColor);
     border-color: var(--VeryLightGray);

diff --git a/index.html b/index.html
@@ -80,10 +80,10 @@
     <main id="main" class="site-main" style="margin-bottom: -25px;">
         <section class="site-section"></section>
             <div class="container section-doation-container">
-                <div class="section-download-box download-hero "onclick="location.href='/download';">
+                <div class="section-download-box section-click-box download-hero "onclick="location.href='/download';">
                     <h2>Download</h2>
                 </div>
-                <div class="section-what-is-EP-box "onclick="location.href='/kofi';" >
+                <div class="section-click-box section-what-is-EP-box "onclick="location.href='/kofi';" >
                     <h2>What is Euphoria Patches?</h2>
                 </div>
             </div>

diff --git a/support/index.html b/support/index.html
@@ -88,10 +88,10 @@ <h1>Support</h1>
                     <p>If you want to support the development of Euphoria Patches and get some little benefits, you can support me on Patreon or Ko-Fi.</p>
                     <p>Dev versions - Monthly Supporters have access to early builds of my projects!</p>
                 </div><!-- /.hero-text -->
-                <div class="section-donation section-patreon_img "onclick="location.href='/patreon';">
+                <div class="section-donation section-click-box section-patreon_img "onclick="location.href='/patreon';">
                     <h2>Patreon</h2>
                 </div>
-                <div class="section-donation-kofi section-kofi_img "onclick="location.href='/kofi';" >
+                <div class="section-donation-kofi section-click-box section-kofi_img "onclick="location.href='/kofi';" >
                     <h2>Kofi</h2>
                 </div>
             </div>