More changes

E-Cafe Website/about.html

@@ -25,13 +25,13 @@
             <img src="Images/Duck.png" alt="Profile picture of Ebsku">
             <figcaption>Ebsku</figcaption>
         </figure>
-    </section>
-    <!-- 
+    </section> 
     <iframe
         class="discord"
         src="https://discord.com/widget?id=1003699887239610480&theme=dark" width="350" height="500" allowtransparency="true" frameborder="0" sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts">
     </iframe>
-
-     -->
+    <footer>
+        <a href="https://discord.gg/UwcQBWF6vF" target="_blank" rel="noopener noreferrer">Discord</a>
+    </footer>
 </body>
 </html>

E-Cafe Website/flagle.html

@@ -13,7 +13,10 @@
         <nav>
             <ul>
                 <li><a href="index.html">Home</a></li>
-                <li><a href="games.html">Other Games</a></li>
+                <li><a href="games.html">Games</a></li>
+                <li class="logo"><a href="index.html"></a></li>
+                <li>Links</li>
+                <li><a href="about.html">About</a></li>
             </ul>
         </nav>
     </header>
@@ -28,6 +31,9 @@
     </div>
 
     <button>Guess</button>
+    <footer>
+        <a href="https://discord.gg/UwcQBWF6vF" target="_blank" rel="noopener noreferrer">Discord</a>
+    </footer>
 </body>
 
 </html>

E-Cafe Website/gamedlestyles.css

@@ -7,7 +7,7 @@ section.gamedle-section {
 }
 
 section.gamedle-section div {
-    background: rgb(42, 42, 42);
+    background: rgba(42, 42, 42, 0.75);
     color: white;
     margin: 1%;
     display: inline-block;
@@ -15,7 +15,7 @@ section.gamedle-section div {
 }
 
 div.gamedle-section {
-    background: rgb(42, 42, 42);
+    background: rgba(42, 42, 42, 0.75);
     color: white;
     margin: 1%;
     display: flex;

E-Cafe Website/games.html

@@ -16,6 +16,9 @@
             <ul>
                 <li><a href="index.html">Home</a></li>
                 <li><a href="games.html">Games</a></li>
+                <li class="logo"><a href="index.html"></a></li>
+                <li>Links</li>
+                <li><a href="about.html">About</a></li>
             </ul>
         </nav>
     </header>
@@ -30,5 +33,8 @@
     <button>
         Speechle
     </button>
+    <footer>
+        <a href="https://discord.gg/UwcQBWF6vF" target="_blank" rel="noopener noreferrer">Discord</a>
+    </footer>
 </body>
 </html>

E-Cafe Website/index.html

@@ -23,6 +23,7 @@
         <p><strong>Welcome to E-Cafe!</strong><br>
         We're a small community with a Discord server, a Minecraft server</p>
     </section>
+    <footer>
         <a href="https://discord.gg/UwcQBWF6vF" target="_blank" rel="noopener noreferrer">Discord</a>
     </footer>
 </body>

E-Cafe Website/styles.css

@@ -56,8 +56,8 @@ button {
     color: white;
     transform: scale(3, 3);
     width: 80px;
-    margin: 5%;
-    position: absolute;
+    margin: 7%;
+    text-align: center;
 }
 
 a {
@@ -90,13 +90,14 @@ iframe.discord {
     text-align: center;
 }
 
-.center {
-    text-align: center;
-}
-
 footer {
     background-color: rgb(42, 42, 42);
     text-align: center;
     padding: 20px 20px;
     color: gray;
+    margin-top: -50px;
+    position: fixed;
+    bottom:0;
+    width: 100%;
+    z-index: 1;
 }