Add files via upload

Error: sudz123#157 (comment) Rechanged the home.html to display a onstartup dialog box.
punitj1221 · Oct 8, 2019 · 0b92b30 · 0b92b30
1 parent 1d76af6
commit 0b92b30
Showing 1 changed file with 23 additions and 2 deletions.
diff --git a/src/home.html b/src/home.html
@@ -12,7 +12,7 @@
         <!--Scripts for Carousel-->
         <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"/>
     </head>
-    <body onload="" class="home">
+    <body onload="start()" id='body' class="home">
         <header id="head">
             <h3>Happy<span>_</span><strong>Hacking</strong></h3>
             <nav>
@@ -23,6 +23,26 @@ <h3>Happy<span>_</span><strong>Hacking</strong></h3>
                 <a onclick="goToHalloween();">HALLOWEEN PAGE</a>
             </nav>
         </header>
+        <dialog id="hack" style="z-index: 1000;width: 70%;height: 80%;top: 15%;display: none;position: fixed;background-image: url(images/hack.jpeg);background-repeat: no-repeat;background-size: 100% 100%;background-height:100%;">
+        	<!--  --><i class="fa fa-close" aria-hidden="true" onclick="hide()" style="float: right;z-index: 100;color: cyan;"></i>
+        	<!-- <a href="https://hacktoberfest.digitalocean.com" target="_blank"><img src="" width="100%" height="99%" style="margin: 0px;"></img></a> -->
+        	<!-- <center><button class="form-control" style="width: 50%;">Start Hacking</button></center> -->
+        	<br><br>
+
+        </dialog>
+        <script type="text/javascript">
+        	function start(){
+        		document.getElementById("body").style.overflowY="hidden";
+        		document.getElementById('hack').style.display="block";
+        		document.getElementById('containCarousel')=true;
+        	}
+        	function hide(){
+        		document.getElementById("body").style.overflowY="scroll";
+        		document.getElementById('hack').style.display="none";
+
+        	}
+        </script>
+
         <div class="container" id="containCarousel">
             <br>
             <div id="myCarousel" class="carousel slide" data-ride="carousel">
@@ -112,7 +132,8 @@ <h3><a class="name" href="#"></a>Diptanshu Agarwal</a></h3>
                  </ul>
               </div>
            </div>
-        </div><!-- ./card-container -->
+        </div>
+ <!-- ./card-container -->
 
                     <div>
                         <h3>What is Hacktoberfest?</h3>