aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorNoah Loomans <noahloomans@gmail.com>2018-04-19 12:23:14 +0200
committerNoah Loomans <noahloomans@gmail.com>2018-04-19 12:23:14 +0200
commite93b2d432b9aff829978625613d7d6d52f7aa33c (patch)
treeae83187815636ce1919df9332c1888706e9ff845
parent4511e1dae8d41197a0bd7be2346c2d2769521949 (diff)
Remove broken random project
-rw-r--r--articles/random-projects.md1
-rw-r--r--random-projects/season3-countdown/index.html26
-rw-r--r--random-projects/season3-countdown/script.js58
-rw-r--r--random-projects/season3-countdown/style.scss70
-rw-r--r--style/_random-project.scss1
5 files changed, 0 insertions, 156 deletions
diff --git a/articles/random-projects.md b/articles/random-projects.md
index 00f8006..a5e9746 100644
--- a/articles/random-projects.md
+++ b/articles/random-projects.md
@@ -6,7 +6,6 @@ permalink: /random-projects/
These are some of the random project I've made:
- [Bad Password Generator]({{ "/random-projects/bad-password-generator/" | relativize_url }})
- - [Season 3 Countdown]({{ "/random-projects/season3-countdown/" | relativize_url }})
The source code of all of them can be found on
[GitLab](https://gitlab.com/nloomans/noahloomans.com/tree/master/random-projects).
diff --git a/random-projects/season3-countdown/index.html b/random-projects/season3-countdown/index.html
deleted file mode 100644
index d9f8c84..0000000
--- a/random-projects/season3-countdown/index.html
+++ /dev/null
@@ -1,26 +0,0 @@
----
-layout: random-project
-info:
- title: Season 3 Countdown
- description: I'M PICKLE RICK!!!
- image: https://noahloomans.com/random-projects/bad-password-generator/image.png
-branding: false
----
-<main class='random-project__project__season3-countdown'>
- <div id="youtube-background" style="curso"></div>
-
- <div class="container">
- <div class="text">
- <p>Season 3 will air in:</p>
- </div>
- <div class="countdown">
- <span id="days"></span>d <span id="hours"></span>h <span id="minutes"></span>m <span id="seconds"></span>s <span id="milliseconds"></span>
- </div>
- </div>
-
-
- <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js" charset="utf-8"></script>
- <script src="./script.js" charset="utf-8"></script>
-
- <script async src="https://www.youtube.com/iframe_api"></script>
-</main>
diff --git a/random-projects/season3-countdown/script.js b/random-projects/season3-countdown/script.js
deleted file mode 100644
index 203bbd0..0000000
--- a/random-projects/season3-countdown/script.js
+++ /dev/null
@@ -1,58 +0,0 @@
-// var EVENT_TIME = 1501471800
-var EVENT_TIME = 1501471800000
-var NODES = {
- VIDEO: document.querySelector('.background-video'),
- DAYS: document.querySelector('#days'),
- HOURS: document.querySelector('#hours'),
- MINUTES: document.querySelector('#minutes'),
- SECONDS: document.querySelector('#seconds'),
- MILLISECONDS: document.querySelector('#milliseconds')
-}
-
-function format (number, length) {
- var string = number.toString()
- while (length > string.length) {
- string = '0' + string
- }
- return string
-}
-
-window.setInterval(function () {
- var timeDiff = EVENT_TIME - new Date().getTime()
- duration = moment.duration(timeDiff, 'milliseconds')
- NODES.DAYS.innerText = format(duration.days(), 2)
- NODES.HOURS.innerText = format(duration.hours(), 2)
- NODES.MINUTES.innerText = format(duration.minutes(), 2)
- NODES.SECONDS.innerText = format(duration.seconds(), 2)
- NODES.MILLISECONDS.innerText = format(duration.milliseconds(), 3)
-}, 1);
-
-function onYouTubeIframeAPIReady () {
- var player = new YT.Player('youtube-background', {
- videoId: 'DeAw6aXHzcY',
- width: 1080,
- height: 1920,
- playerVars: {
- autoplay: 1,
- controls: 0,
- showinfo: 0,
- modestbranding: 1,
- loop: 1,
- fs: 0,
- cc_load_policy: 0,
- iv_load_policy: 3,
- autohide: 0
- },
- events: {
- onReady: function(e) {
- e.target.mute();
- },
- onStateChange: function(e) {
- console.log('video ended')
- if (e.data === YT.PlayerState.ENDED) {
- player.playVideo();
- }
- }
- }
- });
-}
diff --git a/random-projects/season3-countdown/style.scss b/random-projects/season3-countdown/style.scss
deleted file mode 100644
index d0b445f..0000000
--- a/random-projects/season3-countdown/style.scss
+++ /dev/null
@@ -1,70 +0,0 @@
-.random-project__project__season3-countdown {
- #youtube-background {
- position: absolute;
- top: 0;
- left: 0;
- width: 100vw;
- height: 100vh;
-
- pointer-events: none;
-
- z-index: -1;
- }
-
- .container {
- color: white;
- display: flex;
- width: 100vw;
- height: 100vh;
- justify-content: center;
- align-items: center;
- flex-direction: column;
- font-size: 1em;
- }
-
- .text {
- font-size: 4em;
- text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;
- }
-
- .countdown {
- text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;
- font-size: 4em;
-
- span {
- font-size: 3em;
- }
- }
-}
-
-@media screen and (max-width: 1600px) {
- .random-project__project__season3-countdown {
- .container {
- font-size: 0.5em;
- }
- }
-}
-
-@media screen and (max-width: 1024px) {
- .random-project__project__season3-countdown {
- .container {
- font-size: 0.4em;
- }
- }
-}
-
-@media screen and (max-width: 700px) {
- .random-project__project__season3-countdown {
- .container {
- font-size: 0.3em;
- }
- }
-}
-
-@media screen and (max-width: 500px) {
- .random-project__project__season3-countdown {
- .container {
- font-size: 0.2em;
- }
- }
-}
diff --git a/style/_random-project.scss b/style/_random-project.scss
index ebbb3b7..ce8de3e 100644
--- a/style/_random-project.scss
+++ b/style/_random-project.scss
@@ -66,4 +66,3 @@ body.random-project {
// import the style sheet of all the random projects
@import '../random-projects/bad-password-generator/style.scss';
-@import '../random-projects/season3-countdown/style.scss';