maverick/docbrown
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add open source moment gif (#673)

Browse source
This commit is contained in:
Ben Halpern 2018-08-08 11:33:21 -04:00 • committed by GitHub
parent 243c44e23d
commit 524d8a8aea
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 23 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
app/assets/stylesheets/sticky-nav.scss
View file

@ -51,6 +51,10 @@
text-align: center;
padding-top: 15px !important;
padding-bottom: 20px !important;
img{
width:100%;
border-radius: 3px;
}
.primary-sticky-nav-countdown-timer-element{
padding: 14px 2px;
height: 30px;
@ -59,7 +63,7 @@
border-radius: 3px;
}
.primary-sticky-nav-countdown-headline{
font-size:1.4em;
font-size:1.33em;
font-family: $helvetica-condensed;
padding: 16px 2px 3px;
}

2
app/views/articles/_sidebar_additional.html.erb
View file

@ -207,7 +207,7 @@
<% if user_signed_in? %>
<div class="widget" id="podcast-widget">
<header>
<a href="/pod">latest podcasts</pod>
<a href="/pod">latest podcasts</a>
</header>
<div class="widget-body">
<% @podcast_episodes.each do |ep| %>

20
app/views/articles/_sticky_nav.html.erb
View file

@ -27,8 +27,8 @@
<div class="primary-sticky-nav">
<div class="primary-sticky-nav-element primary-sticky-nav-countdown">
<div id="countdown-timer" class="primary-sticky-nav-countdown-timer-element"></div>
<div class="primary-sticky-nav-countdown-headline">Countdown to Open Source!</div>
<a href="https://dev.to/ben/the-devto-codebase-will-go-open-source-on-august-8-2kia">Read Announcement Post</a>
<div class="primary-sticky-nav-countdown-headline" id="countdown-headline">Countdown to Open Source!</div>
<a href="https://dev.to/ben/the-devto-codebase-will-go-open-source-on-august-8-2kia" id="oss-announcement-post">Read Announcement Post</a>
<a href="https://github.com/thepracticaldev/dev.to" target="_blank" rel="noopener">View GitHub Repo</a>
</div>
<div class="primary-sticky-nav-element primary-sticky-nav-author">
@ -135,8 +135,22 @@
// If the count down is finished, write some text
if (distance < 0) {
var gifUrls = [
"https://media.giphy.com/media/l0MYt5jPR6QX5pnqM/giphy.gif",
"https://media.giphy.com/media/RDbZGZ3O0UmL6/giphy.gif",
"https://media.giphy.com/media/3o7abldj0b3rxrZUxW/giphy.gif",
"https://media.giphy.com/media/yCjr0U8WCOQM0/giphy.gif",
"https://media.giphy.com/media/msKNSs8rmJ5m/giphy.gif",
"https://media.giphy.com/media/lz24Z42jLcTa8/giphy.gif",
"https://media.giphy.com/media/l8XYZYdlOHSrS/giphy.gif",
"https://media.giphy.com/media/12q8x5BEsmQati/giphy.gif",
"https://media.giphy.com/media/xT1XGHkP7hqm0JvWrS/giphy.gif",
]
var randomGifUrl = gifUrls[Math.floor(Math.random()*gifUrls.length)];
clearInterval(x);
document.getElementById("countdown-timer").innerHTML = "It's Time!!!";
document.getElementById("countdown-timer").outerHTML = "<img src='"+randomGifUrl+"' />";
document.getElementById("countdown-headline").innerHTML = "DEV Just Went Open Source!";
document.getElementById("oss-announcement-post").outerHTML = "";
}
}, 1000);
</script>