diff --git a/images/Event Horizon/1.png b/images/Event Horizon/1.png index 9138420..b4f3c76 100644 Binary files a/images/Event Horizon/1.png and b/images/Event Horizon/1.png differ diff --git a/images/Event Horizon/2.png b/images/Event Horizon/2.png index 08e6baa..c17b14c 100644 Binary files a/images/Event Horizon/2.png and b/images/Event Horizon/2.png differ diff --git a/images/Event Horizon/3.png b/images/Event Horizon/3.png index eb02d04..2509b69 100644 Binary files a/images/Event Horizon/3.png and b/images/Event Horizon/3.png differ diff --git a/images/Friday the 13th/1.png b/images/Friday the 13th/1.png index 89818e9..335eb32 100644 Binary files a/images/Friday the 13th/1.png and b/images/Friday the 13th/1.png differ diff --git a/images/Friday the 13th/2.png b/images/Friday the 13th/2.png index 309bacc..0741e02 100644 Binary files a/images/Friday the 13th/2.png and b/images/Friday the 13th/2.png differ diff --git a/images/Friday the 13th/3.png b/images/Friday the 13th/3.png index 24f0564..16dc90f 100644 Binary files a/images/Friday the 13th/3.png and b/images/Friday the 13th/3.png differ diff --git a/images/Friday the 13th/4.png b/images/Friday the 13th/4.png index cf45154..fe5a723 100644 Binary files a/images/Friday the 13th/4.png and b/images/Friday the 13th/4.png differ diff --git a/images/Group.png b/images/Group.png new file mode 100644 index 0000000..5dd8e50 Binary files /dev/null and b/images/Group.png differ diff --git a/images/Group.svg b/images/Group.svg new file mode 100644 index 0000000..d6bb158 --- /dev/null +++ b/images/Group.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/images/Hellraiser/1.png b/images/Hellraiser/1.png index 09d5c2b..72bba25 100644 Binary files a/images/Hellraiser/1.png and b/images/Hellraiser/1.png differ diff --git a/images/Hellraiser/2.png b/images/Hellraiser/2.png index 298bc92..6b41a62 100644 Binary files a/images/Hellraiser/2.png and b/images/Hellraiser/2.png differ diff --git a/images/Hellraiser/3.png b/images/Hellraiser/3.png index 6cc8b61..cb7efb2 100644 Binary files a/images/Hellraiser/3.png and b/images/Hellraiser/3.png differ diff --git a/images/Hellraiser/4.png b/images/Hellraiser/4.png index c072350..95c5690 100644 Binary files a/images/Hellraiser/4.png and b/images/Hellraiser/4.png differ diff --git a/images/It Follows/1.png b/images/It Follows/1.png index 37b07ab..2d9ef9f 100644 Binary files a/images/It Follows/1.png and b/images/It Follows/1.png differ diff --git a/images/It Follows/2.png b/images/It Follows/2.png index 8ffc337..3372ce0 100644 Binary files a/images/It Follows/2.png and b/images/It Follows/2.png differ diff --git a/images/It Follows/3.png b/images/It Follows/3.png index f2645bc..afc9716 100644 Binary files a/images/It Follows/3.png and b/images/It Follows/3.png differ diff --git a/images/The Texas Chainsaw Massacre/1.png b/images/The Texas Chainsaw Massacre/1.png index f1f5d65..89505fb 100644 Binary files a/images/The Texas Chainsaw Massacre/1.png and b/images/The Texas Chainsaw Massacre/1.png differ diff --git a/images/The Texas Chainsaw Massacre/2.png b/images/The Texas Chainsaw Massacre/2.png index 7318e64..fe17c40 100644 Binary files a/images/The Texas Chainsaw Massacre/2.png and b/images/The Texas Chainsaw Massacre/2.png differ diff --git a/images/The Texas Chainsaw Massacre/3.png b/images/The Texas Chainsaw Massacre/3.png index 5a41cbc..7fbe7fe 100644 Binary files a/images/The Texas Chainsaw Massacre/3.png and b/images/The Texas Chainsaw Massacre/3.png differ diff --git a/index.html b/index.html index 2426fc0..2afb020 100644 --- a/index.html +++ b/index.html @@ -38,22 +38,29 @@
-

Use the death scene provided to guess the name of the movie.

