diff --git a/images/Event Horizon/1.png b/images/Event Horizon/1.png new file mode 100644 index 0000000..e05fc84 Binary files /dev/null and b/images/Event Horizon/1.png differ diff --git a/images/Event Horizon/2.png b/images/Event Horizon/2.png new file mode 100644 index 0000000..cceda48 Binary files /dev/null and b/images/Event Horizon/2.png differ diff --git a/images/Event Horizon/3.png b/images/Event Horizon/3.png new file mode 100644 index 0000000..c00fc3a Binary files /dev/null and b/images/Event Horizon/3.png differ diff --git a/images/Event Horizon/vlcsnap-2022-09-11-14h00m59s239.png b/images/Event Horizon/vlcsnap-2022-09-11-14h00m59s239.png new file mode 100644 index 0000000..3280bf9 Binary files /dev/null and b/images/Event Horizon/vlcsnap-2022-09-11-14h00m59s239.png differ diff --git a/images/Event Horizon/vlcsnap-2022-09-11-14h03m04s147.png b/images/Event Horizon/vlcsnap-2022-09-11-14h03m04s147.png new file mode 100644 index 0000000..e3fad6e Binary files /dev/null and b/images/Event Horizon/vlcsnap-2022-09-11-14h03m04s147.png differ diff --git a/images/Friday the 13th/1.jpg b/images/Friday the 13th/1.jpg deleted file mode 100644 index c60be78..0000000 Binary files a/images/Friday the 13th/1.jpg and /dev/null differ diff --git a/images/Friday the 13th/1.png b/images/Friday the 13th/1.png new file mode 100644 index 0000000..cf45154 Binary files /dev/null and b/images/Friday the 13th/1.png differ diff --git a/images/Friday the 13th/2.jpg b/images/Friday the 13th/2.jpg deleted file mode 100644 index 12147c3..0000000 Binary files a/images/Friday the 13th/2.jpg and /dev/null differ diff --git a/images/Friday the 13th/2.png b/images/Friday the 13th/2.png new file mode 100644 index 0000000..309bacc Binary files /dev/null and b/images/Friday the 13th/2.png differ diff --git a/images/Friday the 13th/3.jpg b/images/Friday the 13th/3.jpg deleted file mode 100644 index 6ec6d1c..0000000 Binary files a/images/Friday the 13th/3.jpg and /dev/null differ diff --git a/images/Friday the 13th/3.png b/images/Friday the 13th/3.png new file mode 100644 index 0000000..24f0564 Binary files /dev/null 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 new file mode 100644 index 0000000..89818e9 Binary files /dev/null and b/images/Friday the 13th/4.png differ diff --git a/images/a nightmare on elm street/1.jpg b/images/a nightmare on elm street/1.png similarity index 100% rename from images/a nightmare on elm street/1.jpg rename to images/a nightmare on elm street/1.png diff --git a/images/a nightmare on elm street/2.jpg b/images/a nightmare on elm street/2.png similarity index 100% rename from images/a nightmare on elm street/2.jpg rename to images/a nightmare on elm street/2.png diff --git a/images/a nightmare on elm street/3.jpg b/images/a nightmare on elm street/3.png similarity index 100% rename from images/a nightmare on elm street/3.jpg rename to images/a nightmare on elm street/3.png diff --git a/images/final destination/1.jpg b/images/final destination/1.jpg deleted file mode 100644 index c60be78..0000000 Binary files a/images/final destination/1.jpg and /dev/null differ diff --git a/images/final destination/2.jpg b/images/final destination/2.jpg deleted file mode 100644 index 12147c3..0000000 Binary files a/images/final destination/2.jpg and /dev/null differ diff --git a/images/final destination/3.jpg b/images/final destination/3.jpg deleted file mode 100644 index 6ec6d1c..0000000 Binary files a/images/final destination/3.jpg and /dev/null differ diff --git a/images/hellrasier/1.png b/images/hellrasier/1.png new file mode 100644 index 0000000..298bc92 Binary files /dev/null and b/images/hellrasier/1.png differ diff --git a/images/hellrasier/2.png b/images/hellrasier/2.png new file mode 100644 index 0000000..c072350 Binary files /dev/null and b/images/hellrasier/2.png differ diff --git a/images/hellrasier/3.png b/images/hellrasier/3.png new file mode 100644 index 0000000..e9dffa3 Binary files /dev/null and b/images/hellrasier/3.png differ diff --git a/images/scream 2/1.jpg b/images/scream 2/1.jpg deleted file mode 100644 index 2f24e1d..0000000 Binary files a/images/scream 2/1.jpg and /dev/null differ diff --git a/images/scream 2/2.jpg b/images/scream 2/2.jpg deleted file mode 100644 index fc4a974..0000000 Binary files a/images/scream 2/2.jpg and /dev/null differ diff --git a/images/scream 2/3.jpg b/images/scream 2/3.jpg deleted file mode 100644 index 185a22e..0000000 Binary files a/images/scream 2/3.jpg and /dev/null differ diff --git a/index.html b/index.html index bdd54b6..324ac70 100644 --- a/index.html +++ b/index.html @@ -146,8 +146,9 @@ --> +
movie death frame - +
@@ -160,6 +161,7 @@

