spip-contrib-squelettes
/
html5up_editorial
93
1
Fork 0
Code Issues 9 Pull Requests Releases Wiki Activity
Browse Source

mise à jour / fix l'apparition/disparition du menu en petit écran

master v1.3.11
chankalan 2 years ago
parent
19400debff
commit
5607423dc0
7 changed files with 192 additions and 211 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 9
      body.html
  2. 3
      css/main.scss
  3. 4
      inclure/head.html
  4. 2
      javascript/breakpoints.min.js
  5. 2
      javascript/browser.min.js
  6. 381
      javascript/main.js
  7. 2
      paquet.xml

9
body.html
Unescape View File

@ -1,4 +1,4 @@
<body>
<body class="is-preload">
<div id="wrapper">
<div id="main">
<div class="inner">
@ -25,4 +25,9 @@
<INCLURE{fond=inclure/sidebar,env} />
</div><!-- .sidebar -->
</div><!-- .wrapper -->
</body>
[(#REM) Scripts ]
[<script src="(#CHEMIN{javascript/browser.min.js})" type="text/javascript"></script>]
[<script src="(#CHEMIN{javascript/breakpoints.min.js})" type="text/javascript"></script>]
[<script src="(#CHEMIN{javascript/util.js})" type="text/javascript"></script>]
[<script src="(#CHEMIN{javascript/main.js})" type="text/javascript"></script>]
</body>

3
css/main.scss
Unescape View File

@ -1,5 +1,4 @@
@import 'libs/vars';
@import 'css/vars_spip';
@import 'libs/functions';
@import 'libs/mixins';
@import 'libs/vendor';
@ -66,4 +65,4 @@
@import 'layout/header';
@import 'layout/banner';
@import 'layout/footer';
@import 'layout/menu';
@import 'layout/menu';

4
inclure/head.html
Unescape View File

@ -38,10 +38,6 @@
[(#REM) Balise permettant aux plugins d'inserer des appels javascript ou css ; ]
#INSERT_HEAD
[(#REM) Scripts ]
[<script src="(#CHEMIN{javascript/skel.min.js})" type="text/javascript"></script>]
[<script src="(#CHEMIN{javascript/util.js})" type="text/javascript"></script>]
[<script src="(#CHEMIN{javascript/main.js})" type="text/javascript"></script>]
<!--[if lt IE 9]>
[<script type='text/javascript' src="(#CHEMIN{javascript/ie/html5shiv.js})"></script>]
<![endif]-->

2
javascript/breakpoints.min.js vendored
Unescape View File

@ -0,0 +1,2 @@
/* breakpoints.js v1.0 | @ajlkn | MIT licensed */
var breakpoints=function(){"use strict";function e(e){t.init(e)}var t={list:null,media:{},events:[],init:function(e){t.list=e,window.addEventListener("resize",t.poll),window.addEventListener("orientationchange",t.poll),window.addEventListener("load",t.poll),window.addEventListener("fullscreenchange",t.poll)},active:function(e){var n,a,s,i,r,d,c;if(!(e in t.media)){if(">="==e.substr(0,2)?(a="gte",n=e.substr(2)):"<="==e.substr(0,2)?(a="lte",n=e.substr(2)):">"==e.substr(0,1)?(a="gt",n=e.substr(1)):"<"==e.substr(0,1)?(a="lt",n=e.substr(1)):"!"==e.substr(0,1)?(a="not",n=e.substr(1)):(a="eq",n=e),n&&n in t.list)if(i=t.list[n],Array.isArray(i)){if(r=parseInt(i[0]),d=parseInt(i[1]),isNaN(r)){if(isNaN(d))return;c=i[1].substr(String(d).length)}else c=i[0].substr(String(r).length);if(isNaN(r))switch(a){case"gte":s="screen";break;case"lte":s="screen and (max-width: "+d+c+")";break;case"gt":s="screen and (min-width: "+(d+1)+c+")";break;case"lt":s="screen and (max-width: -1px)";break;case"not":s="screen and (min-width: "+(d+1)+c+")";break;default:s="screen and (max-width: "+d+c+")"}else if(isNaN(d))switch(a){case"gte":s="screen and (min-width: "+r+c+")";break;case"lte":s="screen";break;case"gt":s="screen and (max-width: -1px)";break;case"lt":s="screen and (max-width: "+(r-1)+c+")";break;case"not":s="screen and (max-width: "+(r-1)+c+")";break;default:s="screen and (min-width: "+r+c+")"}else switch(a){case"gte":s="screen and (min-width: "+r+c+")";break;case"lte":s="screen and (max-width: "+d+c+")";break;case"gt":s="screen and (min-width: "+(d+1)+c+")";break;case"lt":s="screen and (max-width: "+(r-1)+c+")";break;case"not":s="screen and (max-width: "+(r-1)+c+"), screen and (min-width: "+(d+1)+c+")";break;default:s="screen and (min-width: "+r+c+") and (max-width: "+d+c+")"}}else s="("==i.charAt(0)?"screen and "+i:i;t.media[e]=!!s&&s}return t.media[e]!==!1&&window.matchMedia(t.media[e]).matches},on:function(e,n){t.events.push({query:e,handler:n,state:!1}),t.active(e)&&n()},poll:function(){var e,n;for(e=0;e<t.events.length;e++)n=t.events[e],t.active(n.query)?n.state||(n.state=!0,n.handler()):n.state&&(n.state=!1)}};return e._=t,e.on=function(e,n){t.on(e,n)},e.active=function(e){return t.active(e)},e}();!function(e,t){"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?module.exports=t():e.breakpoints=t()}(this,function(){return breakpoints});

2
javascript/browser.min.js vendored
Unescape View File

@ -0,0 +1,2 @@
/* browser.js v1.0 | @ajlkn | MIT licensed */
var browser=function(){"use strict";var e={name:null,version:null,os:null,osVersion:null,touch:null,mobile:null,_canUse:null,canUse:function(n){e._canUse||(e._canUse=document.createElement("div"));var o=e._canUse.style,r=n.charAt(0).toUpperCase()+n.slice(1);return n in o||"Moz"+r in o||"Webkit"+r in o||"O"+r in o||"ms"+r in o},init:function(){var n,o,r,i,t=navigator.userAgent;for(n="other",o=0,r=[["firefox",/Firefox\/([0-9\.]+)/],["bb",/BlackBerry.+Version\/([0-9\.]+)/],["bb",/BB[0-9]+.+Version\/([0-9\.]+)/],["opera",/OPR\/([0-9\.]+)/],["opera",/Opera\/([0-9\.]+)/],["edge",/Edge\/([0-9\.]+)/],["safari",/Version\/([0-9\.]+).+Safari/],["chrome",/Chrome\/([0-9\.]+)/],["ie",/MSIE ([0-9]+)/],["ie",/Trident\/.+rv:([0-9]+)/]],i=0;i<r.length;i++)if(t.match(r[i][1])){n=r[i][0],o=parseFloat(RegExp.$1);break}for(e.name=n,e.version=o,n="other",o=0,r=[["ios",/([0-9_]+) like Mac OS X/,function(e){return e.replace("_",".").replace("_","")}],["ios",/CPU like Mac OS X/,function(e){return 0}],["wp",/Windows Phone ([0-9\.]+)/,null],["android",/Android ([0-9\.]+)/,null],["mac",/Macintosh.+Mac OS X ([0-9_]+)/,function(e){return e.replace("_",".").replace("_","")}],["windows",/Windows NT ([0-9\.]+)/,null],["bb",/BlackBerry.+Version\/([0-9\.]+)/,null],["bb",/BB[0-9]+.+Version\/([0-9\.]+)/,null],["linux",/Linux/,null],["bsd",/BSD/,null],["unix",/X11/,null]],i=0;i<r.length;i++)if(t.match(r[i][1])){n=r[i][0],o=parseFloat(r[i][2]?r[i][2](RegExp.$1):RegExp.$1);break}e.os=n,e.osVersion=o,e.touch="wp"==e.os?navigator.msMaxTouchPoints>0:!!("ontouchstart"in window),e.mobile="wp"==e.os||"android"==e.os||"ios"==e.os||"bb"==e.os}};return e.init(),e}();!function(e,n){"function"==typeof define&&define.amd?define([],n):"object"==typeof exports?module.exports=n():e.browser=n()}(this,function(){return browser});

381
javascript/main.js
Unescape View File

@ -6,280 +6,257 @@
(function($) {
skel.breakpoints({
xlarge: '(max-width: 1680px)',
large: '(max-width: 1280px)',
medium: '(max-width: 980px)',
small: '(max-width: 736px)',
xsmall: '(max-width: 480px)',
'xlarge-to-max': '(min-width: 1681px)',
'small-to-xlarge': '(min-width: 481px) and (max-width: 1680px)'
});
$(function() {
var $window = $(window),
$head = $('head'),
$body = $('body');
// Disable animations/transitions ...
// ... until the page has loaded.
$body.addClass('is-loading');
$window.on('load', function() {
setTimeout(function() {
$body.removeClass('is-loading');
}, 100);
});
var $window = $(window),
$head = $('head'),
$body = $('body');
// Breakpoints.
breakpoints({
xlarge: [ '1281px', '1680px' ],
large: [ '981px', '1280px' ],
medium: [ '737px', '980px' ],
small: [ '481px', '736px' ],
xsmall: [ '361px', '480px' ],
xxsmall: [ null, '360px' ],
'xlarge-to-max': '(min-width: 1681px)',
'small-to-xlarge': '(min-width: 481px) and (max-width: 1680px)'
});
// Stops animations/transitions until the page has ...
// ... loaded.
$window.on('load', function() {
window.setTimeout(function() {
$body.removeClass('is-preload');
}, 100);
});
// ... when resizing.
var resizeTimeout;
// ... stopped resizing.
var resizeTimeout;
$window.on('resize', function() {
$window.on('resize', function() {
// Mark as resizing.
$body.addClass('is-resizing');
// Mark as resizing.
$body.addClass('is-resizing');
// Unmark after delay.
clearTimeout(resizeTimeout);
// Unmark after delay.
clearTimeout(resizeTimeout);
resizeTimeout = setTimeout(function() {
$body.removeClass('is-resizing');
}, 100);
resizeTimeout = setTimeout(function() {
$body.removeClass('is-resizing');
}, 100);
});
});
// Fix: Placeholder polyfill.
$('form').placeholder();
// Fixes.
// Prioritize "important" elements on medium.
skel.on('+medium -medium', function() {
$.prioritize(
'.important\\28 medium\\29',
skel.breakpoint('medium').active
);
});
// Object fit images.
if (!browser.canUse('object-fit')
|| browser.name == 'safari')
$('.image.object').each(function() {
// Fixes.
var $this = $(this),
$img = $this.children('img');
// Object fit images.
if (!skel.canUse('object-fit')
|| skel.vars.browser == 'safari')
$('.image.object').each(function() {
// Hide original image.
$img.css('opacity', '0');
var $this = $(this),
$img = $this.children('img');
// Set background.
$this
.css('background-image', 'url("' + $img.attr('src') + '")')
.css('background-size', $img.css('object-fit') ? $img.css('object-fit') : 'cover')
.css('background-position', $img.css('object-position') ? $img.css('object-position') : 'center');
// Hide original image.
$img.css('opacity', '0');
});
// Set background.
$this
.css('background-image', 'url("' + $img.attr('src') + '")')
.css('background-size', $img.css('object-fit') ? $img.css('object-fit') : 'cover')
.css('background-position', $img.css('object-position') ? $img.css('object-position') : 'center');
// Sidebar.
var $sidebar = $('#sidebar'),
$sidebar_inner = $sidebar.children('.inner');
});
// Inactive by default on <= large.
breakpoints.on('<=large', function() {
$sidebar.addClass('inactive');
});
// Sidebar.
var $sidebar = $('#sidebar'),
$sidebar_inner = $sidebar.children('.inner');
breakpoints.on('>large', function() {
$sidebar.removeClass('inactive');
});
// Inactive by default on <= large.
skel
.on('+large', function() {
$sidebar.addClass('inactive');
})
.on('-large !large', function() {
$sidebar.removeClass('inactive');
});
// Hack: Workaround for Chrome/Android scrollbar position bug.
if (browser.os == 'android'
&& browser.name == 'chrome')
$('<style>#sidebar .inner::-webkit-scrollbar { display: none; }</style>')
.appendTo($head);
// Hack: Workaround for Chrome/Android scrollbar position bug.
if (skel.vars.os == 'android'
&& skel.vars.browser == 'chrome')
$('<style>#sidebar .inner::-webkit-scrollbar { display: none; }</style>')
.appendTo($head);
// Toggle.
$('<a href="#sidebar" class="toggle">Toggle</a>')
.appendTo($sidebar)
.on('click', function(event) {
// Toggle.
if (skel.vars.IEVersion > 9) {
// Prevent default.
event.preventDefault();
event.stopPropagation();
$('<a href="#sidebar" class="toggle">Toggle</a>')
.appendTo($sidebar)
.on('click', function(event) {
// Toggle.
$sidebar.toggleClass('inactive');
// Prevent default.
event.preventDefault();
event.stopPropagation();
});
// Toggle.
$sidebar.toggleClass('inactive');
// Events.
});
// Link clicks.
$sidebar.on('click', 'a', function(event) {
}
// >large? Bail.
if (breakpoints.active('>large'))
return;
// Events.
// Vars.
var $a = $(this),
href = $a.attr('href'),
target = $a.attr('target');
// Link clicks.
$sidebar.on('click', 'a', function(event) {
// Prevent default.
event.preventDefault();
event.stopPropagation();
// >large? Bail.
if (!skel.breakpoint('large').active)
return;
// Check URL.
if (!href || href == '#' || href == '')
return;
// Vars.
var $a = $(this),
href = $a.attr('href'),
target = $a.attr('target');
// Hide sidebar.
$sidebar.addClass('inactive');
// Prevent default.
event.preventDefault();
event.stopPropagation();
// Redirect to href.
setTimeout(function() {
// Check URL.
if (!href || href == '#' || href == '')
return;
if (target == '_blank')
window.open(href);
else
window.location.href = href;
}, 500);
// Hide sidebar.
$sidebar.addClass('inactive');
});
// Redirect to href.
setTimeout(function() {
// Prevent certain events inside the panel from bubbling.
$sidebar.on('click touchend touchstart touchmove', function(event) {
if (target == '_blank')
window.open(href);
else
window.location.href = href;
// >large? Bail.
if (breakpoints.active('>large'))
return;
}, 500);
// Prevent propagation.
event.stopPropagation();
});
});
// Prevent certain events inside the panel from bubbling.
$sidebar.on('click touchend touchstart touchmove', function(event) {
// Hide panel on body click/tap.
$body.on('click touchend', function(event) {
// >large? Bail.
if (!skel.breakpoint('large').active)
return;
// >large? Bail.
if (breakpoints.active('>large'))
return;
// Prevent propagation.
event.stopPropagation();
// Deactivate.
$sidebar.addClass('inactive');
});
});
// Hide panel on body click/tap.
$body.on('click touchend', function(event) {
// Scroll lock.
// Note: If you do anything to change the height of the sidebar's content, be sure to
// trigger 'resize.sidebar-lock' on $window so stuff doesn't get out of sync.
// >large? Bail.
if (!skel.breakpoint('large').active)
return;
$window.on('load.sidebar-lock', function() {
// Deactivate.
$sidebar.addClass('inactive');
var sh, wh, st;
});
// Reset scroll position to 0 if it's 1.
if ($window.scrollTop() == 1)
$window.scrollTop(0);
// Scroll lock.
// Note: If you do anything to change the height of the sidebar's content, be sure to
// trigger 'resize.sidebar-lock' on $window so stuff doesn't get out of sync.
$window
.on('scroll.sidebar-lock', function() {
$window.on('load.sidebar-lock', function() {
var x, y;
var sh, wh, st;
// <=large? Bail.
if (breakpoints.active('<=large')) {
// Reset scroll position to 0 if it's 1.
if ($window.scrollTop() == 1)
$window.scrollTop(0);
$sidebar_inner
.data('locked', 0)
.css('position', '')
.css('top', '');
$window
.on('scroll.sidebar-lock', function() {
return;
var x, y;
}
// IE<10? Bail.
if (skel.vars.IEVersion < 10)
return;
// Calculate positions.
x = Math.max(sh - wh, 0);
y = Math.max(0, $window.scrollTop() - x);
// <=large? Bail.
if (skel.breakpoint('large').active) {
// Lock/unlock.
if ($sidebar_inner.data('locked') == 1) {
if (y <= 0)
$sidebar_inner
.data('locked', 0)
.css('position', '')
.css('top', '');
else
$sidebar_inner
.css('top', -1 * x);
return;
}
// Calculate positions.
x = Math.max(sh - wh, 0);
y = Math.max(0, $window.scrollTop() - x);
// Lock/unlock.
if ($sidebar_inner.data('locked') == 1) {
if (y <= 0)
$sidebar_inner
.data('locked', 0)
.css('position', '')
.css('top', '');
else
$sidebar_inner
.css('top', -1 * x);
}
else {
if (y > 0)
$sidebar_inner
.data('locked', 1)
.css('position', 'fixed')
.css('top', -1 * x);
}
else {
}
if (y > 0)
$sidebar_inner
.data('locked', 1)
.css('position', 'fixed')
.css('top', -1 * x);
})
.on('resize.sidebar-lock', function() {
}
// Calculate heights.
wh = $window.height();
sh = $sidebar_inner.outerHeight() + 30;
})
.on('resize.sidebar-lock', function() {
// Trigger scroll.
$window.trigger('scroll.sidebar-lock');
// Calculate heights.
wh = $window.height();
sh = $sidebar_inner.outerHeight() + 30;
})
.trigger('resize.sidebar-lock');
// Trigger scroll.
$window.trigger('scroll.sidebar-lock');
});
})
.trigger('resize.sidebar-lock');
// Menu.
var $menu = $('#menu'),
$menu_openers = $menu.children('ul').find('.opener');
});
// Openers.
$menu_openers.each(function() {
// Menu.
var $menu = $('#menu'),
$menu_openers = $menu.children('ul').find('.opener');
var $this = $(this);
// Openers.
$menu_openers.each(function() {
$this.on('click', function(event) {
var $this = $(this);
// Prevent default.
event.preventDefault();
$this.on('click', function(event) {
// Toggle.
$menu_openers.not($this).removeClass('active');
$this.toggleClass('active');
// Prevent default.
event.preventDefault();
// Trigger resize (sidebar lock).
$window.triggerHandler('resize.sidebar-lock');
// Toggle.
$menu_openers.not($this).removeClass('active');
$this.toggleClass('active');
});
// Trigger resize (sidebar lock).
$window.triggerHandler('resize.sidebar-lock');
});
});
});
})(jQuery);

2
paquet.xml
Unescape View File

@ -1,7 +1,7 @@
<paquet
prefix="html5up_editorial"
categorie="squelette"
version="1.3.10"
version="1.3.11"
schema="1.1.1"
etat="test"
compatibilite="[3.2.0;4.0.*]"

Write Preview
Loading…
Cancel
Save