Template

Un template est constitué d'un dossier contenant au minimum 3 fichiers :

• index.php
• script.js
• style.css

#index.php

Le fichier doit contenir la structure du gabarit sans balise head ou body. Toute la structure sera insérée dans une balise div#template

#script.js

// le fichier doit au minimum contenir
$(document).ready(function(){
	$('body, th, td, .header, .texte, .footer, .texte2, #template').removeAttr( 'style' );

	$('body').css('transform', 'translate('+$decalX+'px, '+$decalY+'px)');
	$('body').css('transform', 'scale('+$scale+')');
});

#style.css

Le fichier doit être responsive. La police incluse par défaut est la GoetheGothic. À la moitié du temps une classe halfest ajoutée, et 2 secondes avant la fin d'un slide c'est une classe exit.

/* CSS Document */
@charset "UTF-8";
/*
slide « nom du slide »
*/

*{
	border:none;
	padding:0px;
	margin:0px; 
}

body,td,th {
	font-family: "GoetheGothic", Arial, Helvetica, sans-serif !important;
}

body, th, td, .header, .texte, .footer, .texte2{
	background:rgb(203,02,26);
}

.ombre{
	opacity: 1;
}

.exit .ombre{
	opacity: 0;
}

#template{
	width:720px;
	height:1280px;
	padding:0px 0px;
	display:block;
	position:relative;
	overflow: hidden;
}

@media screen and (orientation:landscape){
	#template{
		width:1280px;
		height:720px;
		padding:0px 0px;
		position:relative;
	}
}