🔖 Added tag in challenge-16

gupta-ji6 · gupta-ji6 · commit 786f311c6c58 · 2020-08-07T12:36:17.000+05:30
diff --git a/15-Localstorage/index.html b/15-Localstorage/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <title>LocalStorage</title>
+    <title>LocalStorage - JavaScript30 by Ayush Gupta</title>
     <meta charset="UTF-8" />
     <link rel="stylesheet" href="src/styles.css" />
     <link rel="stylesheet" href="../common.css" type="text/css" />
diff --git a/16-Mousemove-Shadow/index.html b/16-Mousemove-Shadow/index.html
@@ -2,8 +2,9 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <title>Mouse Shadow</title>
+    <title>Mouse Shadow - JavaScript30 by Ayush Gupta</title>
     <link href="src/styles.css" rel="stylesheet" type="text/css" />
+    <link rel="stylesheet" href="../common.css" type="text/css" />
     <link
       rel="apple-touch-icon"
       sizes="180x180"
@@ -23,8 +24,15 @@
     />
   </head>
   <body>
+    <a href="https://javascript30.ayushgupta.tech" target="_blank">
+      <div class="project-tag" style="background-color: white; color: black;">
+        <div class="tag-num">#16</div>
+        <div class="tag-text">of JavaScript30</div>
+      </div>
+    </a>
     <div class="hero">
       <h1 contenteditable>🔥WOAH!</h1>
+      <h7>Pro Tip: The text above is editable ;-)</h7>
     </div>
 
     <script src="src/index.js"></script>
diff --git a/16-Mousemove-Shadow/src/styles.css b/16-Mousemove-Shadow/src/styles.css
@@ -1,18 +1,25 @@
 html {
-  color: black;
+  color: white;
   font-family: sans-serif;
 }
 body {
   margin: 0;
+  background-image: url("http://thepatternlibrary.com/img/at.png");
 }
 .hero {
   min-height: 100vh;
   display: flex;
   justify-content: center;
   align-items: center;
-  color: black;
+  flex-direction: column;
+  color: white;
 }
 h1 {
   text-shadow: 10px 10px 0 rgba(0, 0, 0, 1);
   font-size: 100px;
 }
+
+h7{
+  color: lightcoral;
+  font-family: monospace;
+}
