Skip to content

Instantly share code, notes, and snippets.

@tcyrus

tcyrus/devpostButton.css

Forked from nealrs/demo.html
Last active October 6, 2015 18:02
Show Gist options
  • Save tcyrus/944795aa9b4c4ecbc25c to your computer and use it in GitHub Desktop.
Save tcyrus/944795aa9b4c4ecbc25c to your computer and use it in GitHub Desktop.
Download ZIP
Devpost Hackathon Button
Raw
devpostButton.css
.devpostButton {
background-color: #2D9EB2;
border-color: #237A89;
color: white;
box-shadow: none;
border-radius: 2px;
transition: all 200ms ease-out;
display: inline-block;
border-style: solid;
border-width: 0 0 3px;
cursor: pointer;
font-family: 'ClearSans', 'HelveticaNeue-Bold', 'Helvetica Neue Bold', sans-serif;
font-weight: bold;
line-height: normal;
margin: 0 0 1.25em;
position: relative;
text-decoration: none;
text-align: center;
display: inline-block;
padding-top: 0.5625em;
padding-right: 1.125em;
padding-bottom: 0.625em;
padding-left: 1.125em;
font-size: 1em;
}
.devpostButton:active, .devpostButton:focus, .devpostButton:hover {
background: #268899;
border-color: #1A5B66;
}
.devpostButton:active {
border-width: 3px 0 0;
}
Raw
devpostButton.js
var devpostButtons = document.getElementsByClassName("devpostButton");
for (var i = 0; i < devpostButtons.length; i++) {
var devpostButton = devpostButtons[i];
var devpostButtonDeadline = Date.parse(devpostButton.dataset.deadline);
var devpostButtonStart = Date.parse(devpostButton.dataset.begin);
var devpostSlug = devpostButton.dataset.slug;
console.group("Devpost button '%s'", devpostSlug);
if (devpostButtonStart >= devpostButtonDeadline) {
devpostButton.innerHTML = 'Deadline / Start Date Error';
console.warn("deadline / start date error");
} else if (Date.parse(new Date()) <= devpostButtonStart) {
devpostButton.innerHTML = "Register on Devpost";
devpostButton.setAttribute('href', "http://" + devpostSlug + ".devpost.com/");
console.log('submissions not open yet');
} else if (devpostButtonDeadline > Date.parse(new Date())) {
devpostButton.innerHTML = "Submit your Hack on Devpost";
devpostButton.setAttribute('href', "http://" + devpostSlug + ".devpost.com/submissions/new");
console.log('submissions open');
} else if (devpostButtonDeadline <= Date.parse(new Date())) {
devpostButton.innerHTML = "Submissions are now Closed";
devpostButton.setAttribute('href', "http://" + devpostSlug + ".devpost.com/submissions");
console.log('submissions closed');
}
console.groupEnd();
}
Raw
index.html
<html>
<head>
<link rel="stylesheet" href="devpostButton.css"></link>
</head>
<body>
<a href target="_blank" class="devpostButton" data-slug="artik" data-begin="2014-09-27 10:00 EST" data-deadline="2014-10-01 10:00 EST" data-defcss="true">Submit your Hack on Devpost</a>
<script src="devpostButton.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment