diff --git a/images/Scream/1.png b/images/Scream/1.png new file mode 100644 index 0000000..ff48358 Binary files /dev/null and b/images/Scream/1.png differ diff --git a/images/Scream/2.png b/images/Scream/2.png new file mode 100644 index 0000000..fa036b7 Binary files /dev/null and b/images/Scream/2.png differ diff --git a/images/Scream/3.png b/images/Scream/3.png new file mode 100644 index 0000000..9f9f1bc Binary files /dev/null and b/images/Scream/3.png differ diff --git a/images/Scream/poster.jpg b/images/Scream/poster.jpg new file mode 100644 index 0000000..6bf752f Binary files /dev/null and b/images/Scream/poster.jpg differ diff --git a/index.html b/index.html index f5c1505..1366f30 100644 --- a/index.html +++ b/index.html @@ -74,6 +74,13 @@ +
+ +
+

Horrordle will only run through Spooktober! make sure to check everyday until November.

+
+ +
@@ -156,9 +163,10 @@

Support

×

Horrordle is a game for horror fans, inspired by Framed, Archiguesser, and all the other spinoffs.

-

Each day a new horror movie is picked from a curated list.

+

This project is open-source and nowhere near complete. You can access and contribute by visiting the GitHub page.

-

If you have any suggestions or want to give feedback, you can also contact me on twitter

+

If you have any suggestions or want to give feedback, you can also contact me on twitter

+

Designed with ❤️ by Görkem

@@ -217,6 +225,7 @@
+
@@ -249,29 +258,32 @@

-

+

00h 00m 00s

+ +
- - - - - - + diff --git a/main.js b/main.js index 7dd829b..b36d61e 100644 --- a/main.js +++ b/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 midnight! 🕛";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 midnight! 🕛";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"; diff --git a/style.css b/style.css index 4b8d2cb..e1d2e5b 100644 --- a/style.css +++ b/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;