changed quote array to quote object

css/report-css.css

@@ -0,0 +1,113 @@
+  body{
+      min-height: 100%;
+      margin: 0;
+      padding: 0;
+      background: url("../img/back2.png") no-repeat center center fixed;
+      -webkit-background-size: cover;
+      -moz-background-size: cover;
+      -o-background-size: cover;
+      background-size: cover;
+    }
+    .content{
+      position: relative;
+      width: 80%;
+      margin: 0 auto;
+      border-radius: 5px;
+    }
+    .head{
+      font-family: 'Gloria Hallelujah', sans-serif;
+      text-align: center;
+      font-size: 30px;
+      color: white;
+    }
+    h2{
+      margin: 0;
+    }
+    .form{
+      padding: 20px;
+      background: #b2bec3;
+      border-radius: 5px;
+      margin: 30px auto;
+      width: 60%;
+    }
+    input[type=text],input[type=email], select, textarea {
+        width: 100%;
+        font-family: 'Roboto Condensed', sans-serif;
+        display: block;
+        padding: 10px;
+        border: 1px solid #ccc;
+        border-radius: 4px;
+        box-sizing: border-box;
+        margin-top: 6px;
+        margin-bottom: 10px;
+        resize: vertical;
+        color: black;
+    }
+    input[type=submit] {
+        background-color: #eb3b5a;
+        color: white;
+        padding: 12px 20px;
+        border: none;
+        border-radius: 4px;
+        cursor: pointer;
+    }
+    input[type=submit]:hover {
+        background-color: #e66767;
+    }
+    button{
+      padding: 10px 20px;
+      color: white;
+      background: #eb3b5a;
+      border-radius: 5px;
+      text-align: center;
+      transition: 1s ease;
+    }
+    .contact{
+      margin: 0 auto;
+      text-align: center;
+    }
+    #overlay{
+      display: none;
+      height:100%;
+      width:100%;
+      position:fixed;
+      left:0;
+      top:0;
+      z-index: 1;
+      transition: 1s ease;
+    }
+    #club-info{
+      background: grey;
+      font-family: 'Roboto Condensed', sans-serif;
+      margin: 200px auto;
+      padding: 20px;
+      border-radius: 5px;
+      border: 1px dashed black;
+      width: 80%;
+      display: grid;
+      grid-template-columns: 1fr 1fr 1fr 1fr;
+    }
+    .card{
+      text-align: center;
+    }
+    .card>a{
+      text-decoration: none;
+      background-color: transparent;
+      color: #fff;
+      display: block;
+    }
+    .card>img{
+      height: auto;
+      width: 80%;
+    }
+    .card>p{
+      color: black;
+      font-weight: 600;
+      font-size: 1.25em;
+      font-family: 'Roboto Condensed', sans-serif;
+    }
+    @media (max-width: 768px) {
+      .form{
+        width: 90%;
+      }
+    }

events.html

@@ -113,6 +113,7 @@ <h6>May 9 - May 23</h6>
   <div id="footer">
     <div id="foot-container">
       <i class="fas fa-copyright"></i> IIIT Kalyani Free and Open Source Community | made with <i style="color:red" class="fas fa-heart"></i> by iiitkalyanifosc | theme by <a style="display:inline; color:blue;" href="https://www.github.com/anubhavp28">@anubhavp28</a>
+	  <br><a href="report.html" style="text-decoration: none;">Report a Bug.</a
   </div>
 </body>
 </html>

index.html

@@ -155,6 +155,7 @@ <h3 class="tab-header" id="tab-header-3">Goal</h3>
   <div id="footer">
     <div id="foot-container">
       <i class="fas fa-copyright"></i> IIIT Kalyani Free and Open Source Community | made with <i style="color:red" class="fas fa-heart"></i> by iiitkalyanifosc | theme by <a style="display:inline; color:blue;" href="https://www.github.com/anubhavp28">@anubhavp28</a>
