kevin/Scout_saturation
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add correct

Browse Source
This commit is contained in:
kevin
2018-12-12 11:33:57 +01:00
parent 7dc487d4d5
commit 4d885aa351
14 changed files with 1759 additions and 768 deletions
Download Patch File Download Diff File Expand all files Collapse all files
illustrations/center.php
+269 -327
View File
File diff suppressed because one or more lines are too long
illustrations/genie.php
+2 -2
View File
@@ -20,10 +20,10 @@
<div class="txt">
<h4>On peut </br>
vous aider ?</h4>
vous aider !</h4>
<p>
Avez-vous pensé à prendre </br> les coordonnées des familles </br> qui ne peuvent pas être </br> encore être accueillies
Avez-vous pensé à prendre </br> les coordonnées des familles </br> qui ne peuvent pas être </br> encore être accueillies ?
</p>
</div>
illustrations/koala.php
+326 -7
View File
File diff suppressed because one or more lines are too long
illustrations/parlons-en.php
+2 -1
View File
@@ -11,7 +11,8 @@
<p>Quelles solutions envisager ?</br>
Quelles personnes ressource contacter ?</br>
Quels outils peuvent nous aider ? </br>
<a href="https://www.sgdf.fr/vos-ressources/doc-en-stock/category/298-saturation?download=2202:fiche-action-conseil-territorial" target="_blank">lien fiche action</a>
<a href="https://www.sgdf.fr/vos-ressources/doc-en-stock/category/298-saturation?download=2202:fiche-action-conseil-territorial" target="_blank">lien fiche action</a></br>
<a href="https://www.sgdf.fr/2018-09-12-16-02-00/engouement-pour-le-scoutisme-reagissons" target="_blank">et après ça ? Rendez-vous sur la page saturation !</a>
</p>
</div>
<div class="buttons" id="next">
illustrations/pouce.php
+1 -1
View File
@@ -7,7 +7,7 @@
<div class="txt">
<h4>Cool !</h4>
<p></p>
<p>La solution est-elle durable ?</p>
</div>
<div class="y_n">
illustrations/sy_mettre.php
+1
View File
@@ -5,6 +5,7 @@
<h4>bon bah faut s'y mettre !</h4>
<p>N'hésitez pas à demander l'aide</br>
du territoire !</p>
<a href="https://www.sgdf.fr/2018-09-12-16-02-00/engouement-pour-le-scoutisme-reagissons" target="_blank">et après ça ?</br> Rendez-vous sur la page saturation !</a>
</div>
<div class="y_n">
<div class="tracer-n">
index.php
+2 -3
View File
@@ -2,9 +2,8 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no" />
<meta name="viewport" content="width=device-width, user-scalable=no" />
<meta name="viewport" content="width=375, initial-scale=0.4, maximum-scale=0.4, user-scalable=no" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="viewport" content="width=375, initial-scale=0.5" />
<link rel="stylesheet" type="text/css" href="style/reset.css" />
<link rel="stylesheet" type="text/css" href="style/fonts.css" />
<link rel="stylesheet" type="text/css" href="style/animate.css" />
scripts/script.js
+103 -83
View File
@@ -1,49 +1,67 @@
function disable_zoom() {
(function($) {
$.fn.nodoubletapzoom = function() {
$(this).bind('touchstart', function preventZoom(e) {
var t2 = e.timeStamp
, t1 = $(this).data('lastTouch') || t2
, dt = t2 - t1
, fingers = e.originalEvent.touches.length;
$(this).data('lastTouch', t2);
if (!dt || dt > 500 || fingers > 1) return; // not double-tap
e.preventDefault(); // double tap - prevent the zoom
// also synthesize click events we just swallowed up
$(this).trigger('click').trigger('click');
});
};
})(jQuery);
}
document.addEventListener('gesturestart', function (e) {
e.preventDefault();
});
document.documentElement.addEventListener('touchstart', function (event) {
if (event.touches.length > 1) {
event.preventDefault();
}
}, false);
// function disable_zoom() {
// (function($) {
// $.fn.nodoubletapzoom = function() {
// $(this).bind('touchstart', function preventZoom(e) {
// var t2 = e.timeStamp
// , t1 = $(this).data('lastTouch') || t2
// , dt = t2 - t1
// , fingers = e.originalEvent.touches.length;
// $(this).data('lastTouch', t2);
// if (!dt || dt > 500 || fingers > 1) return; // not double-tap
//
// e.preventDefault(); // double tap - prevent the zoom
// // also synthesize click events we just swallowed up
// $(this).trigger('click').trigger('click');
// });
// };
// })(jQuery);
// }
//
// document.addEventListener('gesturestart', function (e) {
// e.preventDefault();
// });
//
// document.documentElement.addEventListener('touchstart', function (event) {
// if (event.touches.length > 1) {
// event.preventDefault();
// }
// }, false);
// array
array_Sw = [];
array_Sh = [];
array_Sx = [];
array_Sy = [];
array_Fw = [];
array_Fh = [];
console.log("array_Sw", array_Sw);
console.log("array_Sh", array_Sh);
console.log("array_Sx", array_Sx);
console.log("array_Sy", array_Sy);
console.log('array_Fw',array_Fw);
// var
// dimension du navigateur
var Fw = $(window).outerWidth(true);
var Fh = $(window).outerHeight(true);
var Fw = $(window).outerWidth(true);
var Fh = $(window).outerHeight(true);
array_Fw.push(Fw);
array_Fh.push(Fh);
// console.log("Fw",Fw);
// console.log("Fh",Fh);
function resize() {
$(window).resize(function() {
array_Fw.pop();
array_Fh.pop();
var Fw = $(window).outerWidth(true);
var Fh = $(window).outerHeight(true);
array_Fw.push(Fw);
array_Fh.push(Fh);
// console.log('array_Fw',array_Fw[0]);
});
}
// dimension des div
var $section = $("section > div")
console.log("$section", $section);
@@ -119,169 +137,171 @@ function scrollto() {
// Click yes
$(array_Y[0]).click(function(){
var x = array_Sx[1] - ((Fw/2) - (array_Sw[1]/2));
var y = array_Sy[1] - ((Fh/2) - (array_Sh[1]/2));
var x = array_Sx[1] - ((array_Fw[0]/2) - (array_Sw[1]/2));
var y = array_Sy[1] - ((array_Fh[0]/2) - (array_Sh[1]/2));
$(window).scrollTo({top:y, left:x },800);
console.log('x',x);
});
$(array_Y[1]).click(function(){
var x1 = array_Sx[2] - ((Fw/2) - (array_Sw[2]/2));
var y1 = array_Sy[2] - ((Fh/2) - (array_Sh[2]/2));
var x1 = array_Sx[2] - ((array_Fw[0]/2) - (array_Sw[2]/2));
var y1 = array_Sy[2] - ((array_Fh[0]/2) - (array_Sh[2]/2));
$(window).scrollTo({top:y1, left:x1}, 800);
});
$(array_Y[2]).click(function(){
var x1 = array_Sx[6] - ((Fw/2) - (array_Sw[6]/2));
var y1 = array_Sy[6] - ((Fh/2) - (array_Sh[6]/2));
var x1 = array_Sx[6] - ((array_Fw[0]/2) - (array_Sw[6]/2));
var y1 = array_Sy[6] - ((array_Fh[0]/2) - (array_Sh[6]/2));
$(window).scrollTo({top:y1, left:x1}, 800);
});
$(array_Y[3]).click(function(){
var x1 = array_Sx[7] - ((Fw/2) - (array_Sw[7]/2));
var y1 = array_Sy[7] - ((Fh/2) - (array_Sh[7]/2));
var x1 = array_Sx[7] - ((array_Fw[0]/2) - (array_Sw[7]/2));
var y1 = array_Sy[7] - ((array_Fh[0]/2) - (array_Sh[7]/2));
$(window).scrollTo({top:y1, left:x1}, 800);
});
$(array_Y[4]).click(function(){
var x1 = array_Sx[10] - ((Fw/2) - (array_Sw[10]/2));
var y1 = array_Sy[10] - ((Fh/2) - (array_Sh[10]/2));
var x1 = array_Sx[10] - ((array_Fw[0]/2) - (array_Sw[10]/2));
var y1 = array_Sy[10] - ((array_Fh[0]/2) - (array_Sh[10]/2));
$(window).scrollTo({top:y1, left:x1}, 800);
});
$(array_Y[5]).click(function(){
var x1 = array_Sx[11] - ((Fw/2) - (array_Sw[11]/2));
var y1 = array_Sy[11] - ((Fh/2) - (array_Sh[11]/2));
var x1 = array_Sx[11] - ((array_Fw[0]/2) - (array_Sw[11]/2));
var y1 = array_Sy[11] - ((array_Fh[0]/2) - (array_Sh[11]/2));
$(window).scrollTo({top:y1, left:x1}, 800);
});
$(array_Y[6]).click(function(){
var x1 = array_Sx[16] - ((Fw/2) - (array_Sw[16]/2));
var y1 = array_Sy[16] - ((Fh/2) - (array_Sh[16]/2));
var x1 = array_Sx[16] - ((array_Fw[0]/2) - (array_Sw[16]/2));
var y1 = array_Sy[16] - ((array_Fh[0]/2) - (array_Sh[16]/2));
$(window).scrollTo({top:y1, left:x1}, 800);
});
$(array_Y[7]).click(function(){
var x1 = array_Sx[15] - ((Fw/2) - (array_Sw[15]/2));
var y1 = array_Sy[15] - ((Fh/2) - (array_Sh[15]/2));
var x1 = array_Sx[15] - ((array_Fw[0]/2) - (array_Sw[15]/2));
var y1 = array_Sy[15] - ((array_Fh[0]/2) - (array_Sh[15]/2));
$(window).scrollTo({top:y1, left:x1}, 800);
});
$(array_Y[8]).click(function(){
var x1 = array_Sx[16] - ((Fw/2) - (array_Sw[16]/2));
var y1 = array_Sy[16] - ((Fh/2) - (array_Sh[16]/2));
var x1 = array_Sx[16] - ((array_Fw[0]/2) - (array_Sw[16]/2));
var y1 = array_Sy[16] - ((array_Fh[0]/2) - (array_Sh[16]/2));
$(window).scrollTo({top:y1, left:x1}, 800);
});
// click Non
$(array_N[0]).click(function(){
var x = array_Sx[16] - ((Fw/2) - (array_Sw[16]/2));
var y = array_Sy[16] - ((Fh/2) - (array_Sh[16]/2));
var x = array_Sx[16] - ((array_Fw[0]/2) - (array_Sw[16]/2));
var y = array_Sy[16] - ((array_Fh[0]/2) - (array_Sh[16]/2));
$(window).scrollTo({top:y, left:x}, 800);
});
$(array_N[1]).click(function(){
var x1 = array_Sx[3] - ((Fw/2) - (array_Sw[3]/2));
var y1 = array_Sy[3] - ((Fh/2) - (array_Sh[3]/2));
var x1 = array_Sx[3] - ((array_Fw[0]/2) - (array_Sw[3]/2));
var y1 = array_Sy[3] - ((array_Fh[0]/2) - (array_Sh[3]/2));
$(window).scrollTo({top:y1, left:x1}, 800);
});
$(array_N[2]).click(function(){
var x1 = array_Sx[5] - ((Fw/2) - (array_Sw[5]/2));
var y1 = array_Sy[5] - ((Fh/2) - (array_Sh[5]/2));
var x1 = array_Sx[5] - ((array_Fw[0]/2) - (array_Sw[5]/2));
var y1 = array_Sy[5] - ((array_Fh[0]/2) - (array_Sh[5]/2));
$(window).scrollTo({top:y1, left:x1}, 800);
});
$(array_N[3]).click(function(){
var x1 = array_Sx[8] - ((Fw/2) - (array_Sw[8]/2));
var y1 = array_Sy[8] - ((Fh/2) - (array_Sh[8]/2));
var x1 = array_Sx[8] - ((array_Fw[0]/2) - (array_Sw[8]/2));
var y1 = array_Sy[8] - ((array_Fh[0]/2) - (array_Sh[8]/2));
$(window).scrollTo({top:y1, left:x1}, 800);
});
$(array_N[4]).click(function(){
var x1 = array_Sx[9] - ((Fw/2) - (array_Sw[9]/2));
var y1 = array_Sy[9] - ((Fh/2) - (array_Sh[9]/2));
var x1 = array_Sx[9] - ((array_Fw[0]/2) - (array_Sw[9]/2));
var y1 = array_Sy[9] - ((array_Fh[0]/2) - (array_Sh[9]/2));
$(window).scrollTo({top:y1, left:x1}, 800);
});
$(array_N[5]).click(function(){
var x1 = array_Sx[12] - ((Fw/2) - (array_Sw[12]/2));
var y1 = array_Sy[12] - ((Fh/2) - (array_Sh[12]/2));
var x1 = array_Sx[12] - ((array_Fw[0]/2) - (array_Sw[12]/2));
var y1 = array_Sy[12] - ((array_Fh[0]/2) - (array_Sh[12]/2));
$(window).scrollTo({top:y1, left:x1}, 800);
});
$(array_N[6]).click(function(){
var x1 = array_Sx[14] - ((Fw/2) - (array_Sw[14]/2));
var y1 = array_Sy[14] - ((Fh/2) - (array_Sh[14]/2));
var x1 = array_Sx[14] - ((array_Fw[0]/2) - (array_Sw[14]/2));
var y1 = array_Sy[14] - ((array_Fh[0]/2) - (array_Sh[14]/2));
$(window).scrollTo({top:y1, left:x1}, 800);
});
$(array_N[7]).click(function(){
var x1 = array_Sx[13] - ((Fw/2) - (array_Sw[13]/2));
var y1 = array_Sy[13] - ((Fh/2) - (array_Sh[13]/2));
var x1 = array_Sx[13] - ((array_Fw[0]/2) - (array_Sw[13]/2));
var y1 = array_Sy[13] - ((array_Fh[0]/2) - (array_Sh[13]/2));
$(window).scrollTo({top:y1, left:x1}, 800);
});
$(array_N[8]).click(function(){
var x1 = array_Sx[14] - ((Fw/2) - (array_Sw[14]/2));
var y1 = array_Sy[14] - ((Fh/2) - (array_Sh[14]/2));
var x1 = array_Sx[14] - ((array_Fw[0]/2) - (array_Sw[14]/2));
var y1 = array_Sy[14] - ((array_Fh[0]/2) - (array_Sh[14]/2));
$(window).scrollTo({top:y1, left:x1}, 800);
});
// click next
$(array_Nxt[0]).click(function(){
var x = array_Sx[4] - ((Fw/2) - (array_Sw[4]/2));
var y = array_Sy[4] - ((Fh/2) - (array_Sh[4]/2));
var x = array_Sx[4] - ((array_Fw[0]/2) - (array_Sw[4]/2));
var y = array_Sy[4] - ((array_Fh[0]/2) - (array_Sh[4]/2));
$(window).scrollTo({top:y, left:x },800);
});
$(array_Nxt[1]).click(function(){
var x = array_Sx[4] - ((Fw/2) - (array_Sw[4]/2));
var y = array_Sy[4] - ((Fh/2) - (array_Sh[4]/2));
var x = array_Sx[4] - ((array_Fw[0]/2) - (array_Sw[4]/2));
var y = array_Sy[4] - ((array_Fh[0]/2) - (array_Sh[4]/2));
$(window).scrollTo({top:y, left:x },800);
});
$(array_Nxt[2]).click(function(){
var x = array_Sx[4] - ((Fw/2) - (array_Sw[4]/2));
var y = array_Sy[4] - ((Fh/2) - (array_Sh[4]/2));
var x = array_Sx[4] - ((array_Fw[0]/2) - (array_Sw[4]/2));
var y = array_Sy[4] - ((array_Fh[0]/2) - (array_Sh[4]/2));
$(window).scrollTo({top:y, left:x },800);
});
$(array_Nxt[3]).click(function(){
var x = array_Sx[16] - ((Fw/2) - (array_Sw[16]/2));
var y = array_Sy[16] - ((Fh/2) - (array_Sh[16]/2));
var x = array_Sx[16] - ((array_Fw[0]/2) - (array_Sw[16]/2));
var y = array_Sy[16] - ((array_Fh[0]/2) - (array_Sh[16]/2));
$(window).scrollTo({top:y, left:x },800);
});
$(array_Nxt[4]).click(function(){
var x = array_Sx[10] - ((Fw/2) - (array_Sw[10]/2));
var y = array_Sy[10] - ((Fh/2) - (array_Sh[10]/2));
var x = array_Sx[10] - ((array_Fw[0]/2) - (array_Sw[10]/2));
var y = array_Sy[10] - ((array_Fh[0]/2) - (array_Sh[10]/2));
$(window).scrollTo({top:y, left:x },800);
});
$(array_Nxt[5]).click(function(){
var x = array_Sx[12] - ((Fw/2) - (array_Sw[12]/2));
var y = array_Sy[12] - ((Fh/2) - (array_Sh[12]/2));
var x = array_Sx[12] - ((array_Fw[0]/2) - (array_Sw[12]/2));
var y = array_Sy[12] - ((array_Fh[0]/2) - (array_Sh[12]/2));
$(window).scrollTo({top:y, left:x },800);
});
$(array_Nxt[6]).click(function(){
var x = array_Sx[15] - ((Fw/2) - (array_Sw[15]/2));
var y = array_Sy[15] - ((Fh/2) - (array_Sh[15]/2));
var x = array_Sx[15] - ((array_Fw[0]/2) - (array_Sw[15]/2));
var y = array_Sy[15] - ((array_Fh[0]/2) - (array_Sh[15]/2));
$(window).scrollTo({top:y, left:x },800);
});
// click next2
$(array_Nxt2[0]).click(function(){
var x = array_Sx[11] - ((Fw/2) - (array_Sw[11]/2));
var y = array_Sy[11] - ((Fh/2) - (array_Sh[11]/2));
var x = array_Sx[11] - ((array_Fw[0]/2) - (array_Sw[11]/2));
var y = array_Sy[11] - ((array_Fh[0]/2) - (array_Sh[11]/2));
$(window).scrollTo({top:y, left:x },800);
});
}
jQuery(document).ready(function($) {
disable_zoom();
// disable_zoom();
resize();
grab();
initStart();
scrollto();
style/fonts.css
+10
View File
@@ -17,3 +17,13 @@
url('../fonts/Montserrat-SemiBold.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/Montserrat-SemiBold.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
font-family: 'Montserrat-Medium';
src: url('../fonts/Montserrat-Medium.eot'); /* IE9 Compat Modes */
src: url('../fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/Montserrat-Medium.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/Montserrat-Medium.woff') format('woff'), /* Pretty Modern Browsers */
url('../fonts/Montserrat-Medium.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/Montserrat-Medium.svg#svgFontName') format('svg'); /* Legacy iOS */
}
style/style.css
+54 -2
View File
@@ -6,11 +6,9 @@ html{
touch-action: manipulation;
}
body{
cursor: -webkit-grab;
cursor: grab;
/* margin-left: 200px; */
}
p, a{
@@ -469,6 +467,11 @@ section{
transform: rotate(-15deg);
}
#pouce .txt p{
margin-top: 90px;
margin-left: 20px;
}
#pouce .tracer-y{
top: 360px;
left: 275px;
@@ -582,6 +585,12 @@ section{
margin-top: 55px;
}
#sy_mettre a{
position: absolute;
top: 10px;
left: 200px;
transform: rotate(-10deg);
}
#sy_mettre #next{
left: 130px;
top: 240px;
@@ -644,3 +653,46 @@ section{
top: 840px;
left: 500px;
}
#center a:nth-child(1){
font-size: 18px!important;
color: #35b8c8ff!important;
background: none!important;
}
#center .txt a:last-child{
top: 1055px;
left: 180px;
}
#center .txt a:nth-of-type(5){
top: 1045px;
left: 541px;
}
#center .txt a:nth-child(-n+4){
font-size: 42px;
color: black;
text-decoration: none ;
font-family: 'Montserrat-Medium'!important;
background: yellow;
padding: 20px;
}
#center .txt a:nth-of-type(4){
transform: rotate(10deg);
top: 915px;
left: 370px;
}
#center .txt a:nth-of-type(3){
top: 750px;
left: 170px;
transform: rotate(-8deg);
}
#center .txt a:nth-child(2){
top: 320px;
left: 290px;
transform: rotate(-15deg);
}
svg/center.svg
+264 -324
View File
File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 856 KiB

After

Width:  |  Height:  |  Size: 170 KiB

svg/connect_logo.svg
+155
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 73 KiB

svg/koala.svg
+338 -18
View File
File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 58 KiB

After

Width:  |  Height:  |  Size: 78 KiB

svg/welcome_logo.svg
+232
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 369 KiB