PDF rausgenommen
This commit is contained in:
aschwarz
@ -0,0 +1,36 @@
|
||||
/**
|
||||
* Scripts within the customizer controls window.
|
||||
*
|
||||
* Contextually shows the color hue control and informs the preview
|
||||
* when users open or close the front page sections section.
|
||||
*/
|
||||
|
||||
(function() {
|
||||
wp.customize.bind( 'ready', function() {
|
||||
|
||||
// Only show the color hue control when there's a custom color scheme.
|
||||
wp.customize( 'colorscheme', function( setting ) {
|
||||
wp.customize.control( 'colorscheme_hue', function( control ) {
|
||||
var visibility = function() {
|
||||
if ( 'custom' === setting.get() ) {
|
||||
control.container.slideDown( 180 );
|
||||
} else {
|
||||
control.container.slideUp( 180 );
|
||||
}
|
||||
};
|
||||
|
||||
visibility();
|
||||
setting.bind( visibility );
|
||||
});
|
||||
});
|
||||
|
||||
// Detect when the front page sections section is expanded (or closed) so we can adjust the preview accordingly.
|
||||
wp.customize.section( 'theme_options', function( section ) {
|
||||
section.expanded.bind( function( isExpanding ) {
|
||||
|
||||
// Value of isExpanding will = true if you're entering the section, false if you're leaving it.
|
||||
wp.customize.previewer.send( 'section-highlight', { expanded: isExpanding });
|
||||
} );
|
||||
} );
|
||||
});
|
||||
})( jQuery );
|
||||
@ -0,0 +1,150 @@
|
||||
/**
|
||||
* File customize-preview.js.
|
||||
*
|
||||
* Instantly live-update customizer settings in the preview for improved user experience.
|
||||
*/
|
||||
|
||||
(function( $ ) {
|
||||
|
||||
// Collect information from customize-controls.js about which panels are opening.
|
||||
wp.customize.bind( 'preview-ready', function() {
|
||||
|
||||
// Initially hide the theme option placeholders on load
|
||||
$( '.panel-placeholder' ).hide();
|
||||
|
||||
wp.customize.preview.bind( 'section-highlight', function( data ) {
|
||||
|
||||
// Only on the front page.
|
||||
if ( ! $( 'body' ).hasClass( 'twentyseventeen-front-page' ) ) {
|
||||
return;
|
||||
}
|
||||
|
||||
// When the section is expanded, show and scroll to the content placeholders, exposing the edit links.
|
||||
if ( true === data.expanded ) {
|
||||
$( 'body' ).addClass( 'highlight-front-sections' );
|
||||
$( '.panel-placeholder' ).slideDown( 200, function() {
|
||||
$.scrollTo( $( '#panel1' ), {
|
||||
duration: 600,
|
||||
offset: { 'top': -70 } // Account for sticky menu.
|
||||
});
|
||||
});
|
||||
|
||||
// If we've left the panel, hide the placeholders and scroll back to the top.
|
||||
} else {
|
||||
$( 'body' ).removeClass( 'highlight-front-sections' );
|
||||
// Don't change scroll when leaving - it's likely to have unintended consequences.
|
||||
$( '.panel-placeholder' ).slideUp( 200 );
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// Site title and description.
|
||||
wp.customize( 'blogname', function( value ) {
|
||||
value.bind( function( to ) {
|
||||
$( '.site-title a' ).text( to );
|
||||
});
|
||||
});
|
||||
wp.customize( 'blogdescription', function( value ) {
|
||||
value.bind( function( to ) {
|
||||
$( '.site-description' ).text( to );
|
||||
});
|
||||
});
|
||||
|
||||
// Header text color.
|
||||
wp.customize( 'header_textcolor', function( value ) {
|
||||
value.bind( function( to ) {
|
||||
if ( 'blank' === to ) {
|
||||
$( '.site-title, .site-description' ).css({
|
||||
clip: 'rect(1px, 1px, 1px, 1px)',
|
||||
position: 'absolute'
|
||||
});
|
||||
// Add class for different logo styles if title and description are hidden.
|
||||
$( 'body' ).addClass( 'title-tagline-hidden' );
|
||||
} else {
|
||||
|
||||
// Check if the text color has been removed and use default colors in theme stylesheet.
|
||||
if ( ! to.length ) {
|
||||
$( '#twentyseventeen-custom-header-styles' ).remove();
|
||||
}
|
||||
$( '.site-title, .site-description' ).css({
|
||||
clip: 'auto',
|
||||
position: 'relative'
|
||||
});
|
||||
$( '.site-branding, .site-branding a, .site-description, .site-description a' ).css({
|
||||
color: to
|
||||
});
|
||||
// Add class for different logo styles if title and description are visible.
|
||||
$( 'body' ).removeClass( 'title-tagline-hidden' );
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// Color scheme.
|
||||
wp.customize( 'colorscheme', function( value ) {
|
||||
value.bind( function( to ) {
|
||||
|
||||
// Update color body class.
|
||||
$( 'body' )
|
||||
.removeClass( 'colors-light colors-dark colors-custom' )
|
||||
.addClass( 'colors-' + to );
|
||||
});
|
||||
});
|
||||
|
||||
// Custom color hue.
|
||||
wp.customize( 'colorscheme_hue', function( value ) {
|
||||
value.bind( function( to ) {
|
||||
|
||||
// Update custom color CSS.
|
||||
var style = $( '#custom-theme-colors' ),
|
||||
hue = style.data( 'hue' ),
|
||||
css = style.html();
|
||||
|
||||
// Equivalent to css.replaceAll, with hue followed by comma to prevent values with units from being changed.
|
||||
css = css.split( hue + ',' ).join( to + ',' );
|
||||
style.html( css ).data( 'hue', to );
|
||||
});
|
||||
});
|
||||
|
||||
// Page layouts.
|
||||
wp.customize( 'page_layout', function( value ) {
|
||||
value.bind( function( to ) {
|
||||
if ( 'one-column' === to ) {
|
||||
$( 'body' ).addClass( 'page-one-column' ).removeClass( 'page-two-column' );
|
||||
} else {
|
||||
$( 'body' ).removeClass( 'page-one-column' ).addClass( 'page-two-column' );
|
||||
}
|
||||
} );
|
||||
} );
|
||||
|
||||
// Whether a header image is available.
|
||||
function hasHeaderImage() {
|
||||
var image = wp.customize( 'header_image' )();
|
||||
return '' !== image && 'remove-header' !== image;
|
||||
}
|
||||
|
||||
// Whether a header video is available.
|
||||
function hasHeaderVideo() {
|
||||
var externalVideo = wp.customize( 'external_header_video' )(),
|
||||
video = wp.customize( 'header_video' )();
|
||||
|
||||
return '' !== externalVideo || ( 0 !== video && '' !== video );
|
||||
}
|
||||
|
||||
// Toggle a body class if a custom header exists.
|
||||
$.each( [ 'external_header_video', 'header_image', 'header_video' ], function( index, settingId ) {
|
||||
wp.customize( settingId, function( setting ) {
|
||||
setting.bind(function() {
|
||||
if ( hasHeaderImage() ) {
|
||||
$( document.body ).addClass( 'has-header-image' );
|
||||
} else {
|
||||
$( document.body ).removeClass( 'has-header-image' );
|
||||
}
|
||||
|
||||
if ( ! hasHeaderVideo() ) {
|
||||
$( document.body ).removeClass( 'has-header-video' );
|
||||
}
|
||||
} );
|
||||
} );
|
||||
} );
|
||||
|
||||
} )( jQuery );
|
||||
@ -0,0 +1,250 @@
|
||||
/* global twentyseventeenScreenReaderText */
|
||||
(function( $ ) {
|
||||
|
||||
// Variables and DOM Caching.
|
||||
var $body = $( 'body' ),
|
||||
$customHeader = $body.find( '.custom-header' ),
|
||||
$branding = $customHeader.find( '.site-branding' ),
|
||||
$navigation = $body.find( '.navigation-top' ),
|
||||
$navWrap = $navigation.find( '.wrap' ),
|
||||
$navMenuItem = $navigation.find( '.menu-item' ),
|
||||
$menuToggle = $navigation.find( '.menu-toggle' ),
|
||||
$menuScrollDown = $body.find( '.menu-scroll-down' ),
|
||||
$sidebar = $body.find( '#secondary' ),
|
||||
$entryContent = $body.find( '.entry-content' ),
|
||||
$formatQuote = $body.find( '.format-quote blockquote' ),
|
||||
isFrontPage = $body.hasClass( 'twentyseventeen-front-page' ) || $body.hasClass( 'home blog' ),
|
||||
navigationFixedClass = 'site-navigation-fixed',
|
||||
navigationHeight,
|
||||
navigationOuterHeight,
|
||||
navPadding,
|
||||
navMenuItemHeight,
|
||||
idealNavHeight,
|
||||
navIsNotTooTall,
|
||||
headerOffset,
|
||||
menuTop = 0,
|
||||
resizeTimer;
|
||||
|
||||
// Ensure the sticky navigation doesn't cover current focused links.
|
||||
$( 'a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, [tabindex], [contenteditable]', '.site-content-contain' ).filter( ':visible' ).focus( function() {
|
||||
if ( $navigation.hasClass( 'site-navigation-fixed' ) ) {
|
||||
var windowScrollTop = $( window ).scrollTop(),
|
||||
fixedNavHeight = $navigation.height(),
|
||||
itemScrollTop = $( this ).offset().top,
|
||||
offsetDiff = itemScrollTop - windowScrollTop;
|
||||
|
||||
// Account for Admin bar.
|
||||
if ( $( '#wpadminbar' ).length ) {
|
||||
offsetDiff -= $( '#wpadminbar' ).height();
|
||||
}
|
||||
|
||||
if ( offsetDiff < fixedNavHeight ) {
|
||||
$( window ).scrollTo( itemScrollTop - ( fixedNavHeight + 50 ), 0 );
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// Set properties of navigation.
|
||||
function setNavProps() {
|
||||
navigationHeight = $navigation.height();
|
||||
navigationOuterHeight = $navigation.outerHeight();
|
||||
navPadding = parseFloat( $navWrap.css( 'padding-top' ) ) * 2;
|
||||
navMenuItemHeight = $navMenuItem.outerHeight() * 2;
|
||||
idealNavHeight = navPadding + navMenuItemHeight;
|
||||
navIsNotTooTall = navigationHeight <= idealNavHeight;
|
||||
}
|
||||
|
||||
// Make navigation 'stick'.
|
||||
function adjustScrollClass() {
|
||||
|
||||
// Make sure we're not on a mobile screen.
|
||||
if ( 'none' === $menuToggle.css( 'display' ) ) {
|
||||
|
||||
// Make sure the nav isn't taller than two rows.
|
||||
if ( navIsNotTooTall ) {
|
||||
|
||||
// When there's a custom header image or video, the header offset includes the height of the navigation.
|
||||
if ( isFrontPage && ( $body.hasClass( 'has-header-image' ) || $body.hasClass( 'has-header-video' ) ) ) {
|
||||
headerOffset = $customHeader.innerHeight() - navigationOuterHeight;
|
||||
} else {
|
||||
headerOffset = $customHeader.innerHeight();
|
||||
}
|
||||
|
||||
// If the scroll is more than the custom header, set the fixed class.
|
||||
if ( $( window ).scrollTop() >= headerOffset ) {
|
||||
$navigation.addClass( navigationFixedClass );
|
||||
} else {
|
||||
$navigation.removeClass( navigationFixedClass );
|
||||
}
|
||||
|
||||
} else {
|
||||
|
||||
// Remove 'fixed' class if nav is taller than two rows.
|
||||
$navigation.removeClass( navigationFixedClass );
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Set margins of branding in header.
|
||||
function adjustHeaderHeight() {
|
||||
if ( 'none' === $menuToggle.css( 'display' ) ) {
|
||||
|
||||
// The margin should be applied to different elements on front-page or home vs interior pages.
|
||||
if ( isFrontPage ) {
|
||||
$branding.css( 'margin-bottom', navigationOuterHeight );
|
||||
} else {
|
||||
$customHeader.css( 'margin-bottom', navigationOuterHeight );
|
||||
}
|
||||
|
||||
} else {
|
||||
$customHeader.css( 'margin-bottom', '0' );
|
||||
$branding.css( 'margin-bottom', '0' );
|
||||
}
|
||||
}
|
||||
|
||||
// Set icon for quotes.
|
||||
function setQuotesIcon() {
|
||||
$( twentyseventeenScreenReaderText.quote ).prependTo( $formatQuote );
|
||||
}
|
||||
|
||||
// Add 'below-entry-meta' class to elements.
|
||||
function belowEntryMetaClass( param ) {
|
||||
var sidebarPos, sidebarPosBottom;
|
||||
|
||||
if ( ! $body.hasClass( 'has-sidebar' ) || (
|
||||
$body.hasClass( 'search' ) ||
|
||||
$body.hasClass( 'single-attachment' ) ||
|
||||
$body.hasClass( 'error404' ) ||
|
||||
$body.hasClass( 'twentyseventeen-front-page' )
|
||||
) ) {
|
||||
return;
|
||||
}
|
||||
|
||||
sidebarPos = $sidebar.offset();
|
||||
sidebarPosBottom = sidebarPos.top + ( $sidebar.height() + 28 );
|
||||
|
||||
$entryContent.find( param ).each( function() {
|
||||
var $element = $( this ),
|
||||
elementPos = $element.offset(),
|
||||
elementPosTop = elementPos.top;
|
||||
|
||||
// Add 'below-entry-meta' to elements below the entry meta.
|
||||
if ( elementPosTop > sidebarPosBottom ) {
|
||||
$element.addClass( 'below-entry-meta' );
|
||||
} else {
|
||||
$element.removeClass( 'below-entry-meta' );
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
/*
|
||||
* Test if inline SVGs are supported.
|
||||
* @link https://github.com/Modernizr/Modernizr/
|
||||
*/
|
||||
function supportsInlineSVG() {
|
||||
var div = document.createElement( 'div' );
|
||||
div.innerHTML = '<svg/>';
|
||||
return 'http://www.w3.org/2000/svg' === ( 'undefined' !== typeof SVGRect && div.firstChild && div.firstChild.namespaceURI );
|
||||
}
|
||||
|
||||
/**
|
||||
* Test if an iOS device.
|
||||
*/
|
||||
function checkiOS() {
|
||||
return /iPad|iPhone|iPod/.test(navigator.userAgent) && ! window.MSStream;
|
||||
}
|
||||
|
||||
/*
|
||||
* Test if background-attachment: fixed is supported.
|
||||
* @link http://stackoverflow.com/questions/14115080/detect-support-for-background-attachment-fixed
|
||||
*/
|
||||
function supportsFixedBackground() {
|
||||
var el = document.createElement('div'),
|
||||
isSupported;
|
||||
|
||||
try {
|
||||
if ( ! ( 'backgroundAttachment' in el.style ) || checkiOS() ) {
|
||||
return false;
|
||||
}
|
||||
el.style.backgroundAttachment = 'fixed';
|
||||
isSupported = ( 'fixed' === el.style.backgroundAttachment );
|
||||
return isSupported;
|
||||
}
|
||||
catch (e) {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
// Fire on document ready.
|
||||
$( document ).ready( function() {
|
||||
|
||||
// If navigation menu is present on page, setNavProps and adjustScrollClass.
|
||||
if ( $navigation.length ) {
|
||||
setNavProps();
|
||||
adjustScrollClass();
|
||||
}
|
||||
|
||||
// If 'Scroll Down' arrow in present on page, calculate scroll offset and bind an event handler to the click event.
|
||||
if ( $menuScrollDown.length ) {
|
||||
|
||||
if ( $( 'body' ).hasClass( 'admin-bar' ) ) {
|
||||
menuTop -= 32;
|
||||
}
|
||||
if ( $( 'body' ).hasClass( 'blog' ) ) {
|
||||
menuTop -= 30; // The div for latest posts has no space above content, add some to account for this.
|
||||
}
|
||||
if ( ! $navigation.length ) {
|
||||
navigationOuterHeight = 0;
|
||||
}
|
||||
|
||||
$menuScrollDown.click( function( e ) {
|
||||
e.preventDefault();
|
||||
$( window ).scrollTo( '#primary', {
|
||||
duration: 600,
|
||||
offset: { top: menuTop - navigationOuterHeight }
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
adjustHeaderHeight();
|
||||
setQuotesIcon();
|
||||
belowEntryMetaClass( 'blockquote.alignleft, blockquote.alignright' );
|
||||
if ( true === supportsInlineSVG() ) {
|
||||
document.documentElement.className = document.documentElement.className.replace( /(\s*)no-svg(\s*)/, '$1svg$2' );
|
||||
}
|
||||
|
||||
if ( true === supportsFixedBackground() ) {
|
||||
document.documentElement.className += ' background-fixed';
|
||||
}
|
||||
});
|
||||
|
||||
// If navigation menu is present on page, adjust it on scroll and screen resize.
|
||||
if ( $navigation.length ) {
|
||||
|
||||
// On scroll, we want to stick/unstick the navigation.
|
||||
$( window ).on( 'scroll', function() {
|
||||
adjustScrollClass();
|
||||
adjustHeaderHeight();
|
||||
});
|
||||
|
||||
// Also want to make sure the navigation is where it should be on resize.
|
||||
$( window ).resize( function() {
|
||||
setNavProps();
|
||||
setTimeout( adjustScrollClass, 500 );
|
||||
});
|
||||
}
|
||||
|
||||
$( window ).resize( function() {
|
||||
clearTimeout( resizeTimer );
|
||||
resizeTimer = setTimeout( function() {
|
||||
belowEntryMetaClass( 'blockquote.alignleft, blockquote.alignright' );
|
||||
}, 300 );
|
||||
setTimeout( adjustHeaderHeight, 1000 );
|
||||
});
|
||||
|
||||
// Add header video class after the video is loaded.
|
||||
$( document ).on( 'wp-custom-header-video-loaded', function() {
|
||||
$body.addClass( 'has-header-video' );
|
||||
});
|
||||
|
||||
})( jQuery );
|
||||
@ -0,0 +1,326 @@
|
||||
/**
|
||||
* @preserve HTML5 Shiv 3.7.3 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
|
||||
*/
|
||||
;(function(window, document) {
|
||||
/*jshint evil:true */
|
||||
/** version */
|
||||
var version = '3.7.3';
|
||||
|
||||
/** Preset options */
|
||||
var options = window.html5 || {};
|
||||
|
||||
/** Used to skip problem elements */
|
||||
var reSkip = /^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i;
|
||||
|
||||
/** Not all elements can be cloned in IE **/
|
||||
var saveClones = /^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i;
|
||||
|
||||
/** Detect whether the browser supports default html5 styles */
|
||||
var supportsHtml5Styles;
|
||||
|
||||
/** Name of the expando, to work with multiple documents or to re-shiv one document */
|
||||
var expando = '_html5shiv';
|
||||
|
||||
/** The id for the the documents expando */
|
||||
var expanID = 0;
|
||||
|
||||
/** Cached data for each document */
|
||||
var expandoData = {};
|
||||
|
||||
/** Detect whether the browser supports unknown elements */
|
||||
var supportsUnknownElements;
|
||||
|
||||
(function() {
|
||||
try {
|
||||
var a = document.createElement('a');
|
||||
a.innerHTML = '<xyz></xyz>';
|
||||
//if the hidden property is implemented we can assume, that the browser supports basic HTML5 Styles
|
||||
supportsHtml5Styles = ('hidden' in a);
|
||||
|
||||
supportsUnknownElements = a.childNodes.length == 1 || (function() {
|
||||
// assign a false positive if unable to shiv
|
||||
(document.createElement)('a');
|
||||
var frag = document.createDocumentFragment();
|
||||
return (
|
||||
typeof frag.cloneNode == 'undefined' ||
|
||||
typeof frag.createDocumentFragment == 'undefined' ||
|
||||
typeof frag.createElement == 'undefined'
|
||||
);
|
||||
}());
|
||||
} catch(e) {
|
||||
// assign a false positive if detection fails => unable to shiv
|
||||
supportsHtml5Styles = true;
|
||||
supportsUnknownElements = true;
|
||||
}
|
||||
|
||||
}());
|
||||
|
||||
/*--------------------------------------------------------------------------*/
|
||||
|
||||
/**
|
||||
* Creates a style sheet with the given CSS text and adds it to the document.
|
||||
* @private
|
||||
* @param {Document} ownerDocument The document.
|
||||
* @param {String} cssText The CSS text.
|
||||
* @returns {StyleSheet} The style element.
|
||||
*/
|
||||
function addStyleSheet(ownerDocument, cssText) {
|
||||
var p = ownerDocument.createElement('p'),
|
||||
parent = ownerDocument.getElementsByTagName('head')[0] || ownerDocument.documentElement;
|
||||
|
||||
p.innerHTML = 'x<style>' + cssText + '</style>';
|
||||
return parent.insertBefore(p.lastChild, parent.firstChild);
|
||||
}
|
||||
|
||||
/**
|
||||
* Returns the value of `html5.elements` as an array.
|
||||
* @private
|
||||
* @returns {Array} An array of shived element node names.
|
||||
*/
|
||||
function getElements() {
|
||||
var elements = html5.elements;
|
||||
return typeof elements == 'string' ? elements.split(' ') : elements;
|
||||
}
|
||||
|
||||
/**
|
||||
* Extends the built-in list of html5 elements
|
||||
* @memberOf html5
|
||||
* @param {String|Array} newElements whitespace separated list or array of new element names to shiv
|
||||
* @param {Document} ownerDocument The context document.
|
||||
*/
|
||||
function addElements(newElements, ownerDocument) {
|
||||
var elements = html5.elements;
|
||||
if(typeof elements != 'string'){
|
||||
elements = elements.join(' ');
|
||||
}
|
||||
if(typeof newElements != 'string'){
|
||||
newElements = newElements.join(' ');
|
||||
}
|
||||
html5.elements = elements +' '+ newElements;
|
||||
shivDocument(ownerDocument);
|
||||
}
|
||||
|
||||
/**
|
||||
* Returns the data associated to the given document
|
||||
* @private
|
||||
* @param {Document} ownerDocument The document.
|
||||
* @returns {Object} An object of data.
|
||||
*/
|
||||
function getExpandoData(ownerDocument) {
|
||||
var data = expandoData[ownerDocument[expando]];
|
||||
if (!data) {
|
||||
data = {};
|
||||
expanID++;
|
||||
ownerDocument[expando] = expanID;
|
||||
expandoData[expanID] = data;
|
||||
}
|
||||
return data;
|
||||
}
|
||||
|
||||
/**
|
||||
* returns a shived element for the given nodeName and document
|
||||
* @memberOf html5
|
||||
* @param {String} nodeName name of the element
|
||||
* @param {Document|DocumentFragment} ownerDocument The context document.
|
||||
* @returns {Object} The shived element.
|
||||
*/
|
||||
function createElement(nodeName, ownerDocument, data){
|
||||
if (!ownerDocument) {
|
||||
ownerDocument = document;
|
||||
}
|
||||
if(supportsUnknownElements){
|
||||
return ownerDocument.createElement(nodeName);
|
||||
}
|
||||
if (!data) {
|
||||
data = getExpandoData(ownerDocument);
|
||||
}
|
||||
var node;
|
||||
|
||||
if (data.cache[nodeName]) {
|
||||
node = data.cache[nodeName].cloneNode();
|
||||
} else if (saveClones.test(nodeName)) {
|
||||
node = (data.cache[nodeName] = data.createElem(nodeName)).cloneNode();
|
||||
} else {
|
||||
node = data.createElem(nodeName);
|
||||
}
|
||||
|
||||
// Avoid adding some elements to fragments in IE < 9 because
|
||||
// * Attributes like `name` or `type` cannot be set/changed once an element
|
||||
// is inserted into a document/fragment
|
||||
// * Link elements with `src` attributes that are inaccessible, as with
|
||||
// a 403 response, will cause the tab/window to crash
|
||||
// * Script elements appended to fragments will execute when their `src`
|
||||
// or `text` property is set
|
||||
return node.canHaveChildren && !reSkip.test(nodeName) && !node.tagUrn ? data.frag.appendChild(node) : node;
|
||||
}
|
||||
|
||||
/**
|
||||
* returns a shived DocumentFragment for the given document
|
||||
* @memberOf html5
|
||||
* @param {Document} ownerDocument The context document.
|
||||
* @returns {Object} The shived DocumentFragment.
|
||||
*/
|
||||
function createDocumentFragment(ownerDocument, data){
|
||||
if (!ownerDocument) {
|
||||
ownerDocument = document;
|
||||
}
|
||||
if(supportsUnknownElements){
|
||||
return ownerDocument.createDocumentFragment();
|
||||
}
|
||||
data = data || getExpandoData(ownerDocument);
|
||||
var clone = data.frag.cloneNode(),
|
||||
i = 0,
|
||||
elems = getElements(),
|
||||
l = elems.length;
|
||||
for(;i<l;i++){
|
||||
clone.createElement(elems[i]);
|
||||
}
|
||||
return clone;
|
||||
}
|
||||
|
||||
/**
|
||||
* Shivs the `createElement` and `createDocumentFragment` methods of the document.
|
||||
* @private
|
||||
* @param {Document|DocumentFragment} ownerDocument The document.
|
||||
* @param {Object} data of the document.
|
||||
*/
|
||||
function shivMethods(ownerDocument, data) {
|
||||
if (!data.cache) {
|
||||
data.cache = {};
|
||||
data.createElem = ownerDocument.createElement;
|
||||
data.createFrag = ownerDocument.createDocumentFragment;
|
||||
data.frag = data.createFrag();
|
||||
}
|
||||
|
||||
|
||||
ownerDocument.createElement = function(nodeName) {
|
||||
//abort shiv
|
||||
if (!html5.shivMethods) {
|
||||
return data.createElem(nodeName);
|
||||
}
|
||||
return createElement(nodeName, ownerDocument, data);
|
||||
};
|
||||
|
||||
ownerDocument.createDocumentFragment = Function('h,f', 'return function(){' +
|
||||
'var n=f.cloneNode(),c=n.createElement;' +
|
||||
'h.shivMethods&&(' +
|
||||
// unroll the `createElement` calls
|
||||
getElements().join().replace(/[\w\-:]+/g, function(nodeName) {
|
||||
data.createElem(nodeName);
|
||||
data.frag.createElement(nodeName);
|
||||
return 'c("' + nodeName + '")';
|
||||
}) +
|
||||
');return n}'
|
||||
)(html5, data.frag);
|
||||
}
|
||||
|
||||
/*--------------------------------------------------------------------------*/
|
||||
|
||||
/**
|
||||
* Shivs the given document.
|
||||
* @memberOf html5
|
||||
* @param {Document} ownerDocument The document to shiv.
|
||||
* @returns {Document} The shived document.
|
||||
*/
|
||||
function shivDocument(ownerDocument) {
|
||||
if (!ownerDocument) {
|
||||
ownerDocument = document;
|
||||
}
|
||||
var data = getExpandoData(ownerDocument);
|
||||
|
||||
if (html5.shivCSS && !supportsHtml5Styles && !data.hasCSS) {
|
||||
data.hasCSS = !!addStyleSheet(ownerDocument,
|
||||
// corrects block display not defined in IE6/7/8/9
|
||||
'article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}' +
|
||||
// adds styling not present in IE6/7/8/9
|
||||
'mark{background:#FF0;color:#000}' +
|
||||
// hides non-rendered elements
|
||||
'template{display:none}'
|
||||
);
|
||||
}
|
||||
if (!supportsUnknownElements) {
|
||||
shivMethods(ownerDocument, data);
|
||||
}
|
||||
return ownerDocument;
|
||||
}
|
||||
|
||||
/*--------------------------------------------------------------------------*/
|
||||
|
||||
/**
|
||||
* The `html5` object is exposed so that more elements can be shived and
|
||||
* existing shiving can be detected on iframes.
|
||||
* @type Object
|
||||
* @example
|
||||
*
|
||||
* // options can be changed before the script is included
|
||||
* html5 = { 'elements': 'mark section', 'shivCSS': false, 'shivMethods': false };
|
||||
*/
|
||||
var html5 = {
|
||||
|
||||
/**
|
||||
* An array or space separated string of node names of the elements to shiv.
|
||||
* @memberOf html5
|
||||
* @type Array|String
|
||||
*/
|
||||
'elements': options.elements || 'abbr article aside audio bdi canvas data datalist details dialog figcaption figure footer header hgroup main mark meter nav output picture progress section summary template time video',
|
||||
|
||||
/**
|
||||
* current version of html5shiv
|
||||
*/
|
||||
'version': version,
|
||||
|
||||
/**
|
||||
* A flag to indicate that the HTML5 style sheet should be inserted.
|
||||
* @memberOf html5
|
||||
* @type Boolean
|
||||
*/
|
||||
'shivCSS': (options.shivCSS !== false),
|
||||
|
||||
/**
|
||||
* Is equal to true if a browser supports creating unknown/HTML5 elements
|
||||
* @memberOf html5
|
||||
* @type boolean
|
||||
*/
|
||||
'supportsUnknownElements': supportsUnknownElements,
|
||||
|
||||
/**
|
||||
* A flag to indicate that the document's `createElement` and `createDocumentFragment`
|
||||
* methods should be overwritten.
|
||||
* @memberOf html5
|
||||
* @type Boolean
|
||||
*/
|
||||
'shivMethods': (options.shivMethods !== false),
|
||||
|
||||
/**
|
||||
* A string to describe the type of `html5` object ("default" or "default print").
|
||||
* @memberOf html5
|
||||
* @type String
|
||||
*/
|
||||
'type': 'default',
|
||||
|
||||
// shivs the document according to the specified `html5` object options
|
||||
'shivDocument': shivDocument,
|
||||
|
||||
//creates a shived element
|
||||
createElement: createElement,
|
||||
|
||||
//creates a shived documentFragment
|
||||
createDocumentFragment: createDocumentFragment,
|
||||
|
||||
//extends list of elements
|
||||
addElements: addElements
|
||||
};
|
||||
|
||||
/*--------------------------------------------------------------------------*/
|
||||
|
||||
// expose html5
|
||||
window.html5 = html5;
|
||||
|
||||
// shiv the document
|
||||
shivDocument(document);
|
||||
|
||||
if(typeof module == 'object' && module.exports){
|
||||
module.exports = html5;
|
||||
}
|
||||
|
||||
}(typeof window !== "undefined" ? window : this, document));
|
||||
@ -0,0 +1,209 @@
|
||||
/*!
|
||||
* jQuery.scrollTo
|
||||
* Copyright (c) 2007-2015 Ariel Flesler - aflesler<a>gmail<d>com | http://flesler.blogspot.com
|
||||
* Licensed under MIT
|
||||
* http://flesler.blogspot.com/2007/10/jqueryscrollto.html
|
||||
* @projectDescription Lightweight, cross-browser and highly customizable animated scrolling with jQuery
|
||||
* @author Ariel Flesler
|
||||
* @version 2.1.2
|
||||
*/
|
||||
;(function(factory) {
|
||||
'use strict';
|
||||
if (typeof define === 'function' && define.amd) {
|
||||
// AMD
|
||||
define( ['jquery'], factory );
|
||||
} else if (typeof module !== 'undefined' && module.exports) {
|
||||
// CommonJS
|
||||
module.exports = factory( require( 'jquery' ) );
|
||||
} else {
|
||||
// Global
|
||||
factory( jQuery );
|
||||
}
|
||||
})(function($) {
|
||||
'use strict';
|
||||
|
||||
var $scrollTo = $.scrollTo = function(target, duration, settings) {
|
||||
return $( window ).scrollTo( target, duration, settings );
|
||||
};
|
||||
|
||||
$scrollTo.defaults = {
|
||||
axis:'xy',
|
||||
duration: 0,
|
||||
limit:true
|
||||
};
|
||||
|
||||
function isWin(elem) {
|
||||
return ! elem.nodeName ||
|
||||
$.inArray( elem.nodeName.toLowerCase(), ['iframe','#document','html','body'] ) !== -1;
|
||||
}
|
||||
|
||||
$.fn.scrollTo = function(target, duration, settings) {
|
||||
if (typeof duration === 'object') {
|
||||
settings = duration;
|
||||
duration = 0;
|
||||
}
|
||||
if (typeof settings === 'function') {
|
||||
settings = { onAfter:settings };
|
||||
}
|
||||
if (target === 'max') {
|
||||
target = 9e9;
|
||||
}
|
||||
|
||||
settings = $.extend( {}, $scrollTo.defaults, settings );
|
||||
// Speed is still recognized for backwards compatibility
|
||||
duration = duration || settings.duration;
|
||||
// Make sure the settings are given right
|
||||
var queue = settings.queue && settings.axis.length > 1;
|
||||
if (queue) {
|
||||
// Let's keep the overall duration
|
||||
duration /= 2;
|
||||
}
|
||||
settings.offset = both( settings.offset );
|
||||
settings.over = both( settings.over );
|
||||
|
||||
return this.each(function() {
|
||||
// Null target yields nothing, just like jQuery does
|
||||
if (target === null) { return; }
|
||||
|
||||
var win = isWin( this ),
|
||||
elem = win ? this.contentWindow || window : this,
|
||||
$elem = $( elem ),
|
||||
targ = target,
|
||||
attr = {},
|
||||
toff;
|
||||
|
||||
switch (typeof targ) {
|
||||
// A number will pass the regex
|
||||
case 'number':
|
||||
case 'string':
|
||||
if (/^([+-]=?)?\d+(\.\d+)?(px|%)?$/.test( targ )) {
|
||||
targ = both( targ );
|
||||
// We are done
|
||||
break;
|
||||
}
|
||||
// Relative/Absolute selector
|
||||
targ = win ? $( targ ) : $( targ, elem );
|
||||
/* falls through */
|
||||
case 'object':
|
||||
if (targ.length === 0) { return; }
|
||||
// DOMElement / jQuery
|
||||
if (targ.is || targ.style) {
|
||||
// Get the real position of the target
|
||||
toff = (targ = $( targ )).offset();
|
||||
}
|
||||
}
|
||||
|
||||
var offset = $.isFunction( settings.offset ) && settings.offset( elem, targ ) || settings.offset;
|
||||
|
||||
$.each(settings.axis.split( '' ), function(i, axis) {
|
||||
var Pos = axis === 'x' ? 'Left' : 'Top',
|
||||
pos = Pos.toLowerCase(),
|
||||
key = 'scroll' + Pos,
|
||||
prev = $elem[key](),
|
||||
max = $scrollTo.max( elem, axis );
|
||||
|
||||
if (toff) {// jQuery / DOMElement
|
||||
attr[key] = toff[pos] + (win ? 0 : prev - $elem.offset()[pos]);
|
||||
|
||||
// If it's a dom element, reduce the margin
|
||||
if (settings.margin) {
|
||||
attr[key] -= parseInt( targ.css( 'margin' + Pos ), 10 ) || 0;
|
||||
attr[key] -= parseInt( targ.css( 'border' + Pos + 'Width' ), 10 ) || 0;
|
||||
}
|
||||
|
||||
attr[key] += offset[pos] || 0;
|
||||
|
||||
if (settings.over[pos]) {
|
||||
// Scroll to a fraction of its width/height
|
||||
attr[key] += targ[axis === 'x'?'width':'height']() * settings.over[pos];
|
||||
}
|
||||
} else {
|
||||
var val = targ[pos];
|
||||
// Handle percentage values
|
||||
attr[key] = val.slice && val.slice( -1 ) === '%' ?
|
||||
parseFloat( val ) / 100 * max
|
||||
: val;
|
||||
}
|
||||
|
||||
// Number or 'number'
|
||||
if (settings.limit && /^\d+$/.test( attr[key] )) {
|
||||
// Check the limits
|
||||
attr[key] = attr[key] <= 0 ? 0 : Math.min( attr[key], max );
|
||||
}
|
||||
|
||||
// Don't waste time animating, if there's no need.
|
||||
if ( ! i && settings.axis.length > 1) {
|
||||
if (prev === attr[key]) {
|
||||
// No animation needed
|
||||
attr = {};
|
||||
} else if (queue) {
|
||||
// Intermediate animation
|
||||
animate( settings.onAfterFirst );
|
||||
// Don't animate this axis again in the next iteration.
|
||||
attr = {};
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
animate( settings.onAfter );
|
||||
|
||||
function animate(callback) {
|
||||
var opts = $.extend({}, settings, {
|
||||
// The queue setting conflicts with animate()
|
||||
// Force it to always be true
|
||||
queue: true,
|
||||
duration: duration,
|
||||
complete: callback && function() {
|
||||
callback.call( elem, targ, settings );
|
||||
}
|
||||
});
|
||||
$elem.animate( attr, opts );
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
// Max scrolling position, works on quirks mode
|
||||
// It only fails (not too badly) on IE, quirks mode.
|
||||
$scrollTo.max = function(elem, axis) {
|
||||
var Dim = axis === 'x' ? 'Width' : 'Height',
|
||||
scroll = 'scroll' + Dim;
|
||||
|
||||
if ( ! isWin( elem )) {
|
||||
return elem[scroll] - $( elem )[Dim.toLowerCase()](); }
|
||||
|
||||
var size = 'client' + Dim,
|
||||
doc = elem.ownerDocument || elem.document,
|
||||
html = doc.documentElement,
|
||||
body = doc.body;
|
||||
|
||||
return Math.max( html[scroll], body[scroll] ) - Math.min( html[size], body[size] );
|
||||
};
|
||||
|
||||
function both(val) {
|
||||
return $.isFunction( val ) || $.isPlainObject( val ) ? val : { top:val, left:val };
|
||||
}
|
||||
|
||||
// Add special hooks so that window scroll properties can be animated
|
||||
$.Tween.propHooks.scrollLeft = $.Tween.propHooks.scrollTop = {
|
||||
get: function(t) {
|
||||
return $( t.elem )[t.prop]();
|
||||
},
|
||||
set: function(t) {
|
||||
var curr = this.get( t );
|
||||
// If interrupt is true and user scrolled, stop animating
|
||||
if (t.options.interrupt && t._last && t._last !== curr) {
|
||||
return $( t.elem ).stop();
|
||||
}
|
||||
var next = Math.round( t.now );
|
||||
// Don't waste CPU
|
||||
// Browsers don't render floating point scroll
|
||||
if (curr !== next) {
|
||||
$( t.elem )[t.prop](next);
|
||||
t._last = this.get( t );
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
// AMD requirement
|
||||
return $scrollTo;
|
||||
});
|
||||
@ -0,0 +1,109 @@
|
||||
/* global twentyseventeenScreenReaderText */
|
||||
/**
|
||||
* Theme functions file.
|
||||
*
|
||||
* Contains handlers for navigation and widget area.
|
||||
*/
|
||||
|
||||
(function( $ ) {
|
||||
var masthead, menuToggle, siteNavContain, siteNavigation;
|
||||
|
||||
function initMainNavigation( container ) {
|
||||
|
||||
// Add dropdown toggle that displays child menu items.
|
||||
var dropdownToggle = $( '<button />', { 'class': 'dropdown-toggle', 'aria-expanded': false })
|
||||
.append( twentyseventeenScreenReaderText.icon )
|
||||
.append( $( '<span />', { 'class': 'screen-reader-text', text: twentyseventeenScreenReaderText.expand }) );
|
||||
|
||||
container.find( '.menu-item-has-children > a, .page_item_has_children > a' ).after( dropdownToggle );
|
||||
|
||||
// Set the active submenu dropdown toggle button initial state.
|
||||
container.find( '.current-menu-ancestor > button' )
|
||||
.addClass( 'toggled-on' )
|
||||
.attr( 'aria-expanded', 'true' )
|
||||
.find( '.screen-reader-text' )
|
||||
.text( twentyseventeenScreenReaderText.collapse );
|
||||
// Set the active submenu initial state.
|
||||
container.find( '.current-menu-ancestor > .sub-menu' ).addClass( 'toggled-on' );
|
||||
|
||||
container.find( '.dropdown-toggle' ).click( function( e ) {
|
||||
var _this = $( this ),
|
||||
screenReaderSpan = _this.find( '.screen-reader-text' );
|
||||
|
||||
e.preventDefault();
|
||||
_this.toggleClass( 'toggled-on' );
|
||||
_this.next( '.children, .sub-menu' ).toggleClass( 'toggled-on' );
|
||||
|
||||
_this.attr( 'aria-expanded', _this.attr( 'aria-expanded' ) === 'false' ? 'true' : 'false' );
|
||||
|
||||
screenReaderSpan.text( screenReaderSpan.text() === twentyseventeenScreenReaderText.expand ? twentyseventeenScreenReaderText.collapse : twentyseventeenScreenReaderText.expand );
|
||||
});
|
||||
}
|
||||
|
||||
initMainNavigation( $( '.main-navigation' ) );
|
||||
|
||||
masthead = $( '#masthead' );
|
||||
menuToggle = masthead.find( '.menu-toggle' );
|
||||
siteNavContain = masthead.find( '.main-navigation' );
|
||||
siteNavigation = masthead.find( '.main-navigation > div > ul' );
|
||||
|
||||
// Enable menuToggle.
|
||||
(function() {
|
||||
|
||||
// Return early if menuToggle is missing.
|
||||
if ( ! menuToggle.length ) {
|
||||
return;
|
||||
}
|
||||
|
||||
// Add an initial value for the attribute.
|
||||
menuToggle.attr( 'aria-expanded', 'false' );
|
||||
|
||||
menuToggle.on( 'click.twentyseventeen', function() {
|
||||
siteNavContain.toggleClass( 'toggled-on' );
|
||||
|
||||
$( this ).attr( 'aria-expanded', siteNavContain.hasClass( 'toggled-on' ) );
|
||||
});
|
||||
})();
|
||||
|
||||
// Fix sub-menus for touch devices and better focus for hidden submenu items for accessibility.
|
||||
(function() {
|
||||
if ( ! siteNavigation.length || ! siteNavigation.children().length ) {
|
||||
return;
|
||||
}
|
||||
|
||||
// Toggle `focus` class to allow submenu access on tablets.
|
||||
function toggleFocusClassTouchScreen() {
|
||||
if ( 'none' === $( '.menu-toggle' ).css( 'display' ) ) {
|
||||
|
||||
$( document.body ).on( 'touchstart.twentyseventeen', function( e ) {
|
||||
if ( ! $( e.target ).closest( '.main-navigation li' ).length ) {
|
||||
$( '.main-navigation li' ).removeClass( 'focus' );
|
||||
}
|
||||
});
|
||||
|
||||
siteNavigation.find( '.menu-item-has-children > a, .page_item_has_children > a' )
|
||||
.on( 'touchstart.twentyseventeen', function( e ) {
|
||||
var el = $( this ).parent( 'li' );
|
||||
|
||||
if ( ! el.hasClass( 'focus' ) ) {
|
||||
e.preventDefault();
|
||||
el.toggleClass( 'focus' );
|
||||
el.siblings( '.focus' ).removeClass( 'focus' );
|
||||
}
|
||||
});
|
||||
|
||||
} else {
|
||||
siteNavigation.find( '.menu-item-has-children > a, .page_item_has_children > a' ).unbind( 'touchstart.twentyseventeen' );
|
||||
}
|
||||
}
|
||||
|
||||
if ( 'ontouchstart' in window ) {
|
||||
$( window ).on( 'resize.twentyseventeen', toggleFocusClassTouchScreen );
|
||||
toggleFocusClassTouchScreen();
|
||||
}
|
||||
|
||||
siteNavigation.find( 'a' ).on( 'focus.twentyseventeen blur.twentyseventeen', function() {
|
||||
$( this ).parents( '.menu-item, .page_item' ).toggleClass( 'focus' );
|
||||
});
|
||||
})();
|
||||
})( jQuery );
|
||||
@ -0,0 +1,31 @@
|
||||
/**
|
||||
* File skip-link-focus-fix.js.
|
||||
*
|
||||
* Helps with accessibility for keyboard only users.
|
||||
*
|
||||
* Learn more: https://git.io/vWdr2
|
||||
*/
|
||||
(function() {
|
||||
var isIe = /(trident|msie)/i.test( navigator.userAgent );
|
||||
|
||||
if ( isIe && document.getElementById && window.addEventListener ) {
|
||||
window.addEventListener( 'hashchange', function() {
|
||||
var id = location.hash.substring( 1 ),
|
||||
element;
|
||||
|
||||
if ( ! ( /^[A-z0-9_-]+$/.test( id ) ) ) {
|
||||
return;
|
||||
}
|
||||
|
||||
element = document.getElementById( id );
|
||||
|
||||
if ( element ) {
|
||||
if ( ! ( /^(?:a|select|input|button|textarea)$/i.test( element.tagName ) ) ) {
|
||||
element.tabIndex = -1;
|
||||
}
|
||||
|
||||
element.focus();
|
||||
}
|
||||
}, false );
|
||||
}
|
||||
})();
|
||||
Reference in New Issue
Block a user