<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[38833] trunk/src/wp-content/themes: Importing Twenty Seventeen, our new default theme for 2017, set for 4.7.</title>
</head>
<body>
<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; }
#msg dl a { font-weight: bold}
#msg dl a:link { color:#fc3; }
#msg dl a:active { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta" style="font-size: 105%">
<dt style="float: left; width: 6em; font-weight: bold">Revision</dt> <dd><a style="font-weight: bold" href="https://core.trac.wordpress.org/changeset/38833">38833</a><script type="application/ld+json">{"@context":"http://schema.org","@type":"EmailMessage","description":"Review this Commit","action":{"@type":"ViewAction","url":"https://core.trac.wordpress.org/changeset/38833","name":"Review Commit"}}</script></dd>
<dt style="float: left; width: 6em; font-weight: bold">Author</dt> <dd>davidakennedy</dd>
<dt style="float: left; width: 6em; font-weight: bold">Date</dt> <dd>2016-10-20 04:11:24 +0000 (Thu, 20 Oct 2016)</dd>
</dl>
<pre style='padding-left: 1em; margin: 2em 0; border-left: 2px solid #ccc; line-height: 1.25; font-size: 105%; font-family: sans-serif'>Importing Twenty Seventeen, our new default theme for 2017, set for 4.7.
With a focus on business sites, it will let you get down to business in style. Initial development occurred on GitHub. See: https://github.com/WordPress/twentyseventeen
Props melchoyce, laurelfulford, davidakennedy, grapplerulrich, manishsongirkar36, joefusco, smyoon315, b-07, rabmalin, mrahmadawais, hardeepasrani, implenton, acmethemes, claudiosanches, valeriutihai, pressionate, sgr33n, doughamlin, zodiac1978, tsl143, nikschavan, joshcummingsdesign, enodekciw, jordesign, patilvikasj, ryelle, mahesh901122, williampatton, juanfra, imnok, littlebigthing, mor10, samikeijonen, celloexpressions, akshayvinchurkar, davidmosterd, hiddenpearls, netweb, pratikchaskar, taggon, nukaga, ranh, yoavf, karmatosed, sandesh055, adammacias, noplanman, yogasukma, binarymoon, swapnilld, swissspidy, joyously, allancole, rianrietveld, sixhours, alex27, themeshaper, mapk, leobaiano.
See <a href="https://core.trac.wordpress.org/ticket/38372">#38372</a>.</pre>
<h3>Added Paths</h3>
<ul>
<li>trunk/src/wp-content/themes/twentyseventeen/</li>
<li><a href="#trunksrcwpcontentthemestwentyseventeen404php">trunk/src/wp-content/themes/twentyseventeen/404.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentyseventeenREADMEtxt">trunk/src/wp-content/themes/twentyseventeen/README.txt</a></li>
<li><a href="#trunksrcwpcontentthemestwentyseventeenarchivephp">trunk/src/wp-content/themes/twentyseventeen/archive.php</a></li>
<li>trunk/src/wp-content/themes/twentyseventeen/assets/</li>
<li>trunk/src/wp-content/themes/twentyseventeen/assets/css/</li>
<li><a href="#trunksrcwpcontentthemestwentyseventeenassetscsscolorsdarkcss">trunk/src/wp-content/themes/twentyseventeen/assets/css/colors-dark.css</a></li>
<li><a href="#trunksrcwpcontentthemestwentyseventeenassetscsseditorstylecss">trunk/src/wp-content/themes/twentyseventeen/assets/css/editor-style.css</a></li>
<li><a href="#trunksrcwpcontentthemestwentyseventeenassetscssie8css">trunk/src/wp-content/themes/twentyseventeen/assets/css/ie8.css</a></li>
<li>trunk/src/wp-content/themes/twentyseventeen/assets/images/</li>
<li><a href="#trunksrcwpcontentthemestwentyseventeenassetsimagesheaderjpg">trunk/src/wp-content/themes/twentyseventeen/assets/images/header.jpg</a></li>
<li><a href="#trunksrcwpcontentthemestwentyseventeenassetsimagessvgiconssvg">trunk/src/wp-content/themes/twentyseventeen/assets/images/svg-icons.svg</a></li>
<li>trunk/src/wp-content/themes/twentyseventeen/assets/js/</li>
<li><a href="#trunksrcwpcontentthemestwentyseventeenassetsjscustomizerjs">trunk/src/wp-content/themes/twentyseventeen/assets/js/customizer.js</a></li>
<li><a href="#trunksrcwpcontentthemestwentyseventeenassetsjsglobaljs">trunk/src/wp-content/themes/twentyseventeen/assets/js/global.js</a></li>
<li><a href="#trunksrcwpcontentthemestwentyseventeenassetsjshtml5js">trunk/src/wp-content/themes/twentyseventeen/assets/js/html5.js</a></li>
<li><a href="#trunksrcwpcontentthemestwentyseventeenassetsjsjqueryscrollTojs">trunk/src/wp-content/themes/twentyseventeen/assets/js/jquery.scrollTo.js</a></li>
<li><a href="#trunksrcwpcontentthemestwentyseventeenassetsjsnavigationjs">trunk/src/wp-content/themes/twentyseventeen/assets/js/navigation.js</a></li>
<li><a href="#trunksrcwpcontentthemestwentyseventeenassetsjspanelcustomizerjs">trunk/src/wp-content/themes/twentyseventeen/assets/js/panel-customizer.js</a></li>
<li><a href="#trunksrcwpcontentthemestwentyseventeenassetsjsskiplinkfocusfixjs">trunk/src/wp-content/themes/twentyseventeen/assets/js/skip-link-focus-fix.js</a></li>
<li><a href="#trunksrcwpcontentthemestwentyseventeencommentsphp">trunk/src/wp-content/themes/twentyseventeen/comments.php</a></li>
<li>trunk/src/wp-content/themes/twentyseventeen/components/</li>
<li>trunk/src/wp-content/themes/twentyseventeen/components/footer/</li>
<li><a href="#trunksrcwpcontentthemestwentyseventeencomponentsfooterfooterwidgetsphp">trunk/src/wp-content/themes/twentyseventeen/components/footer/footer-widgets.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentyseventeencomponentsfootersiteinfophp">trunk/src/wp-content/themes/twentyseventeen/components/footer/site-info.php</a></li>
<li>trunk/src/wp-content/themes/twentyseventeen/components/header/</li>
<li><a href="#trunksrcwpcontentthemestwentyseventeencomponentsheaderheaderimagephp">trunk/src/wp-content/themes/twentyseventeen/components/header/header-image.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentyseventeencomponentsheadersitebrandingphp">trunk/src/wp-content/themes/twentyseventeen/components/header/site-branding.php</a></li>
<li>trunk/src/wp-content/themes/twentyseventeen/components/navigation/</li>
<li><a href="#trunksrcwpcontentthemestwentyseventeencomponentsnavigationnavigationtopphp">trunk/src/wp-content/themes/twentyseventeen/components/navigation/navigation-top.php</a></li>
<li>trunk/src/wp-content/themes/twentyseventeen/components/page/</li>
<li><a href="#trunksrcwpcontentthemestwentyseventeencomponentspagecontentfrontpagepanelsphp">trunk/src/wp-content/themes/twentyseventeen/components/page/content-front-page-panels.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentyseventeencomponentspagecontentfrontpagephp">trunk/src/wp-content/themes/twentyseventeen/components/page/content-front-page.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentyseventeencomponentspagecontentpagephp">trunk/src/wp-content/themes/twentyseventeen/components/page/content-page.php</a></li>
<li>trunk/src/wp-content/themes/twentyseventeen/components/post/</li>
<li><a href="#trunksrcwpcontentthemestwentyseventeencomponentspostcontentaudiophp">trunk/src/wp-content/themes/twentyseventeen/components/post/content-audio.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentyseventeencomponentspostcontentexcerptphp">trunk/src/wp-content/themes/twentyseventeen/components/post/content-excerpt.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentyseventeencomponentspostcontentgalleryphp">trunk/src/wp-content/themes/twentyseventeen/components/post/content-gallery.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentyseventeencomponentspostcontentimagephp">trunk/src/wp-content/themes/twentyseventeen/components/post/content-image.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentyseventeencomponentspostcontentnonephp">trunk/src/wp-content/themes/twentyseventeen/components/post/content-none.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentyseventeencomponentspostcontentvideophp">trunk/src/wp-content/themes/twentyseventeen/components/post/content-video.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentyseventeencomponentspostcontentphp">trunk/src/wp-content/themes/twentyseventeen/components/post/content.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentyseventeenfooterphp">trunk/src/wp-content/themes/twentyseventeen/footer.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentyseventeenfrontpagephp">trunk/src/wp-content/themes/twentyseventeen/front-page.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentyseventeenfunctionsphp">trunk/src/wp-content/themes/twentyseventeen/functions.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentyseventeenheaderphp">trunk/src/wp-content/themes/twentyseventeen/header.php</a></li>
<li>trunk/src/wp-content/themes/twentyseventeen/inc/</li>
<li><a href="#trunksrcwpcontentthemestwentyseventeenincbackcompatphp">trunk/src/wp-content/themes/twentyseventeen/inc/back-compat.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentyseventeeninccolorpatternsphp">trunk/src/wp-content/themes/twentyseventeen/inc/color-patterns.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentyseventeeninccustomheaderphp">trunk/src/wp-content/themes/twentyseventeen/inc/custom-header.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentyseventeeninccustomizerphp">trunk/src/wp-content/themes/twentyseventeen/inc/customizer.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentyseventeeninciconfunctionsphp">trunk/src/wp-content/themes/twentyseventeen/inc/icon-functions.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentyseventeeninctemplatefunctionsphp">trunk/src/wp-content/themes/twentyseventeen/inc/template-functions.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentyseventeeninctemplatetagsphp">trunk/src/wp-content/themes/twentyseventeen/inc/template-tags.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentyseventeenindexphp">trunk/src/wp-content/themes/twentyseventeen/index.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentyseventeenpagephp">trunk/src/wp-content/themes/twentyseventeen/page.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentyseventeenrtlcss">trunk/src/wp-content/themes/twentyseventeen/rtl.css</a></li>
<li><a href="#trunksrcwpcontentthemestwentyseventeenscreenshotpng">trunk/src/wp-content/themes/twentyseventeen/screenshot.png</a></li>
<li><a href="#trunksrcwpcontentthemestwentyseventeensearchphp">trunk/src/wp-content/themes/twentyseventeen/search.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentyseventeensearchformphp">trunk/src/wp-content/themes/twentyseventeen/searchform.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentyseventeensidebarphp">trunk/src/wp-content/themes/twentyseventeen/sidebar.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentyseventeensinglephp">trunk/src/wp-content/themes/twentyseventeen/single.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentyseventeenstylecss">trunk/src/wp-content/themes/twentyseventeen/style.css</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunksrcwpcontentthemestwentyseventeen404php"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentyseventeen/404.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentyseventeen/404.php (rev 0)
+++ trunk/src/wp-content/themes/twentyseventeen/404.php 2016-10-20 04:11:24 UTC (rev 38833)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,34 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+/**
+ * The template for displaying 404 pages (not found)
+ *
+ * @link https://codex.wordpress.org/Creating_an_Error_404_Page
+ *
+ * @package WordPress
+ * @subpackage Twenty_Seventeen
+ * @since 1.0
+ * @version 1.0
+ */
+
+get_header(); ?>
+
+<div class="wrap">
+ <div id="primary" class="content-area">
+ <main id="main" class="site-main" role="main">
+
+ <section class="error-404 not-found">
+ <header class="page-header">
+ <h1 class="page-title"><?php _e( 'Oops! That page can’t be found.', 'twentyseventeen' ); ?></h1>
+ </header><!-- .page-header -->
+ <div class="page-content">
+ <p><?php _e( 'It looks like nothing was found at this location. Maybe try a search?', 'twentyseventeen' ); ?></p>
+
+ <?php get_search_form(); ?>
+
+ </div><!-- .page-content -->
+ </section><!-- .error-404 -->
+ </main><!-- #main -->
+ </div><!-- #primary -->
+</div><!-- .wrap -->
+
+<?php get_footer();
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentyseventeenREADMEtxt"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentyseventeen/README.txt</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentyseventeen/README.txt (rev 0)
+++ trunk/src/wp-content/themes/twentyseventeen/README.txt 2016-10-20 04:11:24 UTC (rev 38833)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,67 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+=== Twenty Seventeen ===
+Contributors: the WordPress team
+Requires at least: WordPress 4.7
+Tested up to: WordPress 4.7
+Version: 1.0
+License: GPLv2 or later
+License URI: http://www.gnu.org/licenses/gpl-2.0.html
+Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
+
+
+== Description ==
+
+Twenty Seventeen brings your site to life with immersive featured images and subtle animations. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
+
+For more information about Twenty Seventeen please go to https://codex.wordpress.org/Twenty_Seventeen.
+
+== Installation ==
+
+1. In your admin panel, go to Appearance -> Themes and click the 'Add New' button.
+2. Type in Twenty Seventeen in the search form and press the 'Enter' key on your keyboard.
+3. Click on the 'Activate' button to use your new theme right away.
+4. Go to https://codex.wordpress.org/Twenty_Seventeen for a guide on how to customize this theme.
+5. Navigate to Appearance > Customize in your admin panel and customize to taste.
+
+== Copyright ==
+
+Twenty Seventeen WordPress Theme, Copyright 2016 WordPress.org
+Twenty Seventeen is distributed under the terms of the GNU GPL
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 2 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU General Public License for more details.
+
+Twenty Seventeen bundles the following third-party resources:
+
+HTML5 Shiv v3.7.3, Copyright 2014 Alexander Farkas
+Licenses: MIT/GPL2
+Source: https://github.com/aFarkas/html5shiv
+
+jQuery scrollTo, Copyright 2007-2015 Ariel Flesler
+License: MIT
+Source: https://github.com/flesler/jquery.scrollTo
+
+normalize.css, Copyright 2012-2016 Nicolas Gallagher and Jonathan Neal
+License: MIT
+Source: https://necolas.github.io/normalize.css/
+
+Font Awesome icons, Copyright Dave Gandy
+License: SIL Open Font License, version 1.1.
+Source: http://fontawesome.io/
+
+Bundled header image, Copyright Alvin Engler
+License: CC0 1.0 Universal (CC0 1.0)
+Source: https://unsplash.com/@englr?photo=bIhpiQA009k
+
+== Changelog ==
+
+= 1.0 =
+* Released: December 6, 2016
+
+Initial release
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentyseventeenarchivephp"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentyseventeen/archive.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentyseventeen/archive.php (rev 0)
+++ trunk/src/wp-content/themes/twentyseventeen/archive.php 2016-10-20 04:11:24 UTC (rev 38833)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,61 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+/**
+ * The template for displaying archive pages
+ *
+ * @link https://codex.wordpress.org/Template_Hierarchy
+ *
+ * @package WordPress
+ * @subpackage Twenty_Seventeen
+ * @since 1.0
+ * @version 1.0
+ */
+
+get_header(); ?>
+
+<div class="wrap">
+
+ <?php if ( have_posts() ) : ?>
+ <header class="page-header">
+ <?php
+ the_archive_title( '<h1 class="page-title">', '</h1>' );
+ the_archive_description( '<div class="taxonomy-description">', '</div>' );
+ ?>
+ </header><!-- .page-header -->
+ <?php endif; ?>
+
+ <div id="primary" class="content-area">
+ <main id="main" class="site-main" role="main">
+
+ <?php
+ if ( have_posts() ) : ?>
+ <?php
+ /* Start the Loop */
+ while ( have_posts() ) : the_post();
+
+ /*
+ * Include the Post-Format-specific template for the content.
+ * If you want to override this in a child theme, then include a file
+ * called content-___.php (where ___ is the Post Format name) and that will be used instead.
+ */
+ get_template_part( 'components/post/content', get_post_format() );
+
+ endwhile;
+
+ the_posts_pagination( array(
+ 'prev_text' => twentyseventeen_get_svg( array( 'icon' => 'previous' ) ) . '<span class="screen-reader-text">' . __( 'Previous page', 'twentyseventeen' ) . '</span>',
+ 'next_text' => '<span class="screen-reader-text">' . __( 'Next page', 'twentyseventeen' ) . '</span>' . twentyseventeen_get_svg( array( 'icon' => 'next' ) ),
+ 'before_page_number' => '<span class="meta-nav screen-reader-text">' . __( 'Page', 'twentyseventeen' ) . ' </span>',
+ ) );
+
+ else :
+
+ get_template_part( 'components/post/content', 'none' );
+
+ endif; ?>
+
+ </main><!-- #main -->
+ </div><!-- #primary -->
+ <?php get_sidebar(); ?>
+</div><!-- .wrap -->
+
+<?php get_footer();
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentyseventeenassetscsscolorsdarkcss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentyseventeen/assets/css/colors-dark.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentyseventeen/assets/css/colors-dark.css (rev 0)
+++ trunk/src/wp-content/themes/twentyseventeen/assets/css/colors-dark.css 2016-10-20 04:11:24 UTC (rev 38833)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,466 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/**
+ * Twenty Seventeen: Dark Color Scheme
+ *
+ * See inc/color-patterns.php for dynamic color overrides for the theme.
+ */
+
+.colors-dark button,
+.colors-dark input[type="button"],
+.colors-dark input[type="submit"],
+.colors-dark .bypostauthor > .comment-body > .comment-meta > .comment-author:before,
+.colors-dark .entry-footer .edit-link a.post-edit-link {
+ background-color: #fff;
+}
+
+.colors-dark input[type="text"]:focus,
+.colors-dark input[type="email"]:focus,
+.colors-dark input[type="url"]:focus,
+.colors-dark input[type="password"]:focus,
+.colors-dark input[type="search"]:focus,
+.colors-dark input[type="number"]:focus,
+.colors-dark input[type="tel"]:focus,
+.colors-dark input[type="range"]:focus,
+.colors-dark input[type="date"]:focus,
+.colors-dark input[type="month"]:focus,
+.colors-dark input[type="week"]:focus,
+.colors-dark input[type="time"]:focus,
+.colors-dark input[type="datetime"]:focus,
+.colors-dark input[type="datetime-local"]:focus,
+.colors-dark input[type="color"]:focus,
+.colors-dark textarea:focus,
+.colors-dark button.secondary,
+.colors-dark input[type="reset"],
+.colors-dark input[type="button"].secondary,
+.colors-dark input[type="reset"].secondary,
+.colors-dark input[type="submit"].secondary,
+.colors-dark a,
+.colors-dark a:visited,
+.colors-dark .site-title,
+.colors-dark .site-title a,
+.colors-dark .navigation-top a,
+.colors-dark .navigation-top a:visited,
+.colors-dark .dropdown-toggle,
+.colors-dark .menu-toggle,
+.colors-dark .page .panel-content .entry-title,
+.colors-dark .page-title,
+.colors-dark.page:not(.twentyseventeen-front-page) .entry-title,
+.colors-dark .page-links a .page-number,
+.colors-dark .comment-metadata a.comment-edit-link,
+.colors-dark .comment-reply-link .icon,
+.colors-dark h2.widget-title,
+.colors-dark mark {
+ color: #fff;
+}
+
+body.colors-dark,
+.colors-dark button,
+.colors-dark input,
+.colors-dark select,
+.colors-dark textarea,
+.colors-dark h3,
+.colors-dark h4,
+.colors-dark h6,
+.colors-dark label,
+.colors-dark .entry-title a,
+.colors-dark.twentyseventeen-front-page .panel-content .recent-posts article,
+.colors-dark .entry-footer .cat-links a,
+.colors-dark .entry-footer .tags-links a,
+.colors-dark .format-quote blockquote,
+.colors-dark .nav-title,
+.colors-dark .comment-body {
+ color: #eee;
+}
+
+
+.colors-dark input[type="text"]:focus,
+.colors-dark input[type="email"]:focus,
+.colors-dark input[type="url"]:focus,
+.colors-dark input[type="password"]:focus,
+.colors-dark input[type="search"]:focus,
+.colors-dark input[type="number"]:focus,
+.colors-dark input[type="tel"]:focus,
+.colors-dark input[type="range"]:focus,
+.colors-dark input[type="date"]:focus,
+.colors-dark input[type="month"]:focus,
+.colors-dark input[type="week"]:focus,
+.colors-dark input[type="time"]:focus,
+.colors-dark input[type="datetime"]:focus,
+.colors-dark input[type="datetime-local"]:focus,
+.colors-dark input[type="color"]:focus,
+.colors-dark textarea:focus {
+ border-color: #eee;
+}
+
+.colors-dark h2,
+.colors-dark blockquote,
+.colors-dark input[type="text"],
+.colors-dark input[type="email"],
+.colors-dark input[type="url"],
+.colors-dark input[type="password"],
+.colors-dark input[type="search"],
+.colors-dark input[type="number"],
+.colors-dark input[type="tel"],
+.colors-dark input[type="range"],
+.colors-dark input[type="date"],
+.colors-dark input[type="month"],
+.colors-dark input[type="week"],
+.colors-dark input[type="time"],
+.colors-dark input[type="datetime"],
+.colors-dark input[type="datetime-local"],
+.colors-dark input[type="color"],
+.colors-dark textarea,
+.colors-dark .navigation-top .current-menu-item > a,
+.colors-dark .navigation-top .current-menu-item > a:visited,
+.colors-dark .navigation-top .current_page_item > a,
+.colors-dark .navigation-top .current_page_item > a:visited,
+.colors-dark .entry-content blockquote.alignleft,
+.colors-dark .entry-content blockquote.alignright,
+.colors-dark .taxonomy-description,
+.colors-dark .site-info a,
+.colors-dark .wp-caption {
+ color: #ccc;
+}
+
+.colors-dark abbr,
+.colors-dark acronym {
+ border-bottom-color: #ccc;
+}
+
+.colors-dark h5,
+.colors-dark .entry-meta,
+.colors-dark .entry-meta a,
+.colors-dark .nav-subtitle,
+.colors-dark .comment-metadata,
+.colors-dark .comment-metadata a,
+.colors-dark .no-comments,
+.colors-dark .comment-awaiting-moderation,
+.colors-dark .page-numbers.current,
+.colors-dark .page-links .page-number,
+.colors-dark .site-description {
+ color: #bbb;
+}
+
+.colors-dark button:hover,
+.colors-dark button:focus,
+.colors-dark input[type="button"]:hover,
+.colors-dark input[type="button"]:focus,
+.colors-dark input[type="submit"]:hover,
+.colors-dark input[type="submit"]:focus,
+.colors-dark .entry-content a:focus,
+.colors-dark .entry-content a:hover,
+.colors-dark .entry-summary a:focus,
+.colors-dark .entry-summary a:hover,
+.colors-dark .widget a:focus,
+.colors-dark .widget a:hover,
+.colors-dark .site-footer .widget-area a:focus,
+.colors-dark .site-footer .widget-area a:hover,
+.colors-dark .posts-navigation a:focus,
+.colors-dark .posts-navigation a:hover,
+.colors-dark .comment-navigation a:focus,
+.colors-dark .comment-navigation a:hover,
+.colors-dark .comment-metadata a:focus,
+.colors-dark .comment-metadata a:hover,
+.colors-dark .comment-metadata a.comment-edit-link:focus,
+.colors-dark .comment-metadata a.comment-edit-link:hover,
+.colors-dark .comment-reply-link:focus,
+.colors-dark .comment-reply-link:hover,
+.colors-dark .widget_authors a:focus strong,
+.colors-dark .widget_authors a:hover strong,
+.colors-dark .project-terms a:focus,
+.colors-dark .project-terms a:hover,
+.colors-dark .entry-title a:focus,
+.colors-dark .entry-title a:hover,
+.colors-dark .entry-meta a:focus,
+.colors-dark .entry-meta a:hover,
+.colors-dark .page-links a:focus .page-number,
+.colors-dark .page-links a:hover .page-number,
+.colors-dark .entry-footer a:focus,
+.colors-dark .entry-footer a:hover,
+.colors-dark .entry-footer .cat-links a:focus,
+.colors-dark .entry-footer .cat-links a:hover,
+.colors-dark .entry-footer .tags-links a:focus,
+.colors-dark .entry-footer .tags-links a:hover,
+.colors-dark .post-navigation a:focus,
+.colors-dark .post-navigation a:hover,
+.colors-dark .logged-in-as a:focus,
+.colors-dark .logged-in-as a:hover,
+.colors-dark .comment-navigation a:focus,
+.colors-dark .comment-navigation a:hover,
+.colors-dark a:focus .nav-title,
+.colors-dark a:hover .nav-title,
+.colors-dark .edit-link a:focus,
+.colors-dark .edit-link a:hover,
+.colors-dark .pagination a:focus,
+.colors-dark .pagination a:hover,
+.colors-dark .site-info a:focus,
+.colors-dark .site-info a:hover,
+.colors-dark .widget .widget-title a:focus,
+.colors-dark .widget .widget-title a:hover,
+.colors-dark .widget ul li a:focus,
+.colors-dark .widget ul li a:hover,
+.colors-dark .entry-footer .edit-link a.post-edit-link:hover,
+.colors-dark .entry-footer .edit-link a.post-edit-link:focus {
+ background: #bbb;
+}
+
+.colors-dark .social-navigation a:hover,
+.colors-dark .social-navigation a:focus {
+ background: #999;
+ color: #222;
+}
+
+.colors-dark .entry-content a,
+.colors-dark .entry-content a:visited,
+.colors-dark .entry-summary a,
+.colors-dark .entry-summary a:visited,
+.colors-dark .widget a,
+.colors-dark .widget a:visited,
+.colors-dark .site-footer .widget-area a,
+.colors-dark .site-footer .widget-area a:visited,
+.colors-dark .posts-navigation a,
+.colors-dark .posts-navigation a:visited,
+.colors-dark .widget_authors a strong,
+.colors-dark .widget_authors a:visited strong {
+ border-bottom-color: #bbb;
+}
+
+.colors-dark button.secondary:hover,
+.colors-dark button.secondary:focus,
+.colors-dark input[type="reset"]:hover,
+.colors-dark input[type="reset"]:focus,
+.colors-dark input[type="button"].secondary:hover,
+.colors-dark input[type="button"].secondary:focus,
+.colors-dark input[type="reset"].secondary:hover,
+.colors-dark input[type="reset"].secondary:focus,
+.colors-dark input[type="submit"].secondary:hover,
+.colors-dark input[type="submit"].secondary:focus,
+.colors-dark .social-navigation a,
+.colors-dark hr {
+ background: #555;
+}
+
+.colors-dark input[type="text"],
+.colors-dark input[type="email"],
+.colors-dark input[type="url"],
+.colors-dark input[type="password"],
+.colors-dark input[type="search"],
+.colors-dark input[type="number"],
+.colors-dark input[type="tel"],
+.colors-dark input[type="range"],
+.colors-dark input[type="date"],
+.colors-dark input[type="month"],
+.colors-dark input[type="week"],
+.colors-dark input[type="time"],
+.colors-dark input[type="datetime"],
+.colors-dark input[type="datetime-local"],
+.colors-dark input[type="color"],
+.colors-dark textarea,
+.colors-dark select,
+.colors-dark fieldset,
+.colors-dark .widget .tagcloud a:hover,
+.colors-dark .widget .tagcloud a:focus,
+.colors-dark .widget.widget_tag_cloud a:hover,
+.colors-dark .widget.widget_tag_cloud a:focus,
+.colors-dark .wp_widget_tag_cloud a:hover,
+.colors-dark .wp_widget_tag_cloud a:focus {
+ border-color: #555;
+}
+
+.colors-dark .entry-footer .cat-links .icon,
+.colors-dark .entry-footer .tags-links .icon {
+ color: #666;
+}
+
+.colors-dark button.secondary,
+.colors-dark input[type="reset"],
+.colors-dark input[type="button"].secondary,
+.colors-dark input[type="reset"].secondary,
+.colors-dark input[type="submit"].secondary,
+.colors-dark .prev.page-numbers,
+.colors-dark .next.page-numbers {
+ background-color: #444;
+}
+
+.colors-dark .widget .tagcloud a,
+.colors-dark .widget.widget_tag_cloud a,
+.colors-dark .wp_widget_tag_cloud a {
+ border-color: #444;
+}
+
+.colors-dark.twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child),
+.colors-dark .widget ul li {
+ border-top-color: #444;
+}
+
+.colors-dark .widget ul li {
+ border-bottom-color: #444;
+}
+
+.colors-dark pre,
+.colors-dark mark,
+.colors-dark ins,
+.colors-dark input[type="text"],
+.colors-dark input[type="email"],
+.colors-dark input[type="url"],
+.colors-dark input[type="password"],
+.colors-dark input[type="search"],
+.colors-dark input[type="number"],
+.colors-dark input[type="tel"],
+.colors-dark input[type="range"],
+.colors-dark input[type="date"],
+.colors-dark input[type="month"],
+.colors-dark input[type="week"],
+.colors-dark input[type="time"],
+.colors-dark input[type="datetime"],
+.colors-dark input[type="datetime-local"],
+.colors-dark input[type="color"],
+.colors-dark textarea,
+.colors-dark select,
+.colors-dark fieldset {
+ background: #333;
+}
+
+.colors-dark .navigation-top,
+.colors-dark .main-navigation > div > ul,
+.colors-dark .pagination,
+.colors-dark .comment-navigation,
+.colors-dark .entry-footer,
+.colors-dark .site-footer {
+ border-top-color: #333;
+}
+
+.colors-dark .navigation-top,
+.colors-dark .main-navigation li,
+.colors-dark .entry-footer,
+.colors-dark #comments {
+ border-bottom-color: #333;
+}
+
+.colors-dark .site-header {
+ background-color: #262626;
+}
+
+.colors-dark .entry-content a:focus,
+.colors-dark .entry-content a:hover,
+.colors-dark .entry-summary a:focus,
+.colors-dark .entry-summary a:hover,
+.colors-dark .widget a:focus,
+.colors-dark .widget a:hover,
+.colors-dark .site-footer .widget-area a:focus,
+.colors-dark .site-footer .widget-area a:hover,
+.colors-dark .posts-navigation a:focus,
+.colors-dark .posts-navigation a:hover,
+.colors-dark .comment-navigation a:focus,
+.colors-dark .comment-navigation a:hover,
+.colors-dark .comment-metadata a:focus,
+.colors-dark .comment-metadata a:hover,
+.colors-dark .comment-metadata a.comment-edit-link:focus,
+.colors-dark .comment-metadata a.comment-edit-link:hover,
+.colors-dark .comment-reply-link:focus,
+.colors-dark .comment-reply-link:hover,
+.colors-dark .widget_authors a:focus strong,
+.colors-dark .widget_authors a:hover strong,
+.colors-dark .project-terms a:focus,
+.colors-dark .project-terms a:hover,
+.colors-dark .entry-title a:focus,
+.colors-dark .entry-title a:hover,
+.colors-dark .entry-meta a:focus,
+.colors-dark .entry-meta a:hover,
+.colors-dark .page-links a:focus .page-number,
+.colors-dark .page-links a:hover .page-number,
+.colors-dark .entry-footer a:focus,
+.colors-dark .entry-footer a:hover,
+.colors-dark .entry-footer .cat-links a:focus,
+.colors-dark .entry-footer .cat-links a:hover,
+.colors-dark .entry-footer .tags-links a:focus,
+.colors-dark .entry-footer .tags-links a:hover,
+.colors-dark .post-navigation a:focus,
+.colors-dark .post-navigation a:hover,
+.colors-dark .logged-in-as a:focus,
+.colors-dark .logged-in-as a:hover,
+.colors-dark .comment-navigation a:focus,
+.colors-dark .comment-navigation a:hover,
+.colors-dark a:focus .nav-title,
+.colors-dark a:hover .nav-title,
+.colors-dark .edit-link a:focus,
+.colors-dark .edit-link a:hover,
+.colors-dark .pagination a:focus,
+.colors-dark .pagination a:hover,
+.colors-dark .site-info a:focus,
+.colors-dark .site-info a:hover,
+.colors-dark .widget .widget-title a:focus,
+.colors-dark .widget .widget-title a:hover,
+.colors-dark .widget ul li a:focus,
+.colors-dark .widget ul li a:hover,
+.colors-dark button,
+.colors-dark input[type="button"],
+.colors-dark input[type="submit"],
+.colors-dark .entry-footer .edit-link a.post-edit-link {
+ color: #222;
+}
+
+body.colors-dark,
+.colors-dark .navigation-top,
+.colors-dark .main-navigation ul {
+ background: #222;
+}
+
+.colors-dark .bypostauthor > .comment-body > .comment-meta > .comment-author:before {
+ border-color: #222;
+}
+
+.colors-dark .menu-toggle,
+.colors-dark .menu-toggle:hover,
+.colors-dark .menu-toggle:focus,
+.colors-dark .dropdown-toggle,
+.colors-custom .menu-scroll-down,
+.colors-custom .menu-scroll-down:hover,
+.colors-custom .menu-scroll-down:focus {
+ background-color: transparent;
+}
+
+
+@media screen and (min-width: 48em) {
+
+ .colors-dark .nav-links .nav-previous .nav-title .icon,
+ .colors-dark .nav-links .nav-next .nav-title .icon {
+ color: #eee;
+ }
+
+ .colors-dark .main-navigation li li:hover,
+ .colors-dark .main-navigation li li.focus {
+ background: #999;
+ }
+
+ .colors-dark .menu-scroll-down {
+ color: #999;
+ }
+
+ .colors-dark .main-navigation ul ul {
+ border-color: #333;
+ background: #222;
+ }
+
+ .colors-dark .main-navigation ul li.menu-item-has-children:before,
+ .colors-dark .main-navigation ul li.page_item_has_children:before {
+ border-bottom-color: #333;
+ }
+
+ .main-navigation ul li.menu-item-has-children:after,
+ .main-navigation ul li.page_item_has_children:after {
+ border-bottom-color: #222;
+ }
+
+ .colors-dark .main-navigation li li.focus > a,
+ .colors-dark .main-navigation li li:focus > a,
+ .colors-dark .main-navigation li li:hover > a,
+ .colors-dark .main-navigation li li a:hover,
+ .colors-dark .main-navigation li li a:focus,
+ .colors-dark .main-navigation li li.current_page_item a:hover,
+ .colors-dark .main-navigation li li.current-menu-item a:hover,
+ .colors-dark .main-navigation li li.current_page_item a:focus,
+ .colors-dark .main-navigation li li.current-menu-item a:focus {
+ color: #222;
+ }
+
+}
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentyseventeenassetscsseditorstylecss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentyseventeen/assets/css/editor-style.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentyseventeen/assets/css/editor-style.css (rev 0)
+++ trunk/src/wp-content/themes/twentyseventeen/assets/css/editor-style.css 2016-10-20 04:11:24 UTC (rev 38833)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,571 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*
+Theme Name: Twenty Seventeen
+Description: Used to style the TinyMCE editor.
+*/
+
+
+/**
+ * Table of Contents:
+ *
+ * 1.0 - Body
+ * 2.0 - Typography
+ * 3.0 - Elements
+ * 4.0 - Alignment
+ * 5.0 - Caption
+ * 6.0 - Galleries
+ * 7.0 - Media Elements
+ * 8.0 - RTL
+ */
+
+/**
+ * 1.0 - Body
+ */
+
+body {
+ background-color: #fff;
+ color: #333;
+ margin: 20px 40px;
+ max-width: 580px;
+}
+
+/**
+ * 2.0 - Typography
+ */
+
+body,
+button,
+input,
+select,
+textarea {
+ font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
+ font-size: 16px;
+ font-size: 1rem;
+ font-weight: 400;
+ line-height: 1.66;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ clear: both;
+ line-height: 1.4;
+ margin: 0 0 0.75em;
+ padding: 1.5em 0 0;
+}
+
+h1:first-child,
+h2:first-child,
+h3:first-child,
+h4:first-child,
+h5:first-child,
+h6:first-child {
+ padding-top: 0;
+}
+
+h1 {
+ font-size: 24px;
+ font-size: 1.5rem;
+ font-weight: 300;
+}
+
+h2 {
+ color: #666;
+ font-size: 20px;
+ font-size: 1.25rem;
+ font-weight: 300;
+}
+
+h3 {
+ color: #333;
+ font-size: 18px;
+ font-size: 1.125rem;
+ font-weight: 300;
+}
+
+h4 {
+ color: #333;
+ font-size: 16px;
+ font-size: 1rem;
+ font-weight: 800;
+}
+
+h5 {
+ color: #767676;
+ font-size: 13px;
+ font-size: 0.8125rem;
+ font-weight: 800;
+ letter-spacing: 0.15em;
+ text-transform: uppercase;
+}
+
+h6 {
+ color: #333;
+ font-size: 15px;
+ font-size: 0.9375rem;
+ font-weight: 800;
+}
+
+p {
+ margin: 0 0 1.5em;
+ padding: 0;
+}
+
+dfn,
+cite,
+em,
+i {
+ font-style: italic;
+}
+
+blockquote {
+ color: #666;
+ font-size: 18px;
+ font-size: 1.125rem;
+ font-style: italic;
+ line-height: 1.7;
+ margin: 0;
+ overflow: hidden;
+ padding: 0;
+}
+
+blockquote.alignleft,
+blockquote.alignright {
+ font-size: 14px;
+ font-size: 0.875rem;
+ width: 34%;
+}
+
+address {
+ margin: 0 0 1.5em;
+}
+
+pre {
+ background: #eee;
+ font-family: "Courier 10 Pitch", Courier, monospace;
+ font-size: 15px;
+ font-size: 0.9375rem;
+ line-height: 1.6;
+ margin-bottom: 1.6em;
+ max-width: 100%;
+ overflow: auto;
+ padding: 1.6em;
+}
+
+code,
+kbd,
+tt,
+var {
+ font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
+ font-size: 15px;
+ font-size: 0.9375rem;
+}
+
+abbr,
+acronym {
+ border-bottom: 1px dotted #666;
+ cursor: help;
+}
+
+mark,
+ins {
+ background: #eee;
+ text-decoration: none;
+}
+
+big {
+ font-size: 125%;
+}
+
+blockquote,
+q {
+ quotes: "" "";
+}
+
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
+ content: "";
+}
+
+/* Typography for Thai Font */
+
+html[lang="th"] h1,
+html[lang="th"] h2,
+html[lang="th"] h3,
+html[lang="th"] h4,
+html[lang="th"] h5,
+html[lang="th"] h6 {
+ letter-spacing: 0;
+ line-height: 1.65;
+}
+
+html[lang="th"] body,
+html[lang="th"] button,
+html[lang="th"] input,
+html[lang="th"] select,
+html[lang="th"] textarea {
+ line-height: 1.8;
+}
+
+/**
+ * 3.0 - Elements
+ */
+
+hr {
+ background-color: #bbb;
+ border: 0;
+ height: 1px;
+ margin-bottom: 1.5em;
+}
+
+ul,
+ol {
+ margin: 0 0 1.5em;
+ padding: 0;
+}
+
+ul {
+ list-style: disc;
+}
+
+ol {
+ counter-reset: item;
+}
+
+ol li {
+ display: block;
+ position: relative;
+}
+
+ol li:before {
+ content: counter(item);
+ counter-increment: item;
+ font-weight: 800;
+ left: -1.5em;
+ position: absolute;
+}
+
+li > ul,
+li > ol {
+ margin-bottom: 0;
+ margin-left: 1.5em;
+}
+
+dt {
+ font-weight: 700;
+}
+
+dd {
+ margin: 0 1.5em 1.5em;
+}
+
+table {
+ margin: 0 0 1.5em;
+ width: 100%;
+}
+
+a {
+ -webkit-box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
+ box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
+ color: #222;
+ text-decoration: none;
+ -webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
+ transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
+ transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
+ transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
+}
+
+a:focus {
+ outline: thin dotted;
+}
+
+a:hover,
+a:focus {
+ color: #000;
+ -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
+ box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
+}
+
+/* Fixes linked images */
+
+a img {
+ background: #fff;
+ -webkit-box-shadow: 0 0 0 6px #fff;
+ box-shadow: 0 0 0 6px #fff;
+}
+
+/**
+ * 4.0 - Alignment
+ */
+
+img {
+ height: auto; /* Make sure images are scaled correctly. */
+ width: inherit; /* Make images fill their parent's space. Solves IE8. */
+ max-width: 100%; /* Adhere to container width. */
+}
+
+embed,
+iframe,
+object {
+ margin-bottom: 1.5em;
+ max-width: 100%;
+}
+
+/**
+ * 5.0 - Caption
+ */
+
+.wp-caption {
+ color: #666;
+ font-size: 13px;
+ font-size: 0.8125rem;
+ font-style: italic;
+ margin-bottom: 1.5em;
+ max-width: 100%;
+}
+
+.wp-caption img[class*="wp-image-"] {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.wp-caption .wp-caption-text {
+ margin: 0.8075em 0;
+}
+
+/**
+ * 6.0 - Galleries
+ */
+
+.gallery {
+ margin-bottom: 1.5em;
+}
+
+.gallery-item {
+ display: inline-block;
+ text-align: center;
+ vertical-align: top;
+ width: 100%;
+}
+
+.gallery-item a,
+.gallery-item a:hover,
+.gallery-item a:focus {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: none;
+ display: inline-block;
+}
+
+.gallery-columns-2 .gallery-item {
+ max-width: 50%;
+}
+
+.gallery-columns-3 .gallery-item {
+ max-width: 33.33%;
+}
+
+.gallery-columns-4 .gallery-item {
+ max-width: 25%;
+}
+
+.gallery-columns-5 .gallery-item {
+ max-width: 20%;
+}
+
+.gallery-columns-6 .gallery-item {
+ max-width: 16.66%;
+}
+
+.gallery-columns-7 .gallery-item {
+ max-width: 14.28%;
+}
+
+.gallery-columns-8 .gallery-item {
+ max-width: 12.5%;
+}
+
+.gallery-columns-9 .gallery-item {
+ max-width: 11.11%;
+}
+
+.gallery-caption {
+ display: block;
+}
+
+/**
+ * 7.0 - Media Elements
+ */
+
+.mejs-container {
+ margin-bottom: 1.5em;
+}
+
+/* Audio Player */
+
+.mejs-controls a.mejs-horizontal-volume-slider,
+.mejs-controls a.mejs-horizontal-volume-slider:focus,
+.mejs-controls a.mejs-horizontal-volume-slider:hover {
+ background: transparent;
+ border: 0;
+}
+
+/* Playlist Color Overrides: Light */
+
+.wp-playlist-light {
+ border-color: #eee;
+ color: #222;
+}
+
+.wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album {
+ color: #333;
+}
+
+.wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist {
+ color: #767676;
+}
+
+.wp-playlist-light .wp-playlist-item {
+ border-bottom: 1px dotted #eee;
+ -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
+ transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
+}
+
+.wp-playlist-light .wp-playlist-item:hover,
+.wp-playlist-light .wp-playlist-item:focus {
+ border-bottom-color: rgba(0, 0, 0, 0);
+ background-color: #767676;
+ color: #fff;
+}
+
+.wp-playlist-light a.wp-playlist-caption:hover,
+.wp-playlist-light .wp-playlist-item:hover a,
+.wp-playlist-light .wp-playlist-item:focus a {
+ color: #fff;
+}
+
+/* Playlist Color Overrides: Dark */
+
+.wp-playlist-dark {
+ background: #222;
+ border-color: #333;
+}
+
+.wp-playlist-dark .mejs-container .mejs-controls {
+ background-color: #333;
+}
+
+.wp-playlist-dark .wp-playlist-caption {
+ color: #fff;
+}
+
+.wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-album {
+ color: #eee;
+}
+
+.wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-artist {
+ color: #aaa;
+}
+
+.wp-playlist-dark .wp-playlist-playing {
+ background-color: #333;
+}
+
+.wp-playlist-dark .wp-playlist-item {
+ border-bottom: 1px dotted #555;
+ -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
+ transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
+}
+
+.wp-playlist-dark .wp-playlist-item:hover,
+.wp-playlist-dark .wp-playlist-item:focus {
+ border-bottom-color: rgba(0, 0, 0, 0);
+ background-color: #aaa;
+ color: #222;
+}
+
+.wp-playlist-dark a.wp-playlist-caption:hover,
+.wp-playlist-dark .wp-playlist-item:hover a,
+.wp-playlist-dark .wp-playlist-item:focus a {
+ color: #222;
+}
+
+/* Playlist Style Overrides */
+
+.wp-playlist {
+ padding: 0.625em 0.625em 0.3125em;
+}
+
+.wp-playlist-current-item .wp-playlist-item-title {
+ font-weight: 700;
+}
+
+.wp-playlist-current-item .wp-playlist-item-album {
+ font-style: normal;
+}
+
+.wp-playlist-current-item .wp-playlist-item-artist {
+ font-size: 10px;
+ font-size: 0.625rem;
+ font-weight: 800;
+ letter-spacing: 0.1818em;
+ text-transform: uppercase;
+}
+
+.wp-playlist-item {
+ padding: 0 0.3125em;
+ cursor: pointer;
+}
+
+.wp-playlist-item:last-of-type {
+ border-bottom: none;
+}
+
+.wp-playlist-item a {
+ padding: 0.3125em 0;
+ border-bottom: none;
+}
+
+.wp-playlist-item a,
+.wp-playlist-item a:focus,
+.wp-playlist-item a:hover {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: transparent;
+}
+
+.wp-playlist-item-length {
+ top: 5px;
+}
+
+/**
+ * 8.0 - RTL
+ */
+
+.rtl th {
+ text-align: right;
+}
+
+.rtl ol {
+ counter-reset: item;
+}
+
+.rtl ol li:before {
+ left: auto;
+ right: -1.5em;
+}
+
+.rtl li > ul,
+.rtl li > ol {
+ margin-left: 0;
+ margin-right: 1.5em;
+}
+
+.rtl .mejs-offscreen {
+ right: -10000px;
+}
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentyseventeenassetscssie8css"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentyseventeen/assets/css/ie8.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentyseventeen/assets/css/ie8.css (rev 0)
+++ trunk/src/wp-content/themes/twentyseventeen/assets/css/ie8.css 2016-10-20 04:11:24 UTC (rev 38833)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,115 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*
+Theme Name: Twenty Seventeen
+Description: IE8 specific style.
+*/
+
+
+h1 {
+ font-size: 30px;
+ font-size: 1.875rem;
+}
+
+h2,
+.page .panel-content .recent-posts .entry-title {
+ font-size: 26px;
+ font-size: 1.625rem;
+}
+
+h3 {
+ font-size: 22px;
+ font-size: 1.375rem;
+}
+
+h4 {
+ font-size: 18px;
+ font-size: 1.125rem;
+}
+
+h5 {
+ font-size: 13px;
+ font-size: 0.8125rem;
+}
+
+h6 {
+ font-size: 16px;
+ font-size: 1rem;
+}
+
+/* Site Branding */
+
+.site-title {
+ font-weight: bolder;
+}
+
+/* Main Navigation */
+
+.menu-toggle {
+ width: 150px;
+}
+
+.main-navigation ul#top-menu {
+ margin-bottom: -1px;
+ padding: 0;
+}
+
+.dropdown-toggle .svg-fallback.icon-expand {
+ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=1.2246467991473532e-16, M21=-1.2246467991473532e-16, M22=-1, SizingMethod='auto expand')";
+}
+
+.dropdown-toggle.toggled-on .svg-fallback.icon-expand {
+ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand')";
+}
+
+/* Front Page */
+
+.custom-header-image,
+.panel-image {
+ height: 1000px;
+ max-height: 1000px;
+ padding-top: 0;
+}
+
+.page .panel-content .entry-title,
+.page-title,
+.page .entry-title {
+ font-size: 14px;
+ font-size: 0.875rem;
+ font-weight: 700;
+ letter-spacing: 0.14em;
+ text-transform: uppercase;
+}
+
+/* Posts */
+
+time.updated {
+ display: none;
+}
+
+time.published {
+ display: inline-block;
+}
+
+.blog .entry-title {
+ padding-top: 0;
+}
+
+.blog .post,
+.archive .post,
+.search .post,
+.search .page {
+ padding-bottom: 4em;
+}
+
+.comment-author .avatar {
+ z-index: -1;
+}
+
+img {
+ width: inherit; /* Make images fill their parent's space. */
+}
+
+/* Fixes linked images */
+.entry-content a img,
+.widget a img {
+ filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=0, OffY=5, Color=#fff);
+}
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentyseventeenassetsimagesheaderjpg"></a>
<div class="binary"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentyseventeen/assets/images/header.jpg</h4>
<pre class="diff"><span>
<span class="cx">(Binary files differ)
</span></span></pre></div>
<span class="cx" style="display: block; padding: 0 10px">Index: trunk/src/wp-content/themes/twentyseventeen/assets/images/header.jpg
</span><span class="cx" style="display: block; padding: 0 10px">===================================================================
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">--- trunk/src/wp-content/themes/twentyseventeen/assets/images/header.jpg 2016-10-20 02:54:12 UTC (rev 38832)
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+++ trunk/src/wp-content/themes/twentyseventeen/assets/images/header.jpg 2016-10-20 04:11:24 UTC (rev 38833)
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentyseventeen/assets/images/header.jpg
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span><a id="svnmimetype"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:mime-type</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+application/octet-stream
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentyseventeenassetsimagessvgiconssvg"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentyseventeen/assets/images/svg-icons.svg</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentyseventeen/assets/images/svg-icons.svg (rev 0)
+++ trunk/src/wp-content/themes/twentyseventeen/assets/images/svg-icons.svg 2016-10-20 04:11:24 UTC (rev 38833)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,152 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<svg style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<defs>
+<symbol id="icon-behance" viewBox="0 0 37 32">
+<path class="path1" d="M33 6.054h-9.125v2.214h9.125v-2.214zM28.5 13.661q-1.607 0-2.607 0.938t-1.107 2.545h7.286q-0.321-3.482-3.571-3.482zM28.786 24.107q1.125 0 2.179-0.571t1.357-1.554h3.946q-1.786 5.482-7.625 5.482-3.821 0-6.080-2.357t-2.259-6.196q0-3.714 2.33-6.17t6.009-2.455q2.464 0 4.295 1.214t2.732 3.196 0.902 4.429q0 0.304-0.036 0.839h-11.75q0 1.982 1.027 3.063t2.973 1.080zM4.946 23.214h5.286q3.661 0 3.661-2.982 0-3.214-3.554-3.214h-5.393v6.196zM4.946 13.625h5.018q1.393 0 2.205-0.652t0.813-2.027q0-2.571-3.393-2.571h-4.643v5.25zM0 4.536h10.607q1.554 0 2.768 0.25t2.259 0.848 1.607 1.723 0.563 2.75q0 3.232-3.071 4.696 2.036 0.571 3.071 2.054t1.036 3.643q0 1.339-0.438 2.438t-1.179 1.848-1.759 1.268-2.161 0.75-2.393 0.232h-10.911v-22.5z"></path>
+</symbol>
+<symbol id="icon-deviantart" viewBox="0 0 18 32">
+<path class="path1" d="M18.286 5.411l-5.411 10.393 0.429 0.554h4.982v7.411h-9.054l-0.786 0.536-2.536 4.875-0.536 0.536h-5.375v-5.411l5.411-10.411-0.429-0.536h-4.982v-7.411h9.054l0.786-0.536 2.536-4.875 0.536-0.536h5.375v5.411z"></path>
+</symbol>
+<symbol id="icon-medium" viewBox="0 0 32 32">
+<path class="path1" d="M10.661 7.518v20.946q0 0.446-0.223 0.759t-0.652 0.313q-0.304 0-0.589-0.143l-8.304-4.161q-0.375-0.179-0.634-0.598t-0.259-0.83v-20.357q0-0.357 0.179-0.607t0.518-0.25q0.25 0 0.786 0.268l9.125 4.571q0.054 0.054 0.054 0.089zM11.804 9.321l9.536 15.464-9.536-4.75v-10.714zM32 9.643v18.821q0 0.446-0.25 0.723t-0.679 0.277-0.839-0.232l-7.875-3.929zM31.946 7.5q0 0.054-4.58 7.491t-5.366 8.705l-6.964-11.321 5.786-9.411q0.304-0.5 0.929-0.5 0.25 0 0.464 0.107l9.661 4.821q0.071 0.036 0.071 0.107z"></path>
+</symbol>
+<symbol id="icon-slideshare" viewBox="0 0 32 32">
+<path class="path1" d="M15.589 13.214q0 1.482-1.134 2.545t-2.723 1.063-2.723-1.063-1.134-2.545q0-1.5 1.134-2.554t2.723-1.054 2.723 1.054 1.134 2.554zM24.554 13.214q0 1.482-1.125 2.545t-2.732 1.063q-1.589 0-2.723-1.063t-1.134-2.545q0-1.5 1.134-2.554t2.723-1.054q1.607 0 2.732 1.054t1.125 2.554zM28.571 16.429v-11.911q0-1.554-0.571-2.205t-1.982-0.652h-19.857q-1.482 0-2.009 0.607t-0.527 2.25v12.018q0.768 0.411 1.58 0.714t1.446 0.5 1.446 0.33 1.268 0.196 1.25 0.071 1.045 0.009 1.009-0.036 0.795-0.036q1.214-0.018 1.696 0.482 0.107 0.107 0.179 0.161 0.464 0.446 1.089 0.911 0.125-1.625 2.107-1.554 0.089 0 0.652 0.027t0.768 0.036 0.813 0.018 0.946-0.018 0.973-0.080 1.089-0.152 1.107-0.241 1.196-0.348 1.205-0.482 1.286-0.616zM31.482 16.339q-2.161 2.661-6.643 4.5 1.5 5.089-0.411 8.304-1.179 2.018-3.268 2.643-1.857 0.571-3.25-0.268-1.536-0.911-1.464-2.929l-0.018-5.821v-0.018q-0.143-0.036-0.438-0.107t-0.42-0.089l-0.018 6.036q0.071 2.036-1.482 2.929-1.411 0.839-3.268 0.268-2.089-
0.643-3.25-2.679-1.875-3.214-0.393-8.268-4.482-1.839-6.643-4.5-0.446-0.661-0.071-1.125t1.071 0.018q0.054 0.036 0.196 0.125t0.196 0.143v-12.393q0-1.286 0.839-2.196t2.036-0.911h22.446q1.196 0 2.036 0.911t0.839 2.196v12.393l0.375-0.268q0.696-0.482 1.071-0.018t-0.071 1.125z"></path>
+</symbol>
+<symbol id="icon-snapchat-ghost" viewBox="0 0 30 32">
+<path class="path1" d="M15.143 2.286q2.393-0.018 4.295 1.223t2.92 3.438q0.482 1.036 0.482 3.196 0 0.839-0.161 3.411 0.25 0.125 0.5 0.125 0.321 0 0.911-0.241t0.911-0.241q0.518 0 1 0.321t0.482 0.821q0 0.571-0.563 0.964t-1.232 0.563-1.232 0.518-0.563 0.848q0 0.268 0.214 0.768 0.661 1.464 1.83 2.679t2.58 1.804q0.5 0.214 1.429 0.411 0.5 0.107 0.5 0.625 0 1.25-3.911 1.839-0.125 0.196-0.196 0.696t-0.25 0.83-0.589 0.33q-0.357 0-1.107-0.116t-1.143-0.116q-0.661 0-1.107 0.089-0.571 0.089-1.125 0.402t-1.036 0.679-1.036 0.723-1.357 0.598-1.768 0.241q-0.929 0-1.723-0.241t-1.339-0.598-1.027-0.723-1.036-0.679-1.107-0.402q-0.464-0.089-1.125-0.089-0.429 0-1.17 0.134t-1.045 0.134q-0.446 0-0.625-0.33t-0.25-0.848-0.196-0.714q-3.911-0.589-3.911-1.839 0-0.518 0.5-0.625 0.929-0.196 1.429-0.411 1.393-0.571 2.58-1.804t1.83-2.679q0.214-0.5 0.214-0.768 0-0.5-0.563-0.848t-1.241-0.527-1.241-0.563-0.563-0.938q0-0.482 0.464-0.813t0.982-0.33q0.268 0 0.857 0.232t0.946 0.232q0.321 0 0.571-0.125-0.16
1-2.536-0.161-3.393 0-2.179 0.482-3.214 1.143-2.446 3.071-3.536t4.714-1.125z"></path>
+</symbol>
+<symbol id="icon-yelp" viewBox="0 0 27 32">
+<path class="path1" d="M13.804 23.554v2.268q-0.018 5.214-0.107 5.446-0.214 0.571-0.911 0.714-0.964 0.161-3.241-0.679t-2.902-1.589q-0.232-0.268-0.304-0.643-0.018-0.214 0.071-0.464 0.071-0.179 0.607-0.839t3.232-3.857q0.018 0 1.071-1.25 0.268-0.339 0.705-0.438t0.884 0.063q0.429 0.179 0.67 0.518t0.223 0.75zM11.143 19.071q-0.054 0.982-0.929 1.25l-2.143 0.696q-4.911 1.571-5.214 1.571-0.625-0.036-0.964-0.643-0.214-0.446-0.304-1.339-0.143-1.357 0.018-2.973t0.536-2.223 1-0.571q0.232 0 3.607 1.375 1.25 0.518 2.054 0.839l1.5 0.607q0.411 0.161 0.634 0.545t0.205 0.866zM25.893 24.375q-0.125 0.964-1.634 2.875t-2.42 2.268q-0.661 0.25-1.125-0.125-0.25-0.179-3.286-5.125l-0.839-1.375q-0.25-0.375-0.205-0.821t0.348-0.821q0.625-0.768 1.482-0.464 0.018 0.018 2.125 0.714 3.625 1.179 4.321 1.42t0.839 0.366q0.5 0.393 0.393 1.089zM13.893 13.089q0.089 1.821-0.964 2.179-1.036 0.304-2.036-1.268l-6.75-10.679q-0.143-0.625 0.339-1.107 0.732-0.768 3.705-1.598t4.009-0.563q0.714 0.179 0.875 0.804 0.0
54 0.321 0.393 5.455t0.429 6.777zM25.714 15.018q0.054 0.696-0.464 1.054-0.268 0.179-5.875 1.536-1.196 0.268-1.625 0.411l0.018-0.036q-0.411 0.107-0.821-0.071t-0.661-0.571q-0.536-0.839 0-1.554 0.018-0.018 1.339-1.821 2.232-3.054 2.679-3.643t0.607-0.696q0.5-0.339 1.161-0.036 0.857 0.411 2.196 2.384t1.446 2.991v0.054z"></path>
+</symbol>
+<symbol id="icon-vine" viewBox="0 0 27 32">
+<path class="path1" d="M26.732 14.768v3.536q-1.804 0.411-3.536 0.411-1.161 2.429-2.955 4.839t-3.241 3.848-2.286 1.902q-1.429 0.804-2.893-0.054-0.5-0.304-1.080-0.777t-1.518-1.491-1.83-2.295-1.92-3.286-1.884-4.357-1.634-5.616-1.259-6.964h5.054q0.464 3.893 1.25 7.116t1.866 5.661 2.17 4.205 2.5 3.482q3.018-3.018 5.125-7.25-2.536-1.286-3.982-3.929t-1.446-5.946q0-3.429 1.857-5.616t5.071-2.188q3.179 0 4.875 1.884t1.696 5.313q0 2.839-1.036 5.107-0.125 0.018-0.348 0.054t-0.821 0.036-1.125-0.107-1.107-0.455-0.902-0.92q0.554-1.839 0.554-3.286 0-1.554-0.518-2.357t-1.411-0.804q-0.946 0-1.518 0.884t-0.571 2.509q0 3.321 1.875 5.241t4.768 1.92q1.107 0 2.161-0.25z"></path>
+</symbol>
+<symbol id="icon-vk" viewBox="0 0 35 32">
+<path class="path1" d="M34.232 9.286q0.411 1.143-2.679 5.25-0.429 0.571-1.161 1.518-1.393 1.786-1.607 2.339-0.304 0.732 0.25 1.446 0.304 0.375 1.446 1.464h0.018l0.071 0.071q2.518 2.339 3.411 3.946 0.054 0.089 0.116 0.223t0.125 0.473-0.009 0.607-0.446 0.491-1.054 0.223l-4.571 0.071q-0.429 0.089-1-0.089t-0.929-0.393l-0.357-0.214q-0.536-0.375-1.25-1.143t-1.223-1.384-1.089-1.036-1.009-0.277q-0.054 0.018-0.143 0.063t-0.304 0.259-0.384 0.527-0.304 0.929-0.116 1.384q0 0.268-0.063 0.491t-0.134 0.33l-0.071 0.089q-0.321 0.339-0.946 0.393h-2.054q-1.268 0.071-2.607-0.295t-2.348-0.946-1.839-1.179-1.259-1.027l-0.446-0.429q-0.179-0.179-0.491-0.536t-1.277-1.625-1.893-2.696-2.188-3.768-2.33-4.857q-0.107-0.286-0.107-0.482t0.054-0.286l0.071-0.107q0.268-0.339 1.018-0.339l4.893-0.036q0.214 0.036 0.411 0.116t0.286 0.152l0.089 0.054q0.286 0.196 0.429 0.571 0.357 0.893 0.821 1.848t0.732 1.455l0.286 0.518q0.518 1.071 1 1.857t0.866 1.223 0.741 0.688 0.607 0.25 0.482-0.089q0.036-0.018 0.089-
0.089t0.214-0.393 0.241-0.839 0.17-1.446 0-2.232q-0.036-0.714-0.161-1.304t-0.25-0.821l-0.107-0.214q-0.446-0.607-1.518-0.768-0.232-0.036 0.089-0.429 0.304-0.339 0.679-0.536 0.946-0.464 4.268-0.429 1.464 0.018 2.411 0.232 0.357 0.089 0.598 0.241t0.366 0.429 0.188 0.571 0.063 0.813-0.018 0.982-0.045 1.259-0.027 1.473q0 0.196-0.018 0.75t-0.009 0.857 0.063 0.723 0.205 0.696 0.402 0.438q0.143 0.036 0.304 0.071t0.464-0.196 0.679-0.616 0.929-1.196 1.214-1.92q1.071-1.857 1.911-4.018 0.071-0.179 0.179-0.313t0.196-0.188l0.071-0.054 0.089-0.045t0.232-0.054 0.357-0.009l5.143-0.036q0.696-0.089 1.143 0.045t0.554 0.295z"></path>
+</symbol>
+<symbol id="icon-path" viewBox="0 0 32 32">
+<path class="path1" d="M22.47 3.364c0 0-11.39-4.578-18.122 3.042-5.184 7.080 0.116 13.618 0.116 13.618l3.52-3.132c0 0-2.63-3.134-0.58-6.616 2.708-4.372 8.164-4.024 8.164-4.024s8.7-0.040 8.546 7.388c-0.968 6.692-8.162 4.528-8.162 4.528v-8.398h-4.87v14.78c-0.694 1.942-2.446 1.18-3.752-0.156v4.372c0 0 2.63 1.972 5.494 0.93 2.862-1.046 3.17-3.442 3.17-3.442v-4.336c0 0 8.084 3.21 12.26-5.454 3.020-9.516-5.784-13.1-5.784-13.1z"></path>
+</symbol>
+<symbol id="icon-polldaddy" viewBox="0 0 32 32">
+<path class="path1" d="M16 2c-7.718 0-14 6.282-14 14 0 7.72 6.282 14 14 14 7.72 0 14-6.28 14-14 0-7.718-6.28-14-14-14zM17.388 4.352c3.306 0.118 6.52 1.752 8.676 4.39 0.396 0.468 0.758 0.97 1.084 1.494-1.998-2.508-5.078-4.116-8.532-4.116-3.3 0-6.254 1.466-8.254 3.784-0.008 0.004-0.014 0.014-0.022 0.020-0.072 0.074-0.142 0.148-0.214 0.222-0.014 0.016-0.028 0.030-0.044 0.046-1.416 1.534-2.286 3.582-2.286 5.83 0 4.742 3.858 8.6 8.6 8.6 0.798 0 1.572-0.114 2.308-0.318-2.588 1.174-5.784 1.046-8.296-0.454-2.578-1.524-4.44-4.356-4.806-7.438-0.412-3.086 0.676-6.366 2.964-8.62 2.246-2.292 5.522-3.604 8.822-3.44zM22.11 16.278c-0.068-2.834-2.222-5.444-4.962-5.844-2.698-0.48-5.484 1.2-6.232 3.726-0.38 1.236-0.266 2.586 0.28 3.714 0.546 1.12 1.494 2.032 2.652 2.462 2.33 0.916 5.082-0.378 5.842-2.608 0.83-2.212-0.554-4.792-2.716-5.286-2.128-0.57-4.426 1.060-4.486 3.14-0.072 1.002 0.354 1.99 1.054 2.63 0.702 0.666 1.722 0.934 2.62 0.74 0.904-0.178 1.68-0.78 2.056-1.588 0.378-0.806
0.306-1.758-0.122-2.474-0.416-0.718-1.202-1.208-2-1.234-0.8-0.040-1.568 0.344-2.012 0.95-0.456 0.61-0.532 1.436-0.252 2.084 0.006 0.016 0.014 0.030 0.022 0.042 0.27 0.888 1.084 1.54 2.054 1.564-0.46 0.054-0.944-0.026-1.358-0.256-0.652-0.342-1.132-1.046-1.25-1.806-0.116-0.762 0.126-1.592 0.698-2.154 0.558-0.578 1.384-0.912 2.212-0.848 0.83 0.056 1.622 0.49 2.124 1.202 0.51 0.694 0.714 1.618 0.536 2.482-0.162 0.868-0.74 1.644-1.53 2.12-0.78 0.476-1.77 0.636-2.68 0.4-0.91-0.226-1.716-0.848-2.218-1.688-0.502-0.83-0.684-1.87-0.476-2.84 0.2-0.98 0.802-1.85 1.646-2.454 1.67-1.236 4.278-1.052 5.748 0.576 1.548 1.54 1.858 4.238 0.568 6.12-1.228 1.926-3.836 2.92-6.124 2.232-2.294-0.628-4.078-2.91-4.244-5.394-0.098-1.238 0.182-2.516 0.816-3.608 0.626-1.090 1.62-2.006 2.764-2.608 2.296-1.232 5.342-1.040 7.488 0.594 1.752 1.294 2.916 3.388 3.13 5.612 0 0.016 0.002 0.030 0.002 0.042 0 4.060-3.302 7.364-7.364 7.364-0.962 0-1.882-0.188-2.726-0.526 1.212 0.29 2.488 0.246 3.658-0.11 1.408-0.426 2.65
2-1.298 3.52-2.452 0.866-1.16 1.33-2.606 1.262-4.018zM16 28.758c-7.034 0-12.756-5.722-12.756-12.758 0-6.704 5.198-12.212 11.776-12.714-0.186 0.022-0.372 0.050-0.556 0.084-3.702 0.634-7.024 2.948-8.848 6.172-1.832 3.222-1.948 7.266-0.42 10.538 1.478 3.276 4.554 5.818 8.086 6.374 3.496 0.616 7.186-0.676 9.502-3.222 2.406-2.516 3.176-6.34 2.080-9.514-0.816-2.534-2.766-4.664-5.18-5.664 4.784 0.832 8.644 4.51 8.644 9.494 0 1.406-0.338 2.828-0.92 4.152-2.096 4.178-6.42 7.058-11.408 7.058z"></path>
+</symbol>
+<symbol id="icon-search" viewBox="0 0 30 32">
+<path class="path1" d="M20.571 14.857q0-3.304-2.348-5.652t-5.652-2.348-5.652 2.348-2.348 5.652 2.348 5.652 5.652 2.348 5.652-2.348 2.348-5.652zM29.714 29.714q0 0.929-0.679 1.607t-1.607 0.679q-0.964 0-1.607-0.679l-6.125-6.107q-3.196 2.214-7.125 2.214-2.554 0-4.884-0.991t-4.018-2.679-2.679-4.018-0.991-4.884 0.991-4.884 2.679-4.018 4.018-2.679 4.884-0.991 4.884 0.991 4.018 2.679 2.679 4.018 0.991 4.884q0 3.929-2.214 7.125l6.125 6.125q0.661 0.661 0.661 1.607z"></path>
+</symbol>
+<symbol id="icon-envelope-o" viewBox="0 0 32 32">
+<path class="path1" d="M29.714 26.857v-13.714q-0.571 0.643-1.232 1.179-4.786 3.679-7.607 6.036-0.911 0.768-1.482 1.196t-1.545 0.866-1.83 0.438h-0.036q-0.857 0-1.83-0.438t-1.545-0.866-1.482-1.196q-2.821-2.357-7.607-6.036-0.661-0.536-1.232-1.179v13.714q0 0.232 0.17 0.402t0.402 0.17h26.286q0.232 0 0.402-0.17t0.17-0.402zM29.714 8.089v-0.438t-0.009-0.232-0.054-0.223-0.098-0.161-0.161-0.134-0.25-0.045h-26.286q-0.232 0-0.402 0.17t-0.17 0.402q0 3 2.625 5.071 3.446 2.714 7.161 5.661 0.107 0.089 0.625 0.527t0.821 0.67 0.795 0.563 0.902 0.491 0.768 0.161h0.036q0.357 0 0.768-0.161t0.902-0.491 0.795-0.563 0.821-0.67 0.625-0.527q3.714-2.946 7.161-5.661 0.964-0.768 1.795-2.063t0.83-2.348zM32 7.429v19.429q0 1.179-0.839 2.018t-2.018 0.839h-26.286q-1.179 0-2.018-0.839t-0.839-2.018v-19.429q0-1.179 0.839-2.018t2.018-0.839h26.286q1.179 0 2.018 0.839t0.839 2.018z"></path>
+</symbol>
+<symbol id="icon-close" viewBox="0 0 25 32">
+<path class="path1" d="M23.179 23.607q0 0.714-0.5 1.214l-2.429 2.429q-0.5 0.5-1.214 0.5t-1.214-0.5l-5.25-5.25-5.25 5.25q-0.5 0.5-1.214 0.5t-1.214-0.5l-2.429-2.429q-0.5-0.5-0.5-1.214t0.5-1.214l5.25-5.25-5.25-5.25q-0.5-0.5-0.5-1.214t0.5-1.214l2.429-2.429q0.5-0.5 1.214-0.5t1.214 0.5l5.25 5.25 5.25-5.25q0.5-0.5 1.214-0.5t1.214 0.5l2.429 2.429q0.5 0.5 0.5 1.214t-0.5 1.214l-5.25 5.25 5.25 5.25q0.5 0.5 0.5 1.214z"></path>
+</symbol>
+<symbol id="icon-next" viewBox="0 0 32 32">
+<path class="path1" d="M16 9.292l-1.354 1.354 5.354 5.354h-14v2h14l-5.354 5.354 1.354 1.354 7.708-7.708z"></path>
+</symbol>
+<symbol id="icon-previous" viewBox="0 0 32 32">
+<path class="path1" d="M16 9.292l1.354 1.354-5.354 5.354h14v2h-14l5.354 5.354-1.354 1.354-7.708-7.708z"></path>
+</symbol>
+<symbol id="icon-arrow-down" viewBox="0 0 30 32">
+<path class="path1" d="M28.768 14.857q0 0.946-0.661 1.607l-11.625 11.643q-0.696 0.661-1.625 0.661-0.946 0-1.607-0.661l-11.625-11.643q-0.679-0.643-0.679-1.607 0-0.946 0.679-1.625l1.321-1.339q0.696-0.661 1.625-0.661 0.946 0 1.607 0.661l5.25 5.25v-12.571q0-0.929 0.679-1.607t1.607-0.679h2.286q0.929 0 1.607 0.679t0.679 1.607v12.571l5.25-5.25q0.661-0.661 1.607-0.661 0.929 0 1.625 0.661l1.339 1.339q0.661 0.696 0.661 1.625z"></path>
+</symbol>
+<symbol id="icon-expand" viewBox="0 0 32 32">
+<path class="path1" d="M22 12l-7 7-7-7-2 2 9 9 9-9z"></path>
+</symbol>
+<symbol id="icon-folder-open" viewBox="0 0 34 32">
+<path class="path1" d="M33.554 17q0 0.554-0.554 1.179l-6 7.071q-0.768 0.911-2.152 1.545t-2.563 0.634h-19.429q-0.607 0-1.080-0.232t-0.473-0.768q0-0.554 0.554-1.179l6-7.071q0.768-0.911 2.152-1.545t2.563-0.634h19.429q0.607 0 1.080 0.232t0.473 0.768zM27.429 10.857v2.857h-14.857q-1.679 0-3.518 0.848t-2.929 2.134l-6.107 7.179q0-0.071-0.009-0.223t-0.009-0.223v-17.143q0-1.643 1.179-2.821t2.821-1.179h5.714q1.643 0 2.821 1.179t1.179 2.821v0.571h9.714q1.643 0 2.821 1.179t1.179 2.821z"></path>
+</symbol>
+<symbol id="icon-twitter" viewBox="0 0 30 32">
+<path class="path1" d="M28.929 7.286q-1.196 1.75-2.893 2.982 0.018 0.25 0.018 0.75 0 2.321-0.679 4.634t-2.063 4.437-3.295 3.759-4.607 2.607-5.768 0.973q-4.839 0-8.857-2.589 0.625 0.071 1.393 0.071 4.018 0 7.161-2.464-1.875-0.036-3.357-1.152t-2.036-2.848q0.589 0.089 1.089 0.089 0.768 0 1.518-0.196-2-0.411-3.313-1.991t-1.313-3.67v-0.071q1.214 0.679 2.607 0.732-1.179-0.786-1.875-2.054t-0.696-2.75q0-1.571 0.786-2.911 2.161 2.661 5.259 4.259t6.634 1.777q-0.143-0.679-0.143-1.321 0-2.393 1.688-4.080t4.080-1.688q2.5 0 4.214 1.821 1.946-0.375 3.661-1.393-0.661 2.054-2.536 3.179 1.661-0.179 3.321-0.893z"></path>
+</symbol>
+<symbol id="icon-facebook" viewBox="0 0 19 32">
+<path class="path1" d="M17.125 0.214v4.714h-2.804q-1.536 0-2.071 0.643t-0.536 1.929v3.375h5.232l-0.696 5.286h-4.536v13.554h-5.464v-13.554h-4.554v-5.286h4.554v-3.893q0-3.321 1.857-5.152t4.946-1.83q2.625 0 4.071 0.214z"></path>
+</symbol>
+<symbol id="icon-github" viewBox="0 0 27 32">
+<path class="path1" d="M13.714 2.286q3.732 0 6.884 1.839t4.991 4.991 1.839 6.884q0 4.482-2.616 8.063t-6.759 4.955q-0.482 0.089-0.714-0.125t-0.232-0.536q0-0.054 0.009-1.366t0.009-2.402q0-1.732-0.929-2.536 1.018-0.107 1.83-0.321t1.679-0.696 1.446-1.188 0.946-1.875 0.366-2.688q0-2.125-1.411-3.679 0.661-1.625-0.143-3.643-0.5-0.161-1.446 0.196t-1.643 0.786l-0.679 0.429q-1.661-0.464-3.429-0.464t-3.429 0.464q-0.286-0.196-0.759-0.482t-1.491-0.688-1.518-0.241q-0.804 2.018-0.143 3.643-1.411 1.554-1.411 3.679 0 1.518 0.366 2.679t0.938 1.875 1.438 1.196 1.679 0.696 1.83 0.321q-0.696 0.643-0.875 1.839-0.375 0.179-0.804 0.268t-1.018 0.089-1.17-0.384-0.991-1.116q-0.339-0.571-0.866-0.929t-0.884-0.429l-0.357-0.054q-0.375 0-0.518 0.080t-0.089 0.205 0.161 0.25 0.232 0.214l0.125 0.089q0.393 0.179 0.777 0.679t0.563 0.911l0.179 0.411q0.232 0.679 0.786 1.098t1.196 0.536 1.241 0.125 0.991-0.063l0.411-0.071q0 0.679 0.009 1.58t0.009 0.973q0 0.321-0.232 0.536t-0.714 0.125q-4.143-1.375-6.759-
4.955t-2.616-8.063q0-3.732 1.839-6.884t4.991-4.991 6.884-1.839zM5.196 21.982q0.054-0.125-0.125-0.214-0.179-0.054-0.232 0.036-0.054 0.125 0.125 0.214 0.161 0.107 0.232-0.036zM5.75 22.589q0.125-0.089-0.036-0.286-0.179-0.161-0.286-0.054-0.125 0.089 0.036 0.286 0.179 0.179 0.286 0.054zM6.286 23.393q0.161-0.125 0-0.339-0.143-0.232-0.304-0.107-0.161 0.089 0 0.321t0.304 0.125zM7.036 24.143q0.143-0.143-0.071-0.339-0.214-0.214-0.357-0.054-0.161 0.143 0.071 0.339 0.214 0.214 0.357 0.054zM8.054 24.589q0.054-0.196-0.232-0.286-0.268-0.071-0.339 0.125t0.232 0.268q0.268 0.107 0.339-0.107zM9.179 24.679q0-0.232-0.304-0.196-0.286 0-0.286 0.196 0 0.232 0.304 0.196 0.286 0 0.286-0.196zM10.214 24.5q-0.036-0.196-0.321-0.161-0.286 0.054-0.25 0.268t0.321 0.143 0.25-0.25z"></path>
+</symbol>
+<symbol id="icon-bars" viewBox="0 0 27 32">
+<path class="path1" d="M27.429 24v2.286q0 0.464-0.339 0.804t-0.804 0.339h-25.143q-0.464 0-0.804-0.339t-0.339-0.804v-2.286q0-0.464 0.339-0.804t0.804-0.339h25.143q0.464 0 0.804 0.339t0.339 0.804zM27.429 14.857v2.286q0 0.464-0.339 0.804t-0.804 0.339h-25.143q-0.464 0-0.804-0.339t-0.339-0.804v-2.286q0-0.464 0.339-0.804t0.804-0.339h25.143q0.464 0 0.804 0.339t0.339 0.804zM27.429 5.714v2.286q0 0.464-0.339 0.804t-0.804 0.339h-25.143q-0.464 0-0.804-0.339t-0.339-0.804v-2.286q0-0.464 0.339-0.804t0.804-0.339h25.143q0.464 0 0.804 0.339t0.339 0.804z"></path>
+</symbol>
+<symbol id="icon-google-plus" viewBox="0 0 41 32">
+<path class="path1" d="M25.661 16.304q0 3.714-1.554 6.616t-4.429 4.536-6.589 1.634q-2.661 0-5.089-1.036t-4.179-2.786-2.786-4.179-1.036-5.089 1.036-5.089 2.786-4.179 4.179-2.786 5.089-1.036q5.107 0 8.768 3.429l-3.554 3.411q-2.089-2.018-5.214-2.018-2.196 0-4.063 1.107t-2.955 3.009-1.089 4.152 1.089 4.152 2.955 3.009 4.063 1.107q1.482 0 2.723-0.411t2.045-1.027 1.402-1.402 0.875-1.482 0.384-1.321h-7.429v-4.5h12.357q0.214 1.125 0.214 2.179zM41.143 14.125v3.75h-3.732v3.732h-3.75v-3.732h-3.732v-3.75h3.732v-3.732h3.75v3.732h3.732z"></path>
+</symbol>
+<symbol id="icon-linkedin" viewBox="0 0 27 32">
+<path class="path1" d="M6.232 11.161v17.696h-5.893v-17.696h5.893zM6.607 5.696q0.018 1.304-0.902 2.179t-2.42 0.875h-0.036q-1.464 0-2.357-0.875t-0.893-2.179q0-1.321 0.92-2.188t2.402-0.866 2.375 0.866 0.911 2.188zM27.429 18.714v10.143h-5.875v-9.464q0-1.875-0.723-2.938t-2.259-1.063q-1.125 0-1.884 0.616t-1.134 1.527q-0.196 0.536-0.196 1.446v9.875h-5.875q0.036-7.125 0.036-11.554t-0.018-5.286l-0.018-0.857h5.875v2.571h-0.036q0.357-0.571 0.732-1t1.009-0.929 1.554-0.777 2.045-0.277q3.054 0 4.911 2.027t1.857 5.938z"></path>
+</symbol>
+<symbol id="icon-quote-right" viewBox="0 0 30 32">
+<path class="path1" d="M13.714 5.714v12.571q0 1.857-0.723 3.545t-1.955 2.92-2.92 1.955-3.545 0.723h-1.143q-0.464 0-0.804-0.339t-0.339-0.804v-2.286q0-0.464 0.339-0.804t0.804-0.339h1.143q1.893 0 3.232-1.339t1.339-3.232v-0.571q0-0.714-0.5-1.214t-1.214-0.5h-4q-1.429 0-2.429-1t-1-2.429v-6.857q0-1.429 1-2.429t2.429-1h6.857q1.429 0 2.429 1t1 2.429zM29.714 5.714v12.571q0 1.857-0.723 3.545t-1.955 2.92-2.92 1.955-3.545 0.723h-1.143q-0.464 0-0.804-0.339t-0.339-0.804v-2.286q0-0.464 0.339-0.804t0.804-0.339h1.143q1.893 0 3.232-1.339t1.339-3.232v-0.571q0-0.714-0.5-1.214t-1.214-0.5h-4q-1.429 0-2.429-1t-1-2.429v-6.857q0-1.429 1-2.429t2.429-1h6.857q1.429 0 2.429 1t1 2.429z"></path>
+</symbol>
+<symbol id="icon-mail-reply" viewBox="0 0 32 32">
+<path class="path1" d="M32 20q0 2.964-2.268 8.054-0.054 0.125-0.188 0.429t-0.241 0.536-0.232 0.393q-0.214 0.304-0.5 0.304-0.268 0-0.42-0.179t-0.152-0.446q0-0.161 0.045-0.473t0.045-0.42q0.089-1.214 0.089-2.196 0-1.804-0.313-3.232t-0.866-2.473-1.429-1.804-1.884-1.241-2.375-0.759-2.75-0.384-3.134-0.107h-4v4.571q0 0.464-0.339 0.804t-0.804 0.339-0.804-0.339l-9.143-9.143q-0.339-0.339-0.339-0.804t0.339-0.804l9.143-9.143q0.339-0.339 0.804-0.339t0.804 0.339 0.339 0.804v4.571h4q12.732 0 15.625 7.196 0.946 2.393 0.946 5.946z"></path>
+</symbol>
+<symbol id="icon-youtube" viewBox="0 0 27 32">
+<path class="path1" d="M17.339 22.214v3.768q0 1.196-0.696 1.196-0.411 0-0.804-0.393v-5.375q0.393-0.393 0.804-0.393 0.696 0 0.696 1.196zM23.375 22.232v0.821h-1.607v-0.821q0-1.214 0.804-1.214t0.804 1.214zM6.125 18.339h1.911v-1.679h-5.571v1.679h1.875v10.161h1.786v-10.161zM11.268 28.5h1.589v-8.821h-1.589v6.75q-0.536 0.75-1.018 0.75-0.321 0-0.375-0.375-0.018-0.054-0.018-0.625v-6.5h-1.589v6.982q0 0.875 0.143 1.304 0.214 0.661 1.036 0.661 0.857 0 1.821-1.089v0.964zM18.929 25.857v-3.518q0-1.304-0.161-1.768-0.304-1-1.268-1-0.893 0-1.661 0.964v-3.875h-1.589v11.839h1.589v-0.857q0.804 0.982 1.661 0.982 0.964 0 1.268-0.982 0.161-0.482 0.161-1.786zM24.964 25.679v-0.232h-1.625q0 0.911-0.036 1.089-0.125 0.643-0.714 0.643-0.821 0-0.821-1.232v-1.554h3.196v-1.839q0-1.411-0.482-2.071-0.696-0.911-1.893-0.911-1.214 0-1.911 0.911-0.5 0.661-0.5 2.071v3.089q0 1.411 0.518 2.071 0.696 0.911 1.929 0.911 1.286 0 1.929-0.946 0.321-0.482 0.375-0.964 0.036-0.161 0.036-1.036zM14.107 9.375v-3.75q0-
1.232-0.768-1.232t-0.768 1.232v3.75q0 1.25 0.768 1.25t0.768-1.25zM26.946 22.786q0 4.179-0.464 6.25-0.25 1.054-1.036 1.768t-1.821 0.821q-3.286 0.375-9.911 0.375t-9.911-0.375q-1.036-0.107-1.83-0.821t-1.027-1.768q-0.464-2-0.464-6.25 0-4.179 0.464-6.25 0.25-1.054 1.036-1.768t1.839-0.839q3.268-0.357 9.893-0.357t9.911 0.357q1.036 0.125 1.83 0.839t1.027 1.768q0.464 2 0.464 6.25zM9.125 0h1.821l-2.161 7.125v4.839h-1.786v-4.839q-0.25-1.321-1.089-3.786-0.661-1.839-1.161-3.339h1.893l1.268 4.696zM15.732 5.946v3.125q0 1.446-0.5 2.107-0.661 0.911-1.893 0.911-1.196 0-1.875-0.911-0.5-0.679-0.5-2.107v-3.125q0-1.429 0.5-2.089 0.679-0.911 1.875-0.911 1.232 0 1.893 0.911 0.5 0.661 0.5 2.089zM21.714 3.054v8.911h-1.625v-0.982q-0.946 1.107-1.839 1.107-0.821 0-1.054-0.661-0.143-0.429-0.143-1.339v-7.036h1.625v6.554q0 0.589 0.018 0.625 0.054 0.393 0.375 0.393 0.482 0 1.018-0.768v-6.804h1.625z"></path>
+</symbol>
+<symbol id="icon-dropbox" viewBox="0 0 32 32">
+<path class="path1" d="M7.179 12.625l8.821 5.446-6.107 5.089-8.75-5.696zM24.786 22.536v1.929l-8.75 5.232v0.018l-0.018-0.018-0.018 0.018v-0.018l-8.732-5.232v-1.929l2.625 1.714 6.107-5.071v-0.036l0.018 0.018 0.018-0.018v0.036l6.125 5.071zM9.893 2.107l6.107 5.089-8.821 5.429-6.036-4.821zM24.821 12.625l6.036 4.839-8.732 5.696-6.125-5.089zM22.125 2.107l8.732 5.696-6.036 4.821-8.821-5.429z"></path>
+</symbol>
+<symbol id="icon-instagram" viewBox="0 0 27 32">
+<path class="path1" d="M18.286 16q0-1.893-1.339-3.232t-3.232-1.339-3.232 1.339-1.339 3.232 1.339 3.232 3.232 1.339 3.232-1.339 1.339-3.232zM20.75 16q0 2.929-2.054 4.982t-4.982 2.054-4.982-2.054-2.054-4.982 2.054-4.982 4.982-2.054 4.982 2.054 2.054 4.982zM22.679 8.679q0 0.679-0.482 1.161t-1.161 0.482-1.161-0.482-0.482-1.161 0.482-1.161 1.161-0.482 1.161 0.482 0.482 1.161zM13.714 4.75q-0.125 0-1.366-0.009t-1.884 0-1.723 0.054-1.839 0.179-1.277 0.33q-0.893 0.357-1.571 1.036t-1.036 1.571q-0.196 0.518-0.33 1.277t-0.179 1.839-0.054 1.723 0 1.884 0.009 1.366-0.009 1.366 0 1.884 0.054 1.723 0.179 1.839 0.33 1.277q0.357 0.893 1.036 1.571t1.571 1.036q0.518 0.196 1.277 0.33t1.839 0.179 1.723 0.054 1.884 0 1.366-0.009 1.366 0.009 1.884 0 1.723-0.054 1.839-0.179 1.277-0.33q0.893-0.357 1.571-1.036t1.036-1.571q0.196-0.518 0.33-1.277t0.179-1.839 0.054-1.723 0-1.884-0.009-1.366 0.009-1.366 0-1.884-0.054-1.723-0.179-1.839-0.33-1.277q-0.357-0.893-1.036-1.571t-1.571-1.036q-0.518-0.196
-1.277-0.33t-1.839-0.179-1.723-0.054-1.884 0-1.366 0.009zM27.429 16q0 4.089-0.089 5.661-0.179 3.714-2.214 5.75t-5.75 2.214q-1.571 0.089-5.661 0.089t-5.661-0.089q-3.714-0.179-5.75-2.214t-2.214-5.75q-0.089-1.571-0.089-5.661t0.089-5.661q0.179-3.714 2.214-5.75t5.75-2.214q1.571-0.089 5.661-0.089t5.661 0.089q3.714 0.179 5.75 2.214t2.214 5.75q0.089 1.571 0.089 5.661z"></path>
+</symbol>
+<symbol id="icon-flickr" viewBox="0 0 27 32">
+<path class="path1" d="M22.286 2.286q2.125 0 3.634 1.509t1.509 3.634v17.143q0 2.125-1.509 3.634t-3.634 1.509h-17.143q-2.125 0-3.634-1.509t-1.509-3.634v-17.143q0-2.125 1.509-3.634t3.634-1.509h17.143zM12.464 16q0-1.571-1.107-2.679t-2.679-1.107-2.679 1.107-1.107 2.679 1.107 2.679 2.679 1.107 2.679-1.107 1.107-2.679zM22.536 16q0-1.571-1.107-2.679t-2.679-1.107-2.679 1.107-1.107 2.679 1.107 2.679 2.679 1.107 2.679-1.107 1.107-2.679z"></path>
+</symbol>
+<symbol id="icon-tumblr" viewBox="0 0 19 32">
+<path class="path1" d="M16.857 23.732l1.429 4.232q-0.411 0.625-1.982 1.179t-3.161 0.571q-1.857 0.036-3.402-0.464t-2.545-1.321-1.696-1.893-0.991-2.143-0.295-2.107v-9.714h-3v-3.839q1.286-0.464 2.304-1.241t1.625-1.607 1.036-1.821 0.607-1.768 0.268-1.58q0.018-0.089 0.080-0.152t0.134-0.063h4.357v7.571h5.946v4.5h-5.964v9.25q0 0.536 0.116 1t0.402 0.938 0.884 0.741 1.455 0.25q1.393-0.036 2.393-0.518z"></path>
+</symbol>
+<symbol id="icon-dribbble" viewBox="0 0 27 32">
+<path class="path1" d="M18.286 26.786q-0.75-4.304-2.5-8.893h-0.036l-0.036 0.018q-0.286 0.107-0.768 0.295t-1.804 0.875-2.446 1.464-2.339 2.045-1.839 2.643l-0.268-0.196q3.286 2.679 7.464 2.679 2.357 0 4.571-0.929zM14.982 15.946q-0.375-0.875-0.946-1.982-5.554 1.661-12.018 1.661-0.018 0.125-0.018 0.375 0 2.214 0.786 4.223t2.214 3.598q0.893-1.589 2.205-2.973t2.545-2.223 2.33-1.446 1.777-0.857l0.661-0.232q0.071-0.018 0.232-0.063t0.232-0.080zM13.071 12.161q-2.143-3.804-4.357-6.75-2.464 1.161-4.179 3.321t-2.286 4.857q5.393 0 10.821-1.429zM25.286 17.857q-3.75-1.071-7.304-0.518 1.554 4.268 2.286 8.375 1.982-1.339 3.304-3.384t1.714-4.473zM10.911 4.625q-0.018 0-0.036 0.018 0.018-0.018 0.036-0.018zM21.446 7.214q-3.304-2.929-7.732-2.929-1.357 0-2.768 0.339 2.339 3.036 4.393 6.821 1.232-0.464 2.321-1.080t1.723-1.098 1.17-1.018 0.67-0.723zM25.429 15.875q-0.054-4.143-2.661-7.321l-0.018 0.018q-0.161 0.214-0.339 0.438t-0.777 0.795-1.268 1.080-1.786 1.161-2.348 1.152q0.446 0.946 0.786
1.696 0.036 0.107 0.116 0.313t0.134 0.295q0.643-0.089 1.33-0.125t1.313-0.036 1.232 0.027 1.143 0.071 1.009 0.098 0.857 0.116 0.652 0.107 0.446 0.080zM27.429 16q0 3.732-1.839 6.884t-4.991 4.991-6.884 1.839-6.884-1.839-4.991-4.991-1.839-6.884 1.839-6.884 4.991-4.991 6.884-1.839 6.884 1.839 4.991 4.991 1.839 6.884z"></path>
+</symbol>
+<symbol id="icon-skype" viewBox="0 0 27 32">
+<path class="path1" d="M20.946 18.982q0-0.893-0.348-1.634t-0.866-1.223-1.304-0.875-1.473-0.607-1.563-0.411l-1.857-0.429q-0.536-0.125-0.786-0.188t-0.625-0.205-0.536-0.286-0.295-0.375-0.134-0.536q0-1.375 2.571-1.375 0.768 0 1.375 0.214t0.964 0.509 0.679 0.598 0.714 0.518 0.857 0.214q0.839 0 1.348-0.571t0.509-1.375q0-0.982-1-1.777t-2.536-1.205-3.25-0.411q-1.214 0-2.357 0.277t-2.134 0.839-1.589 1.554-0.598 2.295q0 1.089 0.339 1.902t1 1.348 1.429 0.866 1.839 0.58l2.607 0.643q1.607 0.393 2 0.643 0.571 0.357 0.571 1.071 0 0.696-0.714 1.152t-1.875 0.455q-0.911 0-1.634-0.286t-1.161-0.688-0.813-0.804-0.821-0.688-0.964-0.286q-0.893 0-1.348 0.536t-0.455 1.339q0 1.643 2.179 2.813t5.196 1.17q1.304 0 2.5-0.33t2.188-0.955 1.58-1.67 0.589-2.348zM27.429 22.857q0 2.839-2.009 4.848t-4.848 2.009q-2.321 0-4.179-1.429-1.375 0.286-2.679 0.286-2.554 0-4.884-0.991t-4.018-2.679-2.679-4.018-0.991-4.884q0-1.304 0.286-2.679-1.429-1.857-1.429-4.179 0-2.839 2.009-4.848t4.848-2.009q2.321 0 4.179 1
.429 1.375-0.286 2.679-0.286 2.554 0 4.884 0.991t4.018 2.679 2.679 4.018 0.991 4.884q0 1.304-0.286 2.679 1.429 1.857 1.429 4.179z"></path>
+</symbol>
+<symbol id="icon-foursquare" viewBox="0 0 23 32">
+<path class="path1" d="M17.857 7.75l0.661-3.464q0.089-0.411-0.161-0.714t-0.625-0.304h-12.714q-0.411 0-0.688 0.304t-0.277 0.661v19.661q0 0.125 0.107 0.018l5.196-6.286q0.411-0.464 0.679-0.598t0.857-0.134h4.268q0.393 0 0.661-0.259t0.321-0.527q0.429-2.321 0.661-3.411 0.071-0.375-0.205-0.714t-0.652-0.339h-5.25q-0.518 0-0.857-0.339t-0.339-0.857v-0.75q0-0.518 0.339-0.848t0.857-0.33h6.179q0.321 0 0.625-0.241t0.357-0.527zM21.911 3.786q-0.268 1.304-0.955 4.759t-1.241 6.25-0.625 3.098q-0.107 0.393-0.161 0.58t-0.25 0.58-0.438 0.589-0.688 0.375-1.036 0.179h-4.839q-0.232 0-0.393 0.179-0.143 0.161-7.607 8.821-0.393 0.446-1.045 0.509t-0.866-0.098q-0.982-0.393-0.982-1.75v-25.179q0-0.982 0.679-1.83t2.143-0.848h15.857q1.696 0 2.268 0.946t0.179 2.839zM21.911 3.786l-2.821 14.107q0.071-0.304 0.625-3.098t1.241-6.25 0.955-4.759z"></path>
+</symbol>
+<symbol id="icon-wordpress" viewBox="0 0 32 32">
+<path class="path1" d="M2.268 16q0-2.911 1.196-5.589l6.554 17.946q-3.5-1.696-5.625-5.018t-2.125-7.339zM25.268 15.304q0 0.339-0.045 0.688t-0.179 0.884-0.205 0.786-0.313 1.054-0.313 1.036l-1.357 4.571-4.964-14.75q0.821-0.054 1.571-0.143 0.339-0.036 0.464-0.33t-0.045-0.554-0.509-0.241l-3.661 0.179q-1.339-0.018-3.607-0.179-0.214-0.018-0.366 0.089t-0.205 0.268-0.027 0.33 0.161 0.295 0.348 0.143l1.429 0.143 2.143 5.857-3 9-5-14.857q0.821-0.054 1.571-0.143 0.339-0.036 0.464-0.33t-0.045-0.554-0.509-0.241l-3.661 0.179q-0.125 0-0.411-0.009t-0.464-0.009q1.875-2.857 4.902-4.527t6.563-1.67q2.625 0 5.009 0.946t4.259 2.661h-0.179q-0.982 0-1.643 0.723t-0.661 1.705q0 0.214 0.036 0.429t0.071 0.384 0.143 0.411 0.161 0.375 0.214 0.402 0.223 0.375 0.259 0.429 0.25 0.411q1.125 1.911 1.125 3.786zM16.232 17.196l4.232 11.554q0.018 0.107 0.089 0.196-2.25 0.786-4.554 0.786-2 0-3.875-0.571zM28.036 9.411q1.696 3.107 1.696 6.589 0 3.732-1.857 6.884t-4.982 4.973l4.196-12.107q1.054-3.018 1.054-4.
929 0-0.75-0.107-1.411zM16 0q3.25 0 6.214 1.268t5.107 3.411 3.411 5.107 1.268 6.214-1.268 6.214-3.411 5.107-5.107 3.411-6.214 1.268-6.214-1.268-5.107-3.411-3.411-5.107-1.268-6.214 1.268-6.214 3.411-5.107 5.107-3.411 6.214-1.268zM16 31.268q3.089 0 5.92-1.214t4.875-3.259 3.259-4.875 1.214-5.92-1.214-5.92-3.259-4.875-4.875-3.259-5.92-1.214-5.92 1.214-4.875 3.259-3.259 4.875-1.214 5.92 1.214 5.92 3.259 4.875 4.875 3.259 5.92 1.214z"></path>
+</symbol>
+<symbol id="icon-stumbleupon" viewBox="0 0 34 32">
+<path class="path1" d="M18.964 12.714v-2.107q0-0.75-0.536-1.286t-1.286-0.536-1.286 0.536-0.536 1.286v10.929q0 3.125-2.25 5.339t-5.411 2.214q-3.179 0-5.42-2.241t-2.241-5.42v-4.75h5.857v4.679q0 0.768 0.536 1.295t1.286 0.527 1.286-0.527 0.536-1.295v-11.071q0-3.054 2.259-5.214t5.384-2.161q3.143 0 5.393 2.179t2.25 5.25v2.429l-3.482 1.036zM28.429 16.679h5.857v4.75q0 3.179-2.241 5.42t-5.42 2.241q-3.161 0-5.411-2.223t-2.25-5.366v-4.786l2.339 1.089 3.482-1.036v4.821q0 0.75 0.536 1.277t1.286 0.527 1.286-0.527 0.536-1.277v-4.911z"></path>
+</symbol>
+<symbol id="icon-digg" viewBox="0 0 37 32">
+<path class="path1" d="M5.857 5.036h3.643v17.554h-9.5v-12.446h5.857v-5.107zM5.857 19.661v-6.589h-2.196v6.589h2.196zM10.964 10.143v12.446h3.661v-12.446h-3.661zM10.964 5.036v3.643h3.661v-3.643h-3.661zM16.089 10.143h9.518v16.821h-9.518v-2.911h5.857v-1.464h-5.857v-12.446zM21.946 19.661v-6.589h-2.196v6.589h2.196zM27.071 10.143h9.5v16.821h-9.5v-2.911h5.839v-1.464h-5.839v-12.446zM32.911 19.661v-6.589h-2.196v6.589h2.196z"></path>
+</symbol>
+<symbol id="icon-spotify" viewBox="0 0 27 32">
+<path class="path1" d="M20.125 21.607q0-0.571-0.536-0.911-3.446-2.054-7.982-2.054-2.375 0-5.125 0.607-0.75 0.161-0.75 0.929 0 0.357 0.241 0.616t0.634 0.259q0.089 0 0.661-0.143 2.357-0.482 4.339-0.482 4.036 0 7.089 1.839 0.339 0.196 0.589 0.196 0.339 0 0.589-0.241t0.25-0.616zM21.839 17.768q0-0.714-0.625-1.089-4.232-2.518-9.786-2.518-2.732 0-5.411 0.75-0.857 0.232-0.857 1.143 0 0.446 0.313 0.759t0.759 0.313q0.125 0 0.661-0.143 2.179-0.589 4.482-0.589 4.982 0 8.714 2.214 0.429 0.232 0.679 0.232 0.446 0 0.759-0.313t0.313-0.759zM23.768 13.339q0-0.839-0.714-1.25-2.25-1.304-5.232-1.973t-6.125-0.67q-3.643 0-6.5 0.839-0.411 0.125-0.688 0.455t-0.277 0.866q0 0.554 0.366 0.929t0.92 0.375q0.196 0 0.714-0.143 2.375-0.661 5.482-0.661 2.839 0 5.527 0.607t4.527 1.696q0.375 0.214 0.714 0.214 0.518 0 0.902-0.366t0.384-0.92zM27.429 16q0 3.732-1.839 6.884t-4.991 4.991-6.884 1.839-6.884-1.839-4.991-4.991-1.839-6.884 1.839-6.884 4.991-4.991 6.884-1.839 6.884 1.839 4.991 4.991 1.839 6.884
z"></path>
+</symbol>
+<symbol id="icon-soundcloud" viewBox="0 0 41 32">
+<path class="path1" d="M14 24.5l0.286-4.304-0.286-9.339q-0.018-0.179-0.134-0.304t-0.295-0.125q-0.161 0-0.286 0.125t-0.125 0.304l-0.25 9.339 0.25 4.304q0.018 0.179 0.134 0.295t0.277 0.116q0.393 0 0.429-0.411zM19.286 23.982l0.196-3.768-0.214-10.464q0-0.286-0.232-0.429-0.143-0.089-0.286-0.089t-0.286 0.089q-0.232 0.143-0.232 0.429l-0.018 0.107-0.179 10.339q0 0.018 0.196 4.214v0.018q0 0.179 0.107 0.304 0.161 0.196 0.411 0.196 0.196 0 0.357-0.161 0.161-0.125 0.161-0.357zM0.625 17.911l0.357 2.286-0.357 2.25q-0.036 0.161-0.161 0.161t-0.161-0.161l-0.304-2.25 0.304-2.286q0.036-0.161 0.161-0.161t0.161 0.161zM2.161 16.5l0.464 3.696-0.464 3.625q-0.036 0.161-0.179 0.161-0.161 0-0.161-0.179l-0.411-3.607 0.411-3.696q0-0.161 0.161-0.161 0.143 0 0.179 0.161zM3.804 15.821l0.446 4.375-0.446 4.232q0 0.196-0.196 0.196-0.179 0-0.214-0.196l-0.375-4.232 0.375-4.375q0.036-0.214 0.214-0.214 0.196 0 0.196 0.214zM5.482 15.696l0.411 4.5-0.411 4.357q-0.036 0.232-0.25 0.232-0.232 0-0.232-0.232l-0
.375-4.357 0.375-4.5q0-0.232 0.232-0.232 0.214 0 0.25 0.232zM7.161 16.018l0.375 4.179-0.375 4.393q-0.036 0.286-0.286 0.286-0.107 0-0.188-0.080t-0.080-0.205l-0.357-4.393 0.357-4.179q0-0.107 0.080-0.188t0.188-0.080q0.25 0 0.286 0.268zM8.839 13.411l0.375 6.786-0.375 4.393q0 0.125-0.089 0.223t-0.214 0.098q-0.286 0-0.321-0.321l-0.321-4.393 0.321-6.786q0.036-0.321 0.321-0.321 0.125 0 0.214 0.098t0.089 0.223zM10.518 11.875l0.339 8.357-0.339 4.357q0 0.143-0.098 0.241t-0.241 0.098q-0.321 0-0.357-0.339l-0.286-4.357 0.286-8.357q0.036-0.339 0.357-0.339 0.143 0 0.241 0.098t0.098 0.241zM12.268 11.161l0.321 9.036-0.321 4.321q-0.036 0.375-0.393 0.375-0.339 0-0.375-0.375l-0.286-4.321 0.286-9.036q0-0.161 0.116-0.277t0.259-0.116q0.161 0 0.268 0.116t0.125 0.277zM19.268 24.411v0 0zM15.732 11.089l0.268 9.107-0.268 4.268q0 0.179-0.134 0.313t-0.313 0.134-0.304-0.125-0.143-0.321l-0.25-4.268 0.25-9.107q0-0.196 0.134-0.321t0.313-0.125 0.313 0.125 0.134 0.321zM17.5 11.429l0.25 8.786-0.25 4.214q0 0.196-0.143 0.
339t-0.339 0.143-0.339-0.143-0.161-0.339l-0.214-4.214 0.214-8.786q0.018-0.214 0.161-0.357t0.339-0.143 0.33 0.143 0.152 0.357zM21.286 20.214l-0.25 4.125q0 0.232-0.161 0.393t-0.393 0.161-0.393-0.161-0.179-0.393l-0.107-2.036-0.107-2.089 0.214-11.357v-0.054q0.036-0.268 0.214-0.429 0.161-0.125 0.357-0.125 0.143 0 0.268 0.089 0.25 0.143 0.286 0.464zM41.143 19.875q0 2.089-1.482 3.563t-3.571 1.473h-14.036q-0.232-0.036-0.393-0.196t-0.161-0.393v-16.054q0-0.411 0.5-0.589 1.518-0.607 3.232-0.607 3.482 0 6.036 2.348t2.857 5.777q0.946-0.393 1.964-0.393 2.089 0 3.571 1.482t1.482 3.589z"></path>
+</symbol>
+<symbol id="icon-codepen" viewBox="0 0 32 32">
+<path class="path1" d="M3.857 20.875l10.768 7.179v-6.411l-5.964-3.982zM2.75 18.304l3.446-2.304-3.446-2.304v4.607zM17.375 28.054l10.768-7.179-4.804-3.214-5.964 3.982v6.411zM16 19.25l4.857-3.25-4.857-3.25-4.857 3.25zM8.661 14.339l5.964-3.982v-6.411l-10.768 7.179zM25.804 16l3.446 2.304v-4.607zM23.339 14.339l4.804-3.214-10.768-7.179v6.411zM32 11.125v9.75q0 0.732-0.607 1.143l-14.625 9.75q-0.375 0.232-0.768 0.232t-0.768-0.232l-14.625-9.75q-0.607-0.411-0.607-1.143v-9.75q0-0.732 0.607-1.143l14.625-9.75q0.375-0.232 0.768-0.232t0.768 0.232l14.625 9.75q0.607 0.411 0.607 1.143z"></path>
+</symbol>
+<symbol id="icon-twitch" viewBox="0 0 32 32">
+<path class="path1" d="M16 7.75v7.75h-2.589v-7.75h2.589zM23.107 7.75v7.75h-2.589v-7.75h2.589zM23.107 21.321l4.518-4.536v-14.196h-21.321v18.732h5.821v3.875l3.875-3.875h7.107zM30.214 0v18.089l-7.75 7.75h-5.821l-3.875 3.875h-3.875v-3.875h-7.107v-20.679l1.946-5.161h26.482z"></path>
+</symbol>
+<symbol id="icon-meanpath" viewBox="0 0 27 32">
+<path class="path1" d="M23.411 15.036v2.036q0 0.429-0.241 0.679t-0.67 0.25h-3.607q-0.429 0-0.679-0.25t-0.25-0.679v-2.036q0-0.429 0.25-0.679t0.679-0.25h3.607q0.429 0 0.67 0.25t0.241 0.679zM14.661 19.143v-4.464q0-0.946-0.58-1.527t-1.527-0.58h-2.375q-1.214 0-1.714 0.929-0.5-0.929-1.714-0.929h-2.321q-0.946 0-1.527 0.58t-0.58 1.527v4.464q0 0.393 0.375 0.393h0.982q0.393 0 0.393-0.393v-4.107q0-0.429 0.241-0.679t0.688-0.25h1.679q0.429 0 0.679 0.25t0.25 0.679v4.107q0 0.393 0.375 0.393h0.964q0.393 0 0.393-0.393v-4.107q0-0.429 0.25-0.679t0.679-0.25h1.732q0.429 0 0.67 0.25t0.241 0.679v4.107q0 0.393 0.393 0.393h0.982q0.375 0 0.375-0.393zM25.179 17.429v-2.75q0-0.946-0.589-1.527t-1.536-0.58h-4.714q-0.946 0-1.536 0.58t-0.589 1.527v7.321q0 0.375 0.393 0.375h0.982q0.375 0 0.375-0.375v-3.214q0.554 0.75 1.679 0.75h3.411q0.946 0 1.536-0.58t0.589-1.527zM27.429 6.429v19.143q0 1.714-1.214 2.929t-2.929 1.214h-19.143q-1.714 0-2.929-1.214t-1.214-2.929v-19.143q0-1.714 1.214-2.929t2.929-1.214h
19.143q1.714 0 2.929 1.214t1.214 2.929z"></path>
+</symbol>
+<symbol id="icon-pinterest-p" viewBox="0 0 23 32">
+<path class="path1" d="M0 10.661q0-1.929 0.67-3.634t1.848-2.973 2.714-2.196 3.304-1.393 3.607-0.464q2.821 0 5.25 1.188t3.946 3.455 1.518 5.125q0 1.714-0.339 3.357t-1.071 3.161-1.786 2.67-2.589 1.839-3.375 0.688q-1.214 0-2.411-0.571t-1.714-1.571q-0.179 0.696-0.5 2.009t-0.42 1.696-0.366 1.268-0.464 1.268-0.571 1.116-0.821 1.384-1.107 1.545l-0.25 0.089-0.161-0.179q-0.268-2.804-0.268-3.357 0-1.643 0.384-3.688t1.188-5.134 0.929-3.625q-0.571-1.161-0.571-3.018 0-1.482 0.929-2.786t2.357-1.304q1.089 0 1.696 0.723t0.607 1.83q0 1.179-0.786 3.411t-0.786 3.339q0 1.125 0.804 1.866t1.946 0.741q0.982 0 1.821-0.446t1.402-1.214 1-1.696 0.679-1.973 0.357-1.982 0.116-1.777q0-3.089-1.955-4.813t-5.098-1.723q-3.571 0-5.964 2.313t-2.393 5.866q0 0.786 0.223 1.518t0.482 1.161 0.482 0.813 0.223 0.545q0 0.5-0.268 1.304t-0.661 0.804q-0.036 0-0.304-0.054-0.911-0.268-1.616-1t-1.089-1.688-0.58-1.929-0.196-1.902z"></path>
+</symbol>
+<symbol id="icon-get-pocket" viewBox="0 0 31 32">
+<path class="path1" d="M27.946 2.286q1.161 0 1.964 0.813t0.804 1.973v9.268q0 3.143-1.214 6t-3.259 4.911-4.893 3.259-5.973 1.205q-3.143 0-5.991-1.205t-4.902-3.259-3.268-4.911-1.214-6v-9.268q0-1.143 0.821-1.964t1.964-0.821h25.161zM15.375 21.286q0.839 0 1.464-0.589l7.214-6.929q0.661-0.625 0.661-1.518 0-0.875-0.616-1.491t-1.491-0.616q-0.839 0-1.464 0.589l-5.768 5.536-5.768-5.536q-0.625-0.589-1.446-0.589-0.875 0-1.491 0.616t-0.616 1.491q0 0.911 0.643 1.518l7.232 6.929q0.589 0.589 1.446 0.589z"></path>
+</symbol>
+<symbol id="icon-vimeo" viewBox="0 0 32 32">
+<path class="path1" d="M30.518 9.25q-0.179 4.214-5.929 11.625-5.946 7.696-10.036 7.696-2.536 0-4.286-4.696-0.786-2.857-2.357-8.607-1.286-4.679-2.804-4.679-0.321 0-2.268 1.357l-1.375-1.75q0.429-0.375 1.929-1.723t2.321-2.063q2.786-2.464 4.304-2.607 1.696-0.161 2.732 0.991t1.446 3.634q0.786 5.125 1.179 6.661 0.982 4.446 2.143 4.446 0.911 0 2.75-2.875 1.804-2.875 1.946-4.393 0.232-2.482-1.946-2.482-1.018 0-2.161 0.464 2.143-7.018 8.196-6.821 4.482 0.143 4.214 5.821z"></path>
+</symbol>
+<symbol id="icon-reddit-alien" viewBox="0 0 32 32">
+<path class="path1" d="M32 15.107q0 1.036-0.527 1.884t-1.42 1.295q0.214 0.821 0.214 1.714 0 2.768-1.902 5.125t-5.188 3.723-7.143 1.366-7.134-1.366-5.179-3.723-1.902-5.125q0-0.839 0.196-1.679-0.911-0.446-1.464-1.313t-0.554-1.902q0-1.464 1.036-2.509t2.518-1.045q1.518 0 2.589 1.125 3.893-2.714 9.196-2.893l2.071-9.304q0.054-0.232 0.268-0.375t0.464-0.089l6.589 1.446q0.321-0.661 0.964-1.063t1.411-0.402q1.107 0 1.893 0.777t0.786 1.884-0.786 1.893-1.893 0.786-1.884-0.777-0.777-1.884l-5.964-1.321-1.857 8.429q5.357 0.161 9.268 2.857 1.036-1.089 2.554-1.089 1.482 0 2.518 1.045t1.036 2.509zM7.464 18.661q0 1.107 0.777 1.893t1.884 0.786 1.893-0.786 0.786-1.893-0.786-1.884-1.893-0.777q-1.089 0-1.875 0.786t-0.786 1.875zM21.929 25q0.196-0.196 0.196-0.464t-0.196-0.464q-0.179-0.179-0.446-0.179t-0.464 0.179q-0.732 0.75-2.161 1.107t-2.857 0.357-2.857-0.357-2.161-1.107q-0.196-0.179-0.464-0.179t-0.446 0.179q-0.196 0.179-0.196 0.455t0.196 0.473q0.768 0.768 2.116 1.214t2.188 0.527 1.625 0.
080 1.625-0.080 2.188-0.527 2.116-1.214zM21.875 21.339q1.107 0 1.884-0.786t0.777-1.893q0-1.089-0.786-1.875t-1.875-0.786q-1.107 0-1.893 0.777t-0.786 1.884 0.786 1.893 1.893 0.786z"></path>
+</symbol>
+<symbol id="icon-hashtag" viewBox="0 0 32 32">
+<path class="path1" d="M17.696 18.286l1.143-4.571h-4.536l-1.143 4.571h4.536zM31.411 9.286l-1 4q-0.125 0.429-0.554 0.429h-5.839l-1.143 4.571h5.554q0.268 0 0.446 0.214 0.179 0.25 0.107 0.5l-1 4q-0.089 0.429-0.554 0.429h-5.839l-1.446 5.857q-0.125 0.429-0.554 0.429h-4q-0.286 0-0.464-0.214-0.161-0.214-0.107-0.5l1.393-5.571h-4.536l-1.446 5.857q-0.125 0.429-0.554 0.429h-4.018q-0.268 0-0.446-0.214-0.161-0.214-0.107-0.5l1.393-5.571h-5.554q-0.268 0-0.446-0.214-0.161-0.214-0.107-0.5l1-4q0.125-0.429 0.554-0.429h5.839l1.143-4.571h-5.554q-0.268 0-0.446-0.214-0.179-0.25-0.107-0.5l1-4q0.089-0.429 0.554-0.429h5.839l1.446-5.857q0.125-0.429 0.571-0.429h4q0.268 0 0.446 0.214 0.161 0.214 0.107 0.5l-1.393 5.571h4.536l1.446-5.857q0.125-0.429 0.571-0.429h4q0.268 0 0.446 0.214 0.161 0.214 0.107 0.5l-1.393 5.571h5.554q0.268 0 0.446 0.214 0.161 0.214 0.107 0.5z"></path>
+</symbol>
+<symbol id="icon-chain" viewBox="0 0 30 32">
+<path class="path1" d="M26 21.714q0-0.714-0.5-1.214l-3.714-3.714q-0.5-0.5-1.214-0.5-0.75 0-1.286 0.571 0.054 0.054 0.339 0.33t0.384 0.384 0.268 0.339 0.232 0.455 0.063 0.491q0 0.714-0.5 1.214t-1.214 0.5q-0.268 0-0.491-0.063t-0.455-0.232-0.339-0.268-0.384-0.384-0.33-0.339q-0.589 0.554-0.589 1.304 0 0.714 0.5 1.214l3.679 3.696q0.482 0.482 1.214 0.482 0.714 0 1.214-0.464l2.625-2.607q0.5-0.5 0.5-1.196zM13.446 9.125q0-0.714-0.5-1.214l-3.679-3.696q-0.5-0.5-1.214-0.5-0.696 0-1.214 0.482l-2.625 2.607q-0.5 0.5-0.5 1.196 0 0.714 0.5 1.214l3.714 3.714q0.482 0.482 1.214 0.482 0.75 0 1.286-0.554-0.054-0.054-0.339-0.33t-0.384-0.384-0.268-0.339-0.232-0.455-0.063-0.491q0-0.714 0.5-1.214t1.214-0.5q0.268 0 0.491 0.063t0.455 0.232 0.339 0.268 0.384 0.384 0.33 0.339q0.589-0.554 0.589-1.304zM29.429 21.714q0 2.143-1.518 3.625l-2.625 2.607q-1.482 1.482-3.625 1.482-2.161 0-3.643-1.518l-3.679-3.696q-1.482-1.482-1.482-3.625 0-2.196 1.571-3.732l-1.571-1.571q-1.536 1.571-3.714 1.571-2.143 0-3
.643-1.5l-3.714-3.714q-1.5-1.5-1.5-3.643t1.518-3.625l2.625-2.607q1.482-1.482 3.625-1.482 2.161 0 3.643 1.518l3.679 3.696q1.482 1.482 1.482 3.625 0 2.196-1.571 3.732l1.571 1.571q1.536-1.571 3.714-1.571 2.143 0 3.643 1.5l3.714 3.714q1.5 1.5 1.5 3.643z"></path>
+</symbol>
+<symbol id="icon-pinned" viewBox="0 0 32 32">
+<path class="path1" d="M7.464 23.122c-1.566 1.566-1.808 2.378-2.122 3.536 1.156-0.312 1.97-0.554 3.536-2.122l8.484-8.484-1.412-1.416-8.486 8.486z"></path>
+<path class="path2" d="M18.586 4.928c0.782 0.782 0.782 2.046 0 2.828l-2.828 2.83c-0.782 0.782-2.048 0.782-2.83 0l-2.828 2.828 8.486 8.484 2.828-2.828c-0.782-0.782-0.782-2.046 0-2.828l2.828-2.828c0.782-0.782 2.046-0.782 2.828 0l2.828-2.828-8.484-8.486-2.828 2.828z"></path>
+</symbol>
+</defs>
+</svg>
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentyseventeenassetsjscustomizerjs"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentyseventeen/assets/js/customizer.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentyseventeen/assets/js/customizer.js (rev 0)
+++ trunk/src/wp-content/themes/twentyseventeen/assets/js/customizer.js 2016-10-20 04:11:24 UTC (rev 38833)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,103 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/**
+ * File customizer.js.
+ *
+ * Theme Customizer enhancements for a better user experience.
+ *
+ * Contains handlers to make Theme Customizer preview reload changes asynchronously.
+ */
+
+( function( $ ) {
+
+ // Collect information from panel-customizer.js about which panels are opening
+ wp.customize.bind( 'preview-ready', function() {
+ wp.customize.preview.bind( 'section-highlight', function( data ) {
+
+ // If there's an expanded panel section, scroll down to that panel & highlight in the preview
+ if ( true === data.expanded ) {
+ $.scrollTo( $( '.' + data.section ), {
+ duration: 600,
+ offset: { 'top': -40 }
+ } );
+ $( '.' + data.section ).addClass( 'twentyseventeen-highlight' );
+
+ // If we've left the panel, remove the highlight and scroll back to the top
+ } else {
+ $.scrollTo( $( '#masthead' ), {
+ duration: 300,
+ offset: { 'top': 0 }
+ } );
+ $( '.' + data.section ).removeClass( 'twentyseventeen-highlight' );
+ }
+ } );
+ } );
+
+ // 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'
+ } );
+ $( 'body' ).addClass( 'title-tagline-hidden' );
+ } else {
+ $( '.site-title, .site-description' ).css( {
+ 'clip': 'auto',
+ 'position': 'relative'
+ } );
+ $( '.site-branding, .site-branding a, .site-description, .site-description a' ).css( {
+ 'color': to
+ } );
+ $( '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();
+
+ css = css.split( hue + ',' ).join( to + ',' ); // Equivalent to css.replaceAll, with hue followed by comma to prevent values with units from being changed.
+ style.html( css )
+ .data( 'hue', to );
+ } );
+ } );
+
+ // Page layouts.
+ wp.customize( 'page_options', 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' );
+ }
+ } );
+ } );
+} )( jQuery );
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentyseventeenassetsjsglobaljs"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentyseventeen/assets/js/global.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentyseventeen/assets/js/global.js (rev 0)
+++ trunk/src/wp-content/themes/twentyseventeen/assets/js/global.js 2016-10-20 04:11:24 UTC (rev 38833)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,200 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* global twentyseventeenScreenReaderText */
+( function( $ ) {
+
+ // Variables and DOM Caching
+ var $body = $( 'body' ),
+ $customHeader = $body.find( '.custom-header' ),
+ $customHeaderImage = $customHeader.find( '.custom-header-image' ),
+ $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 = $navigation.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,
+ resizeTimer;
+
+ /**
+ * Sets 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;
+ }
+
+ /**
+ * Makes 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, the header offset includes the height of the navigation
+ if ( isFrontPage && $customHeaderImage.length ) {
+ 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 );
+ }
+ }
+ }
+
+ /**
+ * Sets 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' );
+ }
+ }
+
+ /**
+ * Sets 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 );
+ }
+
+ // Fires on document ready
+ $( document ).ready( function() {
+
+ // Let's fire some JavaScript!
+ if ( 'true' === twentyseventeenScreenReaderText.has_navigation ) {
+
+ /**
+ * 'Scroll Down' arrow in menu area
+ */
+ 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
+ }
+ $menuScrollDown.click( function( e ) {
+ e.preventDefault();
+ $( window ).scrollTo( '#primary', {
+ duration: 600,
+ offset: { 'top': menuTop - navigationOuterHeight }
+ } );
+ } );
+
+ setNavProps();
+ adjustScrollClass();
+ }
+
+ adjustHeaderHeight();
+ setQuotesIcon();
+ supportsInlineSVG();
+ if ( true === supportsInlineSVG() ) {
+ document.documentElement.className = document.documentElement.className.replace( /(\s*)no-svg(\s*)/, '$1svg$2' );
+ }
+ } );
+
+ if ( 'true' === twentyseventeenScreenReaderText.has_navigation ) {
+
+ // 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 );
+ setTimeout( adjustHeaderHeight, 1000 );
+ } );
+ }
+
+ $( window ).resize( function() {
+ clearTimeout( resizeTimer );
+ resizeTimer = setTimeout( function() {
+ belowEntryMetaClass( 'blockquote.alignleft, blockquote.alignright' );
+ }, 300 );
+ } );
+
+}( jQuery ) );
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentyseventeenassetsjshtml5js"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentyseventeen/assets/js/html5.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentyseventeen/assets/js/html5.js (rev 0)
+++ trunk/src/wp-content/themes/twentyseventeen/assets/js/html5.js 2016-10-20 04:11:24 UTC (rev 38833)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,326 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/**
+* @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));
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentyseventeenassetsjsjqueryscrollTojs"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentyseventeen/assets/js/jquery.scrollTo.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentyseventeen/assets/js/jquery.scrollTo.js (rev 0)
+++ trunk/src/wp-content/themes/twentyseventeen/assets/js/jquery.scrollTo.js 2016-10-20 04:11:24 UTC (rev 38833)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,209 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!
+ * 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;
+});
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentyseventeenassetsjsnavigationjs"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentyseventeen/assets/js/navigation.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentyseventeen/assets/js/navigation.js (rev 0)
+++ trunk/src/wp-content/themes/twentyseventeen/assets/js/navigation.js 2016-10-20 04:11:24 UTC (rev 38833)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,140 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* global twentyseventeenScreenReaderText */
+/**
+ * Theme functions file.
+ *
+ * Contains handlers for navigation and widget area.
+ */
+
+( function( $ ) {
+ var masthead, menuToggle, 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 );
+
+ // Toggle buttons and submenu items with active children menu items.
+ container.find( '.current-menu-ancestor > button' ).addClass( 'toggled-on' );
+ container.find( '.current-menu-ancestor > .sub-menu' ).addClass( 'toggled-on' );
+
+ // Add menu items with submenus to aria-haspopup="true".
+ container.find( '.menu-item-has-children, .page_item_has_children' ).attr( 'aria-haspopup', 'true' );
+
+ 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' );
+
+ // jscs:disable
+ _this.attr( 'aria-expanded', _this.attr( 'aria-expanded' ) === 'false' ? 'true' : 'false' );
+ // jscs:enable
+ screenReaderSpan.text( screenReaderSpan.text() === twentyseventeenScreenReaderText.expand ? twentyseventeenScreenReaderText.collapse : twentyseventeenScreenReaderText.expand );
+ } );
+ }
+ initMainNavigation( $( '.main-navigation' ) );
+
+ masthead = $( '#masthead' );
+ menuToggle = masthead.find( '.menu-toggle' );
+ siteNavigation = masthead.find( '.main-navigation > div > ul' );
+
+ // Enable menuToggle.
+ ( function() {
+
+ // Return early if menuToggle is missing.
+ if ( ! menuToggle.length ) {
+ return;
+ }
+
+ // Add an initial values for the attribute.
+ menuToggle.add( siteNavigation ).attr( 'aria-expanded', 'false' );
+
+ menuToggle.on( 'click.twentyseventeen', function() {
+ $( siteNavigation.closest( '.main-navigation' ), this ).toggleClass( 'toggled-on' );
+
+ // jscs:disable
+ $( this ).add( siteNavigation ).attr( 'aria-expanded', $( this ).add( siteNavigation ).attr( 'aria-expanded' ) === 'false' ? 'true' : 'false' );
+ // jscs:enable
+ } );
+ } )();
+
+ // 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' );
+ } );
+ } )();
+
+ // Add the default ARIA attributes for the menu toggle and the navigations.
+ function onResizeARIA() {
+ if ( 'block' === $( '.menu-toggle' ).css( 'display' ) ) {
+
+ if ( menuToggle.hasClass( 'toggled-on' ) ) {
+ menuToggle.attr( 'aria-expanded', 'true' );
+ } else {
+ menuToggle.attr( 'aria-expanded', 'false' );
+ }
+
+ if ( siteNavigation.closest( '.main-navigation' ).hasClass( 'toggled-on' ) ) {
+ siteNavigation.attr( 'aria-expanded', 'true' );
+ } else {
+ siteNavigation.attr( 'aria-expanded', 'false' );
+ }
+ } else {
+ menuToggle.removeAttr( 'aria-expanded' );
+ siteNavigation.removeAttr( 'aria-expanded' );
+ menuToggle.removeAttr( 'aria-controls' );
+ }
+ }
+
+ $( document ).ready( function() {
+ $( window ).on( 'load.twentyseventeen', onResizeARIA );
+ $( window ).on( 'resize.twentyseventeen', onResizeARIA );
+ } );
+
+} )( jQuery );
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentyseventeenassetsjspanelcustomizerjs"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentyseventeen/assets/js/panel-customizer.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentyseventeen/assets/js/panel-customizer.js (rev 0)
+++ trunk/src/wp-content/themes/twentyseventeen/assets/js/panel-customizer.js 2016-10-20 04:11:24 UTC (rev 38833)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,41 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/**
+ * Theme Customizer enhancements, specific to panels, for a better user experience.
+ *
+ * This allows us to detect when the user has opened specific sections within the Customizer,
+ * and adjust our preview pane accordingly.
+ */
+
+( function() {
+
+ wp.customize.bind( 'ready', function() {
+
+ // Detect when the section for each panel is expanded (or closed) so we can adjust preview accordingly
+ wp.customize.section( 'panel_1' ).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', { section: 'twentyseventeen-panel1', expanded: isExpanding } );
+ } );
+
+ // Detect when the section for each panel is expanded (or closed) so we can adjust preview accordingly
+ wp.customize.section( 'panel_2' ).expanded.bind( function( isExpanding ) {
+
+ // Value of isExpanding = true if you're entering the section, false if you're leaving it
+ wp.customize.previewer.send( 'section-highlight', { section: 'twentyseventeen-panel2', expanded: isExpanding } );
+ } );
+
+ // Detect when the section for each panel is expanded (or closed) so we can adjust preview accordingly
+ wp.customize.section( 'panel_3' ).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', { section: 'twentyseventeen-panel3', expanded: isExpanding } );
+ } );
+
+ // Detect when the section for each panel is expanded (or closed) so we can adjust preview accordingly
+ wp.customize.section( 'panel_4' ).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', { section: 'twentyseventeen-panel4', expanded: isExpanding } );
+ } );
+
+ } );
+} )( jQuery );
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentyseventeenassetsjsskiplinkfocusfixjs"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentyseventeen/assets/js/skip-link-focus-fix.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentyseventeen/assets/js/skip-link-focus-fix.js (rev 0)
+++ trunk/src/wp-content/themes/twentyseventeen/assets/js/skip-link-focus-fix.js 2016-10-20 04:11:24 UTC (rev 38833)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,33 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/**
+ * File skip-link-focus-fix.js.
+ *
+ * Helps with accessibility for keyboard only users.
+ *
+ * Learn more: https://git.io/vWdr2
+ */
+( function() {
+ var isWebkit = navigator.userAgent.toLowerCase().indexOf( 'webkit' ) > -1,
+ isOpera = navigator.userAgent.toLowerCase().indexOf( 'opera' ) > -1,
+ isIe = navigator.userAgent.toLowerCase().indexOf( 'msie' ) > -1;
+
+ if ( ( isWebkit || isOpera || 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 );
+ }
+})();
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentyseventeencommentsphp"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentyseventeen/comments.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentyseventeen/comments.php (rev 0)
+++ trunk/src/wp-content/themes/twentyseventeen/comments.php 2016-10-20 04:11:24 UTC (rev 38833)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,82 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+/**
+ * The template for displaying comments
+ *
+ * This is the template that displays the area of the page that contains both the current comments
+ * and the comment form.
+ *
+ * @link https://codex.wordpress.org/Template_Hierarchy
+ *
+ * @package WordPress
+ * @subpackage Twenty_Seventeen
+ * @since 1.0
+ * @version 1.0
+ */
+
+/*
+ * If the current post is protected by a password and
+ * the visitor has not yet entered the password we will
+ * return early without loading the comments.
+ */
+if ( post_password_required() ) {
+ return;
+}
+?>
+
+<div id="comments" class="comments-area">
+
+ <?php
+ // You can start editing here -- including this comment!
+ if ( have_comments() ) : ?>
+ <h2 class="comments-title">
+ <?php
+ $comments_number = get_comments_number();
+ if ( '1' === $comments_number ) {
+ /* translators: %s: post title */
+ printf( _x( 'One Reply to “%s”', 'comments title', 'twentyseventeen' ), get_the_title() );
+ } else {
+ printf(
+ /* translators: 1: number of comments, 2: post title */
+ _nx(
+ '%1$s Reply to “%2$s”',
+ '%1$s Replies to “%2$s”',
+ $comments_number,
+ 'comments title',
+ 'twentyseventeen'
+ ),
+ number_format_i18n( $comments_number ),
+ get_the_title()
+ );
+ }
+ ?>
+ </h2>
+
+ <ol class="comment-list">
+ <?php
+ wp_list_comments( array(
+ 'avatar_size' => 100,
+ 'style' => 'ol',
+ 'short_ping' => true,
+ 'reply_text' => twentyseventeen_get_svg( array( 'icon' => 'mail-reply' ) ) . __( 'Reply', 'twentyseventeen' ),
+ ) );
+ ?>
+ </ol>
+
+ <?php the_comments_pagination( array(
+ 'prev_text' => twentyseventeen_get_svg( array( 'icon' => 'previous' ) ) . '<span class="screen-reader-text">' . __( 'Previous', 'twentyseventeen' ) . '</span>',
+ 'next_text' => '<span class="screen-reader-text">' . __( 'Next', 'twentyseventeen' ) . '</span>' . twentyseventeen_get_svg( array( 'icon' => 'next' ) ),
+ ) );
+
+ endif; // Check for have_comments().
+
+ // If comments are closed and there are comments, let's leave a little note, shall we?
+ if ( ! comments_open() && get_comments_number() && post_type_supports( get_post_type(), 'comments' ) ) : ?>
+
+ <p class="no-comments"><?php _e( 'Comments are closed.', 'twentyseventeen' ); ?></p>
+ <?php
+ endif;
+
+ comment_form();
+ ?>
+
+</div><!-- #comments -->
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentyseventeencomponentsfooterfooterwidgetsphp"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentyseventeen/components/footer/footer-widgets.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentyseventeen/components/footer/footer-widgets.php (rev 0)
+++ trunk/src/wp-content/themes/twentyseventeen/components/footer/footer-widgets.php 2016-10-20 04:11:24 UTC (rev 38833)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,32 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+/**
+ * Displays footer widgets if assigned
+ *
+ * @package WordPress
+ * @subpackage Twenty_Seventeen
+ * @since 1.0
+ * @version 1.0
+ */
+
+?>
+
+<?php
+if ( is_active_sidebar( 'sidebar-2' ) ||
+ is_active_sidebar( 'sidebar-3' ) ) :
+?>
+
+ <aside class="widget-area" role="complementary">
+ <?php
+ if ( is_active_sidebar( 'sidebar-2' ) ) { ?>
+ <div class="widget-column footer-widget-1">
+ <?php dynamic_sidebar( 'sidebar-2' ); ?>
+ </div>
+ <?php }
+ if ( is_active_sidebar( 'sidebar-3' ) ) { ?>
+ <div class="widget-column footer-widget-2">
+ <?php dynamic_sidebar( 'sidebar-3' ); ?>
+ </div>
+ <?php } ?>
+ </aside><!-- .widget-area -->
+
+<?php endif; ?>
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentyseventeencomponentsfootersiteinfophp"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentyseventeen/components/footer/site-info.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentyseventeen/components/footer/site-info.php (rev 0)
+++ trunk/src/wp-content/themes/twentyseventeen/components/footer/site-info.php 2016-10-20 04:11:24 UTC (rev 38833)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,14 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+/**
+ * Displays footer site info
+ *
+ * @package WordPress
+ * @subpackage Twenty_Seventeen
+ * @since 1.0
+ * @version 1.0
+ */
+
+?>
+<div class="site-info">
+ <a href="<?php echo esc_url( __( 'https://wordpress.org/', 'twentyseventeen' ) ); ?>"><?php printf( __( 'Proudly powered by %s', 'twentyseventeen' ), 'WordPress' ); ?></a>
+</div><!-- .site-info -->
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentyseventeencomponentsheaderheaderimagephp"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentyseventeen/components/header/header-image.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentyseventeen/components/header/header-image.php (rev 0)
+++ trunk/src/wp-content/themes/twentyseventeen/components/header/header-image.php 2016-10-20 04:11:24 UTC (rev 38833)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,39 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+/**
+ * Displays header image
+ *
+ * @package WordPress
+ * @subpackage Twenty_Seventeen
+ * @since 1.0
+ * @version 1.0
+ */
+
+?>
+<div class="custom-header">
+ <?php
+ $header_image = get_header_image();
+
+ // Check if Custom Header image has been added.
+ if ( ! empty( $header_image ) ) : ?>
+
+ <div class="custom-header-image" style="background-image: url(<?php echo esc_url( $header_image ); ?>)"></div>
+ <?php get_template_part( 'components/header/site', 'branding' ); ?>
+
+ <?php elseif ( twentyseventeen_is_frontpage() && has_post_thumbnail() ) :
+ // If not, fall back to front page's featured image, only on the front page.
+ $post_thumbnail_id = get_post_thumbnail_id( $post->ID );
+ $thumbnail_attributes = wp_get_attachment_image_src( $post_thumbnail_id, 'twentyseventeen-featured-image' );
+ ?>
+
+ <div class="custom-header-image" style="background-image: url(<?php echo esc_url( $thumbnail_attributes[0] ); ?>)"></div>
+ <?php get_template_part( 'components/header/site', 'branding' ); ?>
+
+ <?php else : ?>
+ <?php // Otherwise, show a blank header. ?>
+ <div class="custom-header-simple">
+ <?php get_template_part( 'components/header/site', 'branding' ); ?>
+ </div><!-- .custom-header-simple -->
+
+ <?php endif; ?>
+
+</div><!-- .custom-header -->
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentyseventeencomponentsheadersitebrandingphp"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentyseventeen/components/header/site-branding.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentyseventeen/components/header/site-branding.php (rev 0)
+++ trunk/src/wp-content/themes/twentyseventeen/components/header/site-branding.php 2016-10-20 04:11:24 UTC (rev 38833)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,31 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+/**
+ * Displays header site branding
+ *
+ * @package WordPress
+ * @subpackage Twenty_Seventeen
+ * @since 1.0
+ * @version 1.0
+ */
+
+?>
+<div class="site-branding">
+ <div class="wrap">
+
+ <?php the_custom_logo(); ?>
+
+ <div class="site-branding-text">
+ <?php if ( is_front_page() ) : ?>
+ <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
+ <?php else : ?>
+ <p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
+ <?php endif; ?>
+
+ <?php $description = get_bloginfo( 'description', 'display' );
+ if ( $description || is_customize_preview() ) : ?>
+ <p class="site-description"><?php echo $description; /* WPCS: xss ok. */ ?></p>
+ <?php endif; ?>
+ </div><!-- .site-branding-text -->
+
+ </div><!-- .wrap -->
+</div><!-- .site-branding -->
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentyseventeencomponentsnavigationnavigationtopphp"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentyseventeen/components/navigation/navigation-top.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentyseventeen/components/navigation/navigation-top.php (rev 0)
+++ trunk/src/wp-content/themes/twentyseventeen/components/navigation/navigation-top.php 2016-10-20 04:11:24 UTC (rev 38833)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,22 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+/**
+ * Displays top navigation
+ *
+ * @package WordPress
+ * @subpackage Twenty_Seventeen
+ * @since 1.0
+ * @version 1.0
+ */
+
+?>
+<nav id="site-navigation" class="main-navigation" role="navigation" aria-label="<?php _e( 'Top Menu', 'twentyseventeen' ); ?>">
+ <button class="menu-toggle" aria-controls="top-menu" aria-expanded="false"><?php echo twentyseventeen_get_svg( array( 'icon' => 'bars' ) ); echo twentyseventeen_get_svg( array( 'icon' => 'close' ) ); _e( 'Menu', 'twentyseventeen' ); ?></button>
+ <?php wp_nav_menu( array(
+ 'theme_location' => 'top',
+ 'menu_id' => 'top-menu',
+ ) ); ?>
+
+ <?php if ( twentyseventeen_is_frontpage() || ( is_home() && is_front_page() ) ) : ?>
+ <a href="#content" class="menu-scroll-down"><?php echo twentyseventeen_get_svg( array( 'icon' => 'next' ) ); ?><span class="screen-reader-text"><?php _e( 'Scroll Down', 'twentyseventeen' ); ?></span></a>
+ <?php endif; ?>
+</nav><!-- #site-navigation -->
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentyseventeencomponentspagecontentfrontpagepanelsphp"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentyseventeen/components/page/content-front-page-panels.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentyseventeen/components/page/content-front-page-panels.php (rev 0)
+++ trunk/src/wp-content/themes/twentyseventeen/components/page/content-front-page-panels.php 2016-10-20 04:11:24 UTC (rev 38833)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,87 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+/**
+ * Template part for displaying pages on front page
+ *
+ * @package WordPress
+ * @subpackage Twenty_Seventeen
+ * @since 1.0
+ * @version 1.0
+ */
+
+global $twentyseventeencounter;
+
+?>
+
+<article id="post-<?php the_ID(); ?>" <?php post_class( 'twentyseventeen-panel ' ); ?> >
+
+ <span class="panel twentyseventeen-panel<?php echo esc_attr( $twentyseventeencounter ); ?>" id="panel<?php echo esc_attr( $twentyseventeencounter ); ?>">
+ <span class="twentyseventeen-panel-title"><?php printf( __( 'Panel %1$s', 'twentyseventeen' ), esc_attr( $twentyseventeencounter ) ); ?></span>
+ </span>
+
+ <?php if ( has_post_thumbnail() ) :
+ $thumbnail = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'twentyseventeen-featured-image' );
+
+ $post_thumbnail_id = get_post_thumbnail_id( $post->ID );
+
+ $thumbnail_attributes = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'twentyseventeen-featured-image' );
+
+ // Calculate aspect ratio: h / w * 100%.
+ $ratio = $thumbnail_attributes[2] / $thumbnail_attributes[1] * 100;
+ ?>
+
+ <div class="panel-image" style="background-image: url(<?php echo esc_url( $thumbnail[0] ); ?>);">
+ <div class="panel-image-prop" style="padding-top: <?php echo esc_attr( $ratio ); ?>%"></div>
+ </div><!-- .panel-image -->
+
+ <?php endif; ?>
+
+ <div class="panel-content">
+ <div class="wrap">
+ <header class="entry-header">
+ <?php the_title( '<h2 class="entry-title">', '</h2>' ); ?>
+
+ <?php twentyseventeen_edit_link( get_the_ID() ); ?>
+
+ </header><!-- .entry-header -->
+
+ <div class="entry-content">
+ <?php
+ /* translators: %s: Name of current post */
+ the_content( sprintf(
+ __( 'Continue reading<span class="screen-reader-text"> "%s"</span>', 'twentyseventeen' ),
+ get_the_title()
+ ) );
+ ?>
+ </div><!-- .entry-content -->
+
+ <?php
+ // Show recent blog posts if is blog posts page (Note that get_option returns a string, so we're casting the result as an int).
+ if ( get_the_ID() === (int) get_option( 'page_for_posts' ) ) : ?>
+
+ <?php // Show four most recent posts.
+ $recent_posts = new WP_Query( array(
+ 'posts_per_page' => 3,
+ 'post_status' => 'publish',
+ 'ignore_sticky_posts' => true,
+ 'no_found_rows' => true,
+ ) );
+ ?>
+
+ <?php if ( $recent_posts->have_posts() ) : ?>
+
+ <div class="recent-posts">
+
+ <?php
+ while ( $recent_posts->have_posts() ) : $recent_posts->the_post();
+ get_template_part( 'components/post/content', 'excerpt' );
+ endwhile;
+ wp_reset_postdata();
+ ?>
+ </div><!-- .pique-recent-posts -->
+ <?php endif; ?>
+ <?php endif; ?>
+
+ </div><!-- .wrap -->
+ </div><!-- .panel-content -->
+
+</article><!-- #post-## -->
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentyseventeencomponentspagecontentfrontpagephp"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentyseventeen/components/page/content-front-page.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentyseventeen/components/page/content-front-page.php (rev 0)
+++ trunk/src/wp-content/themes/twentyseventeen/components/page/content-front-page.php 2016-10-20 04:11:24 UTC (rev 38833)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,36 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+/**
+ * Displays content for front page
+ *
+ * @package WordPress
+ * @subpackage Twenty_Seventeen
+ * @since 1.0
+ * @version 1.0
+ */
+
+?>
+<article id="post-<?php the_ID(); ?>" <?php post_class( 'twentyseventeen-panel ' ); ?> >
+
+ <div class="panel-content">
+ <div class="wrap">
+ <header class="entry-header">
+ <?php the_title( '<h2 class="entry-title">', '</h2>' ); ?>
+
+ <?php twentyseventeen_edit_link( get_the_ID() ); ?>
+
+ </header><!-- .entry-header -->
+
+ <div class="entry-content">
+ <?php
+ /* translators: %s: Name of current post */
+ the_content( sprintf(
+ __( 'Continue reading<span class="screen-reader-text"> "%s"</span>', 'twentyseventeen' ),
+ get_the_title()
+ ) );
+ ?>
+ </div><!-- .entry-content -->
+
+ </div><!-- .wrap -->
+ </div><!-- .panel-content -->
+
+</article><!-- #post-## -->
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentyseventeencomponentspagecontentpagephp"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentyseventeen/components/page/content-page.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentyseventeen/components/page/content-page.php (rev 0)
+++ trunk/src/wp-content/themes/twentyseventeen/components/page/content-page.php 2016-10-20 04:11:24 UTC (rev 38833)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,30 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+/**
+ * Template part for displaying page content in page.php
+ *
+ * @link https://codex.wordpress.org/Template_Hierarchy
+ *
+ * @package WordPress
+ * @subpackage Twenty_Seventeen
+ * @since 1.0
+ * @version 1.0
+ */
+
+?>
+
+<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
+ <header class="entry-header">
+ <?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
+ <?php twentyseventeen_edit_link( get_the_ID() ); ?>
+ </header><!-- .entry-header -->
+ <div class="entry-content">
+ <?php
+ the_content();
+
+ wp_link_pages( array(
+ 'before' => '<div class="page-links">' . __( 'Pages:', 'twentyseventeen' ),
+ 'after' => '</div>',
+ ) );
+ ?>
+ </div><!-- .entry-content -->
+</article><!-- #post-## -->
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentyseventeencomponentspostcontentaudiophp"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentyseventeen/components/post/content-audio.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentyseventeen/components/post/content-audio.php (rev 0)
+++ trunk/src/wp-content/themes/twentyseventeen/components/post/content-audio.php 2016-10-20 04:11:24 UTC (rev 38833)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,93 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+/**
+ * Template part for displaying audio posts
+ *
+ * @link https://codex.wordpress.org/Template_Hierarchy
+ *
+ * @package WordPress
+ * @subpackage Twenty_Seventeen
+ * @since 1.0
+ * @version 1.0
+ */
+
+?>
+
+<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
+ <?php
+ if ( is_sticky() && is_home() ) :
+ echo twentyseventeen_get_svg( array( 'icon' => 'pinned' ) );
+ endif;
+ ?>
+ <header class="entry-header">
+ <?php
+ if ( 'post' === get_post_type() ) :
+ echo '<div class="entry-meta">';
+ if ( is_single() ) :
+ twentyseventeen_posted_on();
+ else :
+ echo twentyseventeen_time_link();
+ twentyseventeen_edit_link();
+ endif;
+ echo '</div><!-- .entry-meta -->';
+ endif;
+
+ if ( is_single() ) {
+ the_title( '<h1 class="entry-title">', '</h1>' );
+ } else {
+ the_title( '<h2 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' );
+ }
+ ?>
+ </header><!-- .entry-header -->
+
+ <?php
+ $content = apply_filters( 'the_content', get_the_content() );
+ $audio = get_media_embedded_in_content( $content, array( 'audio' ) );
+ ?>
+
+ <?php if ( '' !== get_the_post_thumbnail() && ! is_single() ) : ?>
+ <div class="post-thumbnail">
+ <a href="<?php the_permalink(); ?>">
+ <?php the_post_thumbnail( 'twentyseventeen-featured-image' ); ?>
+ </a>
+ </div><!-- .post-thumbnail -->
+ <?php endif; ?>
+
+ <div class="entry-content">
+
+ <?php if ( ! is_single() ) :
+
+ // If not a single post, highlight the audio file.
+ if ( ! empty( $audio ) ) :
+ foreach ( $audio as $audio_html ) {
+ echo '<div class="entry-audio">';
+ echo $audio_html;
+ echo '</div><!-- .entry-audio -->';
+ }
+ endif;
+
+ endif;
+
+ if ( is_single() || empty( $audio ) ) :
+
+ /* translators: %s: Name of current post */
+ the_content( sprintf(
+ __( 'Continue reading<span class="screen-reader-text"> "%s"</span>', 'twentyseventeen' ),
+ get_the_title()
+ ) );
+
+ wp_link_pages( array(
+ 'before' => '<div class="page-links">' . __( 'Pages:', 'twentyseventeen' ),
+ 'after' => '</div>',
+ 'link_before' => '<span class="page-number">',
+ 'link_after' => '</span>',
+ ) );
+
+ endif; ?>
+
+ </div><!-- .entry-content -->
+
+ <?php if ( is_single() ) : ?>
+ <?php twentyseventeen_entry_footer(); ?>
+ <?php endif; ?>
+
+</article><!-- #post-## -->
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentyseventeencomponentspostcontentexcerptphp"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentyseventeen/components/post/content-excerpt.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentyseventeen/components/post/content-excerpt.php (rev 0)
+++ trunk/src/wp-content/themes/twentyseventeen/components/post/content-excerpt.php 2016-10-20 04:11:24 UTC (rev 38833)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,40 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+/**
+ * Template part for displaying posts with excerpts
+ *
+ * Used in Search Results and for Recent Posts in Front Page panels.
+ *
+ * @link https://codex.wordpress.org/Template_Hierarchy
+ *
+ * @package WordPress
+ * @subpackage Twenty_Seventeen
+ * @since 1.0
+ * @version 1.0
+ */
+
+?>
+
+<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
+
+ <header class="entry-header">
+ <?php if ( 'post' === get_post_type() ) : ?>
+ <div class="entry-meta">
+ <?php
+ echo twentyseventeen_time_link();
+ twentyseventeen_edit_link();
+ ?>
+ </div><!-- .entry-meta -->
+ <?php elseif ( 'page' === get_post_type() && get_edit_post_link() ) : ?>
+ <div class="entry-meta">
+ <?php twentyseventeen_edit_link(); ?>
+ </div><!-- .entry-meta -->
+ <?php endif; ?>
+
+ <?php the_title( sprintf( '<h2 class="entry-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h2>' ); ?>
+ </header><!-- .entry-header -->
+
+ <div class="entry-summary">
+ <?php the_excerpt(); ?>
+ </div><!-- .entry-summary -->
+
+</article><!-- #post-## -->
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentyseventeencomponentspostcontentgalleryphp"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentyseventeen/components/post/content-gallery.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentyseventeen/components/post/content-gallery.php (rev 0)
+++ trunk/src/wp-content/themes/twentyseventeen/components/post/content-gallery.php 2016-10-20 04:11:24 UTC (rev 38833)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,85 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+/**
+ * Template part for displaying gallery posts
+ *
+ * @link https://codex.wordpress.org/Template_Hierarchy
+ *
+ * @package WordPress
+ * @subpackage Twenty_Seventeen
+ * @since 1.0
+ * @version 1.0
+ */
+?>
+
+<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
+ <?php
+ if ( is_sticky() && is_home() ) :
+ echo twentyseventeen_get_svg( array( 'icon' => 'pinned' ) );
+ endif;
+ ?>
+ <header class="entry-header">
+ <?php
+ if ( 'post' === get_post_type() ) :
+ echo '<div class="entry-meta">';
+ if ( is_single() ) :
+ twentyseventeen_posted_on();
+ else :
+ echo twentyseventeen_time_link();
+ twentyseventeen_edit_link();
+ endif;
+ echo '</div><!-- .entry-meta -->';
+ endif;
+
+ if ( is_single() ) {
+ the_title( '<h1 class="entry-title">', '</h1>' );
+ } else {
+ the_title( '<h2 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' );
+ }
+ ?>
+ </header><!-- .entry-header -->
+
+ <?php if ( '' !== get_the_post_thumbnail() && ! is_single() && ! get_post_gallery() ) : ?>
+ <div class="post-thumbnail">
+ <a href="<?php the_permalink(); ?>">
+ <?php the_post_thumbnail( 'twentyseventeen-featured-image' ); ?>
+ </a>
+ </div><!-- .post-thumbnail -->
+ <?php endif; ?>
+
+ <div class="entry-content">
+
+ <?php if ( ! is_single() ) :
+
+ // If not a single post, highlight the gallery.
+ if ( get_post_gallery() ) :
+ echo '<div class="entry-gallery">';
+ echo get_post_gallery();
+ echo '</div>';
+ endif;
+
+ endif;
+
+ if ( is_single() || ! get_post_gallery() ) :
+
+ /* translators: %s: Name of current post */
+ the_content( sprintf(
+ __( 'Continue reading<span class="screen-reader-text"> "%s"</span>', 'twentyseventeen' ),
+ get_the_title()
+ ) );
+
+ wp_link_pages( array(
+ 'before' => '<div class="page-links">' . __( 'Pages:', 'twentyseventeen' ),
+ 'after' => '</div>',
+ 'link_before' => '<span class="page-number">',
+ 'link_after' => '</span>',
+ ) );
+
+ endif; ?>
+
+ </div><!-- .entry-content -->
+
+ <?php if ( is_single() ) : ?>
+ <?php twentyseventeen_entry_footer(); ?>
+ <?php endif; ?>
+
+</article><!-- #post-## -->
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentyseventeencomponentspostcontentimagephp"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentyseventeen/components/post/content-image.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentyseventeen/components/post/content-image.php (rev 0)
+++ trunk/src/wp-content/themes/twentyseventeen/components/post/content-image.php 2016-10-20 04:11:24 UTC (rev 38833)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,75 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+/**
+ * Template part for displaying image posts
+ *
+ * @link https://codex.wordpress.org/Template_Hierarchy
+ *
+ * @package WordPress
+ * @subpackage Twenty_Seventeen
+ * @since 1.0
+ * @version 1.0
+ */
+?>
+
+<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
+ <?php
+ if ( is_sticky() && is_home() ) :
+ echo twentyseventeen_get_svg( array( 'icon' => 'pinned' ) );
+ endif;
+ ?>
+ <header class="entry-header">
+ <?php
+ if ( 'post' === get_post_type() ) :
+ echo '<div class="entry-meta">';
+ if ( is_single() ) :
+ twentyseventeen_posted_on();
+ else :
+ echo twentyseventeen_time_link();
+ twentyseventeen_edit_link();
+ endif;
+ echo '</div><!-- .entry-meta -->';
+ endif;
+
+ if ( is_single() ) {
+ the_title( '<h1 class="entry-title">', '</h1>' );
+ } else {
+ the_title( '<h2 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' );
+ }
+ ?>
+ </header><!-- .entry-header -->
+
+ <?php if ( '' !== get_the_post_thumbnail() && ! is_single() ) : ?>
+ <div class="post-thumbnail">
+ <a href="<?php the_permalink(); ?>">
+ <?php the_post_thumbnail( 'twentyseventeen-featured-image' ); ?>
+ </a>
+ </div><!-- .post-thumbnail -->
+ <?php endif; ?>
+
+ <div class="entry-content">
+
+ <?php if ( is_single() || '' === get_the_post_thumbnail() ) :
+
+ // Only show content if is a single post, or if there's no featured image.
+ /* translators: %s: Name of current post */
+ the_content( sprintf(
+ __( 'Continue reading<span class="screen-reader-text"> "%s"</span>', 'twentyseventeen' ),
+ get_the_title()
+ ) );
+
+ wp_link_pages( array(
+ 'before' => '<div class="page-links">' . __( 'Pages:', 'twentyseventeen' ),
+ 'after' => '</div>',
+ 'link_before' => '<span class="page-number">',
+ 'link_after' => '</span>',
+ ) );
+
+ endif; ?>
+
+ </div><!-- .entry-content -->
+
+ <?php if ( is_single() ) : ?>
+ <?php twentyseventeen_entry_footer(); ?>
+ <?php endif; ?>
+
+</article><!-- #post-## -->
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentyseventeencomponentspostcontentnonephp"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentyseventeen/components/post/content-none.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentyseventeen/components/post/content-none.php (rev 0)
+++ trunk/src/wp-content/themes/twentyseventeen/components/post/content-none.php 2016-10-20 04:11:24 UTC (rev 38833)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,33 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+/**
+ * Template part for displaying a message that posts cannot be found
+ *
+ * @link https://codex.wordpress.org/Template_Hierarchy
+ *
+ * @package WordPress
+ * @subpackage Twenty_Seventeen
+ * @since 1.0
+ * @version 1.0
+ */
+
+?>
+
+<section class="no-results not-found">
+ <header class="page-header">
+ <h1 class="page-title"><?php _e( 'Nothing Found', 'twentyseventeen' ); ?></h1>
+ </header>
+ <div class="page-content">
+ <?php
+ if ( is_home() && current_user_can( 'publish_posts' ) ) : ?>
+
+ <p><?php printf( __( 'Ready to publish your first post? <a href="%1$s">Get started here</a>.', 'twentyseventeen' ), esc_url( admin_url( 'post-new.php' ) ) ); ?></p>
+
+ <?php else : ?>
+
+ <p><?php _e( 'It seems we can’t find what you’re looking for. Perhaps searching can help.', 'twentyseventeen' ); ?></p>
+ <?php
+ get_search_form();
+
+ endif; ?>
+ </div><!-- .page-content -->
+</section><!-- .no-results -->
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentyseventeencomponentspostcontentvideophp"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentyseventeen/components/post/content-video.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentyseventeen/components/post/content-video.php (rev 0)
+++ trunk/src/wp-content/themes/twentyseventeen/components/post/content-video.php 2016-10-20 04:11:24 UTC (rev 38833)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,92 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+/**
+ * Template part for displaying video posts
+ *
+ * @link https://codex.wordpress.org/Template_Hierarchy
+ *
+ * @package WordPress
+ * @subpackage Twenty_Seventeen
+ * @since 1.0
+ * @version 1.0
+ */
+?>
+
+<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
+ <?php
+ if ( is_sticky() && is_home() ) :
+ echo twentyseventeen_get_svg( array( 'icon' => 'pinned' ) );
+ endif;
+ ?>
+ <header class="entry-header">
+ <?php
+ if ( 'post' === get_post_type() ) :
+ echo '<div class="entry-meta">';
+ if ( is_single() ) :
+ twentyseventeen_posted_on();
+ else :
+ echo twentyseventeen_time_link();
+ twentyseventeen_edit_link();
+ endif;
+ echo '</div><!-- .entry-meta -->';
+ endif;
+
+ if ( is_single() ) {
+ the_title( '<h1 class="entry-title">', '</h1>' );
+ } else {
+ the_title( '<h2 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' );
+ }
+ ?>
+ </header><!-- .entry-header -->
+
+ <?php
+ $content = apply_filters( 'the_content', get_the_content() );
+ $video = get_media_embedded_in_content( $content, array( 'video', 'object', 'embed', 'iframe' ) );
+ ?>
+
+ <?php if ( '' !== get_the_post_thumbnail() && ! is_single() && empty( $video ) ) : ?>
+ <div class="post-thumbnail">
+ <a href="<?php the_permalink(); ?>">
+ <?php the_post_thumbnail( 'twentyseventeen-featured-image' ); ?>
+ </a>
+ </div><!-- .post-thumbnail -->
+ <?php endif; ?>
+
+ <div class="entry-content">
+
+ <?php if ( ! is_single() ) :
+
+ // If not a single post, highlight the video file.
+ if ( ! empty( $video ) ) :
+ foreach ( $video as $video_html ) {
+ echo '<div class="entry-video">';
+ echo $video_html;
+ echo '</div>';
+ }
+ endif;
+
+ endif;
+
+ if ( is_single() || empty( $video ) ) :
+
+ /* translators: %s: Name of current post */
+ the_content( sprintf(
+ __( 'Continue reading<span class="screen-reader-text"> "%s"</span>', 'twentyseventeen' ),
+ get_the_title()
+ ) );
+
+ wp_link_pages( array(
+ 'before' => '<div class="page-links">' . __( 'Pages:', 'twentyseventeen' ),
+ 'after' => '</div>',
+ 'link_before' => '<span class="page-number">',
+ 'link_after' => '</span>',
+ ) );
+
+ endif; ?>
+
+ </div><!-- .entry-content -->
+
+ <?php if ( is_single() ) : ?>
+ <?php twentyseventeen_entry_footer(); ?>
+ <?php endif; ?>
+
+</article><!-- #post-## -->
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentyseventeencomponentspostcontentphp"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentyseventeen/components/post/content.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentyseventeen/components/post/content.php (rev 0)
+++ trunk/src/wp-content/themes/twentyseventeen/components/post/content.php 2016-10-20 04:11:24 UTC (rev 38833)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,71 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+/**
+ * Template part for displaying posts
+ *
+ * @link https://codex.wordpress.org/Template_Hierarchy
+ *
+ * @package WordPress
+ * @subpackage Twenty_Seventeen
+ * @since 1.0
+ * @version 1.0
+ */
+
+?>
+
+<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
+ <?php
+ if ( is_sticky() && is_home() ) :
+ echo twentyseventeen_get_svg( array( 'icon' => 'pinned' ) );
+ endif;
+ ?>
+ <header class="entry-header">
+ <?php
+ if ( 'post' === get_post_type() ) :
+ echo '<div class="entry-meta">';
+ if ( is_single() ) :
+ twentyseventeen_posted_on();
+ else :
+ echo twentyseventeen_time_link();
+ twentyseventeen_edit_link();
+ endif;
+ echo '</div><!-- .entry-meta -->';
+ endif;
+
+ if ( is_single() ) {
+ the_title( '<h1 class="entry-title">', '</h1>' );
+ } else {
+ the_title( '<h2 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' );
+ }
+ ?>
+ </header><!-- .entry-header -->
+
+ <?php if ( '' !== get_the_post_thumbnail() && ! is_single() ) : ?>
+ <div class="post-thumbnail">
+ <a href="<?php the_permalink(); ?>">
+ <?php the_post_thumbnail( 'twentyseventeen-featured-image' ); ?>
+ </a>
+ </div><!-- .post-thumbnail -->
+ <?php endif; ?>
+
+ <div class="entry-content">
+ <?php
+ /* translators: %s: Name of current post */
+ the_content( sprintf(
+ __( 'Continue reading<span class="screen-reader-text"> "%s"</span>', 'twentyseventeen' ),
+ get_the_title()
+ ) );
+
+ wp_link_pages( array(
+ 'before' => '<div class="page-links">' . __( 'Pages:', 'twentyseventeen' ),
+ 'after' => '</div>',
+ 'link_before' => '<span class="page-number">',
+ 'link_after' => '</span>',
+ ) );
+ ?>
+ </div><!-- .entry-content -->
+
+ <?php if ( is_single() ) : ?>
+ <?php twentyseventeen_entry_footer(); ?>
+ <?php endif; ?>
+
+</article><!-- #post-## -->
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentyseventeenfooterphp"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentyseventeen/footer.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentyseventeen/footer.php (rev 0)
+++ trunk/src/wp-content/themes/twentyseventeen/footer.php 2016-10-20 04:11:24 UTC (rev 38833)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,46 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+/**
+ * The template for displaying the footer
+ *
+ * Contains the closing of the #content div and all content after.
+ *
+ * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
+ *
+ * @package WordPress
+ * @subpackage Twenty_Seventeen
+ * @since 1.0
+ * @version 1.0
+ */
+
+?>
+
+ </div><!-- #content -->
+
+ <footer id="colophon" class="site-footer" role="contentinfo">
+ <div class="wrap">
+ <?php
+ get_template_part( 'components/footer/footer', 'widgets' );
+
+ if ( has_nav_menu( 'social' ) ) : ?>
+ <nav class="social-navigation" role="navigation" aria-label="<?php _e( 'Footer Social Links Menu', 'twentyseventeen' ); ?>">
+ <?php
+ wp_nav_menu( array(
+ 'theme_location' => 'social',
+ 'menu_class' => 'social-links-menu',
+ 'depth' => 1,
+ 'link_before' => '<span class="screen-reader-text">',
+ 'link_after' => '</span>' . twentyseventeen_get_svg( array( 'icon' => 'chain' ) ),
+ ) );
+ ?>
+ </nav><!-- .social-navigation -->
+ <?php endif;
+
+ get_template_part( 'components/footer/site', 'info' );
+ ?>
+ </div><!-- .wrap -->
+ </footer><!-- #colophon -->
+</div><!-- #page -->
+<?php wp_footer(); ?>
+
+</body>
+</html>
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentyseventeenfrontpagephp"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentyseventeen/front-page.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentyseventeen/front-page.php (rev 0)
+++ trunk/src/wp-content/themes/twentyseventeen/front-page.php 2016-10-20 04:11:24 UTC (rev 38833)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,65 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+/**
+ * The front page template file
+ *
+ * If the user has selected a static page for their homepage, this is what will
+ * appear.
+ * Learn more: http://codex.wordpress.org/Template_Hierarchy
+ *
+ * @package WordPress
+ * @subpackage Twenty_Seventeen
+ * @since 1.0
+ * @version 1.0
+ */
+
+get_header(); ?>
+
+<div id="primary" class="content-area">
+ <main id="main" class="site-main" role="main">
+
+ <?php // Show the selected frontpage content.
+ if ( have_posts() ) :
+ while ( have_posts() ) : the_post();
+ get_template_part( 'components/page/content', 'front-page' );
+ endwhile;
+ else : // I'm not sure it's possible to have no posts when this page is shown, but WTH.
+ get_template_part( 'components/post/content', 'none' );
+ endif; ?>
+
+ <?php
+ // Get each of our panels and show the post data.
+ $panels = array( '1', '2', '3', '4' );
+ $titles = array();
+
+ global $twentyseventeencounter; // Used in components/page/content-front-page-panels.php file.
+
+ if ( 0 !== twentyseventeen_panel_count() || is_customize_preview() ) : // If we have pages to show.
+
+ $twentyseventeencounter = 1;
+
+ foreach ( $panels as $panel ) :
+ if ( get_theme_mod( 'panel_' . $panel ) ) :
+ $post = get_post( get_theme_mod( 'panel_' . $panel ) );
+ setup_postdata( $post );
+ set_query_var( 'panel', $panel );
+
+ $titles[] = get_the_title(); // Put page titles in an array for use in navigation.
+ get_template_part( 'components/page/content', 'front-page-panels' );
+
+ wp_reset_postdata();
+ else :
+ // The output placeholder anchor.
+ echo '<article class="panel-placeholder panel twentyseventeen-panel twentyseventeen-panel' . esc_attr( $twentyseventeencounter ) . '" id="panel' . esc_attr( $twentyseventeencounter ) . '"><span class="twentyseventeen-panel-title">' . sprintf( __( 'Panel %1$s Placeholder', 'twentyseventeen' ), esc_attr( $twentyseventeencounter ) ) . '</span></article>';
+ endif;
+
+ $twentyseventeencounter++;
+ endforeach;
+ ?>
+
+ <?php endif; // The if ( 0 !== twentyseventeen_panel_count() ) ends here.
+ ?>
+
+ </main><!-- #main -->
+</div><!-- #primary -->
+
+<?php get_footer();
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentyseventeenfunctionsphp"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentyseventeen/functions.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentyseventeen/functions.php (rev 0)
+++ trunk/src/wp-content/themes/twentyseventeen/functions.php 2016-10-20 04:11:24 UTC (rev 38833)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,409 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+/**
+ * Twenty Seventeen functions and definitions
+ *
+ * @link https://developer.wordpress.org/themes/basics/theme-functions/
+ *
+ * @package WordPress
+ * @subpackage Twenty_Seventeen
+ * @since 1.0
+ */
+
+/**
+ * Twenty Seventeen only works in WordPress 4.7 or later.
+ */
+if ( version_compare( $GLOBALS['wp_version'], '4.7-alpha', '<' ) ) {
+ require get_template_directory() . '/inc/back-compat.php';
+ return;
+}
+
+/**
+ * Sets up theme defaults and registers support for various WordPress features.
+ *
+ * Note that this function is hooked into the after_setup_theme hook, which
+ * runs before the init hook. The init hook is too late for some features, such
+ * as indicating support for post thumbnails.
+ */
+function twentyseventeen_setup() {
+ /*
+ * Make theme available for translation.
+ * Translations can be filed at WordPress.org. See: https://translate.wordpress.org/projects/wp-themes/twentyseventeen
+ * If you're building a theme based on Twenty Seventeen, use a find and replace
+ * to change 'twentyseventeen' to the name of your theme in all the template files.
+ */
+ load_theme_textdomain( 'twentyseventeen' );
+
+ // Add default posts and comments RSS feed links to head.
+ add_theme_support( 'automatic-feed-links' );
+
+ /*
+ * Let WordPress manage the document title.
+ * By adding theme support, we declare that this theme does not use a
+ * hard-coded <title> tag in the document head, and expect WordPress to
+ * provide it for us.
+ */
+ add_theme_support( 'title-tag' );
+
+ /*
+ * Enable support for Post Thumbnails on posts and pages.
+ *
+ * @link https://developer.wordpress.org/themes/functionality/featured-images-post-thumbnails/
+ */
+ add_theme_support( 'post-thumbnails' );
+
+ add_image_size( 'twentyseventeen-featured-image', 2000, 1200, true );
+
+ add_image_size( 'twentyseventeen-thumbnail-avatar', 100, 100, true );
+
+ // This theme uses wp_nav_menu() in two locations.
+ register_nav_menus( array(
+ 'top' => __( 'Top', 'twentyseventeen' ),
+ 'social' => __( 'Social Links Menu', 'twentyseventeen' ),
+ ) );
+
+ /*
+ * Switch default core markup for search form, comment form, and comments
+ * to output valid HTML5.
+ */
+ add_theme_support( 'html5', array(
+ 'comment-form',
+ 'comment-list',
+ 'gallery',
+ 'caption',
+ ) );
+
+ /*
+ * Enable support for Post Formats.
+ *
+ * See: https://codex.wordpress.org/Post_Formats
+ */
+ add_theme_support( 'post-formats', array(
+ 'aside',
+ 'image',
+ 'video',
+ 'quote',
+ 'link',
+ 'gallery',
+ 'audio',
+ ) );
+
+ // Add theme support for Custom Logo.
+ add_theme_support( 'custom-logo', array(
+ 'width' => 250,
+ 'height' => 250,
+ 'flex-width' => true,
+ ) );
+
+ /*
+ * This theme styles the visual editor to resemble the theme style,
+ * specifically font, colors, and column width.
+ */
+ add_editor_style( array( 'assets/css/editor-style.css', twentyseventeen_fonts_url() ) );
+}
+add_action( 'after_setup_theme', 'twentyseventeen_setup' );
+
+/**
+ * Set the content width in pixels, based on the theme's design and stylesheet.
+ *
+ * Priority 0 to make it available to lower priority callbacks.
+ *
+ * @global int $content_width
+ */
+function twentyseventeen_content_width() {
+
+ $content_width = 700;
+
+ if ( twentyseventeen_is_frontpage() ) {
+ $content_width = 1120;
+ }
+
+ $GLOBALS['content_width'] = apply_filters( 'twentyseventeen_content_width', $content_width );
+}
+add_action( 'after_setup_theme', 'twentyseventeen_content_width', 0 );
+
+/**
+ * Register custom fonts.
+ */
+function twentyseventeen_fonts_url() {
+ $fonts_url = '';
+
+ /**
+ * Translators: If there are characters in your language that are not
+ * supported by Libre Frankin, translate this to 'off'. Do not translate
+ * into your own language.
+ */
+ $libre_franklin = _x( 'on', 'libre_franklin font: on or off', 'twentyseventeen' );
+
+ if ( 'off' !== $libre_franklin ) {
+ $font_families = array();
+
+ $font_families[] = 'Libre Franklin:300,300i,400,400i,600,600i,800,800i';
+
+ $query_args = array(
+ 'family' => urlencode( implode( '|', $font_families ) ),
+ 'subset' => urlencode( 'latin,latin-ext' ),
+ );
+
+ $fonts_url = add_query_arg( $query_args, 'https://fonts.googleapis.com/css' );
+ }
+
+ return esc_url_raw( $fonts_url );
+}
+
+/**
+ * Add preconnect for Google Fonts.
+ *
+ * @since Twenty Seventeen 1.0
+ *
+ * @param array $urls URLs to print for resource hints.
+ * @param string $relation_type The relation type the URLs are printed.
+ * @return array $urls URLs to print for resource hints.
+ */
+function twentyseventeen_resource_hints( $urls, $relation_type ) {
+ if ( wp_style_is( 'twentyseventeen-fonts', 'queue' ) && 'preconnect' === $relation_type ) {
+ $urls[] = array(
+ 'href' => 'https://fonts.gstatic.com',
+ 'crossorigin',
+ );
+ }
+
+ return $urls;
+}
+add_filter( 'wp_resource_hints', 'twentyseventeen_resource_hints', 10, 2 );
+
+/**
+ * Register widget area.
+ *
+ * @link https://developer.wordpress.org/themes/functionality/sidebars/#registering-a-sidebar
+ */
+function twentyseventeen_widgets_init() {
+ register_sidebar( array(
+ 'name' => __( 'Sidebar', 'twentyseventeen' ),
+ 'id' => 'sidebar-1',
+ 'description' => __( 'Add widgets here to appear in your sidebar.', 'twentyseventeen' ),
+ 'before_widget' => '<section id="%1$s" class="widget %2$s">',
+ 'after_widget' => '</section>',
+ 'before_title' => '<h2 class="widget-title">',
+ 'after_title' => '</h2>',
+ ) );
+
+ register_sidebar( array(
+ 'name' => __( 'Footer 1', 'twentyseventeen' ),
+ 'id' => 'sidebar-2',
+ 'description' => __( 'Add widgets here to appear in your footer.', 'twentyseventeen' ),
+ 'before_widget' => '<section id="%1$s" class="widget %2$s">',
+ 'after_widget' => '</section>',
+ 'before_title' => '<h2 class="widget-title">',
+ 'after_title' => '</h2>',
+ ) );
+
+ register_sidebar( array(
+ 'name' => __( 'Footer 2', 'twentyseventeen' ),
+ 'id' => 'sidebar-3',
+ 'description' => __( 'Add widgets here to appear in your footer.', 'twentyseventeen' ),
+ 'before_widget' => '<section id="%1$s" class="widget %2$s">',
+ 'after_widget' => '</section>',
+ 'before_title' => '<h2 class="widget-title">',
+ 'after_title' => '</h2>',
+ ) );
+}
+add_action( 'widgets_init', 'twentyseventeen_widgets_init' );
+
+/**
+ * Replaces "[...]" (appended to automatically generated excerpts) with ... and
+ * a 'Continue reading' link.
+ *
+ * Create your own twentysixteen_excerpt_more() function to override in a child theme.
+ *
+ * @since Twenty Seventeen 1.0
+ *
+ * @return string 'Continue reading' link prepended with an ellipsis.
+ */
+function twentyseventeen_excerpt_more() {
+ $link = sprintf( '<p class="link-more"><a href="%1$s" class="more-link">%2$s</a></p>',
+ esc_url( get_permalink( get_the_ID() ) ),
+ /* translators: %s: Name of current post */
+ sprintf( __( 'Continue reading<span class="screen-reader-text"> "%s"</span>', 'twentyseventeen' ), get_the_title( get_the_ID() ) )
+ );
+ return ' … ' . $link;
+}
+add_filter( 'excerpt_more', 'twentyseventeen_excerpt_more' );
+
+/**
+ * Handles JavaScript detection.
+ *
+ * Adds a `js` class to the root `<html>` element when JavaScript is detected.
+ *
+ * @since Twenty Seventeen 1.0
+ */
+function twentyseventeen_javascript_detection() {
+ echo "<script>(function(html){html.className = html.className.replace(/\bno-js\b/,'js')})(document.documentElement);</script>\n";
+}
+add_action( 'wp_head', 'twentyseventeen_javascript_detection', 0 );
+
+/**
+ * Add a pingback url auto-discovery header for singularly identifiable articles.
+ */
+function twentyseventeen_pingback_header() {
+ if ( is_singular() && pings_open() ) {
+ printf( '<link rel="pingback" href="%s">' . "\n", get_bloginfo( 'pingback_url' ) );
+ }
+}
+add_action( 'wp_head', 'twentyseventeen_pingback_header' );
+
+/**
+ * Display custom color CSS.
+ */
+function twentyseventeen_colors_css_wrap() {
+ if ( 'custom' !== get_theme_mod( 'colorscheme' ) && ! is_customize_preview() ) {
+ return;
+ }
+
+ require_once( get_parent_theme_file_path( '/inc/color-patterns.php' ) );
+ $hue = absint( get_theme_mod( 'colorscheme_hue', 250 ) );
+?>
+ <style type="text/css" id="custom-theme-colors" <?php if ( is_customize_preview() ) { echo 'data-hue="' . $hue . '"'; } ?>>
+ <?php echo twentyseventeen_custom_colors_css(); ?>
+ </style>
+<?php }
+add_action( 'wp_head', 'twentyseventeen_colors_css_wrap' );
+
+/**
+ * Enqueue scripts and styles.
+ */
+function twentyseventeen_scripts() {
+ // Add custom fonts, used in the main stylesheet.
+ wp_enqueue_style( 'twentyseventeen-fonts', twentyseventeen_fonts_url(), array(), null );
+
+ // Theme stylesheet.
+ wp_enqueue_style( 'twentyseventeen-style', get_stylesheet_uri() );
+
+ // Load the dark colorscheme.
+ if ( 'dark' === get_theme_mod( 'colorscheme', 'light' ) || is_customize_preview() ) {
+ wp_enqueue_style( 'twentyseventeen-colors-dark', get_theme_file_uri( '/assets/css/colors-dark.css' ), array( 'twentyseventeen-style' ), '1.0' );
+ }
+
+ // Load the Internet Explorer 8 specific stylesheet.
+ wp_enqueue_style( 'twentyseventeen-ie8', get_theme_file_uri( '/assets/css/ie8.css' ), array( 'twentyseventeen-style' ), '1.0' );
+ wp_style_add_data( 'twentyseventeen-ie8', 'conditional', 'lt IE 9' );
+
+ // Load the html5 shiv.
+ wp_enqueue_script( 'html5', get_theme_file_uri( '/assets/js/html5.js' ), array(), '3.7.3' );
+ wp_script_add_data( 'html5', 'conditional', 'lt IE 9' );
+
+ wp_enqueue_script( 'twentyseventeen-skip-link-focus-fix', get_theme_file_uri( '/assets/js/skip-link-focus-fix.js' ), array(), '1.0', true );
+
+ $twentyseventeen_l10n = array(
+ 'quote' => twentyseventeen_get_svg( array( 'icon' => 'quote-right' ) ),
+ 'has_navigation' => 'false',
+ );
+
+ if ( has_nav_menu( 'top' ) ) {
+ wp_enqueue_script( 'twentyseventeen-navigation', get_theme_file_uri( '/assets/js/navigation.js' ), array(), '1.0', true );
+ $twentyseventeen_l10n['has_navigation'] = 'true';
+ $twentyseventeen_l10n['expand'] = __( 'Expand child menu', 'twentyseventeen' );
+ $twentyseventeen_l10n['collapse'] = __( 'Collapse child menu', 'twentyseventeen' );
+ $twentyseventeen_l10n['icon'] = twentyseventeen_get_svg( array( 'icon' => 'expand', 'fallback' => true ) );
+ }
+
+ wp_enqueue_script( 'twentyseventeen-global', get_theme_file_uri( '/assets/js/global.js' ), array( 'jquery' ), '1.0', true );
+
+ wp_localize_script( 'twentyseventeen-skip-link-focus-fix', 'twentyseventeenScreenReaderText', $twentyseventeen_l10n );
+
+ if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
+ wp_enqueue_script( 'comment-reply' );
+ }
+
+ // Scroll effects (only loaded on front page).
+ if ( is_front_page() ) {
+ wp_enqueue_script( 'jquery-scrollto', get_template_directory_uri() . '/assets/js/jquery.scrollTo.js', array( 'jquery' ), '2.1.2', true );
+ }
+}
+add_action( 'wp_enqueue_scripts', 'twentyseventeen_scripts' );
+
+/**
+ * Add custom image sizes attribute to enhance responsive image functionality
+ * for content images.
+ *
+ * @since Twenty Seventeen 1.0
+ *
+ * @param string $sizes A source size value for use in a 'sizes' attribute.
+ * @param array $size Image size. Accepts an array of width and height
+ * values in pixels (in that order).
+ * @return string A source size value for use in a content image 'sizes' attribute.
+ */
+function twentyseventeen_content_image_sizes_attr( $sizes, $size ) {
+ $width = $size[0];
+
+ 740 <= $width && $sizes = '(max-width: 706px) 89vw, (max-width: 767px) 82vw, 740px';
+
+ if ( is_active_sidebar( 'sidebar-1' ) || is_archive() || is_search() || is_home() || is_page() ) {
+ if ( ! ( is_page() && 'one-column' === get_theme_mod( 'page_options' ) ) ) {
+ 767 <= $width && $sizes = '(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px';
+ }
+ }
+
+ return $sizes;
+}
+add_filter( 'wp_calculate_image_sizes', 'twentyseventeen_content_image_sizes_attr', 10, 2 );
+
+/**
+ * Add custom image sizes attribute to enhance responsive image functionality
+ * for post thumbnails.
+ *
+ * @since Twenty Seventeen 1.0
+ *
+ * @param array $attr Attributes for the image markup.
+ * @param int $attachment Image attachment ID.
+ * @param array $size Registered image size or flat array of height and width dimensions.
+ * @return string A source size value for use in a post thumbnail 'sizes' attribute.
+ */
+function twentyseventeen_post_thumbnail_sizes_attr( $attr, $attachment, $size ) {
+ if ( is_archive() || is_search() || is_home() ) {
+ $attr['sizes'] = '(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px';
+ } else {
+ $attr['sizes'] = '100vw';
+ }
+
+ return $attr;
+}
+add_filter( 'wp_get_attachment_image_attributes', 'twentyseventeen_post_thumbnail_sizes_attr', 10, 3 );
+
+/**
+ * Use front-page.php when Front page displays is set to a static page.
+ *
+ * @since Twenty Seventeen 1.0
+ *
+ * @param string $template front-page.php.
+ *
+ * @return string The template to be used: blank if is_home() is true (defaults to index.php), else $template.
+ */
+function twentyseventeen_front_page_template( $template ) {
+ return is_home() ? '' : $template;
+}
+add_filter( 'frontpage_template', 'twentyseventeen_front_page_template' );
+
+/**
+ * Implement the Custom Header feature.
+ */
+require get_parent_theme_file_path( '/inc/custom-header.php' );
+
+/**
+ * Custom template tags for this theme.
+ */
+require get_parent_theme_file_path( '/inc/template-tags.php' );
+
+/**
+ * Additional features to allow styling of the templates.
+ */
+require get_parent_theme_file_path( '/inc/template-functions.php' );
+
+/**
+ * Customizer additions.
+ */
+require get_parent_theme_file_path( '/inc/customizer.php' );
+
+/**
+ * SVG icons functions and filters.
+ */
+require get_parent_theme_file_path( '/inc/icon-functions.php' );
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentyseventeenheaderphp"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentyseventeen/header.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentyseventeen/header.php (rev 0)
+++ trunk/src/wp-content/themes/twentyseventeen/header.php 2016-10-20 04:11:24 UTC (rev 38833)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,52 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+/**
+ * The header for our theme
+ *
+ * This is the template that displays all of the <head> section and everything up until <div id="content">
+ *
+ * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
+ *
+ * @package WordPress
+ * @subpackage Twenty_Seventeen
+ * @since 1.0
+ * @version 1.0
+ */
+
+?><!DOCTYPE html>
+<html <?php language_attributes(); ?> class="no-js no-svg">
+<head>
+<meta charset="<?php bloginfo( 'charset' ); ?>">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<link rel="profile" href="http://gmpg.org/xfn/11">
+
+<?php wp_head(); ?>
+</head>
+
+<body <?php body_class(); ?>>
+<div id="page" class="site">
+ <a class="skip-link screen-reader-text" href="#content"><?php _e( 'Skip to content', 'twentyseventeen' ); ?></a>
+
+ <header id="masthead" class="site-header" role="banner">
+
+ <?php get_template_part( 'components/header/header', 'image' ); ?>
+
+ <?php if ( has_nav_menu( 'top' ) ) : ?>
+ <div class="navigation-top">
+ <div class="wrap">
+ <?php get_template_part( 'components/navigation/navigation', 'top' ); ?>
+ </div><!-- .wrap -->
+ </div><!-- .navigation-top -->
+ <?php endif; ?>
+
+ </header><!-- #masthead -->
+
+ <?php
+ // If a regular post or page, and not the front page, show the featured image.
+ if ( has_post_thumbnail() && ( is_single() || ( is_page() && ! twentyseventeen_is_frontpage() ) ) ) :
+ echo '<div class="single-featured-image-header">';
+ the_post_thumbnail( 'twentyseventeen-featured-image' );
+ echo '</div><!-- .single-featured-image-header -->';
+ endif;
+ ?>
+
+ <div id="content" class="site-content">
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentyseventeenincbackcompatphp"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentyseventeen/inc/back-compat.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentyseventeen/inc/back-compat.php (rev 0)
+++ trunk/src/wp-content/themes/twentyseventeen/inc/back-compat.php 2016-10-20 04:11:24 UTC (rev 38833)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,69 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+/**
+ * Twenty Seventeen back compat functionality
+ *
+ * Prevents Twenty Seventeen from running on WordPress versions prior to 4.7,
+ * since this theme is not meant to be backward compatible beyond that and
+ * relies on many newer functions and markup changes introduced in 4.7.
+ *
+ * @package WordPress
+ * @subpackage Twenty_Seventeen
+ * @since Twenty Seventeen 1.0
+ */
+
+/**
+ * Prevent switching to Twenty Seventeen on old versions of WordPress.
+ *
+ * Switches to the default theme.
+ *
+ * @since Twenty Seventeen 1.0
+ */
+function twentyseventeen_switch_theme() {
+ switch_theme( WP_DEFAULT_THEME );
+ unset( $_GET['activated'] );
+ add_action( 'admin_notices', 'twentyseventeen_upgrade_notice' );
+}
+add_action( 'after_switch_theme', 'twentyseventeen_switch_theme' );
+
+/**
+ * Adds a message for unsuccessful theme switch.
+ *
+ * Prints an update nag after an unsuccessful attempt to switch to
+ * Twenty Seventeen on WordPress versions prior to 4.7.
+ *
+ * @since Twenty Seventeen 1.0
+ *
+ * @global string $wp_version WordPress version.
+ */
+function twentyseventeen_upgrade_notice() {
+ $message = sprintf( __( 'Twenty Seventeen requires at least WordPress version 4.7. You are running version %s. Please upgrade and try again.', 'twentyseventeen' ), $GLOBALS['wp_version'] );
+ printf( '<div class="error"><p>%s</p></div>', $message );
+}
+
+/**
+ * Prevents the Customizer from being loaded on WordPress versions prior to 4.7.
+ *
+ * @since Twenty Seventeen 1.0
+ *
+ * @global string $wp_version WordPress version.
+ */
+function twentyseventeen_customize() {
+ wp_die( sprintf( __( 'Twenty Seventeen requires at least WordPress version 4.7. You are running version %s. Please upgrade and try again.', 'twentyseventeen' ), $GLOBALS['wp_version'] ), '', array(
+ 'back_link' => true,
+ ) );
+}
+add_action( 'load-customize.php', 'twentyseventeen_customize' );
+
+/**
+ * Prevents the Theme Preview from being loaded on WordPress versions prior to 4.7.
+ *
+ * @since Twenty Seventeen 1.0
+ *
+ * @global string $wp_version WordPress version.
+ */
+function twentyseventeen_preview() {
+ if ( isset( $_GET['preview'] ) ) {
+ wp_die( sprintf( __( 'Twenty Seventeen requires at least WordPress version 4.7. You are running version %s. Please upgrade and try again.', 'twentyseventeen' ), $GLOBALS['wp_version'] ) );
+ }
+}
+add_action( 'template_redirect', 'twentyseventeen_preview' );
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentyseventeeninccolorpatternsphp"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentyseventeen/inc/color-patterns.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentyseventeen/inc/color-patterns.php (rev 0)
+++ trunk/src/wp-content/themes/twentyseventeen/inc/color-patterns.php 2016-10-20 04:11:24 UTC (rev 38833)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,463 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+/**
+ * Twenty Seventeen: Color Patterns
+ *
+ * @package WordPress
+ * @subpackage Twenty_Seventeen
+ * @since 1.0
+ */
+
+/**
+ * Generate the CSS for the current custom color scheme.
+ */
+function twentyseventeen_custom_colors_css() {
+ $hue = get_theme_mod( 'colorscheme_hue', 250 );
+ $saturation = apply_filters( 'twentyseventeen_custom_colors_saturation', 50 );
+ $reduced_saturation = ( .8 * $saturation ) . '%';
+ $saturation = $saturation . '%';
+ $css = '
+/**
+ * Twenty Seventeen: Color Patterns
+ */
+
+.colors-custom button,
+.colors-custom input[type="button"],
+.colors-custom input[type="submit"],
+.colors-custom .bypostauthor > .comment-body > .comment-meta > .comment-author:before,
+.colors-custom .entry-footer .edit-link a.post-edit-link {
+ background-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 13% ); /* base: #222; */
+}
+
+.colors-custom input[type="text"]:focus,
+.colors-custom input[type="email"]:focus,
+.colors-custom input[type="url"]:focus,
+.colors-custom input[type="password"]:focus,
+.colors-custom input[type="search"]:focus,
+.colors-custom input[type="number"]:focus,
+.colors-custom input[type="tel"]:focus,
+.colors-custom input[type="range"]:focus,
+.colors-custom input[type="date"]:focus,
+.colors-custom input[type="month"]:focus,
+.colors-custom input[type="week"]:focus,
+.colors-custom input[type="time"]:focus,
+.colors-custom input[type="datetime"]:focus,
+.colors-custom .colors-custom input[type="datetime-local"]:focus,
+.colors-custom input[type="color"]:focus,
+.colors-custom textarea:focus,
+.colors-custom button.secondary,
+.colors-custom input[type="reset"],
+.colors-custom input[type="button"].secondary,
+.colors-custom input[type="reset"].secondary,
+.colors-custom input[type="submit"].secondary,
+.colors-custom a,
+.colors-custom a:visited,
+.colors-custom .site-title,
+.colors-custom .site-title a,
+.colors-custom .navigation-top a,
+.colors-custom .navigation-top a:visited,
+.colors-custom .dropdown-toggle,
+.colors-custom .menu-toggle,
+.colors-custom .page .panel-content .entry-title,
+.colors-custom .page-title,
+.colors-custom.page:not(.twentyseventeen-front-page) .entry-title,
+.colors-custom .page-links a .page-number,
+.colors-custom .comment-metadata a.comment-edit-link,
+.colors-custom .comment-reply-link .icon,
+.colors-custom h2.widget-title,
+.colors-custom mark {
+ color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 13% ); /* base: #222; */
+}
+
+body.colors-custom,
+.colors-custom button,
+.colors-custom input,
+.colors-custom select,
+.colors-custom textarea,
+.colors-custom h3,
+.colors-custom h4,
+.colors-custom h6,
+.colors-custom label,
+.colors-custom .entry-title a,
+.colors-custom.twentyseventeen-front-page .panel-content .recent-posts article,
+.colors-custom .entry-footer .cat-links a,
+.colors-custom .entry-footer .tags-links a,
+.colors-custom .format-quote blockquote,
+.colors-custom .nav-title,
+.colors-custom .comment-body {
+ color: hsl( ' . esc_attr( $hue ) . ', ' . $reduced_saturation . ', 20% ); /* base: #333; */
+}
+
+
+.colors-custom input[type="text"]:focus,
+.colors-custom input[type="email"]:focus,
+.colors-custom input[type="url"]:focus,
+.colors-custom input[type="password"]:focus,
+.colors-custom input[type="search"]:focus,
+.colors-custom input[type="number"]:focus,
+.colors-custom input[type="tel"]:focus,
+.colors-custom input[type="range"]:focus,
+.colors-custom input[type="date"]:focus,
+.colors-custom input[type="month"]:focus,
+.colors-custom input[type="week"]:focus,
+.colors-custom input[type="time"]:focus,
+.colors-custom input[type="datetime"]:focus,
+.colors-custom input[type="datetime-local"]:focus,
+.colors-custom input[type="color"]:focus,
+.colors-custom textarea:focus {
+ border-color: hsl( ' . esc_attr( $hue ) . ', ' . $reduced_saturation . ', 20% ); /* base: #333; */
+}
+
+.colors-custom h2,
+.colors-custom blockquote,
+.colors-custom input[type="text"],
+.colors-custom input[type="email"],
+.colors-custom input[type="url"],
+.colors-custom input[type="password"],
+.colors-custom input[type="search"],
+.colors-custom input[type="number"],
+.colors-custom input[type="tel"],
+.colors-custom input[type="range"],
+.colors-custom input[type="date"],
+.colors-custom input[type="month"],
+.colors-custom input[type="week"],
+.colors-custom input[type="time"],
+.colors-custom input[type="datetime"],
+.colors-custom input[type="datetime-local"],
+.colors-custom input[type="color"],
+.colors-custom textarea,
+.colors-custom .entry-content blockquote.alignleft,
+.colors-custom .entry-content blockquote.alignright,
+.colors-custom .colors-custom .taxonomy-description,
+.colors-custom .site-info a,
+.colors-custom .wp-caption {
+ color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 40% ); /* base: #666; */
+}
+
+.colors-custom abbr,
+.colors-custom acronym {
+ border-bottom-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 40% ); /* base: #666; */
+}
+
+.colors-custom h5,
+.colors-custom .entry-meta,
+.colors-custom .entry-meta a,
+.colors-custom .nav-subtitle,
+.colors-custom .comment-metadata,
+.colors-custom .comment-metadata a,
+.colors-custom .no-comments,
+.colors-custom .comment-awaiting-moderation,
+.colors-custom .page-numbers.current,
+.colors-custom .page-links .page-number,
+.colors-custom .site-description,
+.colors-custom .navigation-top .current-menu-item > a,
+.colors-custom .navigation-top .current-menu-item > a:visited,
+.colors-custom .navigation-top .current_page_item > a,
+.colors-custom .navigation-top .current_page_item > a:visited {
+ color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 46% ); /* base: #767676; */
+}
+
+.colors-custom button:hover,
+.colors-custom button:focus,
+.colors-custom input[type="button"]:hover,
+.colors-custom input[type="button"]:focus,
+.colors-custom input[type="submit"]:hover,
+.colors-custom input[type="submit"]:focus,
+.colors-custom .entry-content a:focus,
+.colors-custom .entry-content a:hover,
+.colors-custom .entry-summary a:focus,
+.colors-custom .entry-summary a:hover,
+.colors-custom .widget a:focus,
+.colors-custom .widget a:hover,
+.colors-custom .colors-custom .site-footer .widget-area a:focus,
+.colors-custom .site-footer .widget-area a:hover,
+.colors-custom .posts-navigation a:focus,
+.colors-custom .posts-navigation a:hover,
+.colors-custom .comment-navigation a:focus,
+.colors-custom .comment-navigation a:hover,
+.colors-custom .comment-metadata a:focus,
+.colors-custom .comment-metadata a:hover,
+.colors-custom .comment-metadata a.comment-edit-link:focus,
+.colors-custom .comment-metadata a.comment-edit-link:hover,
+.colors-custom .comment-reply-link:focus,
+.colors-custom .comment-reply-link:hover,
+.colors-custom .widget_authors a:focus strong,
+.colors-custom .widget_authors a:hover strong,
+.colors-custom .project-terms a:focus,
+.colors-custom .project-terms a:hover,
+.colors-custom .entry-title a:focus,
+.colors-custom .entry-title a:hover,
+.colors-custom .entry-meta a:focus,
+.colors-custom .entry-meta a:hover,
+.colors-custom .page-links a:focus .page-number,
+.colors-custom .page-links a:hover .page-number,
+.colors-custom .entry-footer a:focus,
+.colors-custom .entry-footer a:hover,
+.colors-custom .entry-footer .cat-links a:focus,
+.colors-custom .entry-footer .cat-links a:hover,
+.colors-custom .entry-footer .tags-links a:focus,
+.colors-custom .entry-footer .tags-links a:hover,
+.colors-custom .post-navigation a:focus,
+.colors-custom .post-navigation a:hover,
+.colors-custom .logged-in-as a:focus,
+.colors-custom .logged-in-as a:hover,
+.colors-custom .comment-navigation a:focus,
+.colors-custom .comment-navigation a:hover,
+.colors-custom a:focus .nav-title,
+.colors-custom .colors-custom a:hover .nav-title,
+.colors-custom .edit-link a:focus,
+.colors-custom .edit-link a:hover,
+.colors-custom .pagination a:focus,
+.colors-custom .pagination a:hover,
+.colors-custom .site-info a:focus,
+.colors-custom .site-info a:hover,
+.colors-custom .widget .widget-title a:focus,
+.colors-custom .widget .widget-title a:hover,
+.colors-custom .widget ul li a:focus,
+.colors-custom .widget ul li a:hover,
+.colors-custom .entry-footer .edit-link a.post-edit-link:hover,
+.colors-custom .entry-footer .edit-link a.post-edit-link:focus,
+.colors-custom .social-navigation a:hover,
+.colors-custom .social-navigation a:focus {
+ background: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 46% ); /* base: #767676; */
+}
+
+.colors-custom .entry-content a,
+.colors-custom .entry-content a:visited,
+.colors-custom .entry-summary a,
+.colors-custom .entry-summary a:visited,
+.colors-custom .widget a,
+.colors-custom .widget a:visited,
+.colors-custom .site-footer .widget-area a,
+.colors-custom .site-footer .widget-area a:visited,
+.colors-custom .posts-navigation a,
+.colors-custom .posts-navigation a:visited,
+.colors-custom .widget_authors a strong,
+.colors-custom .widget_authors a:visited strong {
+ border-bottom-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 46% ); /* base: #767676; */
+}
+
+.colors-custom button.secondary:hover,
+.colors-custom button.secondary:focus,
+.colors-custom input[type="reset"]:hover,
+.colors-custom input[type="reset"]:focus,
+.colors-custom input[type="button"].secondary:hover,
+.colors-custom input[type="button"].secondary:focus,
+.colors-custom input[type="reset"].secondary:hover,
+.colors-custom input[type="reset"].secondary:focus,
+.colors-custom input[type="submit"].secondary:hover,
+.colors-custom input[type="submit"].secondary:focus,
+.colors-custom .social-navigation a,
+.colors-custom hr {
+ background: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 73% ); /* base: #bbb; */
+}
+
+.colors-custom input[type="text"],
+.colors-custom input[type="email"],
+.colors-custom input[type="url"],
+.colors-custom input[type="password"],
+.colors-custom input[type="search"],
+.colors-custom input[type="number"],
+.colors-custom input[type="tel"],
+.colors-custom input[type="range"],
+.colors-custom input[type="date"],
+.colors-custom input[type="month"],
+.colors-custom input[type="week"],
+.colors-custom input[type="time"],
+.colors-custom input[type="datetime"],
+.colors-custom input[type="datetime-local"],
+.colors-custom input[type="color"],
+.colors-custom textarea,
+.colors-custom select,
+.colors-custom fieldset,
+.colors-custom .widget .tagcloud a:hover,
+.colors-custom .widget .tagcloud a:focus,
+.colors-custom .widget.widget_tag_cloud a:hover,
+.colors-custom .widget.widget_tag_cloud a:focus,
+.colors-custom .wp_widget_tag_cloud a:hover,
+.colors-custom .wp_widget_tag_cloud a:focus {
+ border-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 73% ); /* base: #bbb; */
+}
+
+.colors-custom .entry-footer .cat-links .icon,
+.colors-custom .entry-footer .tags-links .icon {
+ color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 73% ); /* base: #bbb; */
+}
+
+.colors-custom button.secondary,
+.colors-custom input[type="reset"],
+.colors-custom input[type="button"].secondary,
+.colors-custom input[type="reset"].secondary,
+.colors-custom input[type="submit"].secondary,
+.colors-custom .prev.page-numbers,
+.colors-custom .next.page-numbers {
+ background-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 87% ); /* base: #ddd; */
+}
+
+.colors-custom .widget .tagcloud a,
+.colors-custom .widget.widget_tag_cloud a,
+.colors-custom .wp_widget_tag_cloud a {
+ border-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 87% ); /* base: #ddd; */
+}
+
+.colors-custom.twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child),
+.colors-custom .widget ul li {
+ border-top-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 87% ); /* base: #ddd; */
+}
+
+.colors-custom .widget ul li {
+ border-bottom-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 87% ); /* base: #ddd; */
+}
+
+.colors-custom pre,
+.colors-custom mark,
+.colors-custom ins {
+ background: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 93% ); /* base: #eee; */
+}
+
+.colors-custom .navigation-top,
+.colors-custom .main-navigation > div > ul,
+.colors-custom .pagination,
+.colors-custom .comment-navigation,
+.colors-custom .entry-footer,
+.colors-custom .site-footer {
+ border-top-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 93% ); /* base: #eee; */
+}
+
+.colors-custom .navigation-top,
+.colors-custom .main-navigation li,
+.colors-custom .entry-footer,
+.colors-custom #comments {
+ border-bottom-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 93% ); /* base: #eee; */
+}
+
+.colors-custom .site-header {
+ background-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 98% ); /* base: #fafafa; */
+}
+
+.colors-custom .entry-content a:focus,
+.colors-custom .entry-content a:hover,
+.colors-custom .entry-summary a:focus,
+.colors-custom .entry-summary a:hover,
+.colors-custom .widget a:focus,
+.colors-custom .widget a:hover,
+.colors-custom .site-footer .widget-area a:focus,
+.colors-custom .site-footer .widget-area a:hover,
+.colors-custom .posts-navigation a:focus,
+.colors-custom .posts-navigation a:hover,
+.colors-custom .comment-navigation a:focus,
+.colors-custom .comment-navigation a:hover,
+.colors-custom .comment-metadata a:focus,
+.colors-custom .comment-metadata a:hover,
+.colors-custom .comment-metadata a.comment-edit-link:focus,
+.colors-custom .comment-metadata a.comment-edit-link:hover,
+.colors-custom .comment-reply-link:focus,
+.colors-custom .comment-reply-link:hover,
+.colors-custom .widget_authors a:focus strong,
+.colors-custom .widget_authors a:hover strong,
+.colors-custom .project-terms a:focus,
+.colors-custom .project-terms a:hover,
+.colors-custom .colors-custom .entry-title a:focus,
+.colors-custom .entry-title a:hover,
+.colors-custom .entry-meta a:focus,
+.colors-custom .entry-meta a:hover,
+.colors-custom .page-links a:focus .page-number,
+.colors-custom .page-links a:hover .page-number,
+.colors-custom .entry-footer a:focus,
+.colors-custom .entry-footer a:hover,
+.colors-custom .entry-footer .cat-links a:focus,
+.colors-custom .entry-footer .cat-links a:hover,
+.colors-custom .entry-footer .tags-links a:focus,
+.colors-custom .entry-footer .tags-links a:hover,
+.colors-custom .post-navigation a:focus,
+.colors-custom .post-navigation a:hover,
+.colors-custom .logged-in-as a:focus,
+.colors-custom .logged-in-as a:hover,
+.colors-custom .comment-navigation a:focus,
+.colors-custom .comment-navigation a:hover,
+.colors-custom a:focus .nav-title,
+.colors-custom a:hover .nav-title,
+.colors-custom .edit-link a:focus,
+.colors-custom .edit-link a:hover,
+.colors-custom .pagination a:focus,
+.colors-custom .pagination a:hover,
+.colors-custom .site-info a:focus,
+.colors-custom .site-info a:hover,
+.colors-custom .widget .widget-title a:focus,
+.colors-custom .widget .widget-title a:hover,
+.colors-custom .widget ul li a:focus,
+.colors-custom .widget ul li a:hover,
+.colors-custom button,
+.colors-custom input[type="button"],
+.colors-custom input[type="submit"],
+.colors-custom .entry-footer .edit-link a.post-edit-link,
+.colors-custom .social-navigation a {
+ color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 100% ); /* base: #fff; */
+}
+
+body.colors-custom,
+.colors-custom .navigation-top,
+.colors-custom .main-navigation ul {
+ background: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 100% ); /* base: #fff; */
+}
+
+.colors-custom .bypostauthor > .comment-body > .comment-meta > .comment-author:before {
+ border-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 100% ); /* base: #fff; */
+}
+
+.colors-custom .menu-toggle,
+.colors-custom .menu-toggle:hover,
+.colors-custom .menu-toggle:focus,
+.colors-custom .menu .dropdown-toggle
+.colors-custom .menu-scroll-down,
+.colors-custom .menu-scroll-down:hover,
+.colors-custom .menu-scroll-down:focus {
+ background-color: transparent;
+}
+
+
+@media screen and (min-width: 48em) {
+
+ .colors-custom .nav-links .nav-previous .nav-title .icon,
+ .colors-custom .nav-links .nav-next .nav-title .icon {
+ color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 20% ); /* base: #222; */
+ }
+
+ .colors-custom .main-navigation li li:hover,
+ .colors-custom .main-navigation li li.focus {
+ background: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 46% ); /* base: #767676; */
+ }
+
+ .colors-custom .menu-scroll-down {
+ color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 46% ); /* base: #767676; */;
+ }
+
+ .colors-custom .main-navigation ul ul {
+ border-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 93% ); /* base: #eee; */
+ background: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 100% ); /* base: #fff; */
+ }
+
+ .colors-custom .main-navigation ul li.menu-item-has-children:before,
+ .colors-custom .main-navigation ul li.page_item_has_children:before {
+ border-bottom-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 93% ); /* base: #eee; */
+ }
+
+ .colors-custom .main-navigation ul li.menu-item-has-children:after,
+ .colors-custom .main-navigation ul li.page_item_has_children:after {
+ border-bottom-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 100% ); /* base: #fff; */
+ }
+
+ .colors-custom .main-navigation li li.focus > a,
+ .colors-custom .main-navigation li li:focus > a,
+ .colors-custom .main-navigation li li:hover > a,
+ .colors-custom .main-navigation li li a:hover,
+ .colors-custom .main-navigation li li a:focus,
+ .colors-custom .main-navigation li li.current_page_item a:hover,
+ .colors-custom .main-navigation li li.current-menu-item a:hover,
+ .colors-custom .main-navigation li li.current_page_item a:focus,
+ .colors-custom .main-navigation li li.current-menu-item a:focus {
+ color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 100% ); /* base: #fff; */
+ }
+}';
+
+ return $css;
+}
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentyseventeeninccustomheaderphp"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentyseventeen/inc/custom-header.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentyseventeen/inc/custom-header.php (rev 0)
+++ trunk/src/wp-content/themes/twentyseventeen/inc/custom-header.php 2016-10-20 04:11:24 UTC (rev 38833)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,79 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+/**
+ * Custom header implementation
+ *
+ * @link http://codex.wordpress.org/Custom_Headers
+ *
+ * @package WordPress
+ * @subpackage Twenty_Seventeen
+ * @since 1.0
+ */
+
+/**
+ * Set up the WordPress core custom header feature.
+ *
+ * @uses twentyseventeen_header_style()
+ */
+function twentyseventeen_custom_header_setup() {
+ add_theme_support( 'custom-header', apply_filters( 'twentyseventeen_custom_header_args', array(
+ 'default-image' => get_parent_theme_file_uri( '/assets/images/header.jpg' ),
+ 'default-text-color' => 'ffffff',
+ 'width' => 2000,
+ 'height' => 1200,
+ 'flex-height' => true,
+ 'wp-head-callback' => 'twentyseventeen_header_style',
+ ) ) );
+
+ register_default_headers( array(
+ 'default-image' => array(
+ 'url' => '%s/assets/images/header.jpg',
+ 'thumbnail_url' => '%s/assets/images/header.jpg',
+ 'description' => __( 'Default Header Image', 'twentyseventeen' ),
+ ),
+ ) );
+}
+add_action( 'after_setup_theme', 'twentyseventeen_custom_header_setup' );
+
+if ( ! function_exists( 'twentyseventeen_header_style' ) ) :
+/**
+ * Styles the header image and text displayed on the blog.
+ *
+ * @see twentyseventeen_custom_header_setup().
+ */
+function twentyseventeen_header_style() {
+ $header_text_color = get_header_textcolor();
+
+ // If no custom options for text are set, let's bail.
+ // get_header_textcolor() options: add_theme_support( 'custom-header' ) is default, hide text (returns 'blank') or any hex value.
+ if ( get_theme_support( 'custom-header', 'default-text-color' ) === $header_text_color ) {
+ return;
+ }
+
+ // If we get this far, we have custom styles. Let's do this.
+ ?>
+ <style type="text/css">
+ <?php
+ // Has the text been hidden?
+ if ( 'blank' === $header_text_color ) :
+ ?>
+ .site-title,
+ .site-description {
+ position: absolute;
+ clip: rect(1px, 1px, 1px, 1px);
+ }
+ <?php
+ // If the user has set a custom color for the text use that.
+ else :
+ ?>
+ .site-title a,
+ .twentyseventeen-front-page:not(.no-header-image) .site-title,
+ .twentyseventeen-front-page:not(.no-header-image) .site-title a,
+ .site-description,
+ .twentyseventeen-front-page:not(.no-header-image) .site-description {
+ color: #<?php echo esc_attr( $header_text_color ); ?>;
+ }
+ <?php endif; ?>
+ </style>
+ <?php
+}
+endif; // End of twentyseventeen_header_style.
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentyseventeeninccustomizerphp"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentyseventeen/inc/customizer.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentyseventeen/inc/customizer.php (rev 0)
+++ trunk/src/wp-content/themes/twentyseventeen/inc/customizer.php 2016-10-20 04:11:24 UTC (rev 38833)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,215 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+/**
+ * Twenty Seventeen: Theme Customizer
+ *
+ * @package WordPress
+ * @subpackage Twenty_Seventeen
+ * @since 1.0
+ */
+
+/**
+ * Add postMessage support for site title and description for the Theme Customizer.
+ *
+ * @param WP_Customize_Manager $wp_customize Theme Customizer object.
+ */
+function twentyseventeen_customize_register( $wp_customize ) {
+ $wp_customize->get_setting( 'blogname' )->transport = 'postMessage';
+ $wp_customize->get_setting( 'blogdescription' )->transport = 'postMessage';
+ $wp_customize->get_setting( 'header_textcolor' )->transport = 'postMessage';
+
+ /**
+ * Custom colors.
+ */
+ $wp_customize->add_setting( 'colorscheme', array(
+ 'default' => 'light',
+ 'transport' => 'postMessage',
+ 'sanitize_callback' => 'twentyseventeen_sanitize_colorscheme',
+ ) );
+
+ $wp_customize->add_setting( 'colorscheme_hue', array(
+ 'default' => 250,
+ 'transport' => 'postMessage',
+ 'sanitize_callback' => 'absint', // The hue is stored as a positive integer.
+ ) );
+
+ $wp_customize->add_control( 'colorscheme', array(
+ 'type' => 'radio',
+ 'label' => __( 'Color Scheme', 'twentyseventeen' ),
+ 'choices' => array(
+ 'light' => __( 'Light', 'twentyseventeen' ),
+ 'dark' => __( 'Dark', 'twentyseventeen' ),
+ 'custom' => __( 'Custom', 'twentyseventeen' ),
+ ),
+ 'section' => 'colors',
+ 'priority' => 5,
+ ) );
+
+ $wp_customize->add_control( 'colorscheme_hue', array(
+ 'type' => 'range',
+ 'input_attrs' => array(
+ 'min' => 0,
+ 'max' => 359,
+ 'step' => 1,
+ ),
+ 'section' => 'colors',
+ 'priority' => 6,
+ 'description' => 'Temporary hue slider will be replaced with a visual hue picker that is only shown when a custom scheme is selected', // temporary, intentionally untranslated.
+ // @todo change this to a visual hue picker control, ideally extending the color control and leveraging iris by adding a `hue` mode in core.
+ // See https://core.trac.wordpress.org/ticket/38263
+ // @todo only show this control when the colorscheme is custom.
+ ) );
+
+ /**
+ * Add the Theme Options section.
+ */
+ $wp_customize->add_panel( 'options_panel', array(
+ 'title' => __( 'Theme Options', 'twentyseventeen' ),
+ 'description' => __( 'Configure your theme settings', 'twentyseventeen' ),
+ ) );
+
+ // Page Options.
+ $wp_customize->add_section( 'page_options', array(
+ 'title' => __( 'Single Page Layout', 'twentyseventeen' ),
+ 'active_callback' => 'twentyseventeen_is_page',
+ 'panel' => 'options_panel',
+ ) );
+
+ $wp_customize->add_setting( 'page_options', array(
+ 'default' => 'two-column',
+ 'sanitize_callback' => 'twentyseventeen_sanitize_layout',
+ 'transport' => 'postMessage',
+ ) );
+
+ $wp_customize->add_control( 'page_options', array(
+ 'label' => __( 'Page Layout', 'twentyseventeen' ),
+ 'section' => 'page_options',
+ 'type' => 'radio',
+ 'description' => __( 'When no sidebar widgets are assigned, you can opt to display all pages with a one column or two column layout. When the two column layout is assigned, the page title is in one column and content is in the other.', 'twentyseventeen' ),
+ 'choices' => array(
+ 'one-column' => __( 'One Column', 'twentyseventeen' ),
+ 'two-column' => __( 'Two Column', 'twentyseventeen' ),
+ ),
+ ) );
+
+ // Panel 1.
+ $wp_customize->add_section( 'panel_1', array(
+ 'title' => __( 'Panel 1', 'twentyseventeen' ),
+ 'active_callback' => 'is_front_page',
+ 'panel' => 'options_panel',
+ 'description' => __( 'Add an image to your panel by setting a featured image in the page editor. If you don’t select a page, this panel will not be displayed.', 'twentyseventeen' ),
+ ) );
+
+ $wp_customize->add_setting( 'panel_1', array(
+ 'default' => false,
+ 'sanitize_callback' => 'absint',
+ ) );
+
+ $wp_customize->add_control( 'panel_1', array(
+ 'label' => __( 'Panel Content', 'twentyseventeen' ),
+ 'section' => 'panel_1',
+ 'type' => 'dropdown-pages',
+ ) );
+
+ // Panel 2.
+ $wp_customize->add_section( 'panel_2', array(
+ 'title' => __( 'Panel 2', 'twentyseventeen' ),
+ 'active_callback' => 'is_front_page',
+ 'panel' => 'options_panel',
+ 'description' => __( 'Add an image to your panel by setting a featured image in the page editor. If you don’t select a page, this panel will not be displayed.', 'twentyseventeen' ),
+ ) );
+
+ $wp_customize->add_setting( 'panel_2', array(
+ 'default' => false,
+ 'sanitize_callback' => 'absint',
+ ) );
+
+ $wp_customize->add_control( 'panel_2', array(
+ 'label' => __( 'Panel Content', 'twentyseventeen' ),
+ 'section' => 'panel_2',
+ 'type' => 'dropdown-pages',
+ ) );
+
+ // Panel 3.
+ $wp_customize->add_section( 'panel_3', array(
+ 'title' => __( 'Panel 3', 'twentyseventeen' ),
+ 'active_callback' => 'is_front_page',
+ 'panel' => 'options_panel',
+ 'description' => __( 'Add an image to your panel by setting a featured image in the page editor. If you don’t select a page, this panel will not be displayed.', 'twentyseventeen' ),
+ ) );
+
+ $wp_customize->add_setting( 'panel_3', array(
+ 'default' => false,
+ 'sanitize_callback' => 'absint',
+ ) );
+
+ $wp_customize->add_control( 'panel_3', array(
+ 'label' => __( 'Panel Content', 'twentyseventeen' ),
+ 'section' => 'panel_3',
+ 'type' => 'dropdown-pages',
+ ) );
+
+ // Panel 4.
+ $wp_customize->add_section( 'panel_4', array(
+ 'title' => __( 'Panel 4', 'twentyseventeen' ),
+ 'active_callback' => 'is_front_page',
+ 'panel' => 'options_panel',
+ 'description' => __( 'Add an image to your panel by setting a featured image in the page editor. If you don’t select a page, this panel will not be displayed.', 'twentyseventeen' ),
+ ) );
+
+ $wp_customize->add_setting( 'panel_4', array(
+ 'default' => false,
+ 'sanitize_callback' => 'absint',
+ ) );
+
+ $wp_customize->add_control( 'panel_4', array(
+ 'label' => __( 'Panel Content', 'twentyseventeen' ),
+ 'section' => 'panel_4',
+ 'type' => 'dropdown-pages',
+ ) );
+}
+add_action( 'customize_register', 'twentyseventeen_customize_register' );
+
+/**
+ * Sanitize a radio button.
+ */
+function twentyseventeen_sanitize_layout( $input ) {
+ $valid = array(
+ 'one-column' => __( 'One Column', 'twentyseventeen' ),
+ 'two-column' => __( 'Two Column', 'twentyseventeen' ),
+ );
+
+ if ( array_key_exists( $input, $valid ) ) {
+ return $input;
+ }
+
+ return '';
+}
+
+/**
+ * Sanitize the colorscheme.
+ */
+function twentyseventeen_sanitize_colorscheme( $input ) {
+ $valid = array( 'light', 'dark', 'custom' );
+
+ if ( in_array( $input, $valid ) ) {
+ return $input;
+ }
+
+ return 'light';
+}
+
+/**
+ * Binds JS handlers to make Theme Customizer preview reload changes asynchronously.
+ */
+function twentyseventeen_customize_preview_js() {
+ wp_enqueue_script( 'twentyseventeen-customizer', get_theme_file_uri( '/assets/js/customizer.js' ), array( 'customize-preview' ), '1.0', true );
+}
+add_action( 'customize_preview_init', 'twentyseventeen_customize_preview_js' );
+
+/**
+ * Some extra JavaScript to improve the user experience in the Customizer for this theme.
+ */
+function twentyseventeen_panels_js() {
+ wp_enqueue_script( 'twentyseventeen-panel-customizer', get_theme_file_uri( '/assets/js/panel-customizer.js' ), array(), '1.0', true );
+}
+add_action( 'customize_controls_enqueue_scripts', 'twentyseventeen_panels_js' );
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentyseventeeninciconfunctionsphp"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentyseventeen/inc/icon-functions.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentyseventeen/inc/icon-functions.php (rev 0)
+++ trunk/src/wp-content/themes/twentyseventeen/inc/icon-functions.php 2016-10-20 04:11:24 UTC (rev 38833)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,199 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+/**
+ * SVG icons related functions and filters
+ *
+ * @package WordPress
+ * @subpackage Twenty_Seventeen
+ * @since 1.0
+ */
+
+/**
+ * Add SVG definitions to the footer.
+ */
+function twentyseventeen_include_svg_icons() {
+ // Define SVG sprite file.
+ $svg_icons = get_parent_theme_file_path( '/assets/images/svg-icons.svg' );
+
+ // If it exists, include it.
+ if ( file_exists( $svg_icons ) ) {
+ require_once( $svg_icons );
+ }
+}
+add_action( 'wp_footer', 'twentyseventeen_include_svg_icons', 9999 );
+
+/**
+ * Return SVG markup.
+ *
+ * @param array $args {
+ * Parameters needed to display an SVG.
+ *
+ * @type string $icon Required SVG icon filename.
+ * @type string $title Optional SVG title.
+ * @type string $desc Optional SVG description.
+ * }
+ * @return string SVG markup.
+ */
+function twentyseventeen_get_svg( $args = array() ) {
+ // Make sure $args are an array.
+ if ( empty( $args ) ) {
+ return __( 'Please define default parameters in the form of an array.', 'twentyseventeen' );
+ }
+
+ // Define an icon.
+ if ( false === array_key_exists( 'icon', $args ) ) {
+ return __( 'Please define an SVG icon filename.', 'twentyseventeen' );
+ }
+
+ // Set defaults.
+ $defaults = array(
+ 'icon' => '',
+ 'title' => '',
+ 'desc' => '',
+ 'aria_hidden' => true, // Hide from screen readers.
+ 'fallback' => false,
+ );
+
+ // Parse args.
+ $args = wp_parse_args( $args, $defaults );
+
+ // Set aria hidden.
+ $aria_hidden = '';
+
+ if ( true === $args['aria_hidden'] ) {
+ $aria_hidden = ' aria-hidden="true"';
+ }
+
+ // Set ARIA.
+ $aria_labelledby = '';
+
+ if ( $args['title'] && $args['desc'] ) {
+ $aria_labelledby = ' aria-labelledby="title desc"';
+ }
+
+ // Begin SVG markup.
+ $svg = '<svg class="icon icon-' . esc_attr( $args['icon'] ) . '"' . $aria_hidden . $aria_labelledby . ' role="img">';
+
+ // If there is a title, display it.
+ if ( $args['title'] ) {
+ $svg .= '<title>' . esc_html( $args['title'] ) . '</title>';
+ }
+
+ // If there is a description, display it.
+ if ( $args['desc'] ) {
+ $svg .= '<desc>' . esc_html( $args['desc'] ) . '</desc>';
+ }
+
+ // Use absolute path in the Customizer so that icons show up in there.
+ if ( is_customize_preview() ) {
+ $svg .= '<use xlink:href="' . get_parent_theme_file_uri( '/assets/images/svg-icons.svg#icon-' . esc_html( $args['icon'] ) ) . '"></use>';
+ } else {
+ $svg .= '<use xlink:href="#icon-' . esc_html( $args['icon'] ) . '"></use>';
+ }
+
+ // Add some markup to use as a fallback for browsers that do not support SVGs.
+ if ( $args['fallback'] ) {
+ $svg .= '<span class="svg-fallback icon-' . esc_attr( $args['icon'] ) . '"></span>';
+ }
+
+ $svg .= '</svg>';
+
+ return $svg;
+}
+
+/**
+ * Display SVG icons in social links menu.
+ *
+ * @param string $item_output The menu item output.
+ * @param WP_Post $item Menu item object.
+ * @param int $depth Depth of the menu.
+ * @param array $args wp_nav_menu() arguments.
+ * @return string $item_output The menu item output with social icon.
+ */
+function twentyseventeen_nav_menu_social_icons( $item_output, $item, $depth, $args ) {
+ // Get supported social icons.
+ $social_icons = twentyseventeen_social_links_icons();
+
+ // Change SVG icon inside social links menu if there is supported URL.
+ if ( 'social' === $args->theme_location ) {
+ foreach ( $social_icons as $attr => $value ) {
+ if ( false !== strpos( $item_output, $attr ) ) {
+ $item_output = str_replace( $args->link_after, '</span>' . twentyseventeen_get_svg( array( 'icon' => esc_attr( $value ) ) ), $item_output );
+ }
+ }
+ }
+
+ return $item_output;
+}
+add_filter( 'walker_nav_menu_start_el', 'twentyseventeen_nav_menu_social_icons', 10, 4 );
+
+/**
+ * Add dropdown icon if menu item has children.
+ *
+ * @param string $title The menu item's title.
+ * @param object $item The current menu item.
+ * @param array $args An array of wp_nav_menu() arguments.
+ * @param int $depth Depth of menu item. Used for padding.
+ * @return string $title The menu item's title with dropdown icon.
+ */
+function twentyseventeen_dropdown_icon_to_menu_link( $title, $item, $args, $depth ) {
+ if ( 'top' === $args->theme_location ) {
+ foreach ( $item->classes as $value ) {
+ if ( 'menu-item-has-children' === $value || 'page_item_has_children' === $value ) {
+ $title = $title . twentyseventeen_get_svg( array( 'icon' => 'expand' ) );
+ }
+ }
+ }
+
+ return $title;
+}
+add_filter( 'nav_menu_item_title', 'twentyseventeen_dropdown_icon_to_menu_link', 10, 4 );
+
+/**
+ * Returns an array of supported social links (URL and icon name).
+ *
+ * @return array $social_links_icons
+ */
+function twentyseventeen_social_links_icons() {
+ // Supported social links icons.
+ $social_links_icons = array(
+ 'behance.net' => 'behance',
+ 'codepen.io' => 'codepen',
+ 'deviantart.com' => 'deviantart',
+ 'digg.com' => 'digg',
+ 'dribbble.com' => 'dribbble',
+ 'dropbox.com' => 'dropbox',
+ 'facebook.com' => 'facebook',
+ 'flickr.com' => 'flickr',
+ 'foursquare.com' => 'foursquare',
+ 'plus.google.com' => 'google-plus',
+ 'github.com' => 'github',
+ 'instagram.com' => 'instagram',
+ 'linkedin.com' => 'linkedin',
+ 'mailto:' => 'envelope-o',
+ 'medium.com' => 'medium',
+ 'path.com' => 'path',
+ 'pinterest.com' => 'pinterest-p',
+ 'getpocket.com' => 'get-pocket',
+ 'polldaddy.com' => 'polldaddy',
+ 'reddit.com' => 'reddit-alien',
+ 'skype.com' => 'skype',
+ 'skype:' => 'skype',
+ 'slideshare.net' => 'slideshare',
+ 'snapchat.com' => 'snapchat-ghost',
+ 'soundcloud.com' => 'soundcloud',
+ 'spotify.com' => 'spotify',
+ 'stumbleupon.com' => 'stumbleupon',
+ 'tumblr.com' => 'tumblr',
+ 'twitch.tv' => 'twitch',
+ 'twitter.com' => 'twitter',
+ 'vimeo.com' => 'vimeo',
+ 'vine.co' => 'vine',
+ 'vk.com' => 'vk',
+ 'wordpress.org' => 'wordpress',
+ 'wordpress.com' => 'wordpress',
+ 'yelp.com' => 'yelp',
+ 'youtube.com' => 'youtube',
+ );
+
+ return apply_filters( 'twentyseventeen_social_links_icons', $social_links_icons );
+}
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentyseventeeninctemplatefunctionsphp"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentyseventeen/inc/template-functions.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentyseventeen/inc/template-functions.php (rev 0)
+++ trunk/src/wp-content/themes/twentyseventeen/inc/template-functions.php 2016-10-20 04:11:24 UTC (rev 38833)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,99 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+/**
+ * Additional features to allow styling of the templates
+ *
+ * @package WordPress
+ * @subpackage Twenty_Seventeen
+ * @since 1.0
+ */
+
+/**
+ * Adds custom classes to the array of body classes.
+ *
+ * @param array $classes Classes for the body element.
+ * @return array
+ */
+function twentyseventeen_body_classes( $classes ) {
+ // Add class of group-blog to blogs with more than 1 published author.
+ if ( is_multi_author() ) {
+ $classes[] = 'group-blog';
+ }
+
+ // Add class of hfeed to non-singular pages.
+ if ( ! is_singular() ) {
+ $classes[] = 'hfeed';
+ }
+
+ // Add class if we're viewing the Customizer for easier styling of theme options.
+ if ( is_customize_preview() ) {
+ $classes[] = 'twentyseventeen-customizer';
+ }
+
+ // Add class on front page.
+ if ( is_front_page() && 'posts' !== get_option( 'show_on_front' ) ) {
+ $classes[] = 'twentyseventeen-front-page';
+ }
+
+ // Add a class if there is a featured image or custom header.
+ if ( has_header_image() || ( has_post_thumbnail() && twentyseventeen_is_frontpage() ) ) {
+ $classes[] = 'has-header-image';
+ }
+
+ // Add class if sidebar is used.
+ if ( is_active_sidebar( 'sidebar-1' ) && ! is_page() ) {
+ $classes[] = 'has-sidebar';
+ }
+
+ // Add class for one or two column page layouts.
+ if ( is_page() ) {
+ if ( 'one-column' === get_theme_mod( 'page_options' ) ) {
+ $classes[] = 'page-one-column';
+ } else {
+ $classes[] = 'page-two-column';
+ }
+ }
+
+ // Add class if the site title and tagline is hidden.
+ if ( 'blank' === get_header_textcolor() ) {
+ $classes[] = 'title-tagline-hidden';
+ }
+
+ // Get the colorscheme or the default if there isn't one.
+ $colors = twentyseventeen_sanitize_colorscheme( get_theme_mod( 'colorscheme', 'light' ) );
+ $classes[] = 'colors-' . $colors;
+
+ return $classes;
+}
+add_filter( 'body_class', 'twentyseventeen_body_classes' );
+
+/**
+ * Count our number of active panels.
+ *
+ * Primarily used to see if we have any panels active, duh.
+ */
+function twentyseventeen_panel_count() {
+ $panels = array( '1', '2', '3', '4' );
+ $panel_count = 0;
+
+ foreach ( $panels as $panel ) {
+ if ( get_theme_mod( 'panel_' . $panel ) ) {
+ $panel_count++;
+ }
+ }
+
+ return $panel_count;
+}
+
+/**
+ * Checks to see if we're on the homepage or not.
+ */
+function twentyseventeen_is_frontpage() {
+ return ( is_front_page() && ! is_home() );
+}
+
+/**
+ * Custom Active Callback to check for page.
+ */
+function twentyseventeen_is_page() {
+ return ( is_page() );
+}
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentyseventeeninctemplatetagsphp"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentyseventeen/inc/template-tags.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentyseventeen/inc/template-tags.php (rev 0)
+++ trunk/src/wp-content/themes/twentyseventeen/inc/template-tags.php 2016-10-20 04:11:24 UTC (rev 38833)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,162 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+/**
+ * Custom template tags for this theme
+ *
+ * Eventually, some of the functionality here could be replaced by core features.
+ *
+ * @package WordPress
+ * @subpackage Twenty_Seventeen
+ * @since 1.0
+ */
+
+if ( ! function_exists( 'twentyseventeen_posted_on' ) ) :
+/**
+ * Prints HTML with meta information for the current post-date/time and author.
+ */
+function twentyseventeen_posted_on() {
+
+ // Get the author name; wrap it in a link.
+ $byline = sprintf(
+ _x( 'by %s', 'post author', 'twentyseventeen' ),
+ '<span class="author vcard"><a class="url fn n" href="' . esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ) . '">' . get_the_author() . '</a></span>'
+ );
+
+ // Finally, let's write all of this to the page.
+ echo '<span class="posted-on">' . twentyseventeen_time_link() . '</span><span class="byline"> ' . $byline . '</span>'; // WPCS: XSS OK.
+}
+endif;
+
+
+if ( ! function_exists( 'twentyseventeen_time_link' ) ) :
+/**
+ * Gets a nicely formatted string for the published date.
+ */
+function twentyseventeen_time_link() {
+ $time_string = '<time class="entry-date published updated" datetime="%1$s">%2$s</time>';
+ if ( get_the_time( 'U' ) !== get_the_modified_time( 'U' ) ) {
+ $time_string = '<time class="entry-date published" datetime="%1$s">%2$s</time><time class="updated" datetime="%3$s">%4$s</time>';
+ }
+
+ $time_string = sprintf( $time_string,
+ get_the_date( DATE_W3C ),
+ get_the_date(),
+ get_the_modified_date( DATE_W3C ),
+ get_the_modified_date()
+ );
+
+ // Wrap the time string in a link, and preface it with 'Posted on'.
+ return '<span class="screen-reader-text">' . _x( 'Posted on', 'post date', 'twentyseventeen' ) . '</span> <a href="' . esc_url( get_permalink() ) . '" rel="bookmark">' . $time_string . '</a>';
+}
+endif;
+
+
+if ( ! function_exists( 'twentyseventeen_entry_footer' ) ) :
+/**
+ * Prints HTML with meta information for the categories, tags and comments.
+ */
+function twentyseventeen_entry_footer() {
+
+ /* translators: used between list items, there is a space after the comma */
+ $separate_meta = __( ', ', 'twentyseventeen' );
+
+ // Get Categories for posts.
+ $categories_list = get_the_category_list( $separate_meta );
+
+ // Get Tags for posts.
+ $tags_list = get_the_tag_list( '', $separate_meta );
+
+ // We don't want to output .entry-footer if it will be empty, so make sure its not.
+ if ( ( ( twentyseventeen_categorized_blog() && $categories_list ) || $tags_list ) || get_edit_post_link() ) {
+
+ echo '<footer class="entry-footer">';
+
+ if ( 'post' === get_post_type() ) {
+ if ( ( $categories_list && twentyseventeen_categorized_blog() ) || $tags_list ) {
+ echo '<span class="cat-tags-links">';
+
+ // Make sure there's more than one category before displaying.
+ if ( $categories_list && twentyseventeen_categorized_blog() ) {
+ echo '<span class="cat-links">' . twentyseventeen_get_svg( array( 'icon' => 'folder-open' ) ) . '<span class="screen-reader-text">' . __( 'Categories', 'twentyseventeen' ) . '</span>' . $categories_list . '</span>'; // WPCS: XSS OK.
+ }
+
+ if ( $tags_list ) {
+ echo '<span class="tags-links">' . twentyseventeen_get_svg( array( 'icon' => 'hashtag' ) ) . '<span class="screen-reader-text">' . __( 'Tags', 'twentyseventeen' ) . '</span>' . $tags_list . '</span>'; // WPCS: XSS OK.
+ }
+
+ echo '</span>';
+ }
+ }
+
+ twentyseventeen_edit_link();
+
+ echo '</footer> <!-- .entry-footer -->';
+ }
+}
+endif;
+
+
+if ( ! function_exists( 'twentyseventeen_edit_link' ) ) :
+/**
+ * Returns an accessibility-friendly link to edit a post or page.
+ *
+ * This also gives us a little context about what exactly we're editing
+ * (post or page?) so that users understand a bit more where they are in terms
+ * of the template hierarchy and their content. Helpful when/if the single-page
+ * layout with multiple posts/pages shown gets confusing.
+ */
+function twentyseventeen_edit_link() {
+
+ $link = edit_post_link(
+ sprintf(
+ /* translators: %s: Name of current post */
+ __( 'Edit<span class="screen-reader-text"> "%s"</span>', 'twentyseventeen' ),
+ get_the_title()
+ ),
+ '<span class="edit-link">',
+ '</span>'
+ );
+
+ return $link;
+}
+endif;
+
+
+/**
+ * Returns true if a blog has more than 1 category.
+ *
+ * @return bool
+ */
+function twentyseventeen_categorized_blog() {
+ $category_count = get_transient( 'twentyseventeen_categories' );
+
+ if ( false === $category_count ) {
+ // Create an array of all the categories that are attached to posts.
+ $categories = get_categories( array(
+ 'fields' => 'ids',
+ 'hide_empty' => 1,
+ // We only need to know if there is more than one category.
+ 'number' => 2,
+ ) );
+
+ // Count the number of categories that are attached to the posts.
+ $category_count = count( $categories );
+
+ set_transient( 'twentyseventeen_categories', $category_count );
+ }
+
+ return $category_count > 1;
+}
+
+
+/**
+ * Flush out the transients used in twentyseventeen_categorized_blog.
+ */
+function twentyseventeen_category_transient_flusher() {
+ if ( defined( 'DOING_AUTOSAVE' ) && DOING_AUTOSAVE ) {
+ return;
+ }
+ // Like, beat it. Dig?
+ delete_transient( 'twentyseventeen_categories' );
+}
+add_action( 'edit_category', 'twentyseventeen_category_transient_flusher' );
+add_action( 'save_post', 'twentyseventeen_category_transient_flusher' );
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentyseventeenindexphp"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentyseventeen/index.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentyseventeen/index.php (rev 0)
+++ trunk/src/wp-content/themes/twentyseventeen/index.php 2016-10-20 04:11:24 UTC (rev 38833)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,67 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+/**
+ * The main template file
+ *
+ * This is the most generic template file in a WordPress theme
+ * and one of the two required files for a theme (the other being style.css).
+ * It is used to display a page when nothing more specific matches a query.
+ * E.g., it puts together the home page when no home.php file exists.
+ *
+ * @link https://codex.wordpress.org/Template_Hierarchy
+ *
+ * @package WordPress
+ * @subpackage Twenty_Seventeen
+ * @since 1.0
+ * @version 1.0
+ */
+
+get_header(); ?>
+
+<div class="wrap">
+ <?php if ( is_home() && ! is_front_page() ) : ?>
+ <header class="page-header">
+ <h1 class="page-title"><?php single_post_title(); ?></h1>
+ </header>
+ <?php else : ?>
+ <header class="page-header">
+ <h2 class="page-title"><?php _e( 'Posts', 'twentyseventeen' ); ?></h2>
+ </header>
+ <?php endif; ?>
+
+ <div id="primary" class="content-area">
+ <main id="main" class="site-main" role="main">
+
+ <?php
+ if ( have_posts() ) :
+
+ /* Start the Loop */
+ while ( have_posts() ) : the_post();
+
+ /*
+ * Include the Post-Format-specific template for the content.
+ * If you want to override this in a child theme, then include a file
+ * called content-___.php (where ___ is the Post Format name) and that will be used instead.
+ */
+ get_template_part( 'components/post/content', get_post_format() );
+
+ endwhile;
+
+ the_posts_pagination( array(
+ 'prev_text' => twentyseventeen_get_svg( array( 'icon' => 'previous' ) ) . '<span class="screen-reader-text">' . __( 'Previous page', 'twentyseventeen' ) . '</span>',
+ 'next_text' => '<span class="screen-reader-text">' . __( 'Next page', 'twentyseventeen' ) . '</span>' . twentyseventeen_get_svg( array( 'icon' => 'next' ) ),
+ 'before_page_number' => '<span class="meta-nav screen-reader-text">' . __( 'Page', 'twentyseventeen' ) . ' </span>',
+ ) );
+
+ else :
+
+ get_template_part( 'components/post/content', 'none' );
+
+ endif;
+ ?>
+
+ </main><!-- #main -->
+ </div><!-- #primary -->
+ <?php get_sidebar(); ?>
+</div><!-- .wrap -->
+
+<?php get_footer();
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentyseventeenpagephp"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentyseventeen/page.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentyseventeen/page.php (rev 0)
+++ trunk/src/wp-content/themes/twentyseventeen/page.php 2016-10-20 04:11:24 UTC (rev 38833)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,41 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+/**
+ * The template for displaying all pages
+ *
+ * This is the template that displays all pages by default.
+ * Please note that this is the WordPress construct of pages
+ * and that other 'pages' on your WordPress site may use a
+ * different template.
+ *
+ * @link https://codex.wordpress.org/Template_Hierarchy
+ *
+ * @package WordPress
+ * @subpackage Twenty_Seventeen
+ * @since 1.0
+ * @version 1.0
+ */
+
+get_header(); ?>
+
+<div class="wrap">
+ <div id="primary" class="content-area">
+ <main id="main" class="site-main" role="main">
+
+ <?php
+ while ( have_posts() ) : the_post();
+
+ get_template_part( 'components/page/content', 'page' );
+
+ // If comments are open or we have at least one comment, load up the comment template.
+ if ( comments_open() || get_comments_number() ) :
+ comments_template();
+ endif;
+
+ endwhile; // End of the loop.
+ ?>
+
+ </main><!-- #main -->
+ </div><!-- #primary -->
+</div><!-- .wrap -->
+
+<?php get_footer();
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentyseventeenrtlcss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentyseventeen/rtl.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentyseventeen/rtl.css (rev 0)
+++ trunk/src/wp-content/themes/twentyseventeen/rtl.css 2016-10-20 04:11:24 UTC (rev 38833)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,525 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*
+Theme Name: Twenty Seventeen
+
+Adding support for languages written in a Right To Left (RTL) direction is easy,
+it's just a matter of overwriting all the horizontal positioning attributes
+of your CSS stylesheet in a separate stylesheet file named rtl.css.
+
+https://codex.wordpress.org/Right-to-Left_Language_Support
+
+*/
+
+/* Reset */
+
+body {
+ direction: rtl;
+ unicode-bidi: embed;
+}
+
+th {
+ text-align: right;
+}
+
+/* Accessibility */
+
+.screen-reader-text:focus {
+ left: auto;
+ right: 5px;
+}
+
+/* Typography */
+
+textarea {
+ padding-right: 3px;
+}
+
+ol {
+ counter-reset: item;
+}
+
+ol li:before {
+ left: auto;
+ right: -1.5em;
+}
+
+li > ul,
+li > ol {
+ margin-left: 0;
+ margin-right: 1.5em;
+}
+
+/* Forms */
+
+input[type="radio"],
+input[type="checkbox"] {
+ margin-left: 0.5em;
+ margin-right: 0;
+}
+
+/* Media */
+
+.mejs-offscreen {
+ right: -10000px;
+}
+
+/* Site Branding */
+
+.custom-logo-link {
+ padding-left: 1em;
+ padding-right: 0;
+}
+
+/* Main Navigation */
+
+.main-navigation ul {
+ text-align: right;
+}
+
+.main-navigation ul ul {
+ padding-left: 0;
+ padding-right: 1.5em;
+}
+
+.menu-toggle .icon {
+ margin-left: 0.5em;
+ margin-right: 0;
+}
+
+.dropdown-toggle {
+ left: -0.5em;
+ right: auto;
+}
+
+/* Front Page */
+
+.twentyseventeen-panel .recent-posts .entry-header .edit-link {
+ margin-left: 0;
+ margin-right: 1em;
+}
+
+
+/* Blog, Archive, Search */
+
+.blog .entry-meta a.post-edit-link,
+.archive .entry-meta a.post-edit-link,
+.search .entry-meta a.post-edit-link {
+ margin-left: 0;
+ margin-right: 1em;
+}
+
+.search .page .entry-meta a.post-edit-link {
+ margin-right: 0;
+}
+
+.sticky .icon-pinned {
+ left: auto;
+ right: -1em;
+}
+
+.prev.page-numbers .icon,
+.next.page-numbers .icon {
+ display: inline-block;
+ -ms-transform: rotate(180deg); /* IE 9 */
+ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
+ transform: rotate(180deg);
+}
+
+.prev.page-numbers {
+ float: right;
+}
+
+.next.page-numbers {
+ float: left;
+}
+
+/* Blog Entries */
+
+.entry-footer .cat-links,
+.entry-footer .tags-links {
+ padding-left: 0;
+ padding-right: 2.5em;
+}
+
+.entry-footer .cat-links .icon,
+.entry-footer .tags-links .icon {
+ left: auto;
+ margin-left: 0.5em;
+ margin-right: 0;
+ right: 0;
+}
+
+/* Comments */
+
+.comment-body {
+ margin-left: 0;
+ margin-right: 65px;
+}
+
+.comment-reply-link .icon {
+ left: auto;
+ right: -2em;
+ -webkit-transform: scale(-1, 1);
+ -ms-transform: scale(-1, 1);
+ transform: scale(-1, 1);
+}
+
+.comment-author .avatar {
+ left: auto;
+ right: -65px;
+}
+
+.comment-reply-link:before {
+ left: auto;
+ right: -2em;
+}
+
+.children .comment-author .avatar {
+ left: auto;
+ right: -45px;
+}
+
+.bypostauthor > .comment-body > .comment-meta > .comment-author:before {
+ left: auto;
+ right: -65px;
+ margin: -6px -6px 0 0;
+}
+
+.children .bypostauthor > .comment-body > .comment-meta > .comment-author:before {
+ left: auto;
+ right: -45px;
+}
+
+.form-submit {
+ text-align: left;
+}
+
+/* Post Formats */
+
+.format-quote blockquote .icon {
+ left: auto;
+ right: -1.25em;
+ -webkit-transform: none;
+ -ms-transform: none;
+ transform: none;
+}
+
+/* Post Navigation */
+
+.nav-links .nav-previous .nav-title .nav-title-icon-wrapper,
+.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
+ display: inline-block;
+ -ms-transform: rotate(180deg); /* IE 9 */
+ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
+ transform: rotate(180deg);
+}
+
+/* Widgets */
+
+.widget ul {
+ margin: 0;
+}
+
+.search-form .search-submit {
+ left: 3px;
+ right: auto;
+}
+
+.widget .tagcloud a,
+.widget.widget_tag_cloud a,
+.wp_widget_tag_cloud a {
+ float: right;
+ margin: 4px 0 0 4px !important; /* !important to override inline styles */
+}
+
+.widget ul li li {
+ padding-left: 0;
+ padding-right: 1.5rem;
+}
+
+/* Footer */
+
+.social-navigation a {
+ margin-left: 1em;
+ margin-right: 0;
+}
+
+/* Customizer styles */
+
+.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .twentyseventeen-panel-title {
+ left: 3.2em;
+ right: auto;
+}
+
+/* Gallery Styles */
+
+.gallery-item,
+.gallery-caption {
+ text-align: right;
+}
+
+/* Media queries */
+
+@media screen and (min-width: 48em) {
+
+ body.page-template-full-width-page #primary {
+ float: none;
+ }
+
+ .has-sidebar:not(.error404) #primary {
+ float: right;
+ }
+
+ .has-sidebar #secondary {
+ float: left;
+ }
+
+ .error404 #primary {
+ float: none;
+ }
+
+ /* Site Branding */
+
+ .custom-logo-link {
+ padding-left: 2em;
+ padding-right: 0;
+ }
+
+ /* Navigation */
+
+ .main-navigation ul ul {
+ padding-right: 0;
+ }
+
+ .main-navigation ul ul:before,
+ .main-navigation ul ul:after {
+ left: 0.5em;
+ right: auto;
+ }
+
+ .main-navigation ul ul,
+ .main-navigation ul ul ul {
+ left: auto;
+ right: -999em;
+ }
+
+ .main-navigation ul ul li:hover > ul,
+ .main-navigation ul ul li.focus > ul {
+ left: auto;
+ right: 100%;
+ }
+
+ .main-navigation ul li:hover > ul,
+ .main-navigation ul li.focus > ul {
+ left: auto;
+ right: 0.5em;
+ }
+
+ .main-navigation ul li.menu-item-has-children:before,
+ .main-navigation ul li.menu-item-has-children:after,
+ .main-navigation ul li.page_item_has_children:before,
+ .main-navigation ul li.page_item_has_children:after {
+ left: 1em;
+ right: auto;
+ }
+
+ .main-navigation .menu-item-has-children > a > .icon,
+ .main-navigation .page_item_has_children > a > .icon {
+ left: auto;
+ right: 5px;
+ }
+
+ .main-navigation ul ul .menu-item-has-children > a > .icon,
+ .main-navigation ul ul .page_item_has_children > a > .icon {
+ left: 1em;
+ right: auto;
+ -webkit-transform: rotate(90deg);
+ -ms-transform: rotate(90deg);
+ transform: rotate(90deg);
+ }
+
+ /* Scroll down arrow */
+
+ .navigation-top .menu-scroll-down {
+ left: 0;
+ right: auto;
+ }
+
+ .entry-title a {
+ margin-left: auto;
+ margin-right: -2px;
+ }
+
+ /* Front Page */
+
+ .page-two-column .panel-content .entry-header {
+ float: right;
+ }
+
+ .page-two-column .panel-content .entry-content {
+ float: left;
+ }
+
+ /* Front Page - Recent Posts */
+
+ .page-two-column .panel-content .recent-posts {
+ clear: left;
+ float: left;
+ }
+
+ /* Blog, Archive, Search */
+
+ .sticky .icon-pinned {
+ left: auto;
+ right: -2.5em;
+ }
+
+ body:not(.has-sidebar) .page-header,
+ body.has-sidebar.error404 #primary .page-header,
+ body.page-two-column #primary .entry-header {
+ float: right;
+ }
+
+ .blog:not(.has-sidebar) #primary article,
+ .archive:not(.has-sidebar) #primary article,
+ .search:not(.has-sidebar) #primary article,
+ .has-sidebar.error404 #primary .page-content,
+ .error404.has-sidebar #primary .page-content,
+ body.page-two-column #primary .entry-content {
+ float: left;
+ }
+
+ .entry-footer .edit-link a.post-edit-link {
+ margin-left: 0;
+ margin-right: 1em;
+ }
+
+ /* Entry content */
+
+ /* with sidebar */
+
+ .has-sidebar .entry-content blockquote.alignleft {
+ margin-left: 0;
+ width: 34%;
+ }
+
+ .has-sidebar #primary .entry-content blockquote.alignright,
+ .has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta {
+ margin-right: 0;
+ width: 34%;
+ }
+
+ .has-sidebar #primary .entry-content blockquote.alignleft.below-entry-meta {
+ margin-left: -72.5%;
+ width: 62%;
+ }
+
+ /* blog index and archive */
+
+ .blog:not(.has-sidebar) .entry-content blockquote.alignleft,
+ .twentyseventeen-front-page.page-two-column .entry-content blockquote.alignleft,
+ .archive:not(.has-sidebar) .entry-content blockquote.alignleft,
+ .page-two-column .entry-content blockquote.alignleft {
+ margin-left: 0;
+ width: 34%;
+ }
+
+ .blog:not(.has-sidebar) .entry-content blockquote.alignright,
+ .twentyseventeen-front-page.page-two-column #primary .entry-content blockquote.alignright,
+ .archive:not(.has-sidebar) .entry-content blockquote.alignright,
+ .page-two-column #primary .entry-content blockquote.alignright {
+ margin-right: -72.5%;
+ width: 62%;
+ }
+
+ /* Post formats */
+
+ .format-quote blockquote .icon {
+ left: auto;
+ right: -1.5em;
+ }
+
+ .navigation.pagination {
+ float: left;
+ }
+
+ .has-sidebar .navigation.pagination {
+ float: none;
+ }
+
+ .post-navigation .nav-previous {
+ float: right;
+ }
+
+ .post-navigation .nav-next {
+ float: left;
+ text-align: left;
+ }
+
+ /* Comments */
+
+ ol.children .children {
+ padding-left: 0;
+ padding-right: 2em;
+ }
+
+ /* Post Navigation */
+
+ .nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
+ left: auto;
+ right: -2em;
+ }
+
+ .nav-links .nav-next .nav-title .nav-title-icon-wrapper {
+ left: -2em;
+ right: auto;
+ }
+
+ /* Footer */
+
+ .site-footer .widget-column.footer-widget-1 {
+ float: right;
+ }
+
+ .site-footer .widget-column.footer-widget-2 {
+ float: left;
+ }
+
+ .social-navigation {
+ clear: right;
+ float: right;
+ }
+
+ .site-info {
+ float: right;
+ }
+
+ .social-navigation + .site-info {
+ margin-left: 0;
+ margin-right: 6%;
+ }
+}
+
+@media screen and ( min-width: 67em ) {
+
+ /* Sticky posts */
+
+ .sticky .icon-pinned {
+ left: auto;
+ right: -1.25em;
+ }
+}
+
+@media screen and ( min-width: 79em ) {
+
+ .has-sidebar #primary .entry-content blockquote.alignright,
+ .has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta {
+ margin-right: -20%;
+ }
+
+ .blog:not(.has-sidebar) .entry-content blockquote.alignleft,
+ .archive:not(.has-sidebar) .entry-content blockquote.alignleft,
+ .page-two-column .entry-content blockquote.alignleft,
+ .twentyseventeen-front-page .entry-content blockquote.alignleft {
+ margin-left: -20%;
+ }
+}
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentyseventeenscreenshotpng"></a>
<div class="binary"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentyseventeen/screenshot.png</h4>
<pre class="diff"><span>
<span class="cx">(Binary files differ)
</span></span></pre></div>
<span class="cx" style="display: block; padding: 0 10px">Index: trunk/src/wp-content/themes/twentyseventeen/screenshot.png
</span><span class="cx" style="display: block; padding: 0 10px">===================================================================
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">--- trunk/src/wp-content/themes/twentyseventeen/screenshot.png 2016-10-20 02:54:12 UTC (rev 38832)
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+++ trunk/src/wp-content/themes/twentyseventeen/screenshot.png 2016-10-20 04:11:24 UTC (rev 38833)
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentyseventeen/screenshot.png
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span><a id="svnmimetype"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:mime-type</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+application/octet-stream
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentyseventeensearchphp"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentyseventeen/search.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentyseventeen/search.php (rev 0)
+++ trunk/src/wp-content/themes/twentyseventeen/search.php 2016-10-20 04:11:24 UTC (rev 38833)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,62 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+/**
+ * The template for displaying search results pages
+ *
+ * @link https://developer.wordpress.org/themes/basics/template-hierarchy/#search-result
+ *
+ * @package WordPress
+ * @subpackage Twenty_Seventeen
+ * @since 1.0
+ * @version 1.0
+ */
+
+get_header(); ?>
+
+<div class="wrap">
+
+ <header class="page-header">
+ <?php if ( have_posts() ) : ?>
+ <h1 class="page-title"><?php printf( __( 'Search Results for: %s', 'twentyseventeen' ), '<span>' . get_search_query() . '</span>' ); ?></h1>
+ <?php else : ?>
+ <h1 class="page-title"><?php _e( 'Nothing Found', 'twentyseventeen' ); ?></h1>
+ <?php endif; ?>
+ </header><!-- .page-header -->
+
+ <div id="primary" class="content-area">
+ <main id="main" class="site-main" role="main">
+
+ <?php
+ if ( have_posts() ) :
+ /* Start the Loop */
+ while ( have_posts() ) : the_post();
+
+ /**
+ * Run the loop for the search to output the results.
+ * If you want to overload this in a child theme then include a file
+ * called content-search.php and that will be used instead.
+ */
+ get_template_part( 'components/post/content', 'excerpt' );
+
+ endwhile; // End of the loop.
+
+ the_posts_pagination( array(
+ 'prev_text' => twentyseventeen_get_svg( array( 'icon' => 'previous' ) ) . '<span class="screen-reader-text">' . __( 'Previous page', 'twentyseventeen' ) . '</span>',
+ 'next_text' => '<span class="screen-reader-text">' . __( 'Next page', 'twentyseventeen' ) . '</span>' . twentyseventeen_get_svg( array( 'icon' => 'next' ) ),
+ 'before_page_number' => '<span class="meta-nav screen-reader-text">' . __( 'Page', 'twentyseventeen' ) . ' </span>',
+ ) );
+
+ else : ?>
+
+ <p><?php _e( 'Sorry, but nothing matched your search terms. Please try again with some different keywords.', 'twentyseventeen' ); ?></p>
+ <?php
+ get_search_form();
+
+ endif;
+ ?>
+
+ </main><!-- #main -->
+ </div><!-- #primary -->
+ <?php get_sidebar(); ?>
+</div><!-- .wrap -->
+
+<?php get_footer();
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentyseventeensearchformphp"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentyseventeen/searchform.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentyseventeen/searchform.php (rev 0)
+++ trunk/src/wp-content/themes/twentyseventeen/searchform.php 2016-10-20 04:11:24 UTC (rev 38833)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,20 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+/**
+ * Template for displaying search forms in Twenty Seventeen
+ *
+ * @package WordPress
+ * @subpackage Twenty_Seventeen
+ * @since 1.0
+ * @version 1.0
+ */
+?>
+
+<?php $unique_id = esc_attr( uniqid( 'search-form-' ) ); ?>
+
+<form role="search" method="get" class="search-form" action="<?php echo esc_url( home_url( '/' ) ); ?>">
+ <label for="<?php echo $unique_id; ?>">
+ <span class="screen-reader-text"><?php echo _x( 'Search for:', 'label', 'twentyseventeen' ); ?></span>
+ </label>
+ <input type="search" id="<?php echo $unique_id; ?>" class="search-field" placeholder="<?php echo esc_attr_x( 'Search …', 'placeholder', 'twentyseventeen' ); ?>" value="<?php echo get_search_query(); ?>" name="s" />
+ <button type="submit" class="search-submit"><?php echo twentyseventeen_get_svg( array( 'icon' => 'search' ) ); ?><span class="screen-reader-text"><?php echo _x( 'Search', 'submit button', 'twentyseventeen' ); ?></span></button>
+</form>
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentyseventeensidebarphp"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentyseventeen/sidebar.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentyseventeen/sidebar.php (rev 0)
+++ trunk/src/wp-content/themes/twentyseventeen/sidebar.php 2016-10-20 04:11:24 UTC (rev 38833)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,20 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+/**
+ * The sidebar containing the main widget area
+ *
+ * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
+ *
+ * @package WordPress
+ * @subpackage Twenty_Seventeen
+ * @since 1.0
+ * @version 1.0
+ */
+
+if ( ! is_active_sidebar( 'sidebar-1' ) ) {
+ return;
+}
+?>
+
+<aside id="secondary" class="widget-area" role="complementary">
+ <?php dynamic_sidebar( 'sidebar-1' ); ?>
+</aside><!-- #secondary -->
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentyseventeensinglephp"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentyseventeen/single.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentyseventeen/single.php (rev 0)
+++ trunk/src/wp-content/themes/twentyseventeen/single.php 2016-10-20 04:11:24 UTC (rev 38833)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,43 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+/**
+ * The template for displaying all single posts
+ *
+ * @link https://developer.wordpress.org/themes/basics/template-hierarchy/#single-post
+ *
+ * @package WordPress
+ * @subpackage Twenty_Seventeen
+ * @since 1.0
+ * @version 1.0
+ */
+
+get_header(); ?>
+
+<div class="wrap">
+ <div id="primary" class="content-area">
+ <main id="main" class="site-main" role="main">
+
+ <?php
+ /* Start the Loop */
+ while ( have_posts() ) : the_post();
+
+ get_template_part( 'components/post/content', get_post_format() );
+
+ // If comments are open or we have at least one comment, load up the comment template.
+ if ( comments_open() || get_comments_number() ) :
+ comments_template();
+ endif;
+
+ the_post_navigation( array(
+ 'prev_text' => '<span class="screen-reader-text">' . __( 'Previous Post', 'twentyseventeen' ) . '</span><span aria-hidden="true" class="nav-subtitle">' . __( 'Previous', 'twentyseventeen' ) . '</span> <span class="nav-title"><span class="nav-title-icon-wrapper">' . twentyseventeen_get_svg( array( 'icon' => 'previous' ) ) . '</span>%title</span>',
+ 'next_text' => '<span class="screen-reader-text">' . __( 'Next Post', 'twentyseventeen' ) . '</span><span aria-hidden="true" class="nav-subtitle">' . __( 'Next', 'twentyseventeen' ) . '</span> <span class="nav-title">%title<span class="nav-title-icon-wrapper">' . twentyseventeen_get_svg( array( 'icon' => 'next' ) ) . '</span></span>',
+ ) );
+
+ endwhile; // End of the loop.
+ ?>
+
+ </main><!-- #main -->
+ </div><!-- #primary -->
+ <?php get_sidebar(); ?>
+</div><!-- .wrap -->
+
+<?php get_footer();
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentyseventeenstylecss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentyseventeen/style.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentyseventeen/style.css (rev 0)
+++ trunk/src/wp-content/themes/twentyseventeen/style.css 2016-10-20 04:11:24 UTC (rev 38833)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,4146 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*
+Theme Name: Twenty Seventeen
+Theme URI: https://wordpress.org/themes/twentyseventeen/
+Author: the WordPress team
+Author URI: https://wordpress.org/
+Description: Twenty Seventeen brings your site to life with immersive featured images and subtle animations. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
+Version: 1.0
+License: GNU General Public License v2 or later
+License URI: http://www.gnu.org/licenses/gpl-2.0.html
+Text Domain: twentyseventeen
+Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
+
+This theme, like WordPress, is licensed under the GPL.
+Use it to make something cool, have fun, and share what you've learned with others.
+*/
+
+/*--------------------------------------------------------------
+>>> TABLE OF CONTENTS:
+----------------------------------------------------------------
+# Normalize
+# Accessibility
+# Alignments
+# Clearings
+# Typography
+# Forms
+# Formatting
+# Lists
+# Tables
+# Links
+# Featured Image Hover
+# Navigation
+# Layout
+ ## Header
+ ## Front Page
+ ## Regular Content
+ ## Posts
+ ## Pages
+ ## Footer
+# Comments
+# Widgets
+# Media
+ ## Galleries
+# Customizer
+# Media Queries
+--------------------------------------------------------------*/
+
+/*--------------------------------------------------------------
+# Normalize
+Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
+--------------------------------------------------------------*/
+
+html {
+ font-family: sans-serif;
+ line-height: 1.15;
+ -ms-text-size-adjust: 100%;
+ -webkit-text-size-adjust: 100%;
+}
+
+body {
+ margin: 0;
+}
+
+article,
+aside,
+footer,
+header,
+nav,
+section {
+ display: block;
+}
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+figcaption,
+figure,
+main {
+ display: block;
+}
+
+figure {
+ margin: 1em 0;
+}
+
+hr {
+ -webkit-box-sizing: content-box;
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+ height: 0;
+ overflow: visible;
+}
+
+pre {
+ font-family: monospace, monospace;
+ font-size: 1em;
+}
+
+a {
+ background-color: transparent;
+ -webkit-text-decoration-skip: objects;
+}
+
+a:active,
+a:hover {
+ outline-width: 0;
+}
+
+abbr[title] {
+ border-bottom: 1px #767676 dotted;
+ text-decoration: none;
+}
+
+b,
+strong {
+ font-weight: inherit;
+}
+
+b,
+strong {
+ font-weight: bolder;
+}
+
+code,
+kbd,
+samp {
+ font-family: monospace, monospace;
+ font-size: 1em;
+}
+
+dfn {
+ font-style: italic;
+}
+
+mark {
+ background-color: #eee;
+ color: #222;
+}
+
+small {
+ font-size: 80%;
+}
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+sup {
+ top: -0.5em;
+}
+
+audio,
+video {
+ display: inline-block;
+}
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+img {
+ border-style: none;
+}
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+button,
+input,
+optgroup,
+select,
+textarea {
+ font-family: sans-serif;
+ font-size: 100%;
+ line-height: 1.15;
+ margin: 0;
+}
+
+button,
+input {
+ overflow: visible;
+}
+
+button,
+select {
+ text-transform: none;
+}
+
+button,
+html [type="button"],
+[type="reset"],
+[type="submit"] {
+ -webkit-appearance: button;
+}
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+}
+
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+ outline: 1px dotted ButtonText;
+}
+
+fieldset {
+ border: 1px solid #bbb;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
+}
+
+legend {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ color: inherit;
+ display: table;
+ max-width: 100%;
+ padding: 0;
+ white-space: normal;
+}
+
+progress {
+ display: inline-block;
+ vertical-align: baseline;
+}
+
+textarea {
+ overflow: auto;
+}
+
+[type="checkbox"],
+[type="radio"] {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ padding: 0;
+}
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+ height: auto;
+}
+
+[type="search"] {
+ -webkit-appearance: textfield;
+ outline-offset: -2px;
+}
+
+[type="search"]::-webkit-search-cancel-button,
+[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+::-webkit-file-upload-button {
+ -webkit-appearance: button;
+ font: inherit;
+}
+
+details,
+menu {
+ display: block;
+}
+
+summary {
+ display: list-item;
+}
+
+canvas {
+ display: inline-block;
+}
+
+template {
+ display: none;
+}
+
+[hidden] {
+ display: none;
+}
+
+/*--------------------------------------------------------------
+# Accessibility
+--------------------------------------------------------------*/
+
+/* Text meant only for screen readers. */
+
+.screen-reader-text {
+ clip: rect(1px, 1px, 1px, 1px);
+ height: 1px;
+ overflow: hidden;
+ position: absolute !important;
+ width: 1px;
+}
+
+.screen-reader-text:focus {
+ background-color: #f1f1f1;
+ -webkit-border-radius: 3px;
+ border-radius: 3px;
+ -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
+ box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
+ clip: auto !important;
+ color: #21759b;
+ display: block;
+ font-size: 14px;
+ font-size: 0.875rem;
+ font-weight: 700;
+ height: auto;
+ left: 5px;
+ line-height: normal;
+ padding: 15px 23px 14px;
+ text-decoration: none;
+ top: 5px;
+ width: auto;
+ z-index: 100000; /* Above WP toolbar. */
+}
+
+/* Do not show the outline on the skip link target. */
+
+#content[tabindex="-1"]:focus {
+ outline: 0;
+}
+
+/*--------------------------------------------------------------
+# Alignments
+--------------------------------------------------------------*/
+
+.alignleft {
+ display: inline;
+ float: left;
+ margin-right: 1.5em;
+}
+
+.alignright {
+ display: inline;
+ float: right;
+ margin-left: 1.5em;
+}
+
+.aligncenter {
+ clear: both;
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+/*--------------------------------------------------------------
+# Clearings
+--------------------------------------------------------------*/
+
+.clear:before,
+.clear:after,
+.entry-content:before,
+.entry-content:after,
+.entry-footer:before,
+.entry-footer:after,
+.comment-content:before,
+.comment-content:after,
+.site-header:before,
+.site-header:after,
+.site-content:before,
+.site-content:after,
+.site-footer:before,
+.site-footer:after,
+.nav-links:before,
+.nav-links:after,
+.pagination:before,
+.pagination:after,
+.comment-author:before,
+.comment-author:after,
+.widget-area:before,
+.widget-area:after,
+.widget:before,
+.widget:after,
+.comment-meta:before,
+.comment-meta:after {
+ content: "";
+ display: table;
+ table-layout: fixed;
+}
+
+.clear:after,
+.entry-content:after,
+.entry-footer:after,
+.comment-content:after,
+.site-header:after,
+.site-content:after,
+.site-footer:after,
+.nav-links:after,
+.pagination:after,
+.comment-author:after,
+.widget-area:after,
+.widget:after,
+.comment-meta:after {
+ clear: both;
+}
+
+/*--------------------------------------------------------------
+# Typography
+--------------------------------------------------------------*/
+
+body,
+button,
+input,
+select,
+textarea {
+ color: #333;
+ font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
+ font-size: 15px;
+ font-size: 0.9375rem;
+ font-weight: 400;
+ line-height: 1.66;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ clear: both;
+ line-height: 1.4;
+ margin: 0 0 0.75em;
+ padding: 1.5em 0 0;
+}
+
+h1:first-child,
+h2:first-child,
+h3:first-child,
+h4:first-child,
+h5:first-child,
+h6:first-child {
+ padding-top: 0;
+}
+
+h1 {
+ font-size: 24px;
+ font-size: 1.5rem;
+ font-weight: 300;
+}
+
+h2 {
+ color: #666;
+ font-size: 20px;
+ font-size: 1.25rem;
+ font-weight: 300;
+}
+
+h3 {
+ color: #333;
+ font-size: 18px;
+ font-size: 1.125rem;
+ font-weight: 300;
+}
+
+h4 {
+ color: #333;
+ font-size: 16px;
+ font-size: 1rem;
+ font-weight: 800;
+}
+
+h5 {
+ color: #767676;
+ font-size: 13px;
+ font-size: 0.8125rem;
+ font-weight: 800;
+ letter-spacing: 0.15em;
+ text-transform: uppercase;
+}
+
+h6 {
+ color: #333;
+ font-size: 15px;
+ font-size: 0.9375rem;
+ font-weight: 800;
+}
+
+p {
+ margin: 0 0 1.5em;
+ padding: 0;
+}
+
+dfn,
+cite,
+em,
+i {
+ font-style: italic;
+}
+
+blockquote {
+ color: #666;
+ font-size: 18px;
+ font-size: 1.125rem;
+ font-style: italic;
+ line-height: 1.7;
+ margin: 0;
+ overflow: hidden;
+ padding: 0;
+}
+
+blockquote cite {
+ display: block;
+ font-style: normal;
+ font-weight: 600;
+ margin-top: 0.5em;
+}
+
+address {
+ margin: 0 0 1.5em;
+}
+
+pre {
+ background: #eee;
+ font-family: "Courier 10 Pitch", Courier, monospace;
+ font-size: 15px;
+ font-size: 0.9375rem;
+ line-height: 1.6;
+ margin-bottom: 1.6em;
+ max-width: 100%;
+ overflow: auto;
+ padding: 1.6em;
+}
+
+code,
+kbd,
+tt,
+var {
+ font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
+ font-size: 15px;
+ font-size: 0.9375rem;
+}
+
+abbr,
+acronym {
+ border-bottom: 1px dotted #666;
+ cursor: help;
+}
+
+mark,
+ins {
+ background: #eee;
+ text-decoration: none;
+}
+
+big {
+ font-size: 125%;
+}
+
+blockquote {
+ quotes: "" "";
+}
+
+q {
+ quotes: "“" "”" "‘" "’";
+}
+
+blockquote:before,
+blockquote:after {
+ content: "";
+}
+
+:focus {
+ outline: none;
+}
+
+/* Typography for Arabic Font */
+
+html[lang="ar"] body,
+html[lang="ar"] button,
+html[lang="ar"] input,
+html[lang="ar"] select,
+html[lang="ar"] textarea,
+html[lang="ary"] body,
+html[lang="ary"] button,
+html[lang="ary"] input,
+html[lang="ary"] select,
+html[lang="ary"] textarea,
+html[lang="azb"] body,
+html[lang="azb"] button,
+html[lang="azb"] input,
+html[lang="azb"] select,
+html[lang="azb"] textarea,
+html[lang="fa-IR"] body,
+html[lang="fa-IR"] button,
+html[lang="fa-IR"] input,
+html[lang="fa-IR"] select,
+html[lang="fa-IR"] textarea,
+html[lang="haz"] body,
+html[lang="haz"] button,
+html[lang="haz"] input,
+html[lang="haz"] select,
+html[lang="haz"] textarea,
+html[lang="ps"] body,
+html[lang="ps"] button,
+html[lang="ps"] input,
+html[lang="ps"] select,
+html[lang="ps"] textarea,
+html[lang="ur"] body,
+html[lang="ur"] button,
+html[lang="ur"] input,
+html[lang="ur"] select,
+html[lang="ur"] textarea {
+ font-family: Tahoma, Arial, sans-serif;
+}
+
+html[lang="ar"] h1,
+html[lang="ar"] h2,
+html[lang="ar"] h3,
+html[lang="ar"] h4,
+html[lang="ar"] h5,
+html[lang="ar"] h6,
+html[lang="ary"] h1,
+html[lang="ary"] h2,
+html[lang="ary"] h3,
+html[lang="ary"] h4,
+html[lang="ary"] h5,
+html[lang="ary"] h6,
+html[lang="azb"] h1,
+html[lang="azb"] h2,
+html[lang="azb"] h3,
+html[lang="azb"] h4,
+html[lang="azb"] h5,
+html[lang="azb"] h6,
+html[lang="fa-IR"] h1,
+html[lang="fa-IR"] h2,
+html[lang="fa-IR"] h3,
+html[lang="fa-IR"] h4,
+html[lang="fa-IR"] h5,
+html[lang="fa-IR"] h6,
+html[lang="haz"] h1,
+html[lang="haz"] h2,
+html[lang="haz"] h3,
+html[lang="haz"] h4,
+html[lang="haz"] h5,
+html[lang="haz"] h6,
+html[lang="ps"] h1,
+html[lang="ps"] h2,
+html[lang="ps"] h3,
+html[lang="ps"] h4,
+html[lang="ps"] h5,
+html[lang="ps"] h6,
+html[lang="ur"] h1,
+html[lang="ur"] h2,
+html[lang="ur"] h3,
+html[lang="ur"] h4,
+html[lang="ur"] h5,
+html[lang="ur"] h6 {
+ font-weight: 700;
+}
+
+/* Typography for Chinese Font */
+
+html[lang^="zh-"] body,
+html[lang^="zh-"] button,
+html[lang^="zh-"] input,
+html[lang^="zh-"] select,
+html[lang^="zh-"] textarea {
+ font-family: "PingFang TC", "Helvetica Neue", Helvetica, STHeitiTC-Light, Arial, sans-serif;
+}
+
+html[lang^="zh-"] h1,
+html[lang^="zh-"] h2,
+html[lang^="zh-"] h3,
+html[lang^="zh-"] h4,
+html[lang^="zh-"] h5,
+html[lang^="zh-"] h6 {
+ font-weight: 700;
+}
+
+/* Typography for Cyrillic Font */
+
+html[lang="bg-BG"] body,
+html[lang="bg-BG"] button,
+html[lang="bg-BG"] input,
+html[lang="bg-BG"] select,
+html[lang="bg-BG"] textarea,
+html[lang="ru-RU"] body,
+html[lang="ru-RU"] button,
+html[lang="ru-RU"] input,
+html[lang="ru-RU"] select,
+html[lang="ru-RU"] textarea,
+html[lang="uk"] body,
+html[lang="uk"] button,
+html[lang="uk"] input,
+html[lang="uk"] select,
+html[lang="uk"] textarea {
+ font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
+}
+
+html[lang="bg-BG"] h1,
+html[lang="bg-BG"] h2,
+html[lang="bg-BG"] h3,
+html[lang="bg-BG"] h4,
+html[lang="bg-BG"] h5,
+html[lang="bg-BG"] h6,
+html[lang="ru-RU"] h1,
+html[lang="ru-RU"] h2,
+html[lang="ru-RU"] h3,
+html[lang="ru-RU"] h4,
+html[lang="ru-RU"] h5,
+html[lang="ru-RU"] h6,
+html[lang="uk"] h1,
+html[lang="uk"] h2,
+html[lang="uk"] h3,
+html[lang="uk"] h4,
+html[lang="uk"] h5,
+html[lang="uk"] h6 {
+ font-weight: 700;
+ line-height: 1.2;
+}
+
+/* Typography for Devanagari Font */
+
+html[lang="bn-BD"] body,
+html[lang="bn-BD"] button,
+html[lang="bn-BD"] input,
+html[lang="bn-BD"] select,
+html[lang="bn-BD"] textarea,
+html[lang="hi-IN"] body,
+html[lang="hi-IN"] button,
+html[lang="hi-IN"] input,
+html[lang="hi-IN"] select,
+html[lang="hi-IN"] textarea,
+html[lang="mr-IN"] body,
+html[lang="mr-IN"] button,
+html[lang="mr-IN"] input,
+html[lang="mr-IN"] select,
+html[lang="mr-IN"] textarea {
+ font-family: Arial, sans-serif;
+}
+
+html[lang="bn-BD"] h1,
+html[lang="bn-BD"] h2,
+html[lang="bn-BD"] h3,
+html[lang="bn-BD"] h4,
+html[lang="bn-BD"] h5,
+html[lang="bn-BD"] h6,
+html[lang="hi-IN"] h1,
+html[lang="hi-IN"] h2,
+html[lang="hi-IN"] h3,
+html[lang="hi-IN"] h4,
+html[lang="hi-IN"] h5,
+html[lang="hi-IN"] h6,
+html[lang="mr-IN"] h1,
+html[lang="mr-IN"] h2,
+html[lang="mr-IN"] h3,
+html[lang="mr-IN"] h4,
+html[lang="mr-IN"] h5,
+html[lang="mr-IN"] h6 {
+ font-weight: 700;
+}
+
+/* Typography for Greek Font */
+
+html[lang="el"] body,
+html[lang="el"] button,
+html[lang="el"] input,
+html[lang="el"] select,
+html[lang="el"] textarea {
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+
+html[lang="el"] h1,
+html[lang="el"] h2,
+html[lang="el"] h3,
+html[lang="el"] h4,
+html[lang="el"] h5,
+html[lang="el"] h6 {
+ font-weight: 700;
+ line-height: 1.3;
+}
+
+/* Typography for Gujarati Font */
+
+html[lang="gu-IN"] body,
+html[lang="gu-IN"] button,
+html[lang="gu-IN"] input,
+html[lang="gu-IN"] select,
+html[lang="gu-IN"] textarea {
+ font-family: Arial, sans-serif;
+}
+
+html[lang="gu-IN"] h1,
+html[lang="gu-IN"] h2,
+html[lang="gu-IN"] h3,
+html[lang="gu-IN"] h4,
+html[lang="gu-IN"] h5,
+html[lang="gu-IN"] h6 {
+ font-weight: 700;
+}
+
+/* Typography for Hebrew Font */
+
+html[lang="he-IL"] body,
+html[lang="he-IL"] button,
+html[lang="he-IL"] input,
+html[lang="he-IL"] select,
+html[lang="he-IL"] textarea {
+ font-family: "Arial Hebrew", Arial, sans-serif;
+}
+
+html[lang="he-IL"] h1,
+html[lang="he-IL"] h2,
+html[lang="he-IL"] h3,
+html[lang="he-IL"] h4,
+html[lang="he-IL"] h5,
+html[lang="he-IL"] h6 {
+ font-weight: 700;
+}
+
+/* Typography for Japanese Font */
+
+html[lang="ja"] body,
+html[lang="ja"] button,
+html[lang="ja"] input,
+html[lang="ja"] select,
+html[lang="ja"] textarea {
+ font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
+}
+
+html[lang="ja"] h1,
+html[lang="ja"] h2,
+html[lang="ja"] h3,
+html[lang="ja"] h4,
+html[lang="ja"] h5,
+html[lang="ja"] h6 {
+ font-weight: 700;
+}
+
+/* Typography for Korean font */
+
+html[lang="ko-KR"] body,
+html[lang="ko-KR"] button,
+html[lang="ko-KR"] input,
+html[lang="ko-KR"] select,
+html[lang="ko-KR"] textarea {
+ font-family: "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", Dotum, sans-serif;
+}
+
+html[lang="ko-KR"] h1,
+html[lang="ko-KR"] h2,
+html[lang="ko-KR"] h3,
+html[lang="ko-KR"] h4,
+html[lang="ko-KR"] h5,
+html[lang="ko-KR"] h6 {
+ font-weight: 600;
+}
+
+/* Typography for Thai Font */
+
+html[lang="th"] h1,
+html[lang="th"] h2,
+html[lang="th"] h3,
+html[lang="th"] h4,
+html[lang="th"] h5,
+html[lang="th"] h6 {
+ line-height: 1.65;
+}
+
+html[lang="th"] body,
+html[lang="th"] button,
+html[lang="th"] input,
+html[lang="th"] select,
+html[lang="th"] textarea {
+ line-height: 1.8;
+}
+
+/* Remove letter-spacing for all non-latin alphabets */
+
+html[lang="ar"] *,
+html[lang="ary"] *,
+html[lang="azb"] *,
+html[lang="haz"] *,
+html[lang="ps"] *,
+html[lang^="zh-"] *,
+html[lang="bg-BG"] *,
+html[lang="ru-RU"] *,
+html[lang="uk"] *,
+html[lang="bn-BD"] *,
+html[lang="hi-IN"] *,
+html[lang="mr-IN"] *,
+html[lang="el"] *,
+html[lang="gu-IN"] *,
+html[lang="he-IL"] *,
+html[lang="ja"] *,
+html[lang="ko-KR"] *,
+html[lang="th"] * {
+ letter-spacing: 0 !important;
+}
+
+/*--------------------------------------------------------------
+# Forms
+--------------------------------------------------------------*/
+
+label {
+ color: #333;
+ display: block;
+ font-weight: 800;
+ margin-bottom: 0.5em;
+}
+
+fieldset {
+ margin-bottom: 1em;
+}
+
+input[type="text"],
+input[type="email"],
+input[type="url"],
+input[type="password"],
+input[type="search"],
+input[type="number"],
+input[type="tel"],
+input[type="range"],
+input[type="date"],
+input[type="month"],
+input[type="week"],
+input[type="time"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="color"],
+textarea {
+ color: #666;
+ border: 1px solid #bbb;
+ -webkit-border-radius: 3px;
+ border-radius: 3px;
+ display: block;
+ padding: 0.7em;
+ width: 100%;
+}
+
+input[type="text"]:focus,
+input[type="email"]:focus,
+input[type="url"]:focus,
+input[type="password"]:focus,
+input[type="search"]:focus,
+input[type="number"]:focus,
+input[type="tel"]:focus,
+input[type="range"]:focus,
+input[type="date"]:focus,
+input[type="month"]:focus,
+input[type="week"]:focus,
+input[type="time"]:focus,
+input[type="datetime"]:focus,
+input[type="datetime-local"]:focus,
+input[type="color"]:focus,
+textarea:focus {
+ color: #222;
+ border-color: #333;
+}
+
+select {
+ border: 1px solid #bbb;
+ -webkit-border-radius: 3px;
+ border-radius: 3px;
+ height: 3em;
+ max-width: 100%;
+}
+
+input[type="radio"],
+input[type="checkbox"] {
+ margin-right: 0.5em;
+}
+
+input[type="radio"] + label,
+input[type="checkbox"] + label {
+ font-weight: 400;
+}
+
+button,
+input[type="button"],
+input[type="submit"] {
+ background-color: #222;
+ border: 0;
+ -webkit-border-radius: 2px;
+ border-radius: 2px;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ color: #fff;
+ cursor: pointer;
+ display: inline-block;
+ font-size: 14px;
+ font-size: 0.875rem;
+ font-weight: 800;
+ line-height: 1;
+ padding: 1em 2em;
+ text-shadow: none;
+ -webkit-transition: background 0.2s;
+ transition: background 0.2s;
+}
+
+input + button,
+input + input[type="button"],
+input + input[type="submit"] {
+ padding: 0.75em 2em;
+}
+
+button.secondary,
+input[type="reset"],
+input[type="button"].secondary,
+input[type="reset"].secondary,
+input[type="submit"].secondary {
+ background-color: #ddd;
+ color: #222;
+}
+
+button:hover,
+button:focus,
+input[type="button"]:hover,
+input[type="button"]:focus,
+input[type="submit"]:hover,
+input[type="submit"]:focus {
+ background: #767676;
+}
+
+button.secondary:hover,
+button.secondary:focus,
+input[type="reset"]:hover,
+input[type="reset"]:focus,
+input[type="button"].secondary:hover,
+input[type="button"].secondary:focus,
+input[type="reset"].secondary:hover,
+input[type="reset"].secondary:focus,
+input[type="submit"].secondary:hover,
+input[type="submit"].secondary:focus {
+ background: #bbb;
+}
+
+/*--------------------------------------------------------------
+# Formatting
+--------------------------------------------------------------*/
+
+hr {
+ background-color: #bbb;
+ border: 0;
+ height: 1px;
+ margin-bottom: 1.5em;
+}
+
+/*--------------------------------------------------------------
+# Lists
+--------------------------------------------------------------*/
+
+ul,
+ol {
+ margin: 0 0 1.5em;
+ padding: 0;
+}
+
+ul {
+ list-style: disc;
+}
+
+ol {
+ counter-reset: item;
+}
+
+ol li {
+ display: block;
+ position: relative;
+}
+
+ol li:before {
+ content: counter(item) ".";
+ counter-increment: item;
+ font-weight: 600;
+ left: -1.5em;
+ position: absolute;
+}
+
+li > ul,
+li > ol {
+ margin-bottom: 0;
+ margin-left: 1.5em;
+}
+
+dt {
+ font-weight: 700;
+}
+
+dd {
+ margin: 0 1.5em 1.5em;
+}
+
+/*--------------------------------------------------------------
+# Tables
+--------------------------------------------------------------*/
+
+table {
+ border-collapse: collapse;
+ margin: 0 0 1.5em;
+ width: 100%;
+}
+
+thead th {
+ border-bottom: 2px solid #bbb;
+ padding-bottom: 0.5em;
+}
+
+th {
+ padding: 0.4em 0;
+ text-align: left;
+}
+
+tr {
+ border-bottom: 1px solid #eee;
+}
+
+td {
+ padding: 0.4em;
+}
+
+/*--------------------------------------------------------------
+# Links
+--------------------------------------------------------------*/
+
+a {
+ color: #222;
+ text-decoration: none;
+}
+
+a:focus {
+ outline: thin dotted;
+}
+
+a:hover,
+a:active {
+ color: #000;
+ outline: 0;
+}
+
+/* Hover effects */
+
+.entry-content a,
+.entry-summary a,
+.widget a,
+.site-footer .widget-area a,
+.posts-navigation a,
+.widget_authors a strong {
+ -webkit-box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
+ box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
+ -webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
+ transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
+ transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
+ transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
+}
+
+.entry-title a,
+.entry-meta a,
+.page-links a,
+.page-links a .page-number,
+.entry-footer a,
+.entry-footer .cat-links a,
+.entry-footer .tags-links a,
+.edit-link a,
+.post-navigation a,
+.logged-in-as a,
+.comment-navigation a,
+.comment-metadata a,
+.comment-metadata a.comment-edit-link,
+.comment-reply-link,
+a .nav-title,
+.pagination a,
+.site-info a,
+.widget .widget-title a,
+.widget ul li a,
+.site-footer .widget-area ul li a,
+.site-footer .widget-area ul li a {
+ -webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
+ box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
+ text-decoration: none;
+ -webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
+ transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
+ transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
+ transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
+}
+
+.entry-content a:focus,
+.entry-content a:hover,
+.entry-summary a:focus,
+.entry-summary a:hover,
+.widget a:focus,
+.widget a:hover,
+.site-footer .widget-area a:focus,
+.site-footer .widget-area a:hover,
+.posts-navigation a:focus,
+.posts-navigation a:hover,
+.comment-metadata a:focus,
+.comment-metadata a:hover,
+.comment-metadata a.comment-edit-link:focus,
+.comment-metadata a.comment-edit-link:hover,
+.comment-reply-link:focus,
+.comment-reply-link:hover,
+.widget_authors a:focus strong,
+.widget_authors a:hover strong,
+.project-terms a:focus,
+.project-terms a:hover {
+ color: #000;
+ -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
+ box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
+}
+
+.entry-title a:focus,
+.entry-title a:hover,
+.entry-meta a:focus,
+.entry-meta a:hover,
+.page-links a:focus .page-number,
+.page-links a:hover .page-number,
+.entry-footer a:focus,
+.entry-footer a:hover,
+.entry-footer .cat-links a:focus,
+.entry-footer .cat-links a:hover,
+.entry-footer .tags-links a:focus,
+.entry-footer .tags-links a:hover,
+.post-navigation a:focus,
+.post-navigation a:hover,
+.logged-in-as a:focus,
+.logged-in-as a:hover,
+a:focus .nav-title,
+a:hover .nav-title,
+.edit-link a:focus,
+.edit-link a:hover,
+.site-info a:focus,
+.site-info a:hover,
+.widget .widget-title a:focus,
+.widget .widget-title a:hover,
+.widget ul li a:focus,
+.widget ul li a:hover {
+ color: #000;
+ -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
+ box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
+}
+
+/* Fixes linked images */
+.entry-content a img,
+.widget a img {
+ -webkit-box-shadow: 0 0 0 8px #fff;
+ box-shadow: 0 0 0 8px #fff;
+}
+
+.post-navigation a:focus .icon,
+.post-navigation a:hover .icon {
+ color: #222;
+}
+
+/*--------------------------------------------------------------
+# Featured Image Hover
+--------------------------------------------------------------*/
+
+.post-thumbnail {
+ margin-bottom: 1em;
+}
+
+.post-thumbnail a img {
+ -webkit-backface-visibility: hidden;
+ -webkit-transition: opacity 0.2s;
+ transition: opacity 0.2s;
+}
+
+.post-thumbnail a:hover img,
+.post-thumbnail a:focus img {
+ opacity: 0.7;
+}
+
+/*--------------------------------------------------------------
+# Navigation
+--------------------------------------------------------------*/
+
+.navigation-top {
+ background: #fff;
+ border-bottom: 1px solid #eee;
+ border-top: 1px solid #eee;
+ font-size: 16px;
+ font-size: 1rem;
+}
+
+.navigation-top .wrap {
+ max-width: 1000px;
+ padding: 0;
+}
+
+.navigation-top a {
+ color: #222;
+ font-weight: 600;
+ -webkit-transition: color 0.2s;
+ transition: color 0.2s;
+}
+
+.navigation-top .current-menu-item > a,
+.navigation-top .current_page_item > a {
+ color: #767676;
+}
+
+.main-navigation {
+ clear: both;
+ display: block;
+}
+
+.main-navigation ul {
+ background: #fff;
+ list-style: none;
+ margin: 0;
+ padding: 0 1.5em;
+ text-align: left;
+}
+
+/* Hide the menu on small screens when JavaScript is available.
+ * It only works with JavaScript.
+ */
+
+.js .main-navigation ul,
+.main-navigation .menu-item-has-children > a > .icon,
+.main-navigation .page_item_has_children > a > .icon,
+.main-navigation ul a > .icon {
+ display: none;
+}
+
+.main-navigation > div > ul {
+ border-top: 1px solid #eee;
+ padding: 0.75em 3.375em;
+}
+
+.js .main-navigation.toggled-on > div > ul {
+ display: block;
+}
+
+.main-navigation ul ul {
+ padding: 0 0 0 1.5em;
+}
+
+.main-navigation ul ul.toggled-on {
+ display: block;
+}
+
+.main-navigation ul ul a {
+ letter-spacing: 0;
+ padding: 0.4em 0;
+ position: relative;
+ text-transform: none;
+}
+
+.main-navigation li {
+ border-bottom: 1px solid #eee;
+ position: relative;
+}
+
+.main-navigation li li,
+.main-navigation li:last-child {
+ border: 0;
+}
+
+.main-navigation a {
+ display: block;
+ padding: 0.5em 0;
+ text-decoration: none;
+}
+
+.main-navigation a:hover {
+ color: #767676;
+}
+
+/* Menu toggle */
+
+.menu-toggle {
+ background-color: transparent;
+ border: 0;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ color: #222;
+ display: none;
+ font-size: 14px;
+ font-size: 0.875rem;
+ font-weight: 800;
+ line-height: 1.5;
+ margin: 1px auto 2px;
+ padding: 1em;
+ text-shadow: none;
+}
+
+/* Display the menu toggle when JavaScript is available. */
+
+.js .menu-toggle {
+ display: block;
+}
+
+.main-navigation.toggled-on ul.nav-menu {
+ display: block;
+}
+
+.menu-toggle:hover,
+.menu-toggle:focus {
+ background-color: transparent;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.menu-toggle:focus {
+ outline: thin solid;
+}
+
+.menu-toggle .icon {
+ margin-right: 0.5em;
+ top: -2px;
+}
+
+.toggled-on .menu-toggle .icon-bars,
+.menu-toggle .icon-close {
+ display: none;
+}
+
+.toggled-on .menu-toggle .icon-close {
+ display: inline-block;
+}
+
+/* Dropdown Toggle */
+
+.dropdown-toggle {
+ background-color: transparent;
+ border: 0;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ color: #222;
+ display: block;
+ font-size: 16px;
+ right: -0.5em;
+ line-height: 1.5;
+ margin: 0 auto;
+ padding: 0.5em;
+ position: absolute;
+ text-shadow: none;
+ top: 0;
+}
+
+.dropdown-toggle:hover,
+.dropdown-toggle:focus {
+ background: transparent;
+}
+
+.dropdown-toggle:focus {
+ outline: thin dotted;
+}
+
+.dropdown-toggle.toggled-on .icon {
+ -ms-transform: rotate(-180deg); /* IE 9 */
+ -webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
+ transform: rotate(-180deg);
+}
+
+/* Scroll down arrow */
+
+.navigation-top .menu-scroll-down {
+ display: none;
+}
+
+/*--------------------------------------------------------------
+# Layout
+--------------------------------------------------------------*/
+
+html {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+*,
+*:before,
+*:after {
+ /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
+ -webkit-box-sizing: inherit;
+ -moz-box-sizing: inherit;
+ box-sizing: inherit;
+}
+
+body {
+ background: #fff;
+ /* Fallback for when there is no custom background color defined. */
+}
+
+#page {
+ position: relative;
+ -ms-word-wrap: break-word;
+ word-wrap: break-word;
+}
+
+.wrap {
+ margin-left: auto;
+ margin-right: auto;
+ max-width: 700px;
+ padding-left: 3em;
+ padding-right: 3em;
+}
+
+.wrap:after {
+ clear: both;
+ content: "";
+ display: block;
+}
+
+/*--------------------------------------------------------------
+## Header
+--------------------------------------------------------------*/
+
+#masthead .wrap {
+ position: relative;
+}
+
+.site-header {
+ background-color: #fafafa;
+ position: relative;
+}
+
+/* Site branding */
+
+.site-branding {
+ padding: 1em 0;
+ -webkit-transition: margin-bottom 0.2s;
+ transition: margin-bottom 0.2s;
+}
+
+.site-branding a {
+ text-decoration: none;
+ -webkit-transition: opacity 0.2s;
+ transition: opacity 0.2s;
+}
+
+.site-branding a:hover,
+.site-branding a:focus {
+ opacity: 0.7;
+}
+
+.has-header-image.twentyseventeen-front-page .site-branding,
+.has-header-image.home.blog .site-branding {
+ align-self: flex-end;
+}
+
+.site-title {
+ clear: none;
+ font-size: 24px;
+ font-size: 1.5rem;
+ font-weight: 800;
+ line-height: 1.25;
+ letter-spacing: 0.08em;
+ margin: 0;
+ padding: 0;
+ text-transform: uppercase;
+}
+
+.site-title,
+.site-title a {
+ color: #222;
+}
+
+body.has-header-image .site-title,
+body.has-header-image .site-title a {
+ color: #fff;
+}
+
+.site-description {
+ color: #666;
+ font-size: 13px;
+ font-size: 0.8125rem;
+ margin-bottom: 0;
+}
+
+body.has-header-image .site-description {
+ color: #fff;
+ opacity: 0.8;
+}
+
+.custom-logo-link {
+ display: inline-block;
+ padding-right: 1em;
+ vertical-align: middle;
+ width: auto;
+}
+
+.custom-logo-link img {
+ display: inline-block;
+ max-height: 80px;
+ width: auto;
+}
+
+body.home.title-tagline-hidden.has-header-image .custom-logo-link img {
+ max-height: 200px;
+ max-width: 100%;
+}
+
+.custom-logo-link a:hover,
+.custom-logo-link a:focus {
+ opacity: 0.9;
+}
+
+body:not(.title-tagline-hidden) .site-branding-text {
+ display: inline-block;
+ vertical-align: middle;
+}
+
+.custom-header {
+ position: relative;
+}
+
+.has-header-image.twentyseventeen-front-page .custom-header,
+.has-header-image.home.blog .custom-header {
+ display: flex;
+ min-height: 300px;
+ min-height: 75vh;
+}
+
+.custom-header-image {
+ background-position: center center;
+ background-repeat: no-repeat;
+ -webkit-background-size: cover;
+ background-size: cover;
+ bottom: 0;
+ left: 0;
+ position: absolute;
+ right: 0;
+ top: 0;
+}
+
+.custom-header-image:before {
+ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+75 */
+ background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* FF3.6-15 */
+ background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */
+ background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0); /* IE6-9 */
+ bottom: 0;
+ content: "";
+ display: block;
+ height: 100%;
+ left: 0;
+ position: absolute;
+ right: 0;
+}
+
+.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-image {
+ background-position: center bottom;
+}
+
+body:not(.has-header-image) .custom-header-image {
+ padding: 5% 0;
+}
+
+/*--------------------------------------------------------------
+## Front Page
+--------------------------------------------------------------*/
+
+.twentyseventeen-front-page .site-content {
+ padding: 0;
+}
+
+.twentyseventeen-panel {
+ overflow: hidden;
+ position: relative;
+}
+
+.panel-image {
+ background-position: center center;
+ background-repeat: no-repeat;
+ -webkit-background-size: cover;
+ background-size: cover;
+ position: relative;
+}
+
+.panel-image:before {
+ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+100 */ /* FF3.6-15 */
+ background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */
+ background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3)));
+ background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
+ background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0); /* IE6-9 */
+ bottom: 0;
+ content: "";
+ left: 0;
+ right: 0;
+ position: absolute;
+ top: 100px;
+}
+
+.twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child) {
+ border-top: 1px solid #ddd;
+}
+
+.panel-content {
+ position: relative;
+}
+
+.panel-content .wrap {
+ padding-bottom: 0.5em;
+ padding-top: 1.75em;
+}
+
+/* Panel edit link */
+
+.twentyseventeen-panel .edit-link {
+ display: block;
+ margin: 0.3em 0 0;
+}
+
+.twentyseventeen-panel .entry-header .edit-link {
+ font-size: 14px;
+ font-size: 0.875rem;
+}
+
+/* Front Page - Recent Posts */
+
+.twentyseventeen-front-page .panel-content .recent-posts article {
+ border: 0;
+ color: #333;
+ margin-bottom: 3em;
+}
+
+.recent-posts .entry-header {
+ margin-bottom: 1.2em;
+}
+
+.page .panel-content .recent-posts .entry-title {
+ font-size: 20px;
+ font-size: 1.25rem;
+ font-weight: 300;
+ letter-spacing: 0;
+ text-transform: none;
+}
+
+.twentyseventeen-panel .recent-posts .entry-header .edit-link {
+ color: #222;
+ display: inline-block;
+ font-size: 11px;
+ font-size: 0.6875rem;
+ margin-left: 1em;
+}
+
+/*--------------------------------------------------------------
+## Regular Content
+--------------------------------------------------------------*/
+
+.site-content {
+ padding: 2.5em 0 0;
+}
+
+/*--------------------------------------------------------------
+## Posts
+--------------------------------------------------------------*/
+
+/* Post Landing Page */
+
+.sticky {
+ position: relative;
+}
+
+.icon-pinned {
+ display: none;
+}
+
+.sticky .icon-pinned {
+ display: block;
+ height: 20px;
+ left: -1em;
+ position: absolute;
+ top: 1.75em;
+ -ms-transform: rotate(-45deg); /* IE 9 */
+ -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
+ transform: rotate(-45deg);
+ width: 20px;
+}
+
+.page .panel-content .entry-title,
+.page-title,
+body.page:not(.twentyseventeen-front-page) .entry-title {
+ color: #222;
+ font-size: 14px;
+ font-size: 0.875rem;
+ font-weight: 800;
+ letter-spacing: 0.14em;
+ text-transform: uppercase;
+}
+
+.entry-header .entry-title {
+ margin-bottom: 0.25em;
+}
+
+.entry-title a {
+ color: #333;
+ text-decoration: none;
+ margin-left: -2px;
+}
+
+.entry-title:not(:first-child) {
+ padding-top: 0;
+}
+
+.entry-meta {
+ color: #767676;
+ font-size: 11px;
+ font-size: 0.6875rem;
+ font-weight: 800;
+ letter-spacing: 0.1818em;
+ padding-bottom: 0.25em;
+ text-transform: uppercase;
+}
+
+.entry-meta a {
+ color: #767676;
+}
+
+.byline,
+.updated:not(.published) {
+ display: none;
+}
+
+.single .byline,
+.group-blog .byline {
+ display: inline;
+}
+
+.pagination,
+.comments-pagination {
+ border-top: 1px solid #eee;
+ font-size: 14px;
+ font-size: 0.875rem;
+ font-weight: 800;
+ padding: 2em 0 3em;
+ text-align: center;
+}
+
+.comments-pagination {
+ border: 0;
+}
+
+.page-numbers {
+ padding: 0.5em 1em;
+}
+
+.page-numbers.current {
+ color: #767676;
+}
+
+.prev.page-numbers,
+.next.page-numbers {
+ background-color: #ddd;
+ -webkit-border-radius: 2px;
+ border-radius: 2px;
+ font-size: 24px;
+ font-size: 1.5rem;
+ line-height: 1;
+ margin-top: -0.3em;
+ padding: 0.25em 0.5em 0.4em;
+}
+
+.prev.page-numbers,
+.next.page-numbers {
+ -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
+ transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
+}
+
+.prev.page-numbers:focus,
+.prev.page-numbers:hover,
+.next.page-numbers:focus,
+.next.page-numbers:hover {
+ background-color: #767676;
+ color: #fff;
+}
+
+.prev.page-numbers {
+ float: left;
+}
+
+.next.page-numbers {
+ float: right;
+}
+
+/* Aligned blockquotes */
+
+.entry-content blockquote.alignleft,
+.entry-content blockquote.alignright {
+ color: #666;
+ font-size: 13px;
+ font-size: 0.8125rem;
+ width: 48%;
+}
+
+/* Blog landing, search, archives */
+
+.blog .site-main > article,
+.archive .site-main > article,
+.search .site-main > article {
+ padding-bottom: 2em;
+}
+
+body:not(.twentyseventeen-front-page) .entry-header {
+ padding: 1em 0;
+}
+
+body:not(.twentyseventeen-front-page) .entry-header,
+body:not(.twentyseventeen-front-page) .entry-content,
+body:not(.twentyseventeen-front-page) #comments {
+ margin-left: auto;
+ margin-right: auto;
+}
+
+body:not(.twentyseventeen-front-page) .entry-header {
+ padding-top: 0;
+}
+
+.blog .entry-meta a.post-edit-link,
+.archive .entry-meta a.post-edit-link,
+.search .entry-meta a.post-edit-link {
+ color: #222;
+ display: inline-block;
+ margin-left: 1em;
+}
+
+.search .page .entry-meta a.post-edit-link {
+ margin-left: 0;
+}
+
+.taxonomy-description {
+ color: #666;
+ font-size: 13px;
+ font-size: 0.8125rem;
+}
+
+/* More tag */
+
+.entry-content .more-link:before {
+ content: "";
+ display: block;
+ margin-top: 1.5em;
+}
+
+/* Single Post */
+
+.single-post:not(.has-sidebar) #primary,
+.page.page-one-column:not(.twentyseventeen-front-page) #primary {
+ margin-left: auto;
+ margin-right: auto;
+ max-width: 740px;
+}
+
+.single-featured-image-header {
+ background-color: #fafafa;
+ border-bottom: 1px solid #eee;
+}
+
+.single-featured-image-header img {
+ display: block;
+ margin: auto;
+}
+
+.page-links {
+ font-size: 14px;
+ font-size: 0.875rem;
+ font-weight: 800;
+ padding: 2em 0 3em;
+}
+
+.page-links .page-number {
+ color: #767676;
+ display: inline-block;
+ padding: 0.5em 1em;
+}
+
+.page-links a {
+ display: inline-block;
+}
+
+.page-links a .page-number {
+ color: #222;
+}
+
+/* Entry footer */
+
+.entry-footer {
+ border-bottom: 1px solid #eee;
+ border-top: 1px solid #eee;
+ margin-top: 2em;
+ padding: 2em 0;
+}
+
+.entry-footer .cat-links,
+.entry-footer .tags-links {
+ display: block;
+ font-size: 11px;
+ font-size: 0.6875rem;
+ font-weight: 800;
+ letter-spacing: 0.1818em;
+ padding-left: 2.5em;
+ position: relative;
+ text-transform: uppercase;
+}
+
+.entry-footer .cat-links + .tags-links {
+ margin-top: 1em;
+}
+
+.entry-footer .cat-links a,
+.entry-footer .tags-links a {
+ color: #333;
+}
+
+.entry-footer .cat-links .icon,
+.entry-footer .tags-links .icon {
+ color: #999;
+ left: 0;
+ margin-right: 0.5em;
+ position: absolute;
+ top: 2px;
+}
+
+.entry-footer .edit-link {
+ display: inline-block;
+}
+
+.entry-footer .edit-link a.post-edit-link {
+ background-color: #222;
+ -webkit-border-radius: 2px;
+ border-radius: 2px;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ color: #fff;
+ display: inline-block;
+ font-size: 14px;
+ font-size: 0.875rem;
+ font-weight: 800;
+ margin-top: 2em;
+ padding: 0.7em 2em;
+ -webkit-transition: background-color 0.2s ease-in-out;
+ transition: background-color 0.2s ease-in-out;
+}
+
+.entry-footer .edit-link a.post-edit-link:hover,
+.entry-footer .edit-link a.post-edit-link:focus {
+ background-color: #767676;
+}
+
+/* Post Formats */
+
+.blog .format-status .entry-title,
+.archive .format-status .entry-title,
+.blog .format-aside .entry-title,
+.archive .format-aside .entry-title {
+ display: none;
+}
+
+.format-quote blockquote {
+ color: #333;
+ font-size: 20px;
+ font-size: 1.25rem;
+ font-weight: 300;
+ overflow: visible;
+ position: relative;
+}
+
+.format-quote blockquote .icon {
+ display: block;
+ height: 20px;
+ left: -1.25em;
+ position: absolute;
+ top: 0.4em;
+ -webkit-transform: scale(-1, 1);
+ -ms-transform: scale(-1, 1);
+ transform: scale(-1, 1);
+ width: 20px;
+}
+
+
+/* Post Navigation */
+
+.post-navigation {
+ font-weight: 800;
+ margin: 3em 0;
+}
+
+.post-navigation .nav-links {
+ padding: 1em 0;
+}
+
+.nav-subtitle {
+ background: transparent;
+ color: #767676;
+ display: block;
+ font-size: 11px;
+ font-size: 0.6875rem;
+ letter-spacing: 0.1818em;
+ margin-bottom: 1em;
+ text-transform: uppercase;
+}
+
+.nav-title {
+ color: #333;
+ font-size: 16px;
+ font-size: 1rem;
+}
+
+.nav-links .nav-next .nav-title .icon,
+.nav-links .nav-previous .nav-title .icon {
+ height: 24px;
+ height: 1.5rem;
+ width: 24px;
+ width: 1.5rem;
+ font-weight: 400;
+}
+
+.post-navigation .nav-next {
+ margin-top: 1.5em;
+}
+
+/*--------------------------------------------------------------
+## Pages
+--------------------------------------------------------------*/
+
+.page-header {
+ padding-bottom: 2em;
+}
+
+.page .entry-header .edit-link {
+ font-size: 14px;
+ font-size: 0.875rem;
+}
+
+.search .page .entry-header .edit-link {
+ font-size: 11px;
+ font-size: 0.6875rem;
+}
+
+.page-links {
+ clear: both;
+ margin: 0 0 1.5em;
+}
+
+/* 404 page */
+
+.error404 .page-content {
+ padding-bottom: 4em;
+}
+
+.error404 .page-content .search-form,
+.search .page-content .search-form {
+ margin-bottom: 3em;
+}
+
+/*--------------------------------------------------------------
+## Footer
+--------------------------------------------------------------*/
+
+.site-footer {
+ border-top: 1px solid #eee;
+}
+
+.site-footer .wrap {
+ padding-bottom: 1.5em;
+ padding-top: 2em;
+}
+
+/* Footer widgets */
+
+.site-footer .widget-area {
+ padding-bottom: 2em;
+ padding-top: 2em;
+}
+
+/* Social nav */
+
+.social-navigation {
+ font-size: 16px;
+ font-size: 1rem;
+ margin-bottom: 1em;
+}
+
+.social-navigation ul {
+ list-style: none;
+ margin-bottom: 0;
+ margin-left: 0;
+}
+
+.social-navigation li {
+ display: inline;
+}
+
+.social-navigation a {
+ background-color: #767676;
+ -webkit-border-radius: 40px;
+ border-radius: 40px;
+ color: #fff;
+ display: inline-block;
+ height: 40px;
+ margin: 0 1em 0.5em 0;
+ text-align: center;
+ width: 40px;
+}
+
+.social-navigation a:hover,
+.social-navigation a:focus {
+ background-color: #333;
+}
+
+.social-navigation .icon {
+ height: 16px;
+ top: 12px;
+ width: 16px;
+ vertical-align: top;
+}
+
+/* Site info */
+
+.site-info {
+ font-size: 14px;
+ font-size: 0.875rem;
+ margin-bottom: 1em;
+}
+
+.site-info a {
+ color: #666;
+}
+
+.site-info .sep {
+ margin: 0;
+ display: block;
+ visibility: hidden;
+ height: 0;
+ width: 100%;
+}
+
+/*--------------------------------------------------------------
+# Comments
+--------------------------------------------------------------*/
+
+#comments {
+ padding: 2em 0 0.5em;
+}
+
+.comments-title {
+ font-size: 20px;
+ font-size: 1.25rem;
+ margin-bottom: 1.5em;
+}
+
+.comment-list,
+.comment-list .children {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+
+.comment-list li:before {
+ display: none;
+}
+
+.comment-body {
+ margin-left: 65px;
+}
+
+.comment-author {
+ font-size: 16px;
+ font-size: 1rem;
+ margin-bottom: 0.4em;
+ position: relative;
+ z-index: 2;
+}
+
+.comment-author .avatar {
+ height: 50px;
+ left: -65px;
+ position: absolute;
+ width: 50px;
+}
+
+.comment-author .says {
+ display: none;
+}
+
+.comment-meta {
+ margin-bottom: 1.5em;
+}
+
+.comment-metadata {
+ color: #767676;
+ font-size: 10px;
+ font-size: 0.625rem;
+ font-weight: 800;
+ letter-spacing: 0.1818em;
+ text-transform: uppercase;
+}
+
+.comment-metadata a {
+ color: #767676;
+}
+
+.comment-metadata a.comment-edit-link {
+ color: #222;
+ margin-left: 1em;
+}
+
+.comment-body {
+ color: #333;
+ font-size: 14px;
+ font-size: 0.875rem;
+ margin-bottom: 4em;
+}
+
+.comment-reply-link {
+ font-weight: 800;
+ position: relative;
+}
+
+.comment-reply-link .icon {
+ color: #222;
+ left: -2em;
+ height: 1em;
+ position: absolute;
+ top: 0;
+ width: 1em;
+}
+
+.children .comment-author .avatar {
+ height: 30px;
+ left: -45px;
+ width: 30px;
+}
+
+.bypostauthor > .comment-body > .comment-meta > .comment-author:before {
+ background: #222;
+ -webkit-border-radius: 20px;
+ border-radius: 20px;
+ border: 1px solid #fff;
+ color: #fff;
+ left: -65px;
+ font-size: 16px;
+ font-size: 1rem;
+ height: 20px;
+ line-height: 1;
+ margin: -6px 0 0 -6px;
+ position: absolute;
+ text-align: center;
+ width: 20px;
+ z-index: 2;
+}
+
+.children .bypostauthor > .comment-body > .comment-meta > .comment-author:before {
+ font-size: 12px;
+ font-size: 0.75rem;
+ height: 16px;
+ left: -45px;
+ width: 16px;
+}
+
+.no-comments,
+.comment-awaiting-moderation {
+ color: #767676;
+ font-size: 14px;
+ font-size: 0.875rem;
+ font-style: italic;
+}
+
+.comments-pagination {
+ margin: 2em 0 3em;
+}
+
+.form-submit {
+ text-align: right;
+}
+
+/*--------------------------------------------------------------
+# Widgets
+--------------------------------------------------------------*/
+
+#secondary {
+ padding: 1em 0 2em;
+}
+
+.widget {
+ padding-bottom: 3em;
+}
+
+h2.widget-title {
+ color: #222;
+ font-size: 13px;
+ font-size: 0.8125rem;
+ font-weight: 800;
+ letter-spacing: 0.1818em;
+ margin-bottom: 1.5em;
+ text-transform: uppercase;
+}
+
+.widget-title a {
+ color: inherit;
+}
+
+/* widget forms */
+
+.widget select {
+ width: 100%;
+}
+
+
+/* widget lists */
+
+.widget ul {
+ list-style: none;
+ margin: 0;
+}
+
+.widget ul li {
+ border-bottom: 1px solid #ddd;
+ border-top: 1px solid #ddd;
+ padding: 0.5em 0;
+}
+
+.widget ul li + li {
+ margin-top: -1px;
+}
+
+.widget ul li ul {
+ margin: 0 0 -1px;
+ padding: 0;
+ position: relative;
+}
+
+.widget ul li li {
+ border: 0;
+ padding-left: 1.5rem;
+}
+
+/* Widget lists of links */
+
+.widget_top-posts ul li ul,
+.widget_rss_links ul li ul,
+.widget-grofile ul.grofile-links li ul,
+.widget_pages ul li ul,
+.widget_meta ul li ul {
+ bottom: 0;
+}
+
+.widget_nav_menu ul li li,
+.widget_top-posts ul li,
+.widget_top-posts ul li li,
+.widget_rss_links ul li,
+.widget_rss_links ul li li,
+.widget-grofile ul.grofile-links li,
+.widget-grofile ul.grofile-links li li {
+ padding-bottom: 0.25em;
+ padding-top: 0.25em;
+}
+
+.widget_rss ul li {
+ padding-bottom: 1em;
+ padding-top: 1em;
+}
+
+/* widget markup */
+
+.widget .post-date,
+.widget .rss-date {
+ font-size: 0.81em;
+}
+
+/* Text widget */
+
+.widget_text {
+ -ms-word-wrap: break-word;
+ word-wrap: break-word;
+}
+
+/* RSS Widget */
+
+.widget_rss .widget-title .rsswidget:first-child {
+ float: right;
+}
+
+.widget_rss .widget-title .rsswidget:first-child:hover {
+ background-color: transparent;
+}
+
+.widget_rss .widget-title .rsswidget:first-child img {
+ display: block;
+}
+
+.widget_rss ul li {
+ padding: 2.125em 0;
+}
+
+.widget_rss ul li:first-child {
+ border-top: none;
+ padding-top: 0;
+}
+
+.widget_rss li .rsswidget {
+ font-size: 22px;
+ font-size: 1.375rem;
+ font-weight: 300;
+ line-height: 1.4;
+}
+
+.widget_rss .rss-date,
+.widget_rss li cite {
+ color: #767676;
+ display: block;
+ font-size: 10px;
+ font-size: 0.625rem;
+ font-style: normal;
+ font-weight: 800;
+ letter-spacing: 0.18em;
+ line-height: 1.5;
+ text-transform: uppercase;
+}
+
+.widget_rss .rss-date {
+ margin: 0.5em 0 1.5em;
+ padding: 0;
+}
+
+.widget_rss .rssSummary {
+ margin-bottom: 0.5em;
+}
+
+/* Contact Info Widget */
+
+.widget_contact_info .contact-map {
+ margin-bottom: 0.5em;
+}
+
+/* Gravatar */
+
+.widget-grofile h4 {
+ font-size: 16px;
+ font-size: 1rem;
+ margin-bottom: 0;
+}
+
+/* Recent Comments */
+
+.widget_recent_comments table,
+.widget_recent_comments th,
+.widget_recent_comments td {
+ border: 0;
+}
+
+/* Recent Posts widget */
+
+.widget_recent_entries .post-date {
+ display: block;
+}
+
+/* Search */
+
+.search-form {
+ position: relative;
+}
+
+.search-form .search-submit {
+ bottom: 3px;
+ padding: 0.5em 1em;
+ position: absolute;
+ right: 3px;
+ top: 3px;
+}
+
+.search-form .search-submit .icon {
+ height: 24px;
+ height: 1.5rem;
+ top: -2px;
+ width: 24px;
+ width: 1.5rem;
+}
+
+/* Tag cloud widget */
+
+.tagcloud,
+.widget_tag_cloud,
+.wp_widget_tag_cloud {
+ line-height: 1.5;
+}
+
+.widget .tagcloud a,
+.widget.widget_tag_cloud a,
+.wp_widget_tag_cloud a {
+ border: 1px solid #ddd;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ display: inline-block;
+ float: left;
+ font-size: 14px !important; /* !important to overwrite inline styles */
+ font-size: 0.875rem !important;
+ margin: 4px 4px 0 0 !important;
+ padding: 4px 10px 5px !important;
+ position: relative;
+ -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
+ transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
+ width: auto;
+ -ms-word-wrap: break-word;
+ word-wrap: break-word;
+ z-index: 0;
+}
+
+.widget .tagcloud a:hover,
+.widget .tagcloud a:focus,
+.widget.widget_tag_cloud a:hover,
+.widget.widget_tag_cloud a:focus,
+.wp_widget_tag_cloud a:hover,
+.wp_widget_tag_cloud a:focus {
+ border-color: #bbb;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ text-decoration: none;
+}
+
+/* Calendar widget */
+
+.widget_calendar th,
+.widget_calendar td {
+ text-align: center;
+}
+
+.widget_calendar tfoot td {
+ border: 0;
+}
+
+/*--------------------------------------------------------------
+# Media
+--------------------------------------------------------------*/
+
+img {
+ height: auto; /* Make sure images are scaled correctly. */
+ max-width: 100%; /* Adhere to container width. */
+}
+
+img.alignleft,
+img.alignright {
+ float: none;
+ margin: 0;
+}
+
+.page-content .wp-smiley,
+.entry-content .wp-smiley,
+.comment-content .wp-smiley {
+ border: none;
+ margin-bottom: 0;
+ margin-top: 0;
+ padding: 0;
+}
+
+/* Make sure embeds and iframes fit their containers. */
+
+embed,
+iframe,
+object {
+ margin-bottom: 1.5em;
+ max-width: 100%;
+}
+
+.wp-caption,
+.gallery-caption {
+ color: #666;
+ font-size: 13px;
+ font-size: 0.8125rem;
+ font-style: italic;
+ margin-bottom: 1.5em;
+ max-width: 100%;
+}
+
+.wp-caption img[class*="wp-image-"] {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.wp-caption .wp-caption-text {
+ margin: 0.8075em 0;
+}
+
+/* Media Elements */
+
+.mejs-container {
+ margin-bottom: 1.5em;
+}
+
+/* Audio Player */
+
+.mejs-controls a.mejs-horizontal-volume-slider,
+.mejs-controls a.mejs-horizontal-volume-slider:focus,
+.mejs-controls a.mejs-horizontal-volume-slider:hover {
+ background: transparent;
+ border: 0;
+}
+
+/* Playlist Color Overrides: Light */
+
+.site-content .wp-playlist-light {
+ border-color: #eee;
+ color: #222;
+}
+
+.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album {
+ color: #333;
+}
+
+.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist {
+ color: #767676;
+}
+
+.site-content .wp-playlist-light .wp-playlist-item {
+ border-bottom: 1px dotted #eee;
+ -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
+ transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
+}
+
+.site-content .wp-playlist-light .wp-playlist-item:hover,
+.site-content .wp-playlist-light .wp-playlist-item:focus {
+ border-bottom-color: rgba(0, 0, 0, 0);
+ background-color: #767676;
+ color: #fff;
+}
+
+.site-content .wp-playlist-light a.wp-playlist-caption:hover,
+.site-content .wp-playlist-light .wp-playlist-item:hover a,
+.site-content .wp-playlist-light .wp-playlist-item:focus a {
+ color: #fff;
+}
+
+/* Playlist Color Overrides: Dark */
+
+.site-content .wp-playlist-dark {
+ background: #222;
+ border-color: #333;
+}
+
+.site-content .wp-playlist-dark .mejs-container .mejs-controls {
+ background-color: #333;
+}
+
+.site-content .wp-playlist-dark .wp-playlist-caption {
+ color: #fff;
+}
+
+.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-album {
+ color: #eee;
+}
+
+.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-artist {
+ color: #aaa;
+}
+
+.site-content .wp-playlist-dark .wp-playlist-playing {
+ background-color: #333;
+}
+
+.site-content .wp-playlist-dark .wp-playlist-item {
+ border-bottom: 1px dotted #555;
+ -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
+ transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
+}
+
+.site-content .wp-playlist-dark .wp-playlist-item:hover,
+.site-content .wp-playlist-dark .wp-playlist-item:focus {
+ border-bottom-color: rgba(0, 0, 0, 0);
+ background-color: #aaa;
+ color: #222;
+}
+
+.site-content .wp-playlist-dark a.wp-playlist-caption:hover,
+.site-content .wp-playlist-dark .wp-playlist-item:hover a,
+.site-content .wp-playlist-dark .wp-playlist-item:focus a {
+ color: #222;
+}
+
+/* Playlist Style Overrides */
+
+.site-content .wp-playlist {
+ padding: 0.625em 0.625em 0.3125em;
+}
+
+.site-content .wp-playlist-current-item .wp-playlist-item-title {
+ font-weight: 700;
+}
+
+.site-content .wp-playlist-current-item .wp-playlist-item-album {
+ font-style: normal;
+}
+
+.site-content .wp-playlist-current-item .wp-playlist-item-artist {
+ font-size: 10px;
+ font-size: 0.625rem;
+ font-weight: 800;
+ letter-spacing: 0.1818em;
+ text-transform: uppercase;
+}
+
+.site-content .wp-playlist-item {
+ padding: 0 0.3125em;
+ cursor: pointer;
+}
+
+.site-content .wp-playlist-item:last-of-type {
+ border-bottom: none;
+}
+
+.site-content .wp-playlist-item a {
+ padding: 0.3125em 0;
+ border-bottom: none;
+}
+
+.site-content .wp-playlist-item a,
+.site-content .wp-playlist-item a:focus,
+.site-content .wp-playlist-item a:hover {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: transparent;
+}
+
+.site-content .wp-playlist-item-length {
+ top: 5px;
+}
+
+/* SVG Icons base styles */
+
+.icon {
+ display: inline-block;
+ fill: currentColor;
+ height: 1em;
+ position: relative; /* Align more nicely with capital letters */
+ top: -0.0625em;
+ vertical-align: middle;
+ width: 1em;
+}
+
+/*--------------------------------------------------------------
+## Galleries
+--------------------------------------------------------------*/
+
+.gallery-item {
+ display: inline-block;
+ text-align: left;
+ vertical-align: top;
+ margin: 0 0 1.5em;
+ padding: 0 1em 0 0;
+ width: 50%;
+}
+
+.gallery-columns-1 .gallery-item {
+ width: 100%;
+}
+
+.gallery-columns-2 .gallery-item {
+ max-width: 50%;
+}
+
+.gallery-item a,
+.gallery-item a:hover,
+.gallery-item a:focus {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: none;
+ display: inline-block;
+}
+
+.gallery-item a img {
+ display: block;
+ -webkit-transition: -webkit-filter 0.2s ease-in;
+ transition: -webkit-filter 0.2s ease-in;
+ transition: filter 0.2s ease-in;
+ transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+}
+
+.gallery-item a:hover img,
+.gallery-item a:focus img {
+ -webkit-filter: opacity(60%);
+ filter: opacity(60%);
+}
+
+.gallery-caption {
+ display: block;
+ text-align: left;
+ padding: 0 10px 0 0;
+ margin-bottom: 0;
+}
+
+/*--------------------------------------------------------------
+# Customizer
+--------------------------------------------------------------*/
+
+/* Hide this until we're in the Customizer */
+
+.twentyseventeen-panel-title {
+ display: none;
+}
+
+.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel {
+ /* Colour-code all panels (add 1 to account for #twentyseventeen-hero, so 2 is actually panel 1)*/
+}
+
+.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:after {
+ border: 2px dashed;
+ bottom: 1em;
+ content: "";
+ display: block;
+ left: 1em;
+ position: absolute;
+ right: 1em;
+ top: 1em;
+}
+
+.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .twentyseventeen-panel-title {
+ color: #fff;
+ display: inline-block;
+ font-size: 14px;
+ font-size: 0.875rem;
+ font-weight: 700;
+ letter-spacing: 1px;
+ padding: 5px 10px;
+ position: absolute;
+ right: 3.2em;
+ text-transform: uppercase;
+ top: 3.2em;
+ -webkit-transform: translate(3px, -3px);
+ -ms-transform: translate(3px, -3px);
+ transform: translate(3px, -3px);
+ z-index: 3;
+}
+
+.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:nth-of-type(1):after {
+ border: none;
+}
+
+.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:nth-of-type(2) .twentyseventeen-panel-title {
+ background: #b569a2;
+}
+
+.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:nth-of-type(2):after {
+ border-color: #b569a2;
+ color: #b569a2;
+}
+
+.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:nth-of-type(3) .twentyseventeen-panel-title {
+ background: #8f68bd;
+}
+
+.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:nth-of-type(3):after {
+ border-color: #8f68bd;
+ color: #8f68bd;
+}
+
+.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:nth-of-type(4) .twentyseventeen-panel-title {
+ background: #575ebd;
+}
+
+.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:nth-of-type(4):after {
+ border-color: #575ebd;
+ color: #575ebd;
+}
+
+/* Add a highlight class to improve Customizer behaviour */
+
+@-webkit-keyframes flash {
+
+ 0%,
+ 20%,
+ 40%,
+ 60%,
+ 80%,
+ 100% {
+ opacity: 1;
+ }
+
+ 10%,
+ 30%,
+ 50%,
+ 70%,
+ 90% {
+ opacity: 0;
+ }
+}
+
+@keyframes flash {
+
+ 0%,
+ 20%,
+ 40%,
+ 60%,
+ 80%,
+ 100% {
+ opacity: 1;
+ }
+
+ 10%,
+ 30%,
+ 50%,
+ 70%,
+ 90% {
+ opacity: 0;
+ }
+}
+
+article.panel-placeholder {
+ display: none;
+}
+
+.twentyseventeen-front-page.twentyseventeen-customizer #primary article.panel-placeholder {
+ border: 0;
+}
+
+.twentyseventeen-customizer .panel-placeholder.twentyseventeen-highlight {
+ display: block;
+ height: 112px;
+}
+
+.twentyseventeen-highlight:after {
+ -webkit-animation-duration: 2s;
+ animation-duration: 2s;
+ -webkit-animation-name: flash;
+ animation-name: flash;
+ -webkit-animation-timing-function: ease-in-out;
+ animation-timing-function: ease-in-out;
+ -webkit-animation-fill-mode: both;
+ animation-fill-mode: both;
+}
+
+/*--------------------------------------------------------------
+## SVGs Fallbacks
+--------------------------------------------------------------*/
+
+.svg-fallback {
+ display: none;
+}
+
+.no-svg .svg-fallback {
+ display: inline-block;
+}
+
+.no-svg .dropdown-toggle .svg-fallback.icon-expand {
+ font-size: 16px;
+ font-size: 1em;
+ font-weight: 400;
+ line-height: 2.5em;
+ position: absolute;
+ top: 8px;
+ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
+ -ms-transform: rotate(180deg); /* IE 9 */
+ transform: rotate(180deg);
+}
+
+.no-svg .dropdown-toggle.toggled-on .svg-fallback.icon-expand {
+ -webkit-transform: rotate(0); /* Chrome, Safari, Opera */
+ -ms-transform: rotate(0); /* IE 9 */
+ transform: rotate(0);
+}
+
+.no-svg .dropdown-toggle .svg-fallback.icon-expand:before {
+ content: "\005E";
+ display: block;
+ height: 25px;
+ text-align: center;
+ width: 20px;
+}
+
+/* Social Menu fallbacks */
+
+.no-svg .social-navigation a {
+ background: transparent;
+ color: #222;
+ height: auto;
+ width: auto;
+}
+
+/* Show screen reader text in some cases */
+
+.no-svg .next.page-numbers .screen-reader-text,
+.no-svg .prev.page-numbers .screen-reader-text,
+.no-svg .social-navigation li a .screen-reader-text,
+.no-svg .search-submit .screen-reader-text {
+ clip: auto;
+ font-size: 16px;
+ font-size: 1rem;
+ font-weight: 400;
+ height: auto;
+ position: relative !important; /* overrides previous !important styles */
+ width: auto;
+}
+
+/*--------------------------------------------------------------
+## Media Queries
+--------------------------------------------------------------*/
+
+@media screen and (min-width: 30em) {
+
+ /* Typography */
+
+ body,
+ button,
+ input,
+ select,
+ textarea {
+ font-size: 18px;
+ font-size: 1.125rem;
+ }
+
+ h1 {
+ font-size: 30px;
+ font-size: 1.875rem;
+ }
+
+ h2,
+ .page .panel-content .recent-posts .entry-title {
+ font-size: 26px;
+ font-size: 1.625rem;
+ }
+
+ h3 {
+ font-size: 22px;
+ font-size: 1.375rem;
+ }
+
+ h4 {
+ font-size: 18px;
+ font-size: 1.125rem;
+ }
+
+ h5 {
+ font-size: 13px;
+ font-size: 0.8125rem;
+ }
+
+ h6 {
+ font-size: 16px;
+ font-size: 1rem;
+ }
+
+ .entry-content blockquote.alignleft,
+ .entry-content blockquote.alignright {
+ font-size: 14px;
+ font-size: 0.875rem;
+ }
+
+ /* Fix image alignment */
+ img.alignleft {
+ float: left;
+ margin-right: 1.5em;
+ }
+
+ img.alignright {
+ float: right;
+ margin-left: 1.5em;
+ }
+
+ /* Site Branding */
+
+ .site-branding {
+ padding: 3em 0;
+ }
+
+ /* Front Page */
+
+ .panel-content .wrap {
+ padding-bottom: 2em;
+ padding-top: 3.5em;
+ }
+
+ .page-one-column .panel-content .wrap {
+ max-width: 740px;
+ }
+
+ .panel-content .entry-header {
+ margin-bottom: 4.5em;
+ }
+
+ .panel-content .recent-posts .entry-header {
+ margin-bottom: 0;
+ }
+
+ /* Blog Index, Archive, Search */
+
+ .taxonomy-description {
+ font-size: 14px;
+ font-size: 0.875rem;
+ }
+
+
+ /* Site Footer */
+
+ .site-footer {
+ font-size: 16px;
+ font-size: 1rem;
+ }
+
+ /* Gallery Columns */
+
+ .gallery-item {
+ max-width: 25%;
+ }
+
+ .gallery-columns-1 .gallery-item {
+ max-width: 100%;
+ }
+
+ .gallery-columns-2 .gallery-item {
+ max-width: 50%;
+ }
+
+ .gallery-columns-3 .gallery-item {
+ max-width: 33.33%;
+ }
+
+ .gallery-columns-4 .gallery-item {
+ max-width: 25%;
+ }
+}
+
+@media screen and (min-width: 48em) {
+
+ /* Typography */
+
+ body,
+ button,
+ input,
+ select,
+ textarea {
+ font-size: 16px;
+ font-size: 1rem;
+ line-height: 1.5;
+ }
+
+ .entry-content blockquote.alignleft,
+ .entry-content blockquote.alignright {
+ font-size: 13px;
+ font-size: 0.8125rem;
+ }
+
+ /* Layout */
+
+ .wrap {
+ max-width: 1000px;
+ }
+
+ .has-sidebar:not(.error404) #primary {
+ float: left;
+ width: 58%;
+ }
+
+ .has-sidebar #secondary {
+ float: right;
+ padding-top: 0;
+ width: 36%;
+ }
+
+ .error404 #primary {
+ float: none;
+ }
+
+ /* Site Branding */
+
+ .site-branding {
+ margin-bottom: 0;
+ }
+
+ .has-header-image.twentyseventeen-front-page .site-branding,
+ .has-header-image.home.blog .site-branding {
+ bottom: 0;
+ padding-top: 0;
+ position: absolute;
+ width: 100%;
+ }
+
+ .has-header-image.twentyseventeen-front-page .custom-header,
+ .has-header-image.home.blog .custom-header {
+ display: block;
+ min-height: 0;
+ }
+
+ .custom-header-image {
+ height: 165px;
+ position: relative;
+ }
+
+ .has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-image {
+ bottom: 0;
+ height: auto;
+ left: 0;
+ position: absolute;
+ right: 0;
+ top: 0;
+ }
+
+ .twentyseventeen-front-page.has-header-image .custom-header-image,
+ .home.blog.has-header-image .custom-header-image {
+ height: 0;
+ padding-top: 66%;
+ position: relative;
+ }
+
+ .custom-logo-link {
+ padding-right: 2em;
+ }
+
+ .custom-logo-link img,
+ body.home.title-tagline-hidden.has-header-image .custom-logo-link img {
+ max-width: 350px;
+ }
+
+ .title-tagline-hidden.home.has-header-image .custom-logo-link img {
+ max-height: 200px;
+ }
+
+ .site-title {
+ font-size: 36px;
+ font-size: 2.25rem;
+ }
+
+ .site-description {
+ font-size: 16px;
+ font-size: 1rem;
+ }
+
+ /* Navigation */
+
+ .navigation-top {
+ bottom: 0;
+ font-size: 14px;
+ font-size: 0.875rem;
+ left: 0;
+ position: absolute;
+ right: 0;
+ width: 100%;
+ z-index: 3;
+ }
+
+ .navigation-top .wrap {
+ max-width: 1000px;
+ /* The font size is 14px here and we need 50px padding in ems */
+ padding: 0.75em 3.4166666666667em;
+ }
+
+ .navigation-top nav {
+ margin-left: -1.25em;
+ }
+
+ .site-navigation-fixed.navigation-top {
+ bottom: auto;
+ position: fixed;
+ left: 0;
+ right: 0;
+ top: 0;
+ width: 100%;
+ z-index: 7;
+ }
+
+ .admin-bar .site-navigation-fixed.navigation-top {
+ top: 32px;
+ }
+
+ /* Main Navigation */
+
+ .js .menu-toggle,
+ .js .dropdown-toggle {
+ display: none;
+ }
+
+ .main-navigation {
+ width: auto;
+ }
+
+ .js .main-navigation ul,
+ .js .main-navigation ul ul,
+ .js .main-navigation > div > ul {
+ display: block;
+ }
+
+ .main-navigation ul {
+ background: transparent;
+ padding: 0;
+ }
+
+ .main-navigation > div > ul {
+ border: 0;
+ margin-bottom: 0;
+ padding: 0;
+ }
+
+ .main-navigation li {
+ border: 0;
+ display: inline-block;
+ }
+
+ .main-navigation li li {
+ display: block;
+ }
+
+ .main-navigation a {
+ padding: 1em 1.25em;
+ }
+
+ .main-navigation ul ul {
+ background: #fff;
+ border: 1px solid #bbb;
+ left: -999em;
+ padding: 0;
+ position: absolute;
+ top: 100%;
+ z-index: 99999;
+ }
+
+ .main-navigation ul li.menu-item-has-children:before,
+ .main-navigation ul li.menu-item-has-children:after,
+ .main-navigation ul li.page_item_has_children:before,
+ .main-navigation ul li.page_item_has_children:after {
+ border-style: solid;
+ border-width: 0 6px 6px;
+ content: "";
+ display: none;
+ height: 0;
+ position: absolute;
+ right: 1em;
+ bottom: -1px;
+ width: 0;
+ z-index: 100000;
+ }
+
+ .main-navigation ul li.menu-item-has-children.focus:before,
+ .main-navigation ul li.menu-item-has-children:hover:before,
+ .main-navigation ul li.menu-item-has-children.focus:after,
+ .main-navigation ul li.menu-item-has-children:hover:after,
+ .main-navigation ul li.page_item_has_children.focus:before,
+ .main-navigation ul li.page_item_has_children:hover:before,
+ .main-navigation ul li.page_item_has_children.focus:after,
+ .main-navigation ul li.page_item_has_children:hover:after {
+ display: block;
+ }
+
+ .main-navigation ul li.menu-item-has-children:before,
+ .main-navigation ul li.page_item_has_children:before {
+ border-color: transparent transparent #bbb;
+ bottom: 0;
+ }
+
+ .main-navigation ul li.menu-item-has-children:after,
+ .main-navigation ul li.page_item_has_children:after {
+ border-color: transparent transparent #fff;
+ }
+
+ .main-navigation ul ul li:hover > ul,
+ .main-navigation ul ul li.focus > ul {
+ left: 100%;
+ right: auto;
+ }
+
+ .main-navigation ul ul a {
+ padding: 0.75em 1.25em;
+ width: 16em;
+ }
+
+ .main-navigation li li {
+ -webkit-transition: background-color 0.2s ease-in-out;
+ transition: background-color 0.2s ease-in-out;
+ }
+
+ .main-navigation li li:hover,
+ .main-navigation li li.focus {
+ background: #767676;
+ }
+
+ .main-navigation li li a {
+ -webkit-transition: color 0.3s ease-in-out;
+ transition: color 0.3s ease-in-out;
+ }
+
+ .main-navigation li li.focus > a,
+ .main-navigation li li:focus > a,
+ .main-navigation li li:hover > a,
+ .main-navigation li li a:hover,
+ .main-navigation li li a:focus,
+ .main-navigation li li.current_page_item a:hover,
+ .main-navigation li li.current-menu-item a:hover,
+ .main-navigation li li.current_page_item a:focus,
+ .main-navigation li li.current-menu-item a:focus {
+ color: #fff;
+ }
+
+ .main-navigation ul li:hover > ul,
+ .main-navigation ul li.focus > ul {
+ left: 0.5em;
+ right: auto;
+ }
+
+ .main-navigation .menu-item-has-children > a > .icon,
+ .main-navigation .page_item_has_children > a > .icon {
+ display: inline;
+ left: 5px;
+ position: relative;
+ top: -2px;
+ }
+
+ .main-navigation ul ul .menu-item-has-children > a > .icon,
+ .main-navigation ul ul .page_item_has_children > a > .icon {
+ margin-top: -9px;
+ left: auto;
+ position: absolute;
+ right: 1em;
+ top: 50%;
+ -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
+ -ms-transform: rotate(-90deg); /* IE 9 */
+ transform: rotate(-90deg);
+ }
+
+ .main-navigation ul ul ul {
+ left: -999em;
+ margin-top: -1px;
+ top: 0;
+ }
+
+ .main-navigation ul ul li.menu-item-has-children.focus:before,
+ .main-navigation ul ul li.menu-item-has-children:hover:before,
+ .main-navigation ul ul li.menu-item-has-children.focus:after,
+ .main-navigation ul ul li.menu-item-has-children:hover:after,
+ .main-navigation ul ul li.page_item_has_children.focus:before,
+ .main-navigation ul ul li.page_item_has_children:hover:before,
+ .main-navigation ul ul li.page_item_has_children.focus:after,
+ .main-navigation ul ul li.page_item_has_children:hover:after {
+ display: none;
+ }
+
+ .site-navigation-fixed.navigation-top .menu-scroll-down {
+ display: none;
+ }
+
+ /* Scroll down arrow */
+
+ .navigation-top .menu-scroll-down {
+ color: #767676;
+ display: block;
+ padding: 0.5em 0.5em 0.4em;
+ position: absolute;
+ right: 0;
+ top: 0.9em;
+ -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
+ -ms-transform: rotate(90deg); /* IE 9 */
+ transform: rotate(90deg);
+ }
+
+ .menu-scroll-down:focus {
+ outline: thin dotted;
+ }
+
+ .menu-scroll-down .icon {
+ height: 32px;
+ height: 2rem;
+ width: 32px;
+ width: 2rem;
+ }
+
+ /* Front Page */
+
+ .twentyseventeen-front-page.has-header-image .site-branding,
+ .home.blog.has-header-image .site-branding {
+ margin-bottom: 70px;
+ }
+
+ .twentyseventeen-front-page.has-header-image .custom-header-image,
+ .home.blog.has-header-image .custom-header-image {
+ height: 1200px;
+ height: 100vh;
+ max-height: 100%;
+ padding: 10% 0;
+ }
+
+ .twentyseventeen-front-page.has-header-image .custom-header-image:before,
+ .home.blog.has-header-image .custom-header-image:before {
+ height: 33%;
+ }
+
+ .admin-bar.twentyseventeen-front-page.has-header-image .custom-header-image,
+ .admin-bar.home.blog.has-header-image .custom-header-image {
+ height: calc(100vh - 32px);
+ }
+
+ .panel-content .wrap {
+ padding-bottom: 4.5em;
+ padding-top: 6em;
+ }
+
+ .panel-image {
+ height: 100vh;
+ max-height: 1200px;
+ }
+
+ .page-two-column .panel-content .entry-header {
+ float: left;
+ width: 36%;
+ }
+
+ .page-two-column .panel-content .entry-content {
+ float: right;
+ width: 58%;
+ }
+
+ /* Front Page - Recent Posts */
+
+ .page-two-column .panel-content .recent-posts {
+ clear: right;
+ float: right;
+ width: 58%;
+ }
+
+ .panel-content .recent-posts article {
+ margin-bottom: 4em;
+ }
+
+ .panel-content .recent-posts .entry-header,
+ .page-two-column #primary .panel-content .recent-posts .entry-header,
+ .panel-content .recent-posts .entry-content,
+ .page-two-column #primary .panel-content .recent-posts .entry-content {
+ float: none;
+ width: 100%;
+ }
+
+ .panel-content .recent-posts .entry-header {
+ margin-bottom: 1.5em;
+ }
+
+ .page .panel-content .recent-posts .entry-title {
+ font-size: 26px;
+ font-size: 1.625rem;
+ }
+
+ /* Posts */
+
+ .site-content {
+ padding: 6.5em 0 0;
+ }
+
+ .single-post .entry-title,
+ .page .entry-title {
+ font-size: 26px;
+ font-size: 1.625rem;
+ }
+
+ .comments-pagination,
+ .post-navigation {
+ clear: both;
+ }
+
+ .post-navigation .nav-previous {
+ float: left;
+ width: 50%;
+ }
+
+ .post-navigation .nav-next {
+ float: right;
+ text-align: right;
+ width: 50%;
+ }
+
+ .nav-next,
+ .post-navigation .nav-next {
+ margin-top: 0;
+ }
+
+ /* Blog, archive, search */
+
+ .sticky .icon {
+ height: 32px;
+ left: -2.5em;
+ top: 1.5em;
+ width: 32px;
+ }
+
+ body:not(.has-sidebar) .page-header,
+ body.has-sidebar.error404 #primary .page-header,
+ body.page-two-column #primary .entry-header {
+ float: left;
+ width: 36%;
+ }
+
+ .blog:not(.has-sidebar) #primary article,
+ .archive:not(.has-sidebar) #primary article,
+ .search:not(.has-sidebar) #primary article,
+ .error404:not(.has-sidebar) #primary .page-content,
+ .error404.has-sidebar #primary .page-content,
+ body.page-two-column #primary .entry-content {
+ float: right;
+ width: 58%;
+ }
+
+ .blog .site-main > article,
+ .archive .site-main > article,
+ .search .site-main > article {
+ padding-bottom: 4em;
+ }
+
+ .navigation.pagination {
+ clear: both;
+ float: right;
+ width: 58%;
+ }
+
+ .has-sidebar .navigation.pagination {
+ float: none;
+ width: 100%;
+ }
+
+ .entry-footer {
+ display: table;
+ width: 100%;
+ }
+
+ .entry-footer .cat-tags-links {
+ display: table-cell;
+ vertical-align: middle;
+ width: 100%;
+ }
+
+ .entry-footer .edit-link {
+ display: table-cell;
+ text-align: right;
+ vertical-align: middle;
+ }
+
+ .entry-footer .edit-link a.post-edit-link {
+ margin-top: 0;
+ margin-left: 1em;
+ }
+
+ /* Entry content */
+
+ /* without sidebar */
+
+ :not(.has-sidebar) .entry-content blockquote.alignleft {
+ margin-left: -17.5%;
+ width: 48%;
+ }
+
+ :not(.has-sidebar) .entry-content blockquote.alignright {
+ margin-right: -17.5%;
+ width: 48%;
+ }
+
+ /* with sidebar */
+
+ .has-sidebar .entry-content blockquote.alignleft {
+ margin-left: 0;
+ width: 34%;
+ }
+
+ .has-sidebar .entry-content blockquote.alignright {
+ margin-right: 0;
+ width: 34%;
+ }
+
+ .has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta {
+ margin-right: -72.5%;
+ width: 62%;
+ }
+
+ /* blog and archive */
+
+ .blog:not(.has-sidebar) .entry-content blockquote.alignleft,
+ .twentyseventeen-front-page.page-two-column .entry-content blockquote.alignleft,
+ .archive:not(.has-sidebar) .entry-content blockquote.alignleft,
+ .page-two-column .entry-content blockquote.alignleft {
+ margin-left: -72.5%;
+ width: 62%;
+ }
+
+ .blog:not(.has-sidebar) .entry-content blockquote.alignright,
+ .twentyseventeen-front-page.page-two-column .entry-content blockquote.alignright,
+ .archive:not(.has-sidebar) .entry-content blockquote.alignright,
+ .page-two-column .entry-content blockquote.alignright {
+ margin-right: 0;
+ width: 36%;
+ }
+
+ /* Post formats */
+
+ .format-quote blockquote .icon {
+ left: -1.5em;
+ }
+
+ /* Pages */
+
+ .page-one-column .entry-header {
+ margin-bottom: 4em;
+ }
+
+ /* 404 page */
+
+ .error404 .page-content {
+ padding-bottom: 9em;
+ }
+
+ /* Comments */
+
+ #comments {
+ padding-top: 5em;
+ }
+
+ .comments-title {
+ margin-bottom: 2.5em;
+ }
+
+ ol.children .children {
+ padding-left: 2em;
+ }
+
+ /* Posts pagination */
+
+ .nav-links .nav-title {
+ position: relative;
+ }
+
+ .nav-title-icon-wrapper {
+ position: absolute;
+ text-align: center;
+ width: 2em;
+ }
+
+ .nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
+ left: -2em;
+ }
+
+ .nav-links .nav-next .nav-title .nav-title-icon-wrapper {
+ right: -2em;
+ }
+
+ /* Secondary */
+
+ #secondary {
+ font-size: 14px;
+ font-size: 0.875rem;
+ line-height: 1.6;
+ }
+
+ /* Widgets */
+
+ h2.widget-title {
+ font-size: 11px;
+ font-size: 0.6875rem;
+ margin-bottom: 2em;
+ }
+
+ /* Footer */
+
+ .site-footer {
+ font-size: 14px;
+ font-size: 0.875rem;
+ line-height: 1.6;
+ margin-top: 3em;
+ }
+
+ .site-footer .widget-column.footer-widget-1 {
+ float: left;
+ width: 36%;
+ }
+
+ .site-footer .widget-column.footer-widget-2 {
+ float: right;
+ width: 58%;
+ }
+
+ .social-navigation {
+ clear: left;
+ float: left;
+ margin-bottom: 0;
+ width: 36%;
+ }
+
+ .site-info {
+ float: left;
+ padding: 0.7em 0 0;
+ width: 58%;
+ }
+
+ .social-navigation + .site-info {
+ margin-left: 6%;
+ }
+
+ .site-info .sep {
+ margin: 0 0.5em;
+ display: inline;
+ visibility: visible;
+ height: auto;
+ width: auto;
+ }
+
+ /* Gallery Columns */
+
+ .gallery-columns-5 .gallery-item {
+ max-width: 20%;
+ }
+
+ .gallery-columns-6 .gallery-item {
+ max-width: 16.66%;
+ }
+
+ .gallery-columns-7 .gallery-item {
+ max-width: 14.28%;
+ }
+
+ .gallery-columns-8 .gallery-item {
+ max-width: 12.5%;
+ }
+
+ .gallery-columns-9 .gallery-item {
+ max-width: 11.11%;
+ }
+}
+
+@media screen and ( min-width: 55em ) {
+
+ .twentyseventeen-front-page.has-header-image .custom-header-image,
+ .home.blog.has-header-image .custom-header-image {
+ background-attachment: fixed;
+ }
+
+ .panel-image {
+ background-attachment: fixed;
+ }
+}
+
+@media screen and ( min-width: 67em ) {
+
+ /* Layout */
+
+ /* Navigation */
+ .navigation-top .wrap {
+ padding: 0.75em 2em;
+ }
+
+ .navigation-top nav {
+ margin-left: 0;
+ }
+
+ /* Sticky posts */
+
+ .sticky .icon-pinned {
+ font-size: 32px;
+ font-size: 2rem;
+ height: 32px;
+ left: -1.25em;
+ top: 0.75em;
+ width: 32px;
+ }
+
+ /* Comments */
+
+ .comment-body {
+ margin-left: 0;
+ }
+}
+
+@media screen and ( min-width: 79em ) {
+
+ .has-sidebar .entry-content blockquote.alignleft {
+ margin-left: -20%;
+ }
+
+ .blog:not(.has-sidebar) .entry-content blockquote.alignright,
+ .archive:not(.has-sidebar) .entry-content blockquote.alignright,
+ .page-two-column .entry-content blockquote.alignright,
+ .twentyseventeen-front-page .entry-content blockquote.alignright {
+ margin-right: -20%;
+ }
+}
+
+@media screen and ( max-width: 48.875em ) and ( min-width: 48em ) {
+
+ .admin-bar .site-navigation-fixed.navigation-top,
+ .admin-bar .site-navigation-hidden.navigation-top {
+ top: 46px;
+ }
+}
+
+/*--------------------------------------------------------------
+# Print
+--------------------------------------------------------------*/
+
+@media print {
+
+ /* Hide elements */
+
+ form,
+ button,
+ input,
+ select,
+ textarea,
+ .navigation-top,
+ .social-navigation,
+ #secondary,
+ .content-bottom-widgets,
+ .header-image,
+ .panel-image-prop,
+ .icon-pinned,
+ .page-links,
+ .edit-link,
+ .post-navigation,
+ .pagination.navigation,
+ .comments-pagination,
+ .comment-respond,
+ .comment-edit-link,
+ .comment-reply-link,
+ .comment-metadata .edit-link,
+ .pingback .edit-link,
+ .site-footer aside.widget-area,
+ .site-info {
+ display: none !important;
+ }
+
+ .entry-footer,
+ #comments,
+ .site-footer,
+ .single-featured-image-header {
+ border: 0;
+ }
+
+ /* Font sizes */
+
+ body {
+ font-size: 12pt;
+ }
+
+ h1 {
+ font-size: 24pt;
+ }
+
+ h2 {
+ font-size: 22pt;
+ }
+
+ h3 {
+ font-size: 17pt;
+ }
+
+ h4 {
+ font-size: 12pt;
+ }
+
+ h5 {
+ font-size: 11pt;
+ }
+
+ h6 {
+ font-size: 12pt;
+ }
+
+ .page .panel-content .entry-title,
+ .page-title,
+ body.page:not(.twentyseventeen-front-page) .entry-title {
+ font-size: 10pt;
+ }
+
+ /* Layout */
+
+ .wrap {
+ padding-left: 5% !important;
+ padding-right: 5% !important;
+ max-width: none;
+ }
+
+ /* Site Branding */
+
+ .site-header {
+ background: transparent;
+ padding: 0;
+ }
+
+ .custom-header-image {
+ padding: 0;
+ }
+
+ .twentyseventeen-front-page.has-header-image .site-branding,
+ .home.blog.has-header-image .site-branding {
+ position: relative;
+ }
+
+ .site-branding {
+ margin-top: 0;
+ margin-bottom: 1.75em !important; /* override styles added by JavaScript */
+ }
+
+ .site-title {
+ font-size: 25pt;
+ }
+
+ .site-description {
+ font-size: 12pt;
+ opacity: 1;
+ }
+
+ /* Posts */
+
+ .single-featured-image-header {
+ background: transparent;
+ }
+
+ .entry-meta {
+ font-size: 9pt;
+ }
+
+ /* Colors */
+
+ body,
+ .site {
+ background: none !important; /* Brute force since user agents all print differently. */
+ }
+
+ body,
+ a,
+ .site-title a,
+ .twentyseventeen-front-page.has-header-image .site-title,
+ .twentyseventeen-front-page.has-header-image .site-title a {
+ color: #222 !important; /* Make sure color schemes don't affect to print */
+ }
+
+ h2,
+ h5,
+ blockquote,
+ .site-description,
+ .twentyseventeen-front-page.has-header-image .site-description,
+ .entry-meta,
+ .entry-meta a {
+ color: #777 !important; /* Make sure color schemes don't affect to print */
+ }
+
+ .entry-content blockquote.alignleft,
+ .entry-content blockquote.alignright {
+ font-size: 11pt;
+ width: 34%;
+ }
+
+ .site-footer {
+ padding: 0;
+ }
+}
</ins></span></pre>
</div>
</div>
</body>
</html>