+

Use the movie scene provided to guess the name of the movie.

- +
-

If you guess wrong a new death - scene from the movie is revealed but you will use 1 point.

+

If you guess wrong a new + scene from the movie is revealed. You have a maximum of 3 guesses to find the movie

- +
-

You have a maximum of 3 guesses to find the movie.

+

you can use the buttons below the image to navigate once they are revealed.

+
+ +
+

If you guess right you'll have the chance to guess who the survivor is in the bonus stage

+
+ +
diff --git a/main.js b/main.js index 4d19a3e..bd68f21 100644 --- a/main.js +++ b/main.js @@ -12,7 +12,8 @@ // gameover movie name if(!localStorage.getItem('playedBefore')){ // window.location = window.location.href + "#info"; - window.location = "file:///C:/Users/gogob/Documents/dEATHDLE/Test/index.html#info" + window.location = "https://gorkem.cc/horo#info" + localStorage.setItem('playedBefore',"true"); } var buttonNo = 0; @@ -52,8 +53,8 @@ function revealButtons(g = guessNo){ console.log("gameBeginning: ",gameBeginning); console.log("now: ",present_date); -var textResult = "Horrordle #"+dayCount+"\n🔪"; -console.log(textResult); + +// console.log(textResult); function dayCounter(){ dayCount = Math.floor((present_date - gameBeginning) / (1000 * 60 * 60 * 24)); return dayCount; @@ -118,7 +119,7 @@ function firstCheck(){ -textResult = "Horrordle #"+dayCount+"\n🔪"; + function clearGuess() { localStorage.removeItem('firstGuess'); localStorage.removeItem('secondGuess'); @@ -220,6 +221,7 @@ window.onload = deathOftheDay(); document.getElementById("feedback").style.display = "block"; document.getElementById("feedback").innerHTML = "Next movie revealed at midnight! 🕛
"; document.getElementById("resultText").innerHTML = textResult; + document.getElementById("resultText").style.display="block"; document.getElementById("countDown").style.display = "block"; document.getElementById("shareResult").style.display = "block"; document.getElementById("submitBonusGuess").style.display="none"; @@ -228,13 +230,15 @@ window.onload = deathOftheDay(); showPic(movieOfTheDay[1]) console.log(buttonNo); } - + textResult = "Horrordle #"+dayCount+"\n🔪"; function checkGuess() { localStorage.setItem('playedBefore','true'); console.log("day count:" + dayCount); let myGuess = guess + if (myGuess === movieOfTheDay[0]) { + if(guessNo==0){localStorage.setItem('firstGuessStat',parseInt(localStorage.getItem('firstGuessStat')) + 1);} if(guessNo==1){localStorage.setItem('secondGuessStat',parseInt(localStorage.getItem('secondGuessStat')) + 1);} if(guessNo==2){localStorage.setItem('thirdGuessStat',parseInt(localStorage.getItem('thirdGuessStat')) + 1);} diff --git a/style.css b/style.css index 229a856..a96cb62 100644 --- a/style.css +++ b/style.css @@ -18,6 +18,32 @@ font-size: 18px; } +.customIcon { + /* background: url('images/Group.svg'); */ + /* background-repeat: no-repeat; */ + + /* background-attachment: fixed; */ + /* background-position: center; */ + /* background-size: 50px 70px; */ + display: block; + margin-left: auto; + margin-right: auto; + margin-top: 5px; + margin-bottom: 5px; + padding: 25px 10px; + height: 78px; + width: 68px; + /* display: box; */ + /* flex: none; */ + /* top: 50%; */ + + vertical-align: middle; + /* margin-top: 10px; + margin-bottom: 10px; */ + overflow: visible; + /* Other styles here */ +} + .resetButton{ align-items: center; display: block; @@ -41,9 +67,16 @@ margin-bottom: 20px; } .fa-tint{ + color: red; padding-left: 21.625px !important; padding-right: 21.625px !important; } +.fa-star{ + width 68px; + color: yellow; + padding-right:13.75px !important; + padding-left:13.75px !important; +} .content{ width: 100%; position: relative; @@ -247,7 +280,7 @@ figure{ align-self: center; } #guessForm { - width: 80%; + width: 450px; left: 0; right: 0; margin: 0 auto;