Add files via upload

kay-who-codes · Jan 23, 2025 · a5aa1b8 · a5aa1b8
1 parent e19d7ac
commit a5aa1b8
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 24 deletions.
diff --git a/index.html b/index.html
@@ -7,29 +7,34 @@
   <link rel="stylesheet" href="style.css">
 </head>
 <body>
-  <header class="header-bar">
-    <a href="https://github.com/kay-who-codes/Ultimate-Drinking-Cards" class="header-link">🃏 Ultimate Drinking Cards 🍺</a>
-    <div class="dropdown">
-      <button class="dropbtn" onclick="toggleDropdown()">More Apps</button>
-      <div class="dropdown-content" id="dropdownMenu">
-        <a href="https://kay-who-codes.github.io/Cards-Against-Humanity/">⬜ Cards Against Humanity</a>
-        <a href="https://kay-who-codes.github.io/Ultimate-Drinking-Cards">🍻 Ultimate Drinking Cards</a>
-        <a href="https://kay-who-codes.github.io/Kings-Cup/">🍺 Kings Cup</a>
-        <a href="https://kay-who-codes.github.io/Question-Cards/">❓ Question Cards</a>
-        <a href="https://kay-who-codes.github.io/Daily-Comic-Strips/">🗞️ Comic Strips</a>
-        <a href="https://kay-who-codes.github.io/Soundboard/">🔊 Soundboard</a>
-        <a href="https://kay-who-codes.github.io/Greek-Quiz/">🇬🇷 Greek Quiz</a>
-        <a href="https://kay-who-codes.github.io/HTML-Displayer/">👁️ HTML Viewer</a>
-        <a href="https://kay-who-codes.github.io/Calendar-Holiday-Countdown/">📅 Calendar Countdown</a>
-        <a href="https://kay-who-codes.github.io/Skint-Countdown/">⌛ Skint Countdown</a>
-        <a href="https://kay-who-codes.github.io/Song-Inspirator/">🎶 Song Inspirator</a>
-        <a href="https://kay-who-codes.github.io/Bible-Completion-Calculator/">✝️ Bible Completion Calculator</a>
-        <a href="https://kay-who-codes.github.io/Random-Bible-Verse/">✝️ Random Bible Verses</a>
-        <a href="https://kay-who-codes.github.io/Random-Numbers/">🔢 Random Number Generator</a>
-        <a href="https://kay-who-codes.github.io/Coinflip/">🪙 Coinflip</a>
+    <!-- Header Bar -->
+    <header class="header-bar">
+      <a href="https://github.com/kay-who-codes/Greek-Quiz" class="header-link">🇬🇷 Greek Quiz</a>
+      <div class="dropdown">
+        <button class="dropbtn" onclick="toggleDropdown()">More Apps</button>
+        <div class="dropdown-content" id="dropdownMenu">
+          <a href="https://kay-who-codes.github.io/Cards-Against-Humanity/">⬜ Cards Against Humanity</a>
+          <a href="https://kay-who-codes.github.io/Ultimate-Drinking-Cards">🍻 Ultimate Drinking Cards</a>
+          <a href="https://kay-who-codes.github.io/Kings-Cup/">🍺 Kings Cup</a>
+          <a href="https://kay-who-codes.github.io/Question-Cards/">❓ Question Cards</a>
+          <a href="https://kay-who-codes.github.io/Daily-Comic-Strips/">🗞️ Comic Strips</a>
+          <a href="https://kay-who-codes.github.io/Percentage-Calculators/">➗ Percentage Calculators</a>
+          <a href="https://kay-who-codes.github.io/Drink-Value-Calculator/">🍸 Drink Value Calculator</a>
+          <a href="https://kay-who-codes.github.io/Soundboard/">🔊 Soundboard</a>
+          <a href="https://kay-who-codes.github.io/Greek-Quiz/">🇬🇷 Greek Quiz</a>
+          <a href="https://kay-who-codes.github.io/HTML-Displayer/">👁️ HTML Viewer</a>
+          <a href="https://kay-who-codes.github.io/Calendar-Holiday-Countdown/">📅 Calendar Countdown</a>
+          <a href="https://kay-who-codes.github.io/Skint-Countdown/">⌛ Skint Countdown</a>
+          <a href="https://kay-who-codes.github.io/Song-Inspirator/">🎶 Song Inspirator</a>
+          <a href="https://kay-who-codes.github.io/Advertising-Character-Generator/">👤 Advertising Character Generator</a>   
+          <a href="https://kay-who-codes.github.io/Bible-Completion-Calculator/">✝️ Bible Completion Calculator</a>
+          <a href="https://kay-who-codes.github.io/Random-Bible-Verse/">✝️ Random Bible Verses</a>
+          <a href="https://kay-who-codes.github.io/Random-Numbers/">🔢 Random Number Generator</a>
+          <a href="https://kay-who-codes.github.io/Coinflip/">🪙 Coinflip</a>
+          <a href="https://kay-who-codes.github.io/Game-Point-Tracker/">⚽ Game Point Tracker</a>
+        </div>
       </div>
-    </div>
-  </header>
+    </header>
   <div id="app">
     <div class="card" id="coverCard">
       <div class="card-front">Ultimate Drinking Cards</div>

diff --git a/style.css b/style.css
@@ -55,6 +55,8 @@
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
   z-index: 1001;
   min-width: 200px;
+  max-height: 380px; /* Set a maximum height for the dropdown */
+  overflow-y: auto; /* Enable vertical scrolling */
   padding: 10px 0;
 }
 
@@ -204,8 +206,8 @@ body {
 .card .card-front,
 .card .card-back {
   position: absolute;
-  width: 92%;
-  height: 95%;
+  width: 100%;
+  height: 100%;
   backface-visibility: hidden;
   display: flex;
   justify-content: center;