Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add support for number of days; update for Hacktoberfest 2019. #5

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

Add support for number of days; update for Hacktoberfest 2019. #5

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
3 changes: 2 additions & 1 deletion css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -154,8 +154,9 @@ h2 strong {
}

.countdown {
width: 720px;
width: 975px;
margin: 0 auto;
text-align: center;
}
.countdown .bloc-time {
float: left;
Expand Down
265 changes: 144 additions & 121 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,90 +1,90 @@
<!--


__ __ __ __ __ __
/ | / |/ | / | / | / |
$$ | $$ |$$/ _______ $$ | $$ | ______ _______ $$ | __
$$ | $$ |/ |/ \ $$ |__$$ | / \ / |$$ | / |
$$ \ /$$/ $$ |$$$$$$$ |$$ $$ | $$$$$$ |/$$$$$$$/ $$ |_/$$/
$$ /$$/ $$ |$$ | $$ |$$$$$$$$ | / $$ |$$ | $$ $$<
$$ $$/ $$ |$$ | $$ |$$ | $$ |/$$$$$$$ |$$ \_____ $$$$$$ \
$$$/ $$ |$$ | $$ |$$ | $$ |$$ $$ |$$ |$$ | $$ |
$/ $$/ $$/ $$/ $$/ $$/ $$$$$$$/ $$$$$$$/ $$/ $$/
__ __ __ __ __
/ | / | / | / | / |
$$ | $$ | ______ _______ $$ | __ ______ _$$ |_ $$ |____ ______ _______
$$ |__$$ | / \ / |$$ | / | / \ / $$ | $$ \ / \ / \
$$ $$ | $$$$$$ |/$$$$$$$/ $$ |_/$$/ $$$$$$ |$$$$$$/ $$$$$$$ |/$$$$$$ |$$$$$$$ |
$$$$$$$$ | / $$ |$$ | $$ $$< / $$ | $$ | __ $$ | $$ |$$ | $$ |$$ | $$ |
$$ | $$ |/$$$$$$$ |$$ \_____ $$$$$$ \ /$$$$$$$ | $$ |/ |$$ | $$ |$$ \__$$ |$$ | $$ |
$$ | $$ |$$ $$ |$$ |$$ | $$ |$$ $$ | $$ $$/ $$ | $$ |$$ $$/ $$ | $$ |
$$/ $$/ $$$$$$$/ $$$$$$$/ $$/ $$/ $$$$$$$/ $$$$/ $$/ $$/ $$$$$$/ $$/ $$/
_______
/ \
$$$$$$$ | __ __
$$ |__$$ |/ | / |
$$ $$< $$ | $$ |
$$$$$$$ |$$ | $$ |
$$ |__$$ |$$ \__$$ |
$$ $$/ $$ $$ |
$$$$$$$/ $$$$$$$ |
/ \__$$ |
$$ $$/
$$$$$$/
__ __ __ __ ______ ________
/ | / |/ | / | / |/ |
$$ | $$ |$$/ _______ _______ ______ __ __ ______ _$$ |_ ______ $$$$$$/ $$$$$$$$/
$$ | $$ |/ |/ \ / \ / \ / \ / |/ \ / $$ | / \ $$ | $$ |
$$ \ /$$/ $$ |$$$$$$$ |$$$$$$$ |/$$$$$$ |$$ \ /$$/ $$$$$$ |$$$$$$/ /$$$$$$ | $$ | $$ |
$$ /$$/ $$ |$$ | $$ |$$ | $$ |$$ | $$ | $$ /$$/ / $$ | $$ | __ $$ $$ | $$ | $$ |
$$ $$/ $$ |$$ | $$ |$$ | $$ |$$ \__$$ | $$ $$/ /$$$$$$$ | $$ |/ |$$$$$$$$/ _$$ |_ $$ |
$$$/ $$ |$$ | $$ |$$ | $$ |$$ $$/ $$$/ $$ $$ | $$ $$/ $$ |/ $$ | $$ |
$/ $$/ $$/ $$/ $$/ $$/ $$$$$$/ $/ $$$$$$$/ $$$$/ $$$$$$$/ $$$$$$/ $$/
__ __ __ __ __ __ __ __ __ __ __
__ __ __ __ __ __
/ | / |/ | / | / | / |
$$ | $$ |$$/ _______ $$ | $$ | ______ _______ $$ | __
$$ | $$ |/ |/ \ $$ |__$$ | / \ / |$$ | / |
$$ \ /$$/ $$ |$$$$$$$ |$$ $$ | $$$$$$ |/$$$$$$$/ $$ |_/$$/
$$ /$$/ $$ |$$ | $$ |$$$$$$$$ | / $$ |$$ | $$ $$<
$$ $$/ $$ |$$ | $$ |$$ | $$ |/$$$$$$$ |$$ \_____ $$$$$$ \
$$$/ $$ |$$ | $$ |$$ | $$ |$$ $$ |$$ |$$ | $$ |
$/ $$/ $$/ $$/ $$/ $$/ $$$$$$$/ $$$$$$$/ $$/ $$/















__ __ __ __ __
/ | / | / | / | / |
$$ | $$ | ______ _______ $$ | __ ______ _$$ |_ $$ |____ ______ _______
$$ |__$$ | / \ / |$$ | / | / \ / $$ | $$ \ / \ / \
$$ $$ | $$$$$$ |/$$$$$$$/ $$ |_/$$/ $$$$$$ |$$$$$$/ $$$$$$$ |/$$$$$$ |$$$$$$$ |
$$$$$$$$ | / $$ |$$ | $$ $$< / $$ | $$ | __ $$ | $$ |$$ | $$ |$$ | $$ |
$$ | $$ |/$$$$$$$ |$$ \_____ $$$$$$ \ /$$$$$$$ | $$ |/ |$$ | $$ |$$ \__$$ |$$ | $$ |
$$ | $$ |$$ $$ |$$ |$$ | $$ |$$ $$ | $$ $$/ $$ | $$ |$$ $$/ $$ | $$ |
$$/ $$/ $$$$$$$/ $$$$$$$/ $$/ $$/ $$$$$$$/ $$$$/ $$/ $$/ $$$$$$/ $$/ $$/



_______
/ \
$$$$$$$ | __ __
$$ |__$$ |/ | / |
$$ $$< $$ | $$ |
$$$$$$$ |$$ | $$ |
$$ |__$$ |$$ \__$$ |
$$ $$/ $$ $$ |
$$$$$$$/ $$$$$$$ |
/ \__$$ |
$$ $$/
$$$$$$/
__ __ __ __ ______ ________
/ | / |/ | / | / |/ |
$$ | $$ |$$/ _______ _______ ______ __ __ ______ _$$ |_ ______ $$$$$$/ $$$$$$$$/
$$ | $$ |/ |/ \ / \ / \ / \ / |/ \ / $$ | / \ $$ | $$ |
$$ \ /$$/ $$ |$$$$$$$ |$$$$$$$ |/$$$$$$ |$$ \ /$$/ $$$$$$ |$$$$$$/ /$$$$$$ | $$ | $$ |
$$ /$$/ $$ |$$ | $$ |$$ | $$ |$$ | $$ | $$ /$$/ / $$ | $$ | __ $$ $$ | $$ | $$ |
$$ $$/ $$ |$$ | $$ |$$ | $$ |$$ \__$$ | $$ $$/ /$$$$$$$ | $$ |/ |$$$$$$$$/ _$$ |_ $$ |
$$$/ $$ |$$ | $$ |$$ | $$ |$$ $$/ $$$/ $$ $$ | $$ $$/ $$ |/ $$ | $$ |
$/ $$/ $$/ $$/ $$/ $$/ $$$$$$/ $/ $$$$$$$/ $$$$/ $$$$$$$/ $$$$$$/ $$/















__ __ __ __ __ __ __ __ __ __ __
/ | / | / | / | _ / |/ | / | / | / | / | / |
$$ | $$ | ______ _______ $$ | __ $$ | / \ $$ |$$/ _$$ |_ $$ |____ $$ | $$ | _______ $$ |
$$ |__$$ | / \ / |$$ | / | $$ |/$ \$$ |/ |/ $$ | $$ \ $$ | $$ | / |$$ |
$$ $$ | $$$$$$ |/$$$$$$$/ $$ |_/$$/ $$ /$$$ $$ |$$ |$$$$$$/ $$$$$$$ | $$ | $$ |/$$$$$$$/ $$ |
$$$$$$$$ | / $$ |$$ | $$ $$< $$ $$/$$ $$ |$$ | $$ | __ $$ | $$ | $$ | $$ |$$ \ $$/
$$ | $$ |/$$$$$$$ |$$ \_____ $$$$$$ \ $$$$/ $$$$ |$$ | $$ |/ |$$ | $$ | $$ \__$$ | $$$$$$ | __
$$$$$$$$ | / $$ |$$ | $$ $$< $$ $$/$$ $$ |$$ | $$ | __ $$ | $$ | $$ | $$ |$$ \ $$/
$$ | $$ |/$$$$$$$ |$$ \_____ $$$$$$ \ $$$$/ $$$$ |$$ | $$ |/ |$$ | $$ | $$ \__$$ | $$$$$$ | __
$$ | $$ |$$ $$ |$$ |$$ | $$ | $$$/ $$$ |$$ | $$ $$/ $$ | $$ | $$ $$/ / $$/ / |
$$/ $$/ $$$$$$$/ $$$$$$$/ $$/ $$/ $$/ $$/ $$/ $$$$/ $$/ $$/ $$$$$$/ $$$$$$$/ $$/
$$/ $$/ $$$$$$$/ $$$$$$$/ $$/ $$/ $$/ $$/ $$/ $$$$/ $$/ $$/ $$$$$$/ $$$$$$$/ $$/



-->
<!DOCTYPE html>
<html lang="en" >
Expand Down Expand Up @@ -237,6 +237,29 @@ <h1 class="ideas typing-text">Hack with Us!</h1>
<div class="wrap">
<h1><strong>VinHack</strong> | VinnovateIT</h1>
<div class="countdown">
<div class="bloc-time days" data-init-value="0">
<span class="count-title">Days</span>
<div class="figure days days-1">
<span class="top">2</span>
<span class="top-back">
<span>2</span>
</span>
<span class="bottom">2</span>
<span class="bottom-back">
<span>2</span>
</span>
</div>
<div class="figure days days-2">
<span class="top">4</span>
<span class="top-back">
<span>4</span>
</span>
<span class="bottom">4</span>
<span class="bottom-back">
<span>4</span>
</span>
</div>
</div>
<div class="bloc-time hours" data-init-value="0">
<span class="count-title">Hours</span>
<div class="figure hours hours-1">
Expand Down Expand Up @@ -270,7 +293,7 @@ <h1><strong>VinHack</strong> | VinnovateIT</h1>
<span class="bottom">0</span>
<span class="bottom-back">
<span>0</span>
</span>
</span>
</div>
<div class="figure min min-2">
<span class="top">0</span>
Expand All @@ -293,7 +316,7 @@ <h1><strong>VinHack</strong> | VinnovateIT</h1>
<span class="bottom">0</span>
<span class="bottom-back">
<span>0</span>
</span>
</span>
</div>
<div class="figure sec sec-2">
<span class="top">0</span>
Expand Down Expand Up @@ -346,7 +369,7 @@ <h1><strong>VinHack</strong> | VinnovateIT</h1>
// "Authorization": "XXXXXXXXXXXXXXXXXXX"
}
}

