Fixing image

feltocraig · Jul 9, 2024 · b1d499a · b1d499a
1 parent b511853
commit b1d499a
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 2 deletions.
diff --git a/Jax.jpg b/Jax.jpg
diff --git a/index.html b/index.html
@@ -8,7 +8,9 @@
 </head>
 <body>
     <div class="center">
-        <img src="Jax.jpg" alt="Jax" class="spin">
-    </div>
+        <div class="content">
+            <img src="jax.png" alt="Jax" class="spin">
+            <p class="coming-soon">Coming Soon...</p>
+        </div>
 </body>
 </html>
diff --git a/jax.png b/jax.png
diff --git a/styles.css b/styles.css
@@ -13,10 +13,23 @@ body, html {
     align-items: center;
 }
 
+.content {
+    text-align: center;
+}
+
 .spin {
     animation: spin 4s linear infinite;
 }
 
+.coming-soon {
+    line-height: 80px;
+    font-family: 'Open Sans', sans-serif;
+    font-weight: 700;
+    font-size: 50pt;
+    margin-top: 20px;
+    text-align: center;
+}
+
 @keyframes spin {
     0% { transform: rotate(0deg); }
     100% { transform: rotate(360deg); }