+	  <br><a href="report.html" style="text-decoration: none;">Report a Bug.</a>
   </div>
 </body>
 </html>

join.html

@@ -80,6 +80,7 @@ <h1>Come, build some cool kickass stuff!</h1>
   <div id="footer">
     <div id="foot-container">
       <i class="fas fa-copyright"></i> IIIT Kalyani Free and Open Source Community | made with <i style="color:red" class="fas fa-heart"></i> by iiitkalyanifosc | theme by <a style="display:inline; color:blue;" href="https://www.github.com/anubhavp28">@anubhavp28</a>
+	  <br><a href="report.html" style="text-decoration: none;">Report a Bug.</a
   </div>
 </body>
 </html>

js/preloader.js

@@ -5,7 +5,8 @@ window.addEventListener('load', function(){
   var qoutes = new Array();
   var peeps = new Array();
 //Add new quotes in this array.
-  quotes = ["Talk is cheap. Show me the code.",
+  quote_ref = {
+    quotes :["Talk is cheap. Show me the code.",
             "Programs must be written for people to read, and only incidentally for machines to execute.",
             "Always code as if the guy who ends up maintaining your code will be a violent psychopath who knows where you live",
             "I'm not a great programmer; I'm just a good programmer with great habits.",
@@ -14,14 +15,16 @@ window.addEventListener('load', function(){
             "What one programmer can do in one month, two programmers can do in two months.",
             "Every great developer you know got there by solving problems they were unqualified to solve until they actually did it.",
             "No one in the brief history of computing has ever written a piece of perfect software. It's unlikely that you'll be the first.",
-            "The biggest risk is not taking any risk... In a world that changing really quickly, the only strategy that is guaranteed to fail is not taking risks."];
-  peeps = ['Linus Torvalds','Harold Abelson','John Woods','Kent Beck','Steve Jobs','Bill Gates','Fred Brooks','Patrick McKenzie','Andy Hunt','Mark Zukerberg'];
+            "The biggest risk is not taking any risk... In a world that changing really quickly, the only strategy that is guaranteed to fail is not taking risks."],
+
+  peeps :['Linus Torvalds','Harold Abelson','John Woods','Kent Beck','Steve Jobs','Bill Gates','Fred Brooks','Patrick McKenzie','Andy Hunt','Mark Zukerberg']
+  };
 
 
 //Creates a random number for index 
-if (peeps.length == quotes.length){  
-  var index = Math.floor(Math.random()*quotes.length);
-  document.getElementById("quote-board").innerHTML = "\""+quotes[index]+"\" <br> -"+peeps[index];
+if (quote_ref.peeps.length == quote_ref.quotes.length){  
+  var index = Math.floor(Math.random()*quote_ref.quotes.length);
+  document.getElementById("quote-board").innerHTML = "\""+quote_ref.quotes[index]+"\" <br> -"+quote_ref.peeps[index];
   preloaderMain();
   }
 else {
@@ -49,3 +52,4 @@ function preloaderMain(){
     }
   }
 }
+

js/report-js.js

@@ -0,0 +1,25 @@
+var countClick = 0;
+
+window.addEventListener('mouseup',function(event){
+  var overlay = document.getElementById("overlay");
+  var overlay2 = document.getElementById("overlay2");
+  if(countClick==1){
+    if(event.target == overlay ){
+      document.getElementById("content").style.filter = "";
+      overlay.style.display = "none";
+      countClick = 0;
+    }
+  }
+});
+function popUp(){
+  var overlay = document.getElementById("overlay");
+  if(countClick == 0){
+    overlay.style.display = "block";
+    document.getElementById("content").style.filter = "blur(5px)";
+    countClick =1;
+  }
+  else{
+    overlay.style.display = "none";
+    countClick = 0;
+  }
+}

projects.html

@@ -120,6 +120,7 @@ <h2>Project Four</h2>
     <div id="footer">
       <div id="foot-container">
         <i class="fas fa-copyright"></i> IIIT Kalyani Free and Open Source Community | made with <i style="color:red" class="fas fa-heart"></i> by iiitkalyanifosc | theme by <a style="display:inline; color:blue;" href="https://www.github.com/anubhavp28">@anubhavp28</a>
+		<br><a href="report.html" style="text-decoration: none;">Report a Bug.</a
       </div>
     <div>
   </div>

report.html

@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>Report.</title>
+  <link href="css/report-css.css" rel="stylesheet">
+  <script defer src="https://use.fontawesome.com/releases/v5.0.10/js/all.js" integrity="sha384-slN8GvtUJGnv6ca26v8EzVaR9DC58QEwsIk9q1QXdCU8Yu8ck/tL/5szYlBbqmS+" crossorigin="anonymous"></script>
+  <link href="https://fonts.googleapis.com/css?family=Gloria+Hallelujah|Roboto+Condensed" rel="stylesheet">
+  <script type="text/javascript" src="js/report-js.js"></script>
+</head>
+<body>
+  <div class="content" id="content">
+  <div class="head">
+    <h2>Report that <img style="height:80px; width: 80px;" src="img/bug.png">.</h2>
+  </div>
+  <div class="form">
+    <form id="form"action="#">
+      <label for="fname">Name</label>
+      <input type="text" id="fname" name="firstname" placeholder="Your name..">
+  	    <label for="email">Email-id</label>
+  	    <input type="email" name="emailid" placeholder="[email protected]">
+
+        <label for="bug">Type of Bug</label>
+        <select class="bug-select" name="">
+          <option value="">Bug in display</option>
+          <option value="">Bug in Responsiveness</option>
+          <option value="">Bug in browser support</option>
+          <option value="">Bug in data displayed</option>
+          <option value="">-Other-</option>
+        </select>
+  	    <label for="subject">Subject</label>
+  	    <textarea id="subject" name="subject" placeholder="Tell us about the bug.." style="height:100px"></textarea>
+
+  	    <input type="submit" value="Submit" onClick="alert('Bug Reported!! Thanks.')">
+    	</form>
+    </div>
+
+    <div class="contact">
+        <button type="button" name="button" onclick="popUp()">Contact Club Moderators.</button>
+    </div>
+  </div>
+
+  <div id="overlay">
+  <div id="club-info">
+    <div class="card">
+      <img src="img/andrew.png" alt="">
+      <a href="https://github.com/zeus0789" target="_blank"><i class="fab fa-github fa-2x"></i></a>
+      <p>Abhishek Tiwari</p>
+    </div>
+
+    <div class="card">
+      <img src="img/andrew.png" alt="">
+      <a href="https://github.com/anubhavp28" target="_blank"><i class="fab fa-github fa-2x"></i></a>
+      <p>Anubhav Patel</p>
+    </div>
+
+    <div class="card">
+      <img src="img/andrew.png" alt="">
+      <a href="https://github.com/PulkitMishra" target="_blank"><i class="fab fa-github fa-2x"></i></a>
+      <p>Pulkit Mishra</p>
+    </div>
+
+    <div class="card">
+      <img src="img/andrew.png" alt="">
+      <a href="https://github.com/Satyam-TG" target="_blank"><i class="fab fa-github fa-2x"></i></a>
+      <p>Satyam Kumar</p>
+    </div>
+  </div>
+</div>
+
+</body>
+</html>

team.html

@@ -95,6 +95,7 @@ <h2>Your Name</h2>
   <div id="footer">
     <div id="foot-container">
       <i class="fas fa-copyright"></i> IIIT Kalyani Free and Open Source Community | made with <i style="color:red" class="fas fa-heart"></i> by iiitkalyanifosc | theme by <a style="display:inline; color:blue;" href="https://www.github.com/anubhavp28">@anubhavp28</a>
+	  <br><a href="report.html" style="text-decoration: none;">Report a Bug.</a
   </div>
 </body>
 </html>