$.ajax(settings).done(function (response) {
console.log(response);
var repoName = response[0].repo.name;
Expand All @@ -362,7 +385,7 @@ <h1><strong>VinHack</strong> | VinnovateIT</h1>
// "Authorization": "XXXXXXXXXXXXXXXX"
}
}

$.ajax(options).done(function (res) {
console.log(res);
$('#githubavatar').html('<img src="'+res.avatar_url+'">');
Expand All @@ -381,104 +404,104 @@ <h1><strong>VinHack</strong> | VinnovateIT</h1>
console.log(B);
$('#githubnotification').html("<p class='custom-notification-content'>Last commit by <span class='username'>"+name+"</span> in <span class='username reponame'>"+ repoName+"</span><small>"+lastUpdated+"</p>")
});

});
}
</script>
<script>
const text = document.querySelector('.typing-text');

// make a words array
const words = [
"Ideas.",
"Innovation.",
"Development.",
"Hackathon."
];

// start typing effect
setTyper(text, words);

function setTyper(element, words) {

const LETTER_TYPE_DELAY = 75;
const WORD_STAY_DELAY = 2000;

const DIRECTION_FORWARDS = 0;
const DIRECTION_BACKWARDS = 1;

var direction = DIRECTION_FORWARDS;
var wordIndex = 0;
var letterIndex = 0;

var wordTypeInterval;

startTyping();

function startTyping() {
wordTypeInterval = setInterval(typeLetter, LETTER_TYPE_DELAY);
}

function typeLetter() {
const word = words[wordIndex];

if (direction == DIRECTION_FORWARDS) {
letterIndex++;

if (letterIndex == word.length) {
direction = DIRECTION_BACKWARDS;
clearInterval(wordTypeInterval);
setTimeout(startTyping, WORD_STAY_DELAY);
}

} else if (direction == DIRECTION_BACKWARDS) {
letterIndex--;

if (letterIndex == 0) {
nextWord();
}
}

const textToType = word.substring(0, letterIndex);

element.textContent = textToType;
}

function nextWord() {

letterIndex = 0;
direction = DIRECTION_FORWARDS;
wordIndex++;

if (wordIndex == words.length) {
wordIndex = 0;
}

}
}

</script>

</body>
<!---


___ ___ _ _ _ _ _
| \/ | | | (_) | | | | |
| . . | __ _ __| | ___ __ ___| |_| |__ | | _____ _____
| |\/| |/ _` |/ _` |/ _ \ \ \ /\ / / | __| '_ \ | |/ _ \ \ / / _ \
| | | | (_| | (_| | __/ \ V V /| | |_| | | | | | (_) \ V / __/
\_| |_/\__,_|\__,_|\___| \_/\_/ |_|\__|_| |_| |_|\___/ \_/ \___|
_ _ _ _ _ _ _____ _ _ _
| | | | | (_) (_) | / ___| | | | | |
| |__ _ _ | | | |_ _ __ _| |_ \ `--.| |__ __ _| |__ __| | ___ ___
| '_ \| | | | | | | | | '_ \| | __| `--. \ '_ \ / _` | '_ \ / _` |/ _ \/ _ \
___ ___ _ _ _ _ _
| \/ | | | (_) | | | | |
| . . | __ _ __| | ___ __ ___| |_| |__ | | _____ _____
| |\/| |/ _` |/ _` |/ _ \ \ \ /\ / / | __| '_ \ | |/ _ \ \ / / _ \
| | | | (_| | (_| | __/ \ V V /| | |_| | | | | | (_) \ V / __/
\_| |_/\__,_|\__,_|\___| \_/\_/ |_|\__|_| |_| |_|\___/ \_/ \___|


_ _ _ _ _ _ _____ _ _ _
| | | | | (_) (_) | / ___| | | | | |
| |__ _ _ | | | |_ _ __ _| |_ \ `--.| |__ __ _| |__ __| | ___ ___
| '_ \| | | | | | | | | '_ \| | __| `--. \ '_ \ / _` | '_ \ / _` |/ _ \/ _ \
| |_) | |_| | \ \_/ / | | | | | |_ /\__/ / | | | (_| | | | | (_| | __/ (_) |
|_.__/ \__, | \___/|_|_| |_|_|\__| \____/|_| |_|\__,_|_| |_|\__,_|\___|\___/
__/ |
|___/
|_.__/ \__, | \___/|_|_| |_|_|\__| \____/|_| |_|\__,_|_| |_|\__,_|\___|\___/
__/ |
|___/

-->
</html>
Loading