Revise #1

axolotlagatsuma · axolotlagatsuma · commit 922d04dffc11 · 2024-05-15T18:14:15.000+03:00
diff --git a/css/bootstrap.min.css b/css/bootstrap.min.css
diff --git a/css/custom.css b/css/custom.css
@@ -25,6 +25,15 @@ button {
     transition: .3s ease-in-out !important;
 }
 
+.hide {
+    display: none;
+  }
+
+.asterix:hover + .hide {
+    display: block;
+    color: #c43c6b;
+}
+
 .atlas-cta:hover {
     text-decoration: none;
     transform: translateY(-5px);
diff --git a/index.html b/index.html
@@ -1,5 +1,4 @@
 <!DOCTYPE html>
-<html lang="zh-TW">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
@@ -48,8 +47,8 @@ <h2 class="text-center font-weight-bold my-5">
         <div class="row">
             <div data-aos="fade-up" data-aos-delay="0" data-aos-duration="1000" data-aos-once="true" class="col-md-4 text-center">
                 <img style="width: 120px; height: 120px;" src="img/velocity.png" alt="Velocity" class="mx-auto">
-                <h4>Cross-server</h4>
-                <p>Works with Velocity, Bungee-cord or Waterfall networks.</p>
+                <h4>Works across servers!</h4>
+                <p title="Requires a separate plugin to be installed on the proxy">Can send players between servers under Velocity<a class="asterix" href="https://modrinth.com/plugin/bungeebark">*</a> and Bungeecord-based proxies.</p>
             </div>
             <div data-aos="fade-up" data-aos-delay="200" data-aos-duration="1000" data-aos-once="true" class="col-md-4 text-center">
                 <img style="width: 120px; height: 120px;" src="img/settings.svg" alt="Settings" class="mx-auto">
@@ -160,36 +159,11 @@ <h4 class="my-4">Alpha Testers</h4>
     <!-- contact -->
     <div class="jumbotron jumbotron-fluid" id="contact" style="background-image: url(img/bg.jpg);">
         <div class="container my-5">
-            <div class="row justify-content-between">
-                <div class="col-md-6 text-white">
+            <!-- <div class="row justify-content-between"> -->
+                <div class="text-white">
+                    <div class="text-white">
                     <h2 class="font-weight-bold">Contact Us</h2>
-                    <p class="my-4">
-                        "Stop saying stuff that I never said." <br>          
-                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; - Sun Tzu, The Art of War
-                    </p>
-                    <ul class="list-unstyled">
-                        <li>Email : contact@sgrewritten.org</li>
-                        <li>Address : Earth, Solar System, The Milky Way</li>
-                    </ul>
-                </div>
-                <div class="col-md-6">
-                    <form>
-                        <div class="row">
-                            <div class="form-group col-md-6">
-                                <label for="name">Your Name</label>
-                                <input type="name" class="form-control" id="name">
-                            </div>
-                            <div class="form-group col-md-6">
-                                <label for="Email">Your Email</label>
-                                <input type="email" class="form-control" id="Email">
-                            </div>
-                        </div>
-                        <div class="form-group">
-                            <label for="message">Message</label>
-                            <textarea class="form-control" id="message" rows="3"></textarea>
-                        </div>
-                        <button type="submit" class="btn font-weight-bold atlas-cta atlas-cta-wide cta-green my-3">Submit</button>
-                    </form>
+                    <p class="my-4"> We got a message from the Tok'ra. Apparently they've been trying to contact us for over three months." </p>
                 </div>
             </div>
         </div>
@@ -198,7 +172,7 @@ <h2 class="font-weight-bold">Contact Us</h2>
     <!-- copyright -->
     <div class="jumbotron jumbotron-fluid" id="copyright">
         <div class="container">
-            <div class="row justify-content-between">
+           <!-- <div class="row justify-content-between"> -->
                 <div class="col-md-6 text-white align-self-center text-center text-md-left my-2">
                     Copyright © Sike, it's not copyrighted. :D <br> Made by <a href="https://github.com/axolotlagatsuma">axolotlagatsuma</a> with love.
                 </div>
