Gorkem/horrordle
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added social media info

Browse Source
This commit is contained in:
gocivici 2022-10-09 18:14:30 +03:00
parent 5adfd08f6c
commit 0db3322ddc
7 changed files with 49 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
images/Scream/1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 328 KiB

BIN
images/Scream/2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 295 KiB

BIN
images/Scream/3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 294 KiB

BIN
images/Scream/poster.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 71 KiB

36
index.html
View File

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

9
main.js
View File

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

23
style.css
View File

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