Cwork
by sinky
HTML
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.5.1/moment.min.js"></script>
<div class="center">Caro muss Samstag <span id="not">nicht </span>Arbeiten</div>
CSS
@font-face {
font-family:'Sniglet';
font-style: normal;
font-weight: 400;
src: local('Sniglet Regular'), local('Sniglet-Regular'), url(http://themes.googleusercontent.com/static/fonts/sniglet/v5/zaGgxcO7SfusqT6GpDlcHg.woff) format('woff');
}
body {
text-align: center;
background: #00ef68;
font-family: Sniglet;
font-size: 5em;
color: #fff;
}
.text {
width: 100%;
max-width: 500px;
}
.center {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
JavaScript
// Source: http://techblog.procurios.nl/k/news/view/33796/14863/calculate-iso-8601-week-and-year-in-javascript.html
Date.prototype.getWeek = function () {
var target = new Date(this.valueOf());
var dayNr = (this.getDay() + 6) % 7;
target.setDate(target.getDate() - dayNr + 3);
var firstThursday = target.valueOf();
target.setMonth(0, 1);
if (target.getDay() != 4) {
target.setMonth(0, 1 + ((4 - target.getDay()) + 7) % 7);
}
return 1 + Math.ceil((firstThursday - target) / 604800000);
}
var today = new Date();
var week = today.getWeek();
var $not = $('#not');
if (week % 2 != 0) {
$not.hide();
} else {
$not.show();
}