+

diff --git a/main.js b/main.js index 168298a..05b2bb6 100644 --- a/main.js +++ b/main.js @@ -10,14 +10,16 @@ for (var i = 0; i < localStorage.length; i++){ - var movies = ["a nightmare on elm street","Friday the 13th","Final Destination","Scream 2","The Cabin in the Woods","American Psycho","It Follows","Candyman","Child's Play","The Texas Chain Saw Massacre","Alien","Halloween"]; + var movies = ["a nightmare on elm street","Friday the 13th","Event Horizon","Hellraiser","The Cabin in the Woods","American Psycho","It Follows","Candyman","Child's Play","The Texas Chain Saw Massacre","Alien","Halloween"]; var pix = []; autocomplete(document.getElementById("guess"), movies); - var gameBeginning = new Date('September 8, 2022 00:00:00'); - + var gameBeginning = new Date('September 10, 2022 13:02:00'); + var countDownTime = new Date(); + var present_date = new Date(); + // gameBeginning = new Date(gameBeginning.getTime() + 0 * 60 * 1000); console.log(gameBeginning.getTimezoneOffset()); - var present_date = new Date(); + console.log("gameBeginning: ",gameBeginning); console.log("now: ",present_date); var dayCount = Math.floor((present_date - gameBeginning) / (1000 * 60 * 60 * 24)); @@ -91,6 +93,7 @@ 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" textResult = "Horrordle #"+dayCount+"\nšŸ”Ŗ"; } function checkingGuess() { @@ -110,7 +113,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')){feedback.textContent = "You got it right!";document.getElementById("shareResult").style.display = "block";document.getElementById("guessForm").style.display = "none";document.getElementById("firstGuess").style.display = "none";document.getElementById("secondGuess").style.display = "none";}else {document.getElementById("shareResult").style.display = "none";document.getElementById("guessForm").style.display = "block";}; + if(localStorage.getItem('winningGuess')){feedback.textContent = "You got it right!";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";}else {document.getElementById("shareResult").style.display = "none";document.getElementById("guessForm").style.display = "block";}; secondGuess.textContent = "āŒ" + localStorage.getItem('secondGuess'); }else { clearGuess(); @@ -129,7 +132,7 @@ checkingGuess(); movieOfTheDay = movies[dayCount-1]; for (let i = 1; i < 4; i++) { - pix.push("images/"+movieOfTheDay+"/"+i+".jpg"); + pix.push("images/"+movieOfTheDay+"/"+i+".png"); } console.log('Movie: ', movieOfTheDay); console.log('Array: ', pix); @@ -150,6 +153,7 @@ console.log("day count:" + dayCount); streakNumber.textContent = " " + localStorage.getItem('streak'); document.getElementById("guessForm").style.display = "none"; feedback.textContent = "You got it right!"; + document.getElementById("countDown").style.display = "block"; document.getElementById("shareResult").style.display = "block"; localStorage.setItem("winningGuess", guess.value); document.getElementById("firstGuess").style.display = "none"; @@ -217,7 +221,8 @@ console.log("day count:" + dayCount); /*for each item in the array...*/ for (i = 0; i < arr.length; i++) { - newArray = arr[i].split(" "); + // newArray = arr[i].split(" "); + newArray = arr[i].split(" "); /*check if the item starts with the same letters as the text field value:*/ for (var j = 0; j < newArray.length; j++) { @@ -362,6 +367,26 @@ const config = { } }; +var x = setInterval(function() { + countDownTime.setDate(Math.floor((present_date - gameBeginning) / (1000 * 60 * 60 * 24))+2); + countDownTime.setHours(13); + countDownTime.setMinutes(02); + countDownTime.setSeconds(0); + var now = new Date(); + var remainingTime = countDownTime - now; + const second = 1000; + const minute = second * 60; + const hour = minute * 60; + const day = hour * 24; + hoursLeft = Math.trunc((remainingTime % day) / hour); + minutesLeft = Math.trunc((remainingTime % hour) / minute); + secondsLeft = Math.trunc((remainingTime % minute) / second); +document.getElementById("countDown").innerHTML = hoursLeft + "h " ++ minutesLeft + "m " + secondsLeft + "s "; +if (remainingTime < 0) { + // window.location.reload(); +} +}, 1000); const myChart = new Chart( document.getElementById('myChart'), config diff --git a/style.css b/style.css index 08a3fe7..71f4763 100644 --- a/style.css +++ b/style.css @@ -131,6 +131,9 @@ i{ margin-right: auto; } +#countDown{ + display: none; +} #guessForm{ padding-bottom: 14px; } @@ -158,6 +161,17 @@ i{ margin-right: auto; width: 50%; } +figure{ + width:%100; + overflow: hidden; + margin:10; +} +/* figure img{ + display:block; + width:100%; +} */ + + .title { position: absolute; left: 0; @@ -387,9 +401,14 @@ font-style:normal; padding: 10px; grid-gap: 15px; } + .movie-img img{ + margin:0 -16.665%; + width:133.33%; + } } + @media only screen and (max-width: 600px) { .topnav a { text-align: center;