hahahahha

Wynadorn · Sep 29, 2021 · 454f89d · 454f89d
1 parent f769b7b
commit 454f89d
Show file tree

Hide file tree

Showing 8 changed files with 60 additions and 6 deletions.
diff --git a/assets/favicon.ico b/assets/favicon.ico
diff --git a/css/style.css b/css/style.css
@@ -3,6 +3,10 @@
     margin: 0;
 }
 
+.regular:hover
+{
+    visibility: hidden;
+}
 
 body
 {
@@ -25,7 +29,7 @@ body
 
 @font-face {
     font-family: "CarlonAntique";
-    src: url("./assets/CaslonAntique.ttf");
+    src: url("../assets/CaslonAntique.ttf");
 }
 
 #QueueContainer span
@@ -34,8 +38,54 @@ body
     position: fixed;
     font-size: 28pt;
     font-family: "CarlonAntique";
-    top: 200px;
+    letter-spacing: 5px;
+    top: 218px;
     left: 50%;
     transform: translate(-50%, -50%);
     margin: 0 auto;
+}
+
+#top-buttons
+{
+    width: 160px;
+    height: 50px;
+    position: fixed;
+    top: 10px;
+    right: 20px;
+}
+
+#closeButton
+{
+    width: 60px;
+    height: 61px;;
+    background-image: url("../img/close.png");
+    position: absolute;
+    right:50px;
+    top: 60px;
+}
+
+#closeButton:hover
+{
+    background-image: url("../img/close-glow.png");
+}
+
+#cancelButton
+{
+    width: 348px;
+    height: 50px;;
+    background-image: url("../img/cancel.png");
+    position: absolute;
+    left: 50%;
+    margin-left: -174px;
+    bottom: 88px;
+}
+
+#cancelButton:hover
+{
+    background-image: url("../img/cancel-glow.png");
+}
+
+body:after{
+ display:none;
+ content: url("../img/close-glow.png") url("../img/cancel-glow.png");
 }
diff --git a/img/buttons.png b/img/buttons.png
diff --git a/img/cancel-glow.png b/img/cancel-glow.png
diff --git a/img/cancel.png b/img/cancel.png
diff --git a/img/close-glow.png b/img/close-glow.png
diff --git a/img/close.png b/img/close.png
diff --git a/index.html b/index.html
@@ -5,10 +5,16 @@
         <title>New World Online</title>
         <link rel="stylesheet" href="./css/style.css">
         <meta name="New World Online" content="Experience New World right in your browser! No download required!">
+        <link rel="icon" type="image/png" href="./assets/favicon.ico">
     </head>
     <body>
+        <div id="top-buttons">
+            <img src="./img/buttons.png">
+        </div>
         <div id="QueueContainer">
-            <span>9999</span>
+            <div id="closeButton"></div>
+            <div id="cancelButton"></div>
+            <span id="QueuePosition">1213</span>
             <img src="./img/queue.png">
         </div>
         <div id="PlayButton">
@@ -20,10 +26,8 @@
             </div>
         </div>
 
-        <audio autoplay controls id="myaudio">
+        <audio autoplay controls id="bg-music">
             <source src="./assets/embark.mp3" type="audio/mpeg">
         </audio>
-
-        <script> document.getElementById('myaudio').play();</script>
     </body>
 </html>