Follow along with the video below to see how to install our site as a web app on your home screen.
Note: This feature currently requires accessing the site using the built-in Safari browser.
[== SVG ==]
@-webkit-keyframes spaceboots {
0% { -webkit-transform: translate(40px, 20px) rotate(0deg); }
10% { -webkit-transform: translate(-20px, -40px) rotate(-1deg); }
20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
30% { -webkit-transform: translate(0px, 40px) rotate(0deg); }
40% { -webkit-transform: translate(20px, -20px) rotate(1deg); }
50% { -webkit-transform: translate(-20px, 40px) rotate(-1deg); }
60% { -webkit-transform: translate(-3px, 20px) rotate(0deg); }
70% { -webkit-transform: translate(40px, 20px) rotate(-1deg); }
80% { -webkit-transform: translate(-20px, -20px) rotate(1deg); }
90% { -webkit-transform: translate(40px, 40px) rotate(0deg); }
100% { -webkit-transform: translate(20px, -40px) rotate(-1deg); }
}
.vibration {
-webkit-animation-name: spaceboots;
-webkit-animation-duration: 0.8s;
-webkit-transform-origin:50% 50%;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
}
]]></style>
<script type="text/javascript"><![CDATA[
function getAdvent(year) {
var date = new Date(year, 11, 25);
var dates = new Array();
var sundays = 0;
while (sundays < 4) {
date.setDate(date.getDate() - 1);
if (date.getDay() === 0) {
dates[sundays] = date.getTime();
sundays++;
}
}
return dates;
}
function Horloge() {
var date = new Date();
// 11 3, 11 10, 11 17 et 11 24 sont les 4 dimanches davents
// 2017 11 22 = 22 décembre 2017
//var date = new Date(2017, 11, 18, 0, 0);
var year = date.getFullYear();
var now = date.getTime();
avents = getAdvent(year);
un = avents[3];
deux = avents[2];
trois = avents[1];
quatre = avents[0];
// si date < avents 0 : 0 bougie allumée
console.log("Date : "+date+" Maintenant : "+now+" / Premier : "+un);
// si date >= avents 0 : bougie 1 allumée
if (now < un) {
document.getElementById(bougie1).style.opacit'y = 1;
}
else {
val1 = parseInt((now-un)/1900000);
document.getElementById(flamme1).style.opacit'y = 0.9;
document.getElementById(flamme1).setAttribute("transform", "translate(-4100," + val1 + ") scale(0.3,0.3)");
document.getElementById(bougie1).setAttribute("transform", "translate(-6000," + val1 + ") scale(0.3,0.3)");
document.getElementById(bougie1).style.opacit'y = 1;
//console.log(val1);
}
// si date >= avents 1 : bougie 2 allumée
if (now < deux) {
document.getElementById(bougie2).style.opacit'y = 1;
}
else {
val2 = parseInt((now-deux)/1900000+300);
document.getElementById(flamme2).style.opacit'y = 0.9;
document.getElementById(flamme2).setAttribute("transform", "translate(-2300," + val2 + ") scale(0.3,0.3)");
document.getElementById(bougie2).setAttribute("transform", "translate(-4200," + val2 + ") scale(0.3,0.3)");
document.getElementById(bougie2).style.opacit'y = 1;
//console.log(val2);
}
// si date >= avents 2 : bougie 3 allumée
if (now < trois) {
document.getElementById(bougie3).style.opacit'y = 1;
}
else {
val3 = parseInt((now-trois)/1900000+600);
document.getElementById(flamme3).style.opacit'y = 0.9;
document.getElementById(flamme3).setAttribute("transform", "translate(-500," + val3 + ") scale(0.3,0.3)");
document.getElementById(bougie3).setAttribute("transform", "translate(-2400," + val3 + ") scale(0.3,0.3)");
document.getElementById(bougie3).style.opacit'y = 1;
//console.log(val3);
}
// si date >= avents 3 : bougie 4 allumée
if (now < quatre) {
document.getElementById(bougie4).style.opacit'y = 1;
}
else {
val4 = parseInt((now-quatre)/1900000+900);
document.getElementById(flamme4).style.opacit'y = 0.9;
document.getElementById(flamme4).setAttribute("transform", "translate(1300," + val4 + ") scale(0.3,0.3)");
document.getElementById(bougie4).setAttribute("transform", "translate(-600," + val4 + ") scale(0.3,0.3)");
document.getElementById(bougie4).style.opacit'y = 1;
//console.log(val4);
}
}
var timer=setInterval("Horloge()", 1000);
// conception Emmanuel Pierrez, novembre 2017, licence cc by. please, keep this line.
Silverstar a dit:Déjà 42 photos dans le "Portofolio du forum"
Retrouver les photos via le lien, en haut a droite du forum à coté du Youtube!!!