add t-shirt banner

This commit is contained in:
Quincy Larson
2015-10-06 23:11:13 -07:00
committed by Berkeley Martinez
parent 241ca8097d
commit cd964425f7

View File

@ -18,34 +18,16 @@ block content
span.text-primary #{daysRunning}  
| days ago.
.spacer
if (user && !user.tshirtVote && user.progressTimestamps.length > 5)
h3.text-center Vote for the T-shirt design you like the most.
h4.text-center We'll announce the winning design during our Summit on Saturday at Noon EST on 
a(href='https://twitch.tv/freecodecamp' target='_blank') Twitch.tv
|  and it will become our community's first official t-shirt (in women's and men's sizes).
.row
.col-xs-6
a(href="http://i.imgur.com/LlXGa5y.png" data-lightbox="img-enlarge")
img.img-responsive(src='http://i.imgur.com/LlXGa5y.png' alt="t-shirt option 1 women's")
.col-xs-6
a(href="http://i.imgur.com/aefwnnv.png" data-lightbox="img-enlarge")
img.img-responsive(src='http://i.imgur.com/aefwnnv.png' alt="t-shirt option 2 women's")
if (user && user.progressTimestamps.length > 5)
#tshirt-notice.col-xs-12.col-md-8.col-md-offset-2.hidden
h2.text-center Get our first-edition t-shirt
img.thumbnail.img-center.img-responsive(src="http://i.imgur.com/o07uuOL.png")
p.text-justify Our community has voted. Get our winning design emblazoned on a durable, American-made American Apparel shirt (available in women's and men's sizes). 
a(href="https://teespring.com/free-code-camp-shirt-eu" target="_blank") Also ships from Europe
| .
a.button.btn.btn-block.signup-btn(href="https://teespring.com/get-free-code-camp-t-shirt" target="_blank") Get yours
.button-spacer
.row
.col-xs-6
a(href="http://i.imgur.com/aYH0aqf.png" data-lightbox="img-enlarge")
img.img-responsive(src='http://i.imgur.com/aYH0aqf.png' alt="t-shirt option 1 men's")
.col-xs-6
a(href="http://i.imgur.com/v9KlV4g.png" data-lightbox="img-enlarge")
img.img-responsive(src='http://i.imgur.com/v9KlV4g.png' alt="t-shirt option 2 men's")
.button-spacer
.row
.col-xs-6
h3.text-center "Minified JavaScript Logo"
a.button.btn.btn-block.btn-primary(href='/vote1') Vote for this Design
.col-xs-6
h3.text-center "Function Call Logo"
a.button.btn.btn-block.btn-primary(href='/vote2') Vote for this design
#hideTshirtNoticeButton.button.btn.btn-block.btn-info Hide this
.spacer
.row
.col-xs-12.col-sm-8.col-sm-offset-2
@ -140,21 +122,15 @@ block content
script.
var username = !{JSON.stringify(user && user.username || '')};
var lastCompleted = !{JSON.stringify(lastCompleted || false)}
// #announcementModal.modal(tabindex='-1')
// .modal-dialog.animated.fadeInUp.fast-animation
// .modal-content
// .modal-header.challenge-list-header Add us to your LinkedIn profile
// a.close.closing-x(href='#', data-dismiss='modal', aria-hidden='true') ×
// .modal-body
// h3.text-left LinkedIn now recognizes Free Code Camp as a university.
// img.img-responsive.img-center(src='https://www.evernote.com/l/AHTzkHwtg-BHj57bqqDL7WFF8WgrI5V8cxwB/image.png')
// h3.text-left It takes less than a minute to add Free Code Camp to your LinkedIn profile.
// a.btn.btn-lg.btn-info.btn-block(name='_csrf', value=_csrf, aria-hidden='true', href='/linkedin', target='_blank') Show me how to do this
// a.btn.btn-lg.btn-primary.btn-block(href='#', data-dismiss='modal', aria-hidden='true') Thanks for the heads-up
//script.
// $(document).ready(function () {
// if (!localStorage || !localStorage.linkedIn) {
// $('#announcementModal').modal('show');
// localStorage.linkedIn = "true";
// }
// });
$(document).ready(function () {
if (!localStorage || !localStorage.hideTshirtNotice) {
$("#tshirt-notice").removeClass("hidden");
}
$("#hideTshirtNoticeButton").on("click", function() {
$("#tshirt-notice").addClass('animated fadeOut');
setTimeout(function() {
$("#tshirt-notice").hide();
}, 1000);
localStorage.hideTshirtNotice = "true";
});
});