added social media info

index.html

@@ -74,6 +74,13 @@
       </div>
       
     </div>
+    <div class="content">
+      <i class="fas fa-calendar-day"></i>
+      <div class="InstructionText">
+        <p>Horrordle will only run through Spooktober! make sure to check everyday until November.</p>
+      </div>
+      
+    </div>
    </div>
   	</div>
   </div>
@@ -156,9 +163,10 @@
       <h2>Support</h2>
       <a class="close" href="#">&times;</a>
         <p>Horrordle is a game for horror fans, inspired by <a href="https://framed.wtf/">Framed</a>, <a href="https://archiguesser.com/">Archiguesser</a>, <a href="https://medium.com/floodgates/the-complete-and-authoritative-list-of-wordle-spinoffs-fb00bfafc448">and all the other spinoffs.</a> </p>
-        <p>Each day a new horror movie is picked from a <a href="https://letterboxd.com/ashby/list/horrordle-october-2022/">curated list</a>. </p>
+        <!-- <p>Each day a new horror movie is picked from a <a href="https://letterboxd.com/ashby/list/horrordle-october-2022/">curated list</a>. </p> -->
         <p>This project is open-source and nowhere near complete. You can access and contribute by visiting the <a href="https://github.com/gocivici/horrordle">GitHub page.</a></p>
-        <p> If you have any suggestions or want to give feedback, you can also contact me on <a href="https://twitter.com/horrordle">twitter</a></p>
+        <p>If you have any suggestions or want to give feedback, you can also contact me on <a href="https://twitter.com/horrordle">twitter</a></p>
+        <p>Designed with ❤️ by <a href="https://gorkem.cc">Görkem</a></p>
       </div>
     </div>
   </div>
@@ -217,6 +225,7 @@
       <div class="result">
         <div id="resultText"></div>
         <input onclick="copyToClipboard()" type="button" id="shareResult" value="Share Result">
+        
       </div>
     </div>
   </div>
@@ -249,29 +258,32 @@
   </form>
   
   <p id="feedback"></p>
-  <h2 id="countDown"></h2>
+  <h2 id="countDown">00h 00m 00s</h2>
+  <div id="footer">
+    <p>❤️horrordle? Follow me on <a href="https://twitter.com/horrordle">twitter!</a></p>
+  
+  
+    <!-- <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-nc-sa/4.0/80x15.png" /></a><br /> -->
+  
+  
+   </div> 
   <!-- <div class="result">
     <div id="resultText"></div>
     <input onclick="copyToClipboard()" type="button" id="shareResult" value="Share Result">
   </div> -->
+
   <div class="bottomContainer">
   <div id="firstGuess"></div>
   <div id="secondGuess"></div>
   <div id="thirdGuess"></div>
   </div>
-  <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
-  <script src="https://cdn.jsdelivr.net/npm/@tarekraafat/autocomplete.js@10.2.7/dist/autoComplete.min.js"></script>
-
-  <script src="main.js"></script>
-
-<!-- <footer class="footer">
-  <p>Designed with ❤️ by <a href="https://ko-fi.com/Gorkem">Görkem</a></p>
 
 
-  <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-nc-sa/4.0/80x15.png" /></a><br />
 
+ <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/@tarekraafat/autocomplete.js@10.2.7/dist/autoComplete.min.js"></script>
 
-</footer> -->
+ <script src="main.js?2"></script>
 
 </body>
 

main.js

@@ -46,6 +46,7 @@ function revealButtons(g = guessNo){
 }
 // document.getElementById("button2").style.display = "none"
 // document.getElementById("button3").style.display = "none"
+// document.getElementById("footer").style.display = "block"
 
 
 
@@ -62,7 +63,7 @@ var movies = [
   ["Hellraiser", 2, "Kirsty Cotton"],
   ["Final Destination", 2, "Alex Browning"],
   ["Annihilation", 2, "Lena"],
-  ["Scream"],
+  ["Scream",0,"Dewey Riley"],
   ["28 Days Later"],
   ["Fear Street"],
   ["Escape Room"],
@@ -1151,7 +1152,8 @@ function clearGuess() {
   document.getElementById("secondGuess").style.display = "none";
   document.getElementById("shareResult").style.display = "none";
   document.getElementById("guessForm").style.display = "block";
-  document.getElementById("countDown").style.display = "none"
+  document.getElementById("countDown").style.display = "none";
+  document.getElementById("footer").style.display = "none";
   
 }
 
@@ -1176,7 +1178,7 @@ streakNumber.textContent =localStorage.getItem('streak');
   if(localStorage.getItem('result')) {localStorage.setItem('result', textResult);}
   if(localStorage.getItem('firstGuess')){firstGuess.textContent = "❌ " + localStorage.getItem('firstGuess');document.getElementById("firstGuess").style.display = "block";}
   if(localStorage.getItem('secondGuess')){secondGuess.textContent = "❌ " + localStorage.getItem('secondGuess');document.getElementById("secondGuess").style.display = "block";}
-  if(localStorage.getItem('winningGuess')||localStorage.getItem('lost')){document.getElementById("resultText").innerHTML =textResult;document.getElementById("movieFrame").style.display = "none";document.getElementsByClassName("resultContainer")[0].style.display="flex";document.getElementsByClassName("picButtons")[0].style.display="none";revealButtons(2);document.getElementById("feedback").innerHTML = "Next movie at <b>midnight!</b> 🕛";document.getElementById("shareResult").style.display = "block";document.getElementById("countDown").style.display = "block";document.getElementById("guessForm").style.display = "none";document.getElementById("firstGuess").style.display = "none";document.getElementById("secondGuess").style.display = "none";document.getElementById("resultText").style.display="block";}else {document.getElementById("shareResult").style.display = "none";document.getElementById("guessForm").style.display = "block";document.getElementById("resultText").style.display="none";};
+  if(localStorage.getItem('winningGuess')||localStorage.getItem('lost')){document.getElementById("resultText").innerHTML =textResult;document.getElementById("movieFrame").style.display = "none";document.getElementsByClassName("resultContainer")[0].style.display="flex";document.getElementsByClassName("picButtons")[0].style.display="none";revealButtons(2);document.getElementById("feedback").innerHTML = "Next movie at <b>midnight!</b> 🕛";document.getElementById("shareResult").style.display = "block";document.getElementById("countDown").style.display = "block";document.getElementById("footer").style.display = "block";document.getElementById("guessForm").style.display = "none";document.getElementById("firstGuess").style.display = "none";document.getElementById("secondGuess").style.display = "none";document.getElementById("resultText").style.display="block";}else {document.getElementById("shareResult").style.display = "none";document.getElementById("guessForm").style.display = "block";document.getElementById("resultText").style.display="none";};
   if(localStorage.getItem('lost')){ document.getElementById("congratz").innerHTML = "You lost☠️"; document.getElementsByClassName("resultContainer")[0].style.borderColor = "#C62828";}
   secondGuess.textContent = "❌ " + localStorage.getItem('secondGuess');
   revealButtons();
@@ -1255,6 +1257,7 @@ window.onload = deathOftheDay();
     document.getElementById("resultText").innerHTML = textResult;
     document.getElementById("resultText").style.display="block";
     document.getElementById("countDown").style.display = "block";
+    document.getElementById("footer").style.display = "block";
     document.getElementById("shareResult").style.display = "block";
     document.getElementById("submitBonusGuess").style.display="none";
     document.getElementById("skipBonusGuess").style.display="none";

style.css

@@ -254,6 +254,10 @@ align-items: center;
   padding-right:13.75px !important;
   padding-left:13.75px !important;
 }
+.fa-calendar-day{
+  padding-right:17.25px !important;
+  padding-left:17.25px !important;
+}
 .content{
   width: 100%;
   position: relative;
@@ -345,19 +349,27 @@ h3 {
   overflow: auto;
 }
 
-.footer{
+#footer{
+  display:none;
   font-family: 'Arial', sans-serif;
   font-size: 12px;
   position: relative;
-  bottom: 10px;
+  bottom: 0px;
   left: 0;
   right: 0;
+  top:0;
   width: 100%;
   text-align: center;
   margin: auto;
-  color: #ECECEC;
+  color: #9b9b9b;
   /* position: absolute; */
   }
+  #footer a{
+    color:rgb(178, 0, 0);
+  }
+  #footer p{
+    /* margin-top: -15px; */
+  }
   a {
     color: red;
     background-color: transparent;
@@ -394,7 +406,7 @@ i{
 }
 #shareResult{
   background-color: green;
-  margin-top: 40px;
+  margin-top: 50px;
   bottom: 5px;
   display:none;
   margin-left: auto;
@@ -723,6 +735,9 @@ border-radius: 5px;
     /* padding-left: 5px;
     padding-right: 5px; */
   }
+  #shareResult{
+    margin-top: 20px;
+  }
   /* i{
     padding-left: 5px !important;
     padding-right: 20px;