experimenting pls dont be mad

2 years ago · 070f80b776
parent e5e1eb4158
commit 070f80b776
3 changed files with 15 additions and 22 deletions
--- a/web/fonts/Bradley
+++ b/web/fonts/Bradley
--- a/web/index.html
+++ b/web/index.html
@ -1,20 +1,10 @@
+<!DOCTYPE html>
+<html>
 <head>
-  <style>
-    body{
-      	font-family: Times;
-    	  text-align:center;
-        /* background-color: #000; */
-        /* color: #ccc; */
-        max-width: 30rem;
-        margin: 2rem auto;
-        line-height: 1.3;
-        letter-spacing: 0.1px;
-    }
-    ::selection{
-      background-color: #53018e;
-      color: #ccc;
-    }
-  </style>
+<meta name="viewport" content= "width=device-width, initial-scale=1.0">
+<meta charset="utf-8">
+<link rel="stylesheet" type="text/css" href="style.css">
+<title>Console</title>
 </head>
 <body>
  <p>XPUB & PNF present: </p>
@ -41,6 +31,8 @@ Are you ready to play? </p>
  <!-- <a href="./spin-wheel/">Wheel of Fortune</a>
  <a>Oracolotto</a> -->
    
+<!------------- HI FRIENDS CARA IS TRYING TO ADD FOG --------->
+
    <div id="foglayer_01" class="fog">
  <div class="image01"></div>
  <div class="image02"></div>
--- a/web/style.css
+++ b/web/style.css
@ -2,21 +2,22 @@
     
 }
 body
-    font-family: Times;
+    font-family: Bradley Gratis;
+    src: url(web/fonts/'Bradley Gratis.ttf') format('ttf');
    text-align:center;
-    /* background-color: #000; */
-    /* color: #ccc; */
+    background-color: #000;
+    color: #ccc
    max-width: 30rem;
    margin: 2rem auto;
    line-height: 1.3;
    letter-spacing: 0.1px;
-    color: #53018e
+    /*color: #53018e*/
 }
 img{
    max-width: 100%;
 }
 ::selection{
-background-color: #53018e;
+background-color: #000;
 color: #ccc;
 }