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 @@
-->
+
@@ -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;