Skip to content
This repository has been archived by the owner on Oct 1, 2019. It is now read-only.

Added hacktoberfest 2018 countdown timer #2504

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Added hacktoberfest 2018 countdown timer #2504

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
44 changes: 22 additions & 22 deletions contributors.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -104,7 +104,7 @@ <h1 class="animated rubberBand delay-4s">Contributors</h1>
<p class="animated rubberBand delay-4s">Add yourself to the list if you contribute.</p>
<div class="box mx-auto">
<!-- Add to the bottom of the list -->
<a class="box-item" href="https://github.com/Pull-eckermann">Erick Eckermann Cardoso</a>
<a class="box-item" href="https://github.com/Pull-eckermann">Erick Eckermann Cardoso</a>
<a class="box-item" href="https://github.com/Pull-eckermann">Erick Eckermann Cardoso</a>
<a class="box-item" href="https://github.com/qnoox">Qnoox</a>
<a class="box-item" href="https://github.com/SarthakSri98">Sarthak Srivastava</a>
Expand All @@ -113,16 +113,14 @@ <h1 class="animated rubberBand delay-4s">Contributors</h1>
<a class="box-item" href="https://github.com/UmarAslamNawab">Umar Aslam Nawab</a>
<a class="box-item" href="https://github.com/MarufurRahman">Marufur Rahman</a>
<a class="box-item" href="https://github.com/sanvishal">TK Vishal</a>


<a class="box-item" href="https://github.com/mateossh">Mateusz Ż</a>
<a class="box-item" href="https://github.com/philson-philip">Philson Philip</a>
<a class="box-item" href="https://github.com/sifat009">Sifat Haque</a>
<a class="box-item" href="https://github.com/allexpleblord">Alex Kichukov</a>
<a class="box-item" href="https://github.com/AnchalJain">Anchal Jain</a>
<a class="box-item" href="https://github.com/Bumsquest">Shubham Shirpurkar</a>
<a class="box-item" href="https://github.com/subhahu123">Subhahu jain</a>
<a class="box-item" href="https://github.com/raspals">Raspal Seni</a>
<a class="box-item" href="https://github.com/raspals">Raspal Seni</a>
<a class="box-item" href="https://github.com/Rockleeland">Leeland Clenista</a>
<a class="box-item" href="https://github.com/chamow97">Chandramowli J</a>
<a class="box-item" href="https://github.com/kosijer">Nebojša Kosijer</a>
Expand Down Expand Up @@ -371,8 +369,8 @@ <h1 class="animated rubberBand delay-4s">Contributors</h1>
<a class="box-item" href="https://github.com/vmp">Vadim Pashaev</a>
<a class="box-item" href="https://github.com/akoopraba4">Akshaya</a>
<a class="box item" href="https://github.com/edwardallanpoe">Edward Matyja</a>
<a class="box item" href ="https://github.com/mewcifur28">Ishita Gambhir</a>
<a class="box-item" href="https://github.com/qasimwarraich">Qas</a>
<a class="box item" href ="https://github.com/mewcifur28">Ishita Gambhir</a>
<a class="box-item" href="https://github.com/qasimwarraich">Qas</a>
<a class="box-item" href="https://github.com/monkfromearth">Sameer Khan</a>
<a class="box-item" href="https://github.com/chiffonsigh">Chiffonsigh</a>
<a class="box-item" href="https://github.com/tusharjain8">Tushar Jain</a>
Expand All @@ -384,7 +382,7 @@ <h1 class="animated rubberBand delay-4s">Contributors</h1>
<a class="box-item" href="https://github.com/katrinasilver">Katrina Agustin</a>
<a class="box-item" href="https://github.com/sudouser89">Pavan kumar</a>
<a class="box-item" href="https://github.com/AlexanderMalmstrom">Alexander Malmström</a>
<a class="box-item" href="https://github.com/BunditSpace">Bundit Wisedphanit</a>
<a class="box-item" href="https://github.com/BunditSpace">Bundit Wisedphanit</a>
<a class="box-item" href="https://github.com/AndiAlmer">Andreas Almér</a>
<a class="box-item" href="https://github.com/msarsha">Matan Sar-Shalom</a>
<a class="box-item" href="https://github.com/ferch5003">Fernando Visbal</a>
Expand Down Expand Up @@ -418,22 +416,22 @@ <h1 class="animated rubberBand delay-4s">Contributors</h1>
<a class="box-item" href="https://github.com/roninmittal">Ronin Mittal</a>
<a class="box-item" href="https://github.com/mlandefeld">mlandefeld</a>
<a class="box-item" href="https://github.com/viddeliten">Johanna Julén</a>
<a class="box-item" href="https://github.com/GCA">Giancarlo</a>
<a class="box-item" href="https://github.com/GCA">Giancarlo</a>
<a class="box-item" href="https://github.com/fernandohf">Fernando Henrique</a>
<a class="box-item" href="https://github.com/cthare">Colin Hare</a>
<a class="box-item" href="https://github.com/ashwin747">Ashwin P</a>
<a class="box-item" href="https://github.com/AdamWier">Adam Wier</a>
<a class="box-item" href="https://github.com/biswaroop1547">Biswaroop Bhattacharjee</a>
<a class="box-item" href="https://github.com/Trapsta">Trapsta</a>
<a class="box-item" href="https://github.com/carriekolmer">Carrie Kolmer</a>
<a class="box-item" href="https://github.com/Zaryn">Annie Wilson</a>
<a class="box-item" href="https://github.com/Zaryn">Annie Wilson</a>
<a class="box-item" href="https://github.com/DevIvanVarela">Ivan Varela</a>
<a class="box-item" href="https://github.com/huangjenny">Jenny Huang</a>
<a class="box-item" href="https://github.com/misterdabu">Dilan David</a>
<a class="box-item" href="https://github.com/lassestilvang">Lasse Stilvang</a>
<a class="box-item" href="https://github.com/lassestilvang">Lasse Stilvang</a>
<a class="box-item" href="https://github.com/AdamWier">Adam Wier</a>
<a class="box-item" href="https://github.com/anandagaguiar"> Ananda Aguiar </a>
<a class="box-item" href="https://github.com/biswaroop1547">Biswaroop Bhattacharjee</a>
<a class="box-item" href="https://github.com/biswaroop1547">Biswaroop Bhattacharjee</a>
<a class="box-item" href="https://github.com/kevinhuddy">Kevin Huddy</a>
<a class="box-item" href="https://github.com/guitarz777">Jared Craig</a>
<a class="box-item" href="https://github.com/devgoyal04">Dev Goyal</a>
Expand All @@ -454,24 +452,25 @@ <h1 class="animated rubberBand delay-4s">Contributors</h1>
<a class="box-item" href="https://github.com/codingfanatic">Richard Clarke</a>
<a class="box-item different-color" href="https://github.com/fidellim">Fidel Lim</a>
<a class="box-item different-color" href="https://github.com/afmilan23">Alfred Milan</a>
<a class="box-item" href="https://github.com/Tanis-02">Elizabeth Gonzalez</a>
<a class="box-item" href="https://github.com/Tanis-02">Elizabeth Gonzalez</a>
<a class="box-item" href="https://github.com/armanbinmahmud>">Arman Bin Mahmud</a>
<a class="box-item different-color" href="https://github.com/marcelabomfim">Marcela Bomfim</a>
<a class="box-item different-color" href="https://github.com/marcelabomfim">Marcela Bomfim</a>
<a class="box-item" href="https://github.com/ja1felipe">ja1felipe</a>
<a class="box-item" href="https://github.com/giannagco">Gianna Cortes</a>
<a class="box-item" href="https://github.com/mhaider110">Mohd Haider</a>
<a class="box-item" href="https://github.com/giannagco">Gianna Cortes</a>
<a class="box-item" href="https://github.com/mhaider110">Mohd Haider</a>
<a class="box-item" href="https://github.com/giannagco">Gianna Cortes</a>
<a class="box-item" href="https://github.com/dydeepak97">Deepak Yadav</a>
<a class="box-item" href="https://github.com/AldinKajmovic">Aldin Kajmovic</a>
<a class="box-item" href="https://github.com/Uniiquee">Uniiquee</a>
<a class="box-item" href="https://github.com/bobprinceraj">Robert Johnk</a>
<a class="box-item" href="https://github.com/zaneh">Zane Helton</a>
<a class="box-item" href="https://github.com/lstravers">Lori</a>
<a class="box-item" href="https://github.com/lstravers">Lori</a>
<a class="box-item" href="https://github.com/x41h">x41h</a>
<a class="box-item" href="https://github.com/dduleone">Dan DuLeone</a>
<a class="box-item" href="https://github.com/dduleone">Dan DuLeone</a>
<a class="box-item" href="https://github.com/Petar-np">Petar</a>
<a class="box-item" href="https://github.com/Rexben001">Rex Ben</a>
<a class="box-item" href="https://github.com/sufiaalmas">Sufia Almas</a>
<a class="box-item" href="https://github.com/Rexben001">Rex Ben</a>
<a class="box-item" href="https://github.com/sufiaalmas">Sufia Almas</a>
<a class="box-item" href="https://github.com/skwid138">Hunter Rancourt</a>
<!--
Add here
format : <a class="box-item" href="https://github.com/<your-username>">Your Name</a>
Expand All @@ -485,6 +484,7 @@ <h3 class="mb-5">Check available pages</h3>
</div>
<div class="col-lg-12 mx-auto text-center">
<ul style="padding: 0; list-style: none; columns: 3; -webkit-columns: 3; -moz-columns: 3;">
<li><a href="skwid138.html">Hacktoberfest 2018 Countdown</a></li>
<li><a href="ChooseYourNumber.html">Choose Your Number</a></li>
<li><a href="cmatrix.html">C Matrix</a></li>
<li><a href="colorgame.html">colorgame</a></li>
Expand All @@ -509,15 +509,15 @@ <h3 class="mb-5">Check available pages</h3>
<li><a href="potato.html">potato</a></li>
<li><a href="snek.html">snek</a></li>
<li><a href="spooky.html">spooky</a></li>
<li><a href="timeline.html">Timeline</a></li>
<li><a href="timeline.html">Timeline</a></li>
<li><a href="tools.html">tools</a></li>
<li><a href="trylearnhowtoprogram.html">trylearnhowtoprogram</a></li>
<li><a href="turndown.html">Turndown</a></li>
<li><a href="./watadatado.html">Wat-A-Dat-A-Do - Guy Ross</a></li>
<li><a href="helloGLSL.html">WebGL HELLO</a></li>
<li><a href="funPlus.html">Fun + Helloween</a></li>
<li><a href="etchfun.html">Etch Fun</a></li>
<li><a href="timeline.html">Timeline</a></li>
<li><a href="timeline.html">Timeline</a></li>
<li><a href="conditional-events.html">Conditional Events</a></li>
<li><a href="cmatrix.html">C Matrix</a></li>
<li><a href="hello.html">Hello</a></li>
Expand All @@ -526,7 +526,7 @@ <h3 class="mb-5">Check available pages</h3>
<li><a href="ChooseYourNumber.html">Choose Your Number</a></li>
<li><a href="campsongs.html">Camp Song Lyrics</a></li>
<li><a href="firstsite.html">First Site</a></li>
<li><a href="lunar.html">salvation</a></li>
<li><a href="lunar.html">salvation</a></li>
<li><a href="helloworld.html">helloworld</a></li>
<li><a href="zane.html">Plug Talk</a></li>
<li><a href="helloGitHub.html">Hello GitHub!</a></li>
Expand Down
80 changes: 80 additions & 0 deletions skwid138.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,80 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="theme-color" content="#000000">
<title>Hacktoberfest 2018 Countdown</title>
<style>
body {
background: #f77d03;
text-align: center;
}

h1 {
font-size: 3.5rem;
text-align: center;
margin-bottom: 0;
}

h6 {
margin-top: 0;
}

#container {
width: 100%;
height: auto;
}

#timer {
font-size: 3rem;
background: #efe90d;
border-radius: 2px;
display: inline-block;
margin: 1rem;
position: relative;
min-width: 350px;
padding: 1rem 2rem;
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

#timer span {
font-size: 1rem;
}
</style>
</head>
<body>
<h1>Hacktoberfest 2018 Countdown</h1>
<h6>Created by: <a href="https://github.com/skwid138">Hunter Rancourt</a></h6>

<article id="container">
<div id="timer"></div>
</article>

<script>
/* November 1st at 12:00:01 */
const hacktoberfestEndDate = new Date("Nov 1, 2018 00:00:01 PDT").getTime();

// Update the countdown every 1 second
const x = setInterval(() => {
const currentTime = new Date().getTime();
const timeLeft = hacktoberfestEndDate - currentTime;

const days = Math.floor(timeLeft / (1000 * 60 * 60 * 24)); // divide by milliseconds in a day
const hours = Math.floor((timeLeft % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); // divide the remainder of time after days have been removed by milliseconds in an hour
const minutes = Math.floor((timeLeft % (1000 * 60 * 60)) / (1000 * 60)); // divide the remainder of time after days and hours have been removed by milliseconds in a minute
const seconds = Math.floor((timeLeft % (1000 * 60)) / 1000); // divide the remainder of time after days, hours and minutes have been removed by milliseconds in a second

// Update the DOM
document.querySelector('#timer').innerHTML = `${days}d ${hours}h ${minutes}m ${seconds}s <span>PDT</span>`;

// If the count down is over, write some text
if (timeLeft <= 0) {
clearInterval(x);
document.querySelector('#timer').innerHTML = "EXPIRED";
}
}, 1000);
</script>
</body>
</html>