├── .gitignore
├── languages
    ├── hy.mo
    ├── cs_CZ.mo
    ├── de_DE.mo
    ├── default.mo
    ├── es_ES.mo
    ├── fr_FR.mo
    ├── id_ID.mo
    ├── it_IT.mo
    ├── mn_MN.mo
    ├── nl_NL.mo
    ├── pt_BR.mo
    ├── ru_RU.mo
    ├── tr_TR.mo
    └── zh_CN.mo
├── screenshot.png
├── fonts
    └── genericons-neue
    │   ├── Genericons-Neue.eot
    │   ├── Genericons-Neue.ttf
    │   └── Genericons-Neue.woff2
├── css
    ├── customizer.css.php
    ├── jetpack-infinite-scroll-dark-overlay-fix.css
    ├── wp-fullscreen-title.css
    ├── wp-pagenavi.css
    └── nprogress.css
├── js
    ├── keyboard-image-navigation.js
    ├── skip-link-focus-fix.js
    ├── fade-post-title.js
    ├── enhanced-comment-form.js
    └── theme-customizer.js
├── sass
    ├── ip2
    │   ├── navigation
    │   │   ├── _comment.scss
    │   │   ├── _posts.scss
    │   │   ├── _navigation.scss
    │   │   ├── _mobile-menu.scss
    │   │   ├── _post.scss
    │   │   └── _menu.scss
    │   ├── _accessibility.scss
    │   ├── _media.scss
    │   ├── _clearings.scss
    │   ├── _infinite-scroll.scss
    │   ├── layout
    │   │   ├── _hero-header.scss
    │   │   └── _post-author-card.scss
    │   ├── _galleries.scss
    │   ├── _widgets.scss
    │   ├── _forms.scss
    │   ├── _typography.scss
    │   ├── _normalize.scss
    │   ├── _queries.scss
    │   └── _comments.scss
    ├── default
    │   ├── _navigation.scss
    │   ├── _widgets.scss
    │   ├── _accessibility.scss
    │   ├── _links.scss
    │   ├── _menu.scss
    │   ├── _media.scss
    │   ├── _reset.scss
    │   ├── _galleries.scss
    │   ├── _content.scss
    │   ├── _post-formats.scss
    │   ├── _global.scss
    │   ├── _comments.scss
    │   └── _queries.scss
    ├── default.scss
    └── ip2.scss
├── inc
    ├── jetpack.php
    ├── custom-logo.php
    ├── mf2.php
    └── plugin-support.php
├── template-parts
    ├── author-bio.php
    ├── content-none.php
    ├── content-page.php
    ├── content.php
    └── content-single.php
├── searchform.php
├── originalofform.php
├── readme.txt
├── single.php
├── package.json
├── page.php
├── hcard.php
├── footer.php
├── sidebar.php
├── no-results.php
├── style.css
├── composer.json
├── search.php
├── index.php
├── archive.php
├── author.php
├── 404.php
├── Gruntfile.js
├── page_one-column-template.php
├── header.php
├── page_archive-template.php
├── phpcs.xml
├── comments.php
├── image.php
├── editor-style.css
└── functions.php


/.gitignore:
--------------------------------------------------------------------------------
1 | sass/.sass-cache/*
2 | vendor/*
3 | composer.lock
4 | node_modules/*
5 | 


--------------------------------------------------------------------------------
/languages/hy.mo:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dshanske/indieweb-publisher/HEAD/languages/hy.mo


--------------------------------------------------------------------------------
/screenshot.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dshanske/indieweb-publisher/HEAD/screenshot.png


--------------------------------------------------------------------------------
/languages/cs_CZ.mo:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dshanske/indieweb-publisher/HEAD/languages/cs_CZ.mo


--------------------------------------------------------------------------------
/languages/de_DE.mo:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dshanske/indieweb-publisher/HEAD/languages/de_DE.mo


--------------------------------------------------------------------------------
/languages/default.mo:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dshanske/indieweb-publisher/HEAD/languages/default.mo


--------------------------------------------------------------------------------
/languages/es_ES.mo:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dshanske/indieweb-publisher/HEAD/languages/es_ES.mo


--------------------------------------------------------------------------------
/languages/fr_FR.mo:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dshanske/indieweb-publisher/HEAD/languages/fr_FR.mo


--------------------------------------------------------------------------------
/languages/id_ID.mo:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dshanske/indieweb-publisher/HEAD/languages/id_ID.mo


--------------------------------------------------------------------------------
/languages/it_IT.mo:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dshanske/indieweb-publisher/HEAD/languages/it_IT.mo


--------------------------------------------------------------------------------
/languages/mn_MN.mo:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dshanske/indieweb-publisher/HEAD/languages/mn_MN.mo


--------------------------------------------------------------------------------
/languages/nl_NL.mo:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dshanske/indieweb-publisher/HEAD/languages/nl_NL.mo


--------------------------------------------------------------------------------
/languages/pt_BR.mo:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dshanske/indieweb-publisher/HEAD/languages/pt_BR.mo


--------------------------------------------------------------------------------
/languages/ru_RU.mo:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dshanske/indieweb-publisher/HEAD/languages/ru_RU.mo


--------------------------------------------------------------------------------
/languages/tr_TR.mo:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dshanske/indieweb-publisher/HEAD/languages/tr_TR.mo


--------------------------------------------------------------------------------
/languages/zh_CN.mo:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dshanske/indieweb-publisher/HEAD/languages/zh_CN.mo


--------------------------------------------------------------------------------
/fonts/genericons-neue/Genericons-Neue.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dshanske/indieweb-publisher/HEAD/fonts/genericons-neue/Genericons-Neue.eot


--------------------------------------------------------------------------------
/fonts/genericons-neue/Genericons-Neue.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dshanske/indieweb-publisher/HEAD/fonts/genericons-neue/Genericons-Neue.ttf


--------------------------------------------------------------------------------
/fonts/genericons-neue/Genericons-Neue.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dshanske/indieweb-publisher/HEAD/fonts/genericons-neue/Genericons-Neue.woff2


--------------------------------------------------------------------------------
/css/customizer.css.php:
--------------------------------------------------------------------------------
1 | <?php
2 | /*
3 |  * Outputs Customizer CSS for use on the front-end
4 |  *
5 |  * See inc/customizer.php
6 |  */
7 | header( 'Content-type: text/css; charset: UTF-8' );
8 | IndiewebPublisher_Customize::header_output();
9 | 


--------------------------------------------------------------------------------
/css/jetpack-infinite-scroll-dark-overlay-fix.css:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Fixes an issue with a dark overlay that appears < 800px when the Jetpack Infinite Scroll
 3 |  * module is enabled. See https://github.com/raamdev/independent-publisher/issues/72
 4 |  */
 5 | @media (max-width: 800px) {
 6 | 	#infinite-handle span {
 7 | 		display: inline;
 8 | 	}
 9 | }
10 | 


--------------------------------------------------------------------------------
/css/wp-fullscreen-title.css:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * CSS to make the full-screen visual post editor post tyle closely match the theme.
 3 |  */
 4 | #wp-fullscreen-title {
 5 | 	font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
 6 | 	color: #333332;
 7 | 	font-weight: 700;
 8 | 	line-height: 1;
 9 | 	letter-spacing: -1px;
10 | 	font-size: 4em !important;
11 | 	margin-bottom: 0 !important
12 | }
13 | 


--------------------------------------------------------------------------------
/js/keyboard-image-navigation.js:
--------------------------------------------------------------------------------
 1 | jQuery(document).ready(function ($) {
 2 | 	$(document).keydown(function (e) {
 3 | 		var url = false;
 4 | 		if (e.which == 37) {  // Left arrow key code
 5 | 			url = $('.previous-image a').attr('href');
 6 | 		}
 7 | 		else if (e.which == 39) {  // Right arrow key code
 8 | 			url = $('.entry-attachment a').attr('href');
 9 | 		}
10 | 		if (url && ( !$('textarea, input').is(':focus') )) {
11 | 			window.location = url;
12 | 		}
13 | 	});
14 | });


--------------------------------------------------------------------------------
/sass/ip2/navigation/_comment.scss:
--------------------------------------------------------------------------------
 1 | .comment-navigation {
 2 | 	padding: 0;
 3 | 	border: none;
 4 | }
 5 | 
 6 | .comments-area #comment-nav-above {
 7 | 	padding-bottom: .21875em;
 8 | }
 9 | 
10 | .comments-area #comment-nav-above + .comment-list > li.comment:last-child {
11 | 	padding-bottom: 1.75em;
12 | 	border-bottom-width: 1px;
13 | }
14 | 
15 | .comments-area #comment-nav-above + .comment-list > li.comment:last-child .reply {
16 | 	margin-bottom: 0;
17 | }
18 | 
19 | #comment-nav-below {
20 | 	padding-top: .21875em;
21 | }
22 | 


--------------------------------------------------------------------------------
/inc/jetpack.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * Jetpack Compatibility File
 4 |  * See: http://jetpack.me/
 5 |  *
 6 |  * @package Indieweb Publisher
 7 |  */
 8 | 
 9 | /**
10 |  * Add theme support for Infinite Scroll.
11 |  * See: http://jetpack.me/support/infinite-scroll/
12 |  */
13 | function indieweb_publisher_jetpack_setup() {
14 | 	add_theme_support(
15 | 		'infinite-scroll',
16 | 		array(
17 | 			'container' => 'main',
18 | 			'footer'    => 'page',
19 | 		)
20 | 	);
21 | }
22 | 
23 | add_action( 'after_setup_theme', 'indieweb_publisher_jetpack_setup' );
24 | add_filter( 'infinite_scroll_credit', 'indieweb_publisher_footer_credits' );
25 | 


--------------------------------------------------------------------------------
/sass/default/_navigation.scss:
--------------------------------------------------------------------------------
 1 | .site-content .posts-navigation {
 2 | 	overflow: hidden;
 3 | 	/* margin: 0 0 1.5em; */
 4 | }
 5 | 
 6 | .site-content .nav-previous,
 7 | .site-navigation .previous-image {
 8 | 	float: left;
 9 | }
10 | 
11 | .site-content .nav-next,
12 | .posts-navigation .next-image {
13 | 	float: right;
14 | 	text-align: right;
15 | }
16 | 
17 | .single .posts-navigation {
18 | 	margin-top: 40px;
19 | }
20 | 
21 | #nav-below {
22 | 	margin-top: 3em;
23 | }
24 | 
25 | #nav-above {
26 | 	padding-bottom: 1em;
27 | 	padding-top: 1em;
28 | 	margin-top: 0;
29 | 	border-bottom: none;
30 | }
31 | 
32 | #image-navigation {
33 | 	margin-bottom: 20px;
34 | }
35 | 


--------------------------------------------------------------------------------
/sass/default/_widgets.scss:
--------------------------------------------------------------------------------
 1 | /* =Footer Widget */
 2 | .footer-widget {
 3 | 	margin: 1.75em 0 0;
 4 | 	padding: 1.75em 0 0;
 5 | }
 6 | 
 7 | .footer-widget .widget-area {
 8 | 	width: 100%;
 9 | 	margin: 0 auto 3.5em;
10 | }
11 | 
12 | .widget,
13 | .widget_twitter ul li,
14 | .widget_rss ul li {
15 | 	margin: 0 0 4em;
16 | }
17 | 
18 | /* Search widget */
19 | .widget_search .submit,
20 | .original_of_widget .submit {
21 | 	display: none;
22 | }
23 | 
24 | .widget_rss .rss-date,
25 | .widget_rss li > cite,
26 | .widget_twitter .timesince {
27 | 	color: #b3b3b1;
28 | 	display: block;
29 | 	font-size: 12px;
30 | }
31 | 
32 | .sloc_weather_widget {
33 | 	.svg-icon {
34 | 		float:left;
35 | 	}
36 | }
37 | 


--------------------------------------------------------------------------------
/sass/ip2/navigation/_posts.scss:
--------------------------------------------------------------------------------
 1 | .posts-navigation {
 2 | 	margin-top: 1.75em;
 3 | 	padding-top: 1.75em;
 4 | 	border-top: solid 1px #ddd;
 5 | }
 6 | 
 7 | .infinite-scroll .posts-navigation {
 8 | 	display: none;
 9 | }
10 | 
11 | .posts-navigation .nav-links a {
12 | 	font-size: 15px;
13 | }
14 | 
15 | .posts-navigation .nav-links .nav-previous a:before,
16 | .posts-navigation .nav-links .nav-next a:after {
17 | 	position: relative;
18 | 	top: 0;
19 | }
20 | 
21 | .posts-navigation .nav-links .nav-previous a:before {
22 | 	margin-right: .4375em;
23 | 	content: "\2190";
24 | }
25 | 
26 | .posts-navigation .nav-links .nav-next a:after {
27 | 	margin-left: .4375em;
28 | 	content: "\2192";
29 | }
30 | 


--------------------------------------------------------------------------------
/sass/ip2/_accessibility.scss:
--------------------------------------------------------------------------------
 1 | /* Text meant only for screen readers */
 2 | .screen-reader-text {
 3 | 	position: absolute !important;
 4 | 	overflow: hidden;
 5 | 	clip: rect(1px, 1px, 1px, 1px);
 6 | 	width: 1px;
 7 | 	height: 1px;
 8 | }
 9 | 
10 | .screen-reader-text:focus {
11 | 	z-index: 100000;
12 | 	top: 7px;
13 | 	right: auto;
14 | 	left: 5px;
15 | 	display: block;
16 | 	clip: auto !important;
17 | 	width: auto;
18 | 	height: auto;
19 | 	padding: 15px 23px 14px;
20 | 	font-size: 15px;
21 | 	font-weight: 700;
22 | 	line-height: normal;
23 | 	text-decoration: none;
24 | 	color: #21759b;
25 | 	outline: solid 1px;
26 | 	background-color: #f1f1f1;
27 | 	box-shadow: 0 0 2px 2px rgba(0, 0, 0, .25);
28 | }
29 | 


--------------------------------------------------------------------------------
/sass/default/_accessibility.scss:
--------------------------------------------------------------------------------
 1 | /* Text meant only for screen readers */
 2 | .screen-reader-text {
 3 | 	clip: rect(1px, 1px, 1px, 1px);
 4 | 	position: absolute !important;
 5 | }
 6 | 
 7 | .screen-reader-text:hover,
 8 | .screen-reader-text:active,
 9 | .screen-reader-text:focus {
10 | 	background-color: #f1f1f1;
11 | 	border-radius: 3px;
12 | 	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
13 | 	clip: auto !important;
14 | 	color: #21759b;
15 | 	display: block;
16 | 	font-size: 14px;
17 | 	font-weight: bold;
18 | 	height: auto;
19 | 	left: 5px;
20 | 	line-height: normal;
21 | 	padding: 15px 23px 14px;
22 | 	text-decoration: none;
23 | 	top: 5px;
24 | 	width: auto;
25 | 	z-index: 100000; /* Above WP toolbar */
26 | }
27 | 


--------------------------------------------------------------------------------
/template-parts/author-bio.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The template for displaying Author bios.
 4 |  *
 5 |  * @package Independent Publisher
 6 |  * @since   Independent Publisher 1.0
 7 |  */
 8 | ?>
 9 | <div class="author-bio">
10 | 	<div class="author-avatar">
11 | 		<?php echo get_avatar( get_the_author_meta( 'user_email' ), apply_filters( 'indieweb_publisher_author_bio_avatar_size', 100 ) ); ?>
12 | 	</div>
13 | 	<!-- .author-avatar -->
14 | 	<div class="author-description">
15 | 		<p class="author-bio">
16 | 			<?php if ( get_the_author_meta( 'description' ) ) : ?>
17 | 				<?php the_author_meta( 'description' ); ?>
18 | 			<?php endif; ?>
19 | 		</p>
20 | 	</div>
21 | 	<!-- .author-description -->
22 | </div> <!-- .author-bio -->
23 | 


--------------------------------------------------------------------------------
/searchform.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The template for displaying search forms in Indieweb Publisher
 4 |  *
 5 |  * @package Indieweb Publisher
 6 |  * @since   Indieweb Publisher 1.0
 7 |  */
 8 | ?>
 9 | <form method="get" id="searchform" action="<?php echo esc_url( home_url( '/' ) ); ?>" role="search">
10 | 	<label for="s" class="screen-reader-text"><?php esc_html_e( 'Search', 'indieweb-publisher' ); ?></label>
11 | 	<input type="text" class="field" name="s" value="<?php echo esc_attr( get_search_query() ); ?>" id="s" placeholder="<?php esc_attr_e( 'Search &hellip;', 'indieweb-publisher' ); ?>" />
12 | 	<input type="submit" class="submit" name="submit" id="searchsubmit" value="<?php esc_attr_e( 'Search', 'indieweb-publisher' ); ?>" />
13 | </form>
14 | 


--------------------------------------------------------------------------------
/originalofform.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The template for displaying search forms in Indieweb Publisher
 4 |  *
 5 |  * @package Indieweb Publisher
 6 |  */
 7 | ?>
 8 | <form method="get" id="originalofform" action="<?php echo esc_url( home_url( '/' ) ); ?>" role="search">
 9 | 	<label for="s" class="screen-reader-text"><?php esc_html_e( 'Search', 'indieweb-publisher' ); ?></label>
10 | 	<input type="text" class="field" name="original-of" value="<?php echo esc_attr( get_query_var( 'original-of' ) ); ?>" id="original-of" placeholder="<?php esc_attr_e( 'Original Of &hellip;', 'indieweb-publisher' ); ?>" />
11 | 	<input type="submit" class="submit" id="originalofsubmit" value="<?php esc_attr_e( 'Lookup Original', 'indieweb-publisher' ); ?>" />
12 | </form>
13 | 


--------------------------------------------------------------------------------
/js/skip-link-focus-fix.js:
--------------------------------------------------------------------------------
 1 | ( function() {
 2 | 	var is_webkit = navigator.userAgent.toLowerCase().indexOf( 'webkit' ) > -1,
 3 | 	    is_opera  = navigator.userAgent.toLowerCase().indexOf( 'opera' )  > -1,
 4 | 	    is_ie     = navigator.userAgent.toLowerCase().indexOf( 'msie' )   > -1;
 5 | 
 6 | 	if ( ( is_webkit || is_opera || is_ie ) && 'undefined' !== typeof( document.getElementById ) ) {
 7 | 		var eventMethod = ( window.addEventListener ) ? 'addEventListener' : 'attachEvent';
 8 | 		window[ eventMethod ]( 'hashchange', function() {
 9 | 			var element = document.getElementById( location.hash.substring( 1 ) );
10 | 
11 | 			if ( element ) {
12 | 				if ( ! /^(?:a|select|input|button|textarea)$/i.test( element.tagName ) )
13 | 					element.tabIndex = -1;
14 | 
15 | 				element.focus();
16 | 			}
17 | 		}, false );
18 | 	}
19 | })();
20 | 


--------------------------------------------------------------------------------
/readme.txt:
--------------------------------------------------------------------------------
 1 | Indieweb Publisher is a beautiful reader-focused WordPress theme, for you.
 2 | 
 3 | Changelog
 4 | 
 5 | = 1.0 = 
 6 | 
 7 | Initial Release of Fork
 8 | 
 9 | * Remove Social Menu as this should be added by plugin
10 | * Add option to show time
11 | * Add option to hide category display
12 | * Custom header was being used as logo. Switched to custom logo feature as more approrpiate and removed setting that would replace this if not set with admin image
13 | * Add support for displaying Syndication Links and Simple Location data
14 | * Add link in footer to privacy policy if set
15 | * Add support for archive title and description filters added in Core
16 | * Add support for Core title management
17 | * Disable Post Formats if Post Kinds are enabled
18 | * Remove Genericons and Replace with Genericons Neue which removes social icons
19 | * Do not show word count if 0
20 | 
21 | 


--------------------------------------------------------------------------------
/js/fade-post-title.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Fade the title on scroll if post has "Post Cover Title Style"
 3 |  */
 4 | jQuery(function($) {
 5 |     var post_title = $('.post-cover-title'),
 6 |         post_title_wrapper = $('.post-cover-title-wrapper');
 7 | 
 8 |     if($('body').hasClass('post-cover-overlay-post-title')) {
 9 |         $(window).on('scroll', function() {
10 |             var st = $(this).scrollTop(),
11 |                 post_title_wrapper_height = post_title_wrapper.height(),
12 |                 post_title_height = post_title.height(),
13 |                 post_title_padding = ( post_title.innerHeight() - post_title_height) / 2;
14 | 
15 |             post_title.css({
16 |                 'margin-bottom' : -(st/post_title_wrapper_height) * post_title_padding +"px",
17 |                 'opacity' : 1 - st/post_title_wrapper_height
18 |             });
19 |         });
20 |     }
21 | });


--------------------------------------------------------------------------------
/sass/default/_links.scss:
--------------------------------------------------------------------------------
 1 | a {
 2 | 	color: #57ad68;
 3 | 	text-decoration: none;
 4 | }
 5 | 
 6 | a:visited {
 7 | 	color: #57ad68;
 8 | 	text-decoration: none;
 9 | }
10 | 
11 | a:hover,
12 | a:focus,
13 | a:active {
14 | 	color: #57ad68;
15 | 	text-decoration: underline;
16 | }
17 | 
18 | /* Alignment */
19 | .alignleft {
20 | 	display: inline;
21 | 	float: left;
22 | 	margin-right: 1.5em;
23 | }
24 | 
25 | .alignright {
26 | 	display: inline;
27 | 	float: right;
28 | 	margin-left: 1.5em;
29 | }
30 | 
31 | .aligncenter {
32 | 	display: block;
33 | 	clear: both;
34 | 	margin: 0 auto;
35 | }
36 | 
37 | img.alignleft {
38 | 	margin: 5px 20px 10px 0;
39 | }
40 | 
41 | img.alignright {
42 | 	margin: 5px 0 10px 20px;
43 | }
44 | 
45 | img.aligncenter {
46 | 	margin: 5px auto 10px;
47 | }
48 | 
49 | .permalink::before {
50 | 	font-family: "Genericons-Neue";
51 | 	content: '\f107';
52 | 	position: relative;
53 | 	top: 0;
54 | }
55 | 


--------------------------------------------------------------------------------
/css/wp-pagenavi.css:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * When the WP-PageNavi plugin is active, this CSS improves how the navigation items look.
 3 |  */
 4 | .wp-pagenavi {
 5 | 	text-align:center;
 6 | }
 7 | 
 8 | .wp-pagenavi span.current {
 9 | 	border-color: #C3C3C3;
10 | }
11 | 
12 | .wp-pagenavi span {
13 | 	padding: 7px 5px 7px 5px;
14 | }
15 | 
16 | .wp-pagenavi .page,
17 | .wp-pagenavi .current,
18 | .wp-pagenavi .nextpostslink,
19 | .wp-pagenavi .previouspostslink,
20 | .wp-pagenavi .extend,
21 | .wp-pagenavi .last,
22 | .wp-pagenavi .first {
23 | 	background-color:#FFF;
24 | 	color : #000;
25 | 	display: inline-block;
26 | 	padding:4px 9px;
27 | 	margin:0 1px;
28 | 	min-width: 10px;
29 | }
30 | 
31 | .wp-pagenavi .current,
32 | .wp-pagenavi a:hover,
33 | .wp-pagenavi a:focus,
34 | .wp-pagenavi a:active {
35 | 	transition: background-color 0.1s linear;
36 | 	text-decoration: none;
37 | 	background-color:#E2E2E2;
38 | 	border-color: #E2E2E2;
39 | }
40 | 


--------------------------------------------------------------------------------
/sass/ip2/_media.scss:
--------------------------------------------------------------------------------
 1 | .page-content .wp-smiley,
 2 | .entry-content .wp-smiley,
 3 | .comment-content .wp-smiley {
 4 | 	margin-top: 0;
 5 | 	margin-bottom: 0;
 6 | 	padding: 0;
 7 | 	border: none;
 8 | }
 9 | 
10 | .wp-caption {
11 | 	max-width: 100%;
12 | 	margin-bottom: 1.75em;
13 | }
14 | 
15 | .wp-caption.aligncenter,
16 | .wp-caption.alignleft,
17 | .wp-caption.alignright {
18 | 	margin-bottom: 1.75em;
19 | }
20 | 
21 | .wp-caption img {
22 | 	display: block;
23 | 	max-width: 98%;
24 | 	margin: 5px auto 0;
25 | }
26 | 
27 | .wp-caption-text,
28 | .wp-caption-dd {
29 | 	clear: both;
30 | 	font-size: 75%;
31 | 	font-weight: 400;
32 | 	font-style: italic;
33 | 	text-align: center;
34 | 	color: #939393;
35 | 	width: 100%;
36 | }
37 | 
38 | .wp-caption-text strong,
39 | .wp-caption-dd strong {
40 | 	color: #454545;
41 | }
42 | 
43 | .wp-caption .wp-caption-text,
44 | .wp-caption .wp-caption-dd {
45 | 	margin: .875em 0;
46 | }
47 | 
48 | /* Make sure embeds and iframes fit their containers */
49 | embed,
50 | iframe,
51 | object {
52 | 	max-width: 100%;
53 | }
54 | 


--------------------------------------------------------------------------------
/single.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The Template for displaying all single posts.
 4 |  *
 5 |  * @package Indieweb Publisher
 6 |  * @since   Indieweb Publisher 1.0
 7 |  */
 8 | 
 9 | get_header(); ?>
10 | 
11 | 	<div id="primary" class="content-area">
12 | 		<main id="content" class="site-content" role="main">
13 | 
14 | 			<?php
15 | 			while ( have_posts() ) :
16 | 				the_post();
17 | 				?>
18 | 
19 | 				<?php get_template_part( 'template-parts/content', 'single' ); ?>
20 | 
21 | 				<?php
22 | 				// If comments are open or we have at least one comment, load up the comment template
23 | 				if ( comments_open() || '0' != get_comments_number() && ! indieweb_publisher_hide_comments() ) {
24 | 					comments_template( '', true );
25 | 				}
26 | 				?>
27 | 
28 | 				<?php do_action( 'indieweb_publisher_before_post_bottom_tag_list' ); ?>
29 | 
30 | 				<?php indieweb_publisher_show_related_tags(); ?>
31 | 
32 | 			<?php endwhile; // end of the loop. ?>
33 | 
34 | 		</main>
35 | 		<!-- #content .site-content -->
36 | 	</div><!-- #primary .content-area -->
37 | 
38 | <?php get_sidebar(); ?>
39 | <?php get_footer(); ?>
40 | 


--------------------------------------------------------------------------------
/sass/ip2/_clearings.scss:
--------------------------------------------------------------------------------
 1 | .entry-author:before,
 2 | .comment-author:before,
 3 | .site-branding:before,
 4 | .entry-content:before,
 5 | .entry-footer:before,
 6 | .site-logo:before,
 7 | .gallery:before,
 8 | .nav-links:before,
 9 | .post-tags:before,
10 | .content-wrapper:before,
11 | .jetpack-social-navigation:before,
12 | .site-content:before,
13 | .footer-widgets:before,
14 | .entry-author:after,
15 | .comment-author:after,
16 | .site-branding:after,
17 | .entry-content:after,
18 | .entry-footer:after,
19 | .site-logo:after,
20 | .gallery:after,
21 | .nav-links:after,
22 | .post-tags:after,
23 | .content-wrapper:after,
24 | .jetpack-social-navigation:after,
25 | .site-content:after,
26 | .footer-widgets:after {
27 | 	display: table;
28 | 	content: " ";
29 | }
30 | 
31 | .entry-author:after,
32 | .comment-author:after,
33 | .site-branding:after,
34 | .entry-content:after,
35 | .entry-footer:after,
36 | .site-logo:after,
37 | .gallery:after,
38 | .nav-links:after,
39 | .post-tags:after,
40 | .content-wrapper:after,
41 | .jetpack-social-navigation:after,
42 | .site-content:after,
43 | .footer-widgets:after {
44 | 	clear: both;
45 | }
46 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "indieweb-publisher",
 3 |   "version": "1.0.0",
 4 |   "description": "Indieweb Feb of Independent Publisher Theme",
 5 |   "main": "index.php",
 6 |   "dependencies": {},
 7 |   "devDependencies": {
 8 |     "genericons-neue": "^4.0.5",
 9 |     "grunt": "^1.0.3",
10 |     "grunt-contrib-copy": "^1.0.0",
11 |     "grunt-contrib-sass": "^1.0.0",
12 |     "grunt-stylelint": "^0.10.1",
13 |     "grunt-wp-i18n": "^1.0.3",
14 |     "grunt-wp-readme-to-markdown": "^2.0.1",
15 |     "stylelint": "^9.9.0",
16 |     "stylelint-config-wordpress": "^13.1.0",
17 |     "stylelint-scss": "^3.4.4"
18 |   },
19 |   "scripts": {
20 |     "test": "echo \"Error: no test specified\" && exit 1"
21 |   },
22 |   "repository": {
23 |     "type": "git",
24 |     "url": "git+https://github.com/dshanske/indieweb-publisher.git"
25 |   },
26 |   "keywords": [
27 |     "wordpress",
28 |     "indieweb"
29 |   ],
30 |   "author": "David Shanske",
31 |   "license": "GPL-2.0",
32 |   "bugs": {
33 |     "url": "https://github.com/dshanske/indieweb-publisher/issues"
34 |   },
35 |   "homepage": "https://github.com/dshanske/indieweb-publisher"
36 | }
37 | 


--------------------------------------------------------------------------------
/sass/ip2/navigation/_navigation.scss:
--------------------------------------------------------------------------------
 1 | .site-content .nav-previous {
 2 | 	float: left;
 3 | }
 4 | 
 5 | .site-content .nav-next {
 6 | 	float: right;
 7 | 	text-align: right;
 8 | }
 9 | 
10 | /*--------------------------------------------------------------
11 | ## Mobile Menu Button
12 | --------------------------------------------------------------*/
13 | 
14 | @import "mobile-menu";
15 | 
16 | /*--------------------------------------------------------------
17 | ## - Posts Navigation
18 | --------------------------------------------------------------*/
19 | 
20 | @import "posts";
21 | 
22 | /*--------------------------------------------------------------
23 | ## - Post Navigation
24 | --------------------------------------------------------------*/
25 | 
26 | @import "post";
27 | 
28 | /*--------------------------------------------------------------
29 | ##  Comment Navigation
30 | --------------------------------------------------------------*/
31 | 
32 | @import "comment";
33 | 
34 | 
35 | /*--------------------------------------------------------------
36 | ##  Menu Navigation
37 | --------------------------------------------------------------*/
38 | 
39 | @import "menu";
40 | 


--------------------------------------------------------------------------------
/page.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The template for displaying all pages.
 4 |  *
 5 |  * This is the template that displays all pages by default.
 6 |  * Please note that this is the WordPress construct of pages
 7 |  * and that other 'pages' on your WordPress site will use a
 8 |  * different template.
 9 |  *
10 |  * @package Indieweb Publisher
11 |  * @since   Indieweb Publisher 1.0
12 |  */
13 | 
14 | get_header(); ?>
15 | 
16 | 	<div id="primary" class="content-area">
17 | 		<main id="content" class="site-content" role="main">
18 | 
19 | 			<?php
20 | 			while ( have_posts() ) :
21 | 				the_post();
22 | 				?>
23 | 
24 | 				<?php get_template_part( 'template-parts/content', 'page' ); ?>
25 | 
26 | 				<?php
27 | 				// If comments are open or we have at least one comment, load up the comment template
28 | 				if ( comments_open() || '0' != get_comments_number() && ! indieweb_publisher_hide_comments() ) :
29 | 					comments_template( '', true );
30 | 				endif;
31 | 				?>
32 | 
33 | 			<?php endwhile; // end of the loop. ?>
34 | 
35 | 		</main>
36 | 		<!-- #content .site-content -->
37 | 	</div><!-- #primary .content-area -->
38 | 
39 | <?php get_sidebar(); ?>
40 | <?php get_footer(); ?>
41 | 


--------------------------------------------------------------------------------
/hcard.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * A clean one-column page template without the navigation bar or site info
 4 |  *
 5 |  * Template Name: H-Card
 6 |  */
 7 | 
 8 | get_header(); ?>
 9 | 
10 | 	<style type="text/css">
11 | 		#masthead {
12 | 			display: none;
13 | 		}
14 | 	</style>
15 | 
16 | 	<div id="primary" class="content-area">
17 | 		<div id="content" class="site-content" role="main">
18 | 
19 | 			<?php
20 | 			while ( have_posts() ) :
21 | 				the_post();
22 | 				?>
23 | 
24 | 				<?php
25 | 				if ( class_exists( 'HCard_User' ) ) {
26 | 					echo HCard_User::hcard(
27 | 						get_the_author_meta( 'ID' ),
28 | 						array(
29 | 							'me' => true,
30 | 						)
31 | 					);
32 | 				} else {
33 | 					indieweb_publisher_posted_author_card();
34 | 				}
35 | 				?>
36 | 				<article id="post-<?php the_ID(); ?>">
37 | 				<?php the_content(); ?>
38 | 					<footer class="entry-meta">>
39 | 				<?php edit_post_link( __( 'Edit', 'indieweb-publisher' ), '<span class="edit-link">', '</span>' ); ?>
40 | 					</footer> <!-- .entry-meta --!>
41 | 				</article><!-- #post-<?php the_ID(); ?> -->
42 | 
43 | 
44 | 			<?php endwhile; // end of the loop. ?>
45 | 
46 | 		</div>
47 | 		<!-- #content .site-content -->
48 | 	</div><!-- #primary .content-area -->
49 | 
50 | <?php
51 | get_sidebar();
52 | get_footer();
53 | ?>
54 | 


--------------------------------------------------------------------------------
/footer.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The template for displaying the footer.
 4 |  *
 5 |  * Contains the closing of the id=main div and all content after
 6 |  *
 7 |  * @package Indieweb Publisher
 8 |  * @since   Indieweb Publisher 1.0
 9 |  */
10 | ?>
11 | 
12 | </div><!-- #main .site-main -->
13 | 
14 | <footer id="colophon" class="site-footer" itemscope="itemscope" itemtype="http://schema.org/WPFooter" role="contentinfo">
15 | 			<?php if ( is_active_sidebar( 'sidebar-2' ) || is_active_sidebar( 'sidebar-3' ) || is_active_sidebar( 'sidebar-4' ) ) : ?>
16 | 				<div class="footer-widget">
17 | 				<?php if ( is_active_sidebar( 'sidebar-2' ) ) : ?>
18 | 						<div class="widget-area">
19 | 					<?php dynamic_sidebar( 'sidebar-2' ); ?>
20 | 						</div><!-- .widget-area -->
21 | 				<?php endif; // is_active_sidebar ?>
22 | 				</div><!-- .footer-widgets -->
23 | 			<?php endif; ?>
24 | 	<div class="site-info">
25 | 		<?php echo indieweb_publisher_footer_credits(); ?>
26 | 		<?php
27 | 		if ( function_exists( 'the_privacy_policy_link' ) ) {
28 | 			the_privacy_policy_link( ' | ', '<span role="separator" aria-hidden="true"></span>' );
29 | 		}
30 | 		?>
31 | 	</div>
32 | 	<!-- .site-info -->
33 | </footer><!-- #colophon .site-footer -->
34 | </div><!-- #page .site -->
35 | 
36 | <?php wp_footer(); ?>
37 | 
38 | </body>
39 | </html>
40 | 


--------------------------------------------------------------------------------
/sass/ip2/navigation/_mobile-menu.scss:
--------------------------------------------------------------------------------
 1 | .menu-toggle {
 2 | 	margin: 0 auto;
 3 | 	display: block;
 4 | 	padding: .4375em .875em;
 5 | 	-webkit-transition: background 200ms ease-in-out, box-shadow 200ms ease-in-out, color 200ms ease-in-out;
 6 | 			transition: background 200ms ease-in-out, box-shadow 200ms ease-in-out, color 200ms ease-in-out;
 7 | 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
 8 | 	font-size: 17px;
 9 | 	font-weight: bold;
10 | 	line-height: 1;
11 | 	color: #a4a4a4;
12 | 	border: solid 2px currentColor;
13 | 	border-radius: 4px;
14 | 	background: none;
15 | 
16 | 	-webkit-font-smoothing: antialiased;
17 | }
18 | 
19 | .menu-toggle:hover,
20 | .menu-toggle:focus,
21 | .menu-toggle:active {
22 | 	text-decoration: none;
23 | 	color: #7e7f80;
24 | 	outline: 0;
25 | 	background: transparent;
26 | }
27 | 
28 | .menu-toggle:focus,
29 | .menu-toggle:active {
30 | 	box-shadow: 0 0 0 6px rgba(187, 199, 211, .17);
31 | }
32 | 
33 | .toggled .menu-toggle:before {
34 | 	top: 3px;
35 | 	position: relative;
36 | 	content: "\f405";
37 | 	font-family: Genericons;
38 | 	line-height: .65;
39 | 	margin-right: 3px;
40 | 	font-size: 16px;
41 | 	-webkit-transform: scale(1.5);
42 | 		-ms-transform: scale(1.5);
43 | 			transform: scale(1.5);
44 | }
45 | 


--------------------------------------------------------------------------------
/sidebar.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The Sidebar containing the main widget areas.
 4 |  *
 5 |  * If you're looking for the main nav menu or the header image, see header.php.
 6 |  *
 7 |  * @package Indieweb Publisher
 8 |  * @since   Indieweb Publisher 1.0
 9 |  */
10 | ?>
11 | <div id="secondary" class="widget-area" role="complementary">
12 | 	<?php if ( ! is_single() || ( is_single() && indieweb_publisher_option( 'show_widgets_on_single' ) ) ) : ?>
13 | 		<?php do_action( 'indieweb_publisher_before_sidebar' ); ?>
14 | 		<?php if ( ! dynamic_sidebar( 'sidebar-1' ) ) : ?>
15 | 
16 | 			<aside id="search" class="widget widget_search">
17 | 			<?php get_search_form(); ?>
18 | 			</aside>
19 | 
20 | 			<aside id="archives" class="widget">
21 | 				<h1 class="widget-title"><?php _e( 'Archives', 'indieweb-publisher' ); ?></h1>
22 | 				<ul>
23 | 			<?php wp_get_archives( array( 'type' => 'monthly' ) ); ?>
24 | 				</ul>
25 | 			</aside>
26 | 
27 | 			<aside id="meta" class="widget">
28 | 				<h1 class="widget-title"><?php _e( 'Meta', 'indieweb-publisher' ); ?></h1>
29 | 				<ul>
30 | 			<?php wp_register(); ?>
31 | 					<li><?php wp_loginout(); ?></li>
32 | 			<?php wp_meta(); ?>
33 | 				</ul>
34 | 			</aside>
35 | 
36 | 		<?php endif; // end sidebar widget area ?>
37 | 	<?php endif; ?>
38 | </div><!-- #secondary .widget-area -->
39 | 


--------------------------------------------------------------------------------
/template-parts/content-none.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The template part for displaying a message that posts cannot be found.
 4 |  *
 5 |  * Learn more: http://codex.wordpress.org/Template_Hierarchy
 6 |  *
 7 |  * @package Independent Publisher
 8 |  */
 9 | ?>
10 | 
11 | <section class="no-results not-found">
12 | 	<header class="page-header">
13 | 		<h1 class="page-title"><?php _e( 'Nothing Found', 'independent-publisher' ); ?></h1>
14 | 	</header>
15 | 	<!-- .page-header -->
16 | 
17 | 	<div class="page-content">
18 | 		<?php if ( is_home() && current_user_can( 'publish_posts' ) ) : ?>
19 | 
20 | 			<p><?php printf( __( 'Ready to publish your first post? <a href="%1$s">Get started here</a>.', 'independent-publisher' ), esc_url( admin_url( 'post-new.php' ) ) ); ?></p>
21 | 
22 | 		<?php elseif ( is_search() ) : ?>
23 | 
24 | 			<p><?php _e( 'Sorry, but nothing matched your search terms. Please try again with some different keywords.', 'independent-publisher' ); ?></p>
25 | 			<?php get_search_form(); ?>
26 | 
27 | 			<?php
28 | 		else :
29 | 			?>
30 | 
31 | 			<p><?php _e( 'It seems we can&rsquo;t find what you&rsquo;re looking for. Perhaps searching can help.', 'independent-publisher' ); ?></p>
32 | 			<?php get_search_form(); ?>
33 | 
34 | 		<?php endif; ?>
35 | 	</div>
36 | 	<!-- .page-content -->
37 | </section><!-- .no-results -->
38 | 


--------------------------------------------------------------------------------
/sass/ip2/_infinite-scroll.scss:
--------------------------------------------------------------------------------
 1 | /* Globally hidden elements when Infinite Scroll is supported and in use. */
 2 | .infinite-scroll .posts-navigation,
 3 | .infinite-scroll.neverending .site-footer {
 4 | 	/* Theme Footer (when set to scrolling) */
 5 | 	display: none;
 6 | }
 7 | 
 8 | /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
 9 | .infinity-end.neverending .site-footer {
10 | 	display: block;
11 | }
12 | 
13 | .infinite-loader {
14 | 	margin-top: 2.05em;
15 | }
16 | 
17 | #content #infinite-handle {
18 | 	margin-top: 1.75em;
19 | }
20 | 
21 | #content #infinite-handle span {
22 | 	padding: 0;
23 | 	background: none;
24 | }
25 | 
26 | #content #infinite-handle span button {
27 | 	line-height: 1;
28 | 	outline: 0;
29 | }
30 | 
31 | #infinite-footer .container {
32 | 	padding: 0;
33 | 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
34 | 	font-size: 12px;
35 | 	color: #a5a5a5;
36 | 	border: 0;
37 | }
38 | #infinite-footer .blog-info a,
39 | #infinite-footer .blog-credits,
40 | #infinite-footer .blog-credits a {
41 | 	font-size: 12px;
42 | 	color: #a5a5a5;
43 | }
44 | #infinite-footer .blog-info a:hover,
45 | #infinite-footer .blog-credits a:hover {
46 | 	text-decoration: none;
47 | }
48 | 


--------------------------------------------------------------------------------
/sass/default/_menu.scss:
--------------------------------------------------------------------------------
 1 | .main-navigation {
 2 | 	display: block;
 3 | 	float: left;
 4 | 	clear: both;
 5 | 	width: 100%;
 6 | }
 7 | 
 8 | .main-navigation ul {
 9 | 	margin: 0;
10 | 	padding-left: 0;
11 | 	list-style: none;
12 | }
13 | 
14 | .main-navigation li {
15 | 	position: relative;
16 | }
17 | 
18 | .main-navigation a {
19 | 	text-decoration: none;
20 | 	font-size: 15px;
21 | 	font-family: "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
22 | }
23 | 
24 | .main-navigation ul ul {
25 | 	position: absolute;
26 | 	top: 1.5em;
27 | 	left: 0;
28 | 	z-index: 99999;
29 | 	display: none;
30 | 	float: left;
31 | 	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
32 | 	-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
33 | 	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
34 | }
35 | 
36 | .main-navigation ul ul ul {
37 | 	top: 0;
38 | 	left: 100%;
39 | }
40 | 
41 | .main-navigation ul ul a {
42 | 	width: 200px;
43 | }
44 | 
45 | .main-navigation ul ul li {
46 | }
47 | 
48 | .main-navigation li:hover > a {
49 | 	text-decoration: underline;
50 | }
51 | 
52 | .main-navigation ul ul :hover > a {
53 | }
54 | 
55 | .main-navigation ul ul a:hover {
56 | }
57 | 
58 | .main-navigation ul li:hover > ul {
59 | 	display: block;
60 | }
61 | 
62 | .main-navigation li.current_page_item a,
63 | .main-navigation li.current-menu-item a {
64 | }
65 | 


--------------------------------------------------------------------------------
/no-results.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The template part for displaying a message that posts cannot be found.
 4 |  *
 5 |  * Learn more: http://codex.wordpress.org/Template_Hierarchy
 6 |  *
 7 |  * @package Indieweb Publisher
 8 |  * @since   Indieweb Publisher 1.0
 9 |  */
10 | ?>
11 | 
12 | <article id="post-0" class="post no-results not-found">
13 | 	<header class="entry-header">
14 | 		<h1 class="entry-title"><?php _e( 'Nothing Found', 'indieweb-publisher' ); ?></h1>
15 | 	</header>
16 | 	<!-- .entry-header -->
17 | 
18 | 	<section>
19 | 		<?php if ( is_home() && current_user_can( 'publish_posts' ) ) : ?>
20 | 
21 | 			<p><?php printf( __( 'Ready to publish your first post? <a href="%1$s">Get started here</a>.', 'indieweb-publisher' ), admin_url( 'post-new.php' ) ); ?></p>
22 | 
23 | 		<?php elseif ( is_search() ) : ?>
24 | 
25 | 			<p><?php _e( 'Sorry, but nothing matched your search terms. Please try again with some different keywords.', 'indieweb-publisher' ); ?></p>
26 | 			<?php get_search_form(); ?>
27 | 
28 | 			<?php
29 | 		else :
30 | 			?>
31 | 
32 | 			<p><?php _e( 'It seems we can&rsquo;t find what you&rsquo;re looking for. Perhaps searching can help.', 'indieweb-publisher' ); ?></p>
33 | 			<?php get_search_form(); ?>
34 | 
35 | 		<?php endif; ?>
36 | 	</section>
37 | 	<!-- .entry-content -->
38 | </article><!-- #post-0 .post .no-results .not-found -->
39 | 


--------------------------------------------------------------------------------
/style.css:
--------------------------------------------------------------------------------
 1 | /*
 2 | Theme Name: Indieweb Publisher
 3 | Theme URI: https://github.com/dshanske/indieweb-publisher
 4 | Author: David Shanske
 5 | Author URI: https://david.shanske.com
 6 | Description: Indieweb Publisher is an Indieweb fork of Independent Publisher by Raam Dev
 7 | Version: 1.0
 8 | License: GNU GPLv3
 9 | License URI: http://www.gnu.org/copyleft/gpl.html
10 | Tags: one-column, two-columns, left-sidebar, featured-images, full-width-template, custom-menu, custom-background, custom-colors, custom-menu, editor-style, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, theme-options
11 | Text Domain: indieweb-publisher
12 | GitHub Theme URI: dshanske/indieweb-publisher
13 | 
14 | Indieweb Publisher is a fork of the excellent Independent Publisher theme, by Raam Dev. The theme had not been updated since 2017 and the developer has not been active.
15 | This not only updates the theme with new features, it adds support for Indieweb plugins, adjusts the Microformats 2 markup, and more.
16 | 
17 | Genericons Neue icon font (http://genericons.com/) is bundled.
18 | Genericons is distributed under the terms of the GNU GPL.
19 | 
20 | NProgress (https://github.com/rstacruz/nprogress) is bundled for use in the progress bar feature.
21 | NProgress (c) 2013, Rico Sta. Cruz. Released under the MIT License.
22 | 
23 | Based on _s http://underscores.me
24 | and inspired by the Publish theme by Konstantin Kovshenin http://kovshenin.com/themes/publish
25 | 
26 | 


--------------------------------------------------------------------------------
/composer.json:
--------------------------------------------------------------------------------
 1 | {
 2 |    "name": "dshanske/iw26",
 3 |      "description": "Indieweb Publisher Theme for WordPress",
 4 |      "type": "wordpress-theme",
 5 |      "license": "GPLv2 or later",
 6 |      "authors": [
 7 |        {
 8 | 	       "name": "David Shanske",
 9 | 	       "email": "david@shanske.com"
10 |        }
11 |      ],
12 |      "extra": {
13 |      },
14 |     "require": {
15 | 	"php": ">=5.3.0",
16 | 	"composer/installers": "~1.0"
17 |     },
18 |     "require-dev": {
19 |         "dealerdirect/phpcodesniffer-composer-installer": "*",
20 | 	"squizlabs/php_codesniffer": "*",
21 |         "phpcompatibility/php-compatibility": "*",
22 |         "wp-coding-standards/wpcs": "*",
23 |         "phpcompatibility/phpcompatibility-wp": "*",
24 |         "php-parallel-lint/php-parallel-lint": "^1.2",
25 |         "wp-cli/i18n-command": "^2.2",
26 |         "sebastian/phpcpd": "^5.0",
27 |       "wptrt/wpthemereview": "^0.2.1"
28 |     },
29 |     "scripts": {
30 |  	"lint:phpcpd": "./vendor/bin/phpcpd --fuzzy --exclude .git --exclude vendor --exclude node_modules .",
31 |         "lint:wpcs": "./vendor/bin/phpcs",
32 |         "lint:wpcs-fix": "./vendor/bin/phpcbf",
33 |         "make-pot": "./vendor/bin/wp i18n make-pot . languages/indieweb-publisher.pot",
34 | 	"lint:php": "@php ./vendor/bin/parallel-lint --exclude .git --exclude vendor --exclude node_modules .",
35 | 	"install-codestandards": [
36 | 		"Dealerdirect\\Composer\\Plugin\\Installers\\PHPCodeSniffer\\Plugin::run"
37 | 	]
38 |     }
39 | }
40 | 


--------------------------------------------------------------------------------
/search.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The template for displaying Search Results pages.
 4 |  *
 5 |  * @package Indieweb Publisher
 6 |  * @since   Indieweb Publisher 1.0
 7 |  */
 8 | 
 9 | get_header(); ?>
10 | 
11 | 	<section id="primary" class="content-area">
12 | 		<main id="content" class="site-content" role="main">
13 | 
14 | 			<?php if ( have_posts() ) : ?>
15 | 
16 | 				<?php $search_stats = apply_filters( 'indieweb_publisher_search_stats', indieweb_publisher_search_stats() ); ?>
17 | 
18 | 				<header class="page-header">
19 | 					<h1 class="page-title"><?php printf( __( 'Search Results for: %s', 'indieweb-publisher' ), '<span>' . get_search_query() . '</span>' ); ?></h1>
20 | 				<?php echo apply_filters( 'search_meta', '<div class="search-stats-description">' . $search_stats . '</div>' ); ?>
21 | 				<?php indieweb_publisher_the_posts_navigation(); ?>
22 | 				</header><!-- .page-header -->
23 | 
24 | 				<?php /* Start the Loop */ ?>
25 | 				<?php
26 | 				while ( have_posts() ) :
27 | 					the_post();
28 | 					?>
29 | 
30 | 					<?php get_template_part( 'template-parts/content', 'search' ); ?>
31 | 
32 | 				<?php endwhile; ?>
33 | 
34 | 				<?php indieweb_publisher_the_posts_navigation(); ?>
35 | 
36 | 			<?php else : ?>
37 | 
38 | 				<?php get_template_part( 'template-parts/content', 'none' ); ?>
39 | 
40 | 			<?php endif; ?>
41 | 
42 | 		</main>
43 | 		<!-- #content .site-content -->
44 | 	</section><!-- #primary .content-area -->
45 | 
46 | <?php get_sidebar(); ?>
47 | <?php get_footer(); ?>
48 | 


--------------------------------------------------------------------------------
/sass/default/_media.scss:
--------------------------------------------------------------------------------
 1 | .site-header img,
 2 | article > section img,
 3 | .entry-summary img,
 4 | .comment-content img,
 5 | .widget img {
 6 | 	max-width: 100%; /* Fluid images for posts, comments, and widgets */
 7 | }
 8 | 
 9 | .site-header img,
10 | article > section img,
11 | .entry-summary img,
12 | .widget img,
13 | img[class*="align"],
14 | img[class*="wp-image-"] {
15 | 	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
16 | }
17 | 
18 | .site-header img,
19 | article > section img,
20 | .entry-summary img,
21 | img.size-full {
22 | 	max-width: 100%;
23 | 	width: auto\9; /* Prevent stretching of full-size images with height and width attributes in IE8 */
24 | }
25 | 
26 | article > section img.wp-smiley,
27 | .entry-summary img.wp-smiley,
28 | .comment-content img.wp-smiley {
29 | 	margin-top: 0;
30 | 	margin-bottom: 0;
31 | 	padding: 0;
32 | 	border: none;
33 | }
34 | 
35 | .wp-caption {
36 | 	max-width: 100%;
37 | 	border: 1px solid #ccc;
38 | 	margin-bottom: 1.5em;
39 | }
40 | 
41 | .wp-caption.aligncenter,
42 | .wp-caption.alignleft,
43 | .wp-caption.alignright {
44 | 	margin-bottom: 1.5em;
45 | }
46 | 
47 | .wp-caption img {
48 | 	display: block;
49 | 	margin: 5px auto 0;
50 | 	max-width: 98%;
51 | }
52 | 
53 | .wp-caption-text {
54 | 	text-align: center;
55 | 	font-size: 80%;
56 | }
57 | 
58 | .wp-caption .wp-caption-text {
59 | 	margin: 0.8075em 0;
60 | }
61 | 
62 | /* Make sure embeds and iframes fit their containers */
63 | embed,
64 | iframe,
65 | object {
66 | 	max-width: 100%;
67 | }
68 | 


--------------------------------------------------------------------------------
/sass/ip2/layout/_hero-header.scss:
--------------------------------------------------------------------------------
 1 | .has-header-image #hero-header {
 2 | 	position: relative;
 3 | 	padding: 5vh 1.75em;
 4 | }
 5 | 
 6 | .has-header-image #hero-header:before {
 7 | 	position: absolute;
 8 | 	z-index: 1;
 9 | 	top: 0;
10 | 	left: 0;
11 | 	display: block;
12 | 	width: 100%;
13 | 	height: 100%;
14 | 	content: "\020";
15 | 	background: -webkit-linear-gradient(rgba(0, 0, 0, .15) 50%, rgba(0, 0, 0, .45));
16 | 	background:				 linear-gradient(rgba(0, 0, 0, .15) 50%, rgba(0, 0, 0, .45));
17 | 	box-shadow: 0 -1px 8px rgba(0, 0, 0, .2) inset;
18 | }
19 | 
20 | .has-header-image #hero-header .inner {
21 | 	position: relative;
22 | 	z-index: 2;
23 | 	max-width: 740px;
24 | 	margin: 0 auto;
25 | 	padding-top: .875em;
26 | 	text-align: center;
27 | 	word-wrap: break-word;
28 | 	color: white;
29 | }
30 | 
31 | .has-header-image #hero-header .site-title {
32 | 	color: white;
33 | }
34 | 
35 | .has-header-image #hero-header .site-description {
36 | 	color: rgba(255, 255, 255, .84);
37 | }
38 | 
39 | .has-header-image #hero-header .site-logo-link img {
40 | 	-webkit-transition: box-shadow 200ms ease;
41 | 		transition: box-shadow 200ms ease;
42 | 	outline: 0;
43 | }
44 | 
45 | .has-header-image #hero-header .site-logo-link:focus img,
46 | .has-header-image #hero-header .site-logo-link:active img {
47 | 	box-shadow: 0 0 0 7px rgba(255, 255, 255, .22);
48 | }
49 | 
50 | .has-header-image #hero-header .jetpack-social-navigation ul.menu li a {
51 | 	padding: 0 0;
52 | 	color: rgba(255, 255, 255, .85);
53 | }
54 | 
55 | .has-header-image #hero-header .jetpack-social-navigation ul.menu li a:hover {
56 | 	color: white;
57 | }
58 | 


--------------------------------------------------------------------------------
/inc/custom-logo.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * Implements the Custom Logo feature
 4 |  * http://codex.wordpress.org/Custom_Logo
 5 |  *
 6 |  * @package Indieweb Publisher
 7 |  * @since   Indieweb Publisher 1.0
 8 |  */
 9 | 
10 | /**
11 |  * Setup the WordPress core custom logo feature.
12 |  *
13 |  * Use add_theme_support to register support for WordPress 3.4+
14 |  * as well as provide backward compatibility for previous versions.
15 |  * Use feature detection of wp_get_theme() which was introduced
16 |  * in WordPress 3.4.
17 |  *
18 |  * @uses indieweb_publisher_get_default_header_image()
19 |  */
20 | function indieweb_publisher_custom_logo_setup() {
21 | 	$args = array(
22 | 		'width'                  => 100,
23 | 		'height'                 => 100,
24 | 		'flex-width'             => true,
25 | 		'flex-height'            => true,
26 | 		'header-text'            => false,
27 | 	);
28 | 
29 | 	$args = apply_filters( 'indieweb_publisher_custom_header_args', $args );
30 | 
31 | 	add_theme_support( 'custom-logo', $args );
32 | 
33 | }
34 | 
35 | add_action( 'after_setup_theme', 'indieweb_publisher_custom_logo_setup' );
36 | 
37 | function indieweb_publisher_author_logo() {
38 | 	 $author_id = get_option( 'iw_default_author', get_option( 'admin_email' ) );
39 | 	printf(
40 | 		'<a href="%1$s" class="custom-logo-link" rel="home" itemprop="url">%2$s</a>',
41 | 		esc_url( home_url( '/' ) ),
42 | 		get_avatar(
43 | 			$author_id,
44 | 			100,
45 | 			'404',
46 | 			'',
47 | 			array(
48 | 				'class'      => array( 'custom-logo' ),
49 | 				'extra-attr' => array(
50 | 					'itemprop' => 'logo',
51 | 				),
52 | 			)
53 | 		)
54 | 	);
55 | }
56 | 


--------------------------------------------------------------------------------
/index.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The main template file.
 4 |  *
 5 |  * This is the most generic template file in a WordPress theme
 6 |  * and one of the two required files for a theme (the other being style.css).
 7 |  * It is used to display a page when nothing more specific matches a query.
 8 |  * E.g., it puts together the home page when no home.php file exists.
 9 |  * Learn more: http://codex.wordpress.org/Template_Hierarchy
10 |  *
11 |  * @package Indieweb Publisher
12 |  * @since   Indieweb Publisher 1.0
13 |  */
14 | 
15 | get_header(); ?>
16 | 
17 | <div id="primary" class="content-area">
18 | 	<main id="content" class="site-content" role="main">
19 | 
20 | 		<?php if ( have_posts() ) : ?>
21 | 
22 | 			<?php /* Start the Loop */ ?>
23 | 			<?php
24 | 			while ( have_posts() ) :
25 | 				the_post();
26 | 				?>
27 | 
28 | 				<?php
29 | 				/*
30 | 				Include the Post-Kind or Post Format-specific template for the content.
31 | 				* If you want to override this in a child theme then include a file
32 | 				* called content-___.php (where ___ is the Post Format name) and that will be used instead.
33 | 				*/
34 | 
35 | 				get_template_part( 'template-parts/content', indieweb_publisher_get_post_kind() );
36 | 				?>
37 | 
38 | 			<?php endwhile; ?>
39 | 
40 | 			<?php
41 | 			indieweb_publisher_the_posts_navigation();
42 | 			?>
43 | 
44 | 		<?php else : ?>
45 | 
46 | 			<?php get_template_part( 'template-parts/content', 'none' ); ?>
47 | 
48 | 		<?php endif; ?>
49 | 
50 | 	</main>
51 | 	<!-- #content .site-content -->
52 | </div><!-- #primary .content-area -->
53 | 
54 | <?php get_sidebar(); ?>
55 | <?php get_footer(); ?>
56 | 


--------------------------------------------------------------------------------
/archive.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The template for displaying Archive pages.
 4 |  *
 5 |  * Learn more: http://codex.wordpress.org/Template_Hierarchy
 6 |  *
 7 |  * @package Indieweb Publisher
 8 |  * @since   Indieweb Publisher 1.0
 9 |  */
10 | 
11 | get_header(); ?>
12 | 
13 | 	<section id="primary" class="content-area">
14 | 		<main id="content" class="site-content" role="main">
15 | 
16 | 			<?php if ( have_posts() ) : ?>
17 | 
18 | 				<header class="page-header">
19 | 				<?php the_archive_thumbnail(); ?>
20 | 				<?php the_archive_title( '<h1 class="page-title p-name">', '</h1>' ); ?>
21 | 				<?php the_archive_description( '<div class="archive-description p-summary">', '</div>' ); ?>
22 | 				<?php indieweb_publisher_the_posts_navigation(); ?>
23 | 				</header><!-- .page-header -->
24 | 
25 | 				<?php /* Start the Loop */ ?>
26 | 				<?php
27 | 				while ( have_posts() ) :
28 | 					the_post();
29 | 					?>
30 | 
31 | 					<?php
32 | 					/*
33 | 					Include the Post-Format-specific template for the content.
34 | 					* If you want to overload this in a child theme then include a file
35 | 					* called content-___.php (where ___ is the Post Format name) and that will be used instead.
36 | 					*/
37 | 					get_template_part( 'template-parts/content', indieweb_publisher_get_post_kind() );
38 | 					?>
39 | 
40 | 				<?php endwhile; ?>
41 | 
42 | 				<?php indieweb_publisher_the_posts_navigation(); ?>
43 | 
44 | 			<?php else : ?>
45 | 
46 | 				<?php get_template_part( 'template-parts/content', 'none' ); ?>
47 | 
48 | 			<?php endif; ?>
49 | 
50 | 		</main>
51 | 		<!-- #content .site-content -->
52 | 	</section><!-- #primary .content-area -->
53 | 
54 | <?php get_sidebar(); ?>
55 | <?php get_footer(); ?>
56 | 


--------------------------------------------------------------------------------
/sass/ip2/navigation/_post.scss:
--------------------------------------------------------------------------------
 1 | .post-navigation {
 2 | 	margin-top: 2.675em;
 3 | 	padding: .4375em 0;
 4 | 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
 5 | 	border-bottom: solid 1px #ddd;
 6 | 	border-top: solid 1px #ddd;
 7 | }
 8 | 
 9 | .post-navigation .nav-links {
10 | 	font-size: 15px;
11 | }
12 | 
13 | .post-navigation .nav-links a {
14 | 	display: inline-block;
15 | 	padding: .21875em 0;
16 | 	-webkit-transition: color 140ms ease-in-out;
17 | 			transition: color 140ms ease-in-out;
18 | 	font-weight: normal;
19 | 	vertical-align: middle;
20 | 	color: #b6b6b4;
21 | }
22 | 
23 | .post-navigation .nav-links a:hover,
24 | .post-navigation .nav-links a:focus,
25 | .post-navigation .nav-links a:active {
26 | 	text-decoration: none;
27 | 	color: #747471;
28 | }
29 | 
30 | .post-navigation .nav-links .nav-previous a:before,
31 | .post-navigation .nav-links .nav-next a:after {
32 | 	position: relative;
33 | 	display: inline-block;
34 | 	margin: 0;
35 | 	font-family: "Genericons";
36 | 	vertical-align: middle;
37 | 	-webkit-font-smoothing: antialiased;
38 | 	-moz-osx-font-smoothing: grayscale;
39 | }
40 | 
41 | .post-navigation .nav-links .nav-previous {
42 | 	clear: both;
43 | 	margin: 0 0 0 -.21875em;
44 | 	width: 100%;
45 | }
46 | 
47 | .post-navigation .nav-links .nav-previous a:before {
48 | 	margin-right: .21875em;
49 | 	content: "\f431";
50 | 	-webkit-transform: rotate(90deg);
51 | 		-ms-transform: rotate(90deg);
52 | 			transform: rotate(90deg);
53 | }
54 | 
55 | .post-navigation .nav-links .nav-next {
56 | 	margin: 0 -.21875em 0 0;
57 | }
58 | 
59 | .post-navigation .nav-links .nav-next a:after {
60 | 	margin-left: .21875em;
61 | 	content: "\f432";
62 | 	-webkit-transform: rotate(90deg);
63 | 		-ms-transform: rotate(90deg);
64 | 			transform: rotate(90deg);
65 | }
66 | 


--------------------------------------------------------------------------------
/sass/ip2/layout/_post-author-card.scss:
--------------------------------------------------------------------------------
 1 | .entry-author-wrapper {
 2 | 	position: relative;
 3 | 	margin: 1.75em 0 0;
 4 | 	padding: 1.75em 0 0;
 5 | }
 6 | 
 7 | .entry-author .author-avatar {
 8 | 	position: relative;
 9 | 	z-index: 2;
10 | 	display: block;
11 | 	float: right;
12 | 	margin-left: .875em;
13 | 	width: 80px;
14 | }
15 | 
16 | .entry-author .author-avatar img {
17 | 	position: relative;
18 | 	display: block;
19 | 	float: right;
20 | 	width: 80px;
21 | 	height: auto;
22 | 	border-radius: 80px;
23 | }
24 | .entry-author .author-title {
25 | 	clear: none;
26 | 	margin: 0;
27 | 	font-size: 19px;
28 | 	font-weight: 700;
29 | 	line-height: 1.4;
30 | 	color: #333332;
31 | }
32 | 
33 | .entry-author .author-bio,
34 | .entry-author .author-heading {
35 | 	position: relative;
36 | 	z-index: 1;
37 | 	display: block;
38 | 	clear: none;
39 | 	box-sizing: border-box;
40 | }
41 | 
42 | .entry-author .author-bio {
43 | 	margin-top: 0;
44 | 	font-size: 15px;
45 | 	font-style: italic;
46 | 	color: #929292;
47 | }
48 | 
49 | .site-posted-on {
50 | 	position: relative;
51 | 	display: none;
52 | 	margin-left: 100px;
53 | }
54 | 
55 | .site-posted-on strong {
56 | 	display: block;
57 | 	clear: right;
58 | 	margin: 1.75em 0 0;
59 | 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
60 | 	font-size: 15px;
61 | 	font-weight: 700;
62 | 	font-style: normal;
63 | 	line-height: 1.4;
64 | 	color: #333332;
65 | }
66 | 
67 | .site-posted-on time {
68 | 	display: block;
69 | 	margin: 0;
70 | 	font-family: Georgia, "Times New Roman", serif;
71 | 	font-size: 15px;
72 | 	font-weight: inherit;
73 | 	font-style: normal;
74 | 	line-height: 2;
75 | 	color: #929292;
76 | }
77 | 
78 | .site-posted-on time.updated:not(.published) {
79 | 	display: none;
80 | }
81 | 
82 | .site-posted-on strong {
83 | 	margin-top: 0;
84 | }
85 | 
86 | .site-posted-on:before {
87 | 	display: none;
88 | }
89 | 


--------------------------------------------------------------------------------
/author.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The template for displaying Author archive pages.
 4 |  *
 5 |  * Learn more: http://codex.wordpress.org/Template_Hierarchy
 6 |  *
 7 |  * @package Indieweb Publisher
 8 |  * @since   Indieweb Publisher 1.0
 9 |  */
10 | 
11 | get_header(); ?>
12 | 
13 | 	<section id="primary" class="content-area">
14 | 		<div id="content" class="site-content" role="main">
15 | 
16 | 			<?php if ( have_posts() ) : ?>
17 | 
18 | 				<?php
19 | 				/*
20 | 				Queue the first post, that way we know
21 | 				* what author we're dealing with (if that is the case).
22 | 				*
23 | 				* We reset this later so we can run the loop
24 | 				* properly with a call to rewind_posts().
25 | 				*/
26 | 				the_post();
27 | 				?>
28 | 
29 | 				<header class="archive-header">
30 | 					<h1 class="archive-title"><?php printf( '%s', '<span class="vcard"><a class="url fn n" href="' . esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ) . '" title="' . esc_attr( get_the_author() ) . '" rel="me">' . get_the_author() . '</a></span>' ); ?></h1>
31 | 				</header><!-- .archive-header -->
32 | 
33 | 				<?php
34 | 				/*
35 | 				Since we called the_post() above, we need to
36 | 				* rewind the loop back to the beginning that way
37 | 				* we can run the loop properly, in full.
38 | 				*/
39 | 				rewind_posts();
40 | 				?>
41 | 
42 | 				<?php get_template_part( 'template-parts/author-bio' ); ?>
43 | 
44 | 				<?php /* The loop */ ?>
45 | 				<?php
46 | 				while ( have_posts() ) :
47 | 					the_post();
48 | 					?>
49 | 					<?php
50 | 					get_template_part( 'template-parts/content', indieweb_publisher_get_post_kind() );
51 | 					?>
52 | 				<?php endwhile; ?>
53 | 
54 | 				<?php indieweb_publisher_the_posts_navigation(); ?>
55 | 
56 | 			<?php else : ?>
57 | 				<?php get_template_part( 'template-parts/content', 'none' ); ?>
58 | 			<?php endif; ?>
59 | 
60 | 		</div>
61 | 		<!-- #content -->
62 | 	</section><!-- #primary .content-area -->
63 | 
64 | <?php get_sidebar(); ?>
65 | <?php get_footer(); ?>
66 | 


--------------------------------------------------------------------------------
/css/nprogress.css:
--------------------------------------------------------------------------------
 1 | /* Make clicks pass-through */
 2 | #nprogress {
 3 |   pointer-events: none;
 4 | }
 5 | 
 6 | #nprogress .bar {
 7 |   background: #57ad68;
 8 | 
 9 |   position: fixed;
10 |   z-index: 1031;
11 |   top: 0;
12 |   left: 0;
13 | 
14 |   width: 100%;
15 |   height: 2px;
16 | }
17 | 
18 | /**
19 |  * Move progress bar down when WordPress Admin Bar is loaded
20 |  */
21 | .admin-bar #nprogress .bar {
22 | 	top: 32px;
23 | }
24 | 
25 | /**
26 |  * Move progress bar down 46px and disable fancy blur effect
27 |  * when extra-thick WordPress Admin Bar is loaded
28 |  */
29 | @media only screen and (max-width: 800px) {
30 | 	.admin-bar #nprogress .bar {
31 | 		top: 46px;
32 | 	}
33 | 
34 | 	.admin-bar #nprogress .peg {
35 | 		display: none;
36 | 	}
37 | 
38 | }
39 | 
40 | /* Fancy blur effect */
41 | #nprogress .peg {
42 | 	display: block;
43 | 	position: absolute;
44 | 	right: 0px;
45 | 	width: 100px;
46 | 	height: 100%;
47 | 	box-shadow: 0 0 10px #57ad68, 0 0 5px #57ad68;
48 | 	opacity: 1.0;
49 | 
50 | 	-webkit-transform: rotate(3deg) translate(0px, -4px);
51 | 	-ms-transform: rotate(3deg) translate(0px, -4px);
52 | 	transform: rotate(3deg) translate(0px, -4px);
53 | }
54 | 
55 | /* Remove these to get rid of the spinner */
56 | #nprogress .spinner {
57 |   display: block;
58 |   position: fixed;
59 |   z-index: 1031;
60 |   top: 15px;
61 |   right: 15px;
62 | }
63 | 
64 | #nprogress .spinner-icon {
65 |   width: 18px;
66 |   height: 18px;
67 |   box-sizing: border-box;
68 | 
69 |   border: solid 2px transparent;
70 |   border-top-color: #57ad68;
71 |   border-left-color: #57ad68;
72 |   border-radius: 50%;
73 | 
74 |   -webkit-animation: nprogress-spinner 400ms linear infinite;
75 | 		  animation: nprogress-spinner 400ms linear infinite;
76 | }
77 | 
78 | @-webkit-keyframes nprogress-spinner {
79 |   0%   { -webkit-transform: rotate(0deg); }
80 |   100% { -webkit-transform: rotate(360deg); }
81 | }
82 | @keyframes nprogress-spinner {
83 |   0%   { transform: rotate(0deg); }
84 |   100% { transform: rotate(360deg); }
85 | }
86 | 


--------------------------------------------------------------------------------
/sass/default/_reset.scss:
--------------------------------------------------------------------------------
 1 | html, body, div, span, applet, object, iframe,
 2 | h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 3 | a, abbr, acronym, address, big, cite, code,
 4 | del, dfn, em, font, ins, kbd, q, s, samp,
 5 | small, strike, strong, sub, sup, tt, var,
 6 | dl, dt, dd, ol, ul, li,
 7 | fieldset, form, label, legend,
 8 | table, caption, tbody, tfoot, thead, tr, th, td {
 9 | 	margin: 0;
10 | 	padding: 0;
11 | 	outline: 0;
12 | 	border: 0;
13 | 	vertical-align: baseline;
14 | 	font-weight: inherit;
15 | 	font-style: inherit;
16 | 	font-size: 100%;
17 | 	font-family: inherit;
18 | }
19 | 
20 | html {
21 | 	overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
22 | 	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
23 | 	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
24 | 	-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
25 | }
26 | 
27 | body {
28 | 	background: #fff;
29 | }
30 | 
31 | article,
32 | aside,
33 | details,
34 | figcaption,
35 | figure,
36 | footer,
37 | header,
38 | hgroup,
39 | nav,
40 | section {
41 | 	display: block;
42 | }
43 | 
44 | ol, ul {
45 | 	list-style: none;
46 | }
47 | 
48 | table {
49 | 	border-spacing: 0; /* tables still need 'cellspacing="0"' in the markup */
50 | 	border-collapse: separate;
51 | }
52 | 
53 | caption, th, td {
54 | 	text-align: left;
55 | 	font-weight: normal;
56 | }
57 | 
58 | blockquote:before, blockquote:after,
59 | q:before, q:after {
60 | 	content: "";
61 | }
62 | 
63 | blockquote, q {
64 | 	quotes: "" "";
65 | }
66 | 
67 | a:focus {
68 | 	outline: thin dotted;
69 | }
70 | 
71 | a:hover,
72 | a:active {
73 | 	/* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
74 | 	outline: 0;
75 | }
76 | 
77 | a img {
78 | 	border: 0;
79 | }
80 | 


--------------------------------------------------------------------------------
/sass/ip2/navigation/_menu.scss:
--------------------------------------------------------------------------------
 1 | .main-navigation {
 2 | 	display: block;
 3 | 	clear: both;
 4 | 	width: 100%;
 5 | 	margin: 0 auto;
 6 | 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
 7 | 	font-size: 17px;
 8 | 	font-weight: 700;
 9 | 	text-align: left;
10 | }
11 | .main-navigation a {
12 | 	display: block;
13 | 	padding: .20875em .4375em;
14 | 	text-decoration: none;
15 | 	-webkit-transition: color 140ms ease-in-out;
16 | 			transition: color 140ms ease-in-out;
17 | }
18 | .main-navigation ul {
19 | 	display: none;
20 | 	margin: 0;
21 | 	padding-left: 0;
22 | 	list-style: none;
23 | }
24 | .main-navigation li {
25 | 	border-top: 1px solid #ccc;
26 | 	position: relative;
27 | 	display: inline-block;
28 | 	margin-top: .4375em;
29 | 	padding-top: .4375em;
30 | 	line-height: 1.3;
31 | 	width: 100%;
32 | }
33 | .main-navigation ul:first-child > li:first-child {
34 | 	border-top: 0;
35 | }
36 | 
37 | .main-navigation > div > ul > li.current-menu-item > a,
38 | .main-navigation > div > ul > li.current_page_item > a {
39 | 	color: #00aadc;
40 | }
41 | 
42 | .main-navigation > div > ul > li.current-menu-item > ul > li a,
43 | .main-navigation > div > ul > li.current_page_item > ul > li a {
44 | 	color: #fff;
45 | }
46 | 
47 | /* Small menu. */
48 | .menu-toggle,
49 | .main-navigation.toggled ul {
50 | 	display: block;
51 | }
52 | 
53 | .menu-toggle:before {
54 | 	display: inline-block;
55 | 	margin-right: 5px;
56 | 	content: "\2630";
57 | }
58 | 
59 | .main-navigation ul a {
60 | 	padding-left: 1.75em;
61 | 	padding-right: 1.75em;
62 | }
63 | 
64 | .main-navigation ul ul a {
65 | 	padding-left: 3.5em;
66 | }
67 | 
68 | .main-navigation ul ul ul a {
69 | 	padding-left: 5.25em;
70 | }
71 | 
72 | .main-navigation ul ul ul ul a {
73 | 	padding-left: 7em;
74 | }
75 | 
76 | .main-navigation ul ul ul ul ul a {
77 | 	padding-left: 8.75em;
78 | }
79 | 
80 | .main-navigation ul ul ul ul ul ul a {
81 | 	padding-left: 10.5em;
82 | }
83 | 
84 | .has-header-image .menu-toggle {
85 | 	color: white;
86 | 	border-color: white;
87 | }
88 | 


--------------------------------------------------------------------------------
/404.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The template for displaying 404 pages (Not Found).
 4 |  *
 5 |  * @package Indieweb Publisher
 6 |  * @since   Indieweb Publisher 1.0
 7 |  */
 8 | 
 9 | get_header(); ?>
10 | 
11 | 	<div id="primary" class="content-area">
12 | 		<main id="content" class="site-content" role="main">
13 | 
14 | 			<section class="error-404 not-found">
15 | 				<header class="entry-header">
16 | 					<h1 class="entry-title"><?php _e( 'Oops! That page can&rsquo;t be found.', 'indieweb-publisher' ); ?></h1>
17 | 				</header>
18 | 				<!-- .entry-header -->
19 | 
20 | 				<div>
21 | 					<p><?php _e( 'It looks like nothing was found at this location. Maybe try one of the links below or a search?', 'indieweb-publisher' ); ?></p>
22 | 
23 | 					<?php get_search_form(); ?>
24 | 
25 | 					<?php
26 | 					if ( function_exists( 'get_original_of_form' ) ) {
27 | 						get_original_of_form(); 
28 | 					}
29 | 					?>
30 | 
31 | 					<?php the_widget( 'WP_Widget_Recent_Posts' ); ?>
32 | 
33 | 					<?php if ( indieweb_publisher_categorized_blog() ) : // Only show the widget if site has multiple categories. ?>
34 | 						<div class="widget widget_categories">
35 | 							<h2 class="widgettitle"><?php _e( 'Most Used Categories', 'indieweb-publisher' ); ?></h2>
36 | 							<ul>
37 | 						<?php
38 | 						wp_list_categories(
39 | 							array(
40 | 								'orderby'    => 'count',
41 | 								'order'      => 'DESC',
42 | 								'show_count' => 1,
43 | 								'title_li'   => '',
44 | 								'number'     => 10,
45 | 							)
46 | 						);
47 | 						?>
48 | 							</ul>
49 | 						</div>
50 | 						<!-- .widget -->
51 | 					<?php endif; ?>
52 | 
53 | 					<?php
54 | 					/* translators: %1$s: smilie */
55 | 					$archive_content = '<p>' . sprintf( __( 'Try looking in the monthly archives. %1$s', 'indieweb-publisher' ), convert_smilies( ':)' ) ) . '</p>';
56 | 					the_widget( 'WP_Widget_Archives', 'dropdown=1', "after_title=</h2>$archive_content" );
57 | 					?>
58 | 
59 | 					<?php the_widget( 'WP_Widget_Tag_Cloud' ); ?>
60 | 
61 | 				</div>
62 | 			</div>
63 | 			<!-- .error-404 -->
64 | 
65 | 		</main>
66 | 		<!-- #main -->
67 | 	</div><!-- #primary .content-area -->
68 | 
69 | <?php get_footer(); ?>
70 | 


--------------------------------------------------------------------------------
/template-parts/content-page.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The template used for displaying page content in page.php
 4 |  *
 5 |  * @package Independent Publisher
 6 |  * @since   Independent Publisher 1.0
 7 |  */
 8 | ?>
 9 | 
10 | <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
11 | 	<?php if ( has_post_thumbnail() && ! indieweb_publisher_has_full_width_featured_image() ) : ?>
12 | 		<?php the_post_thumbnail( 'indieweb_publisher_post_thumbnail', array( 'itemprop' => 'image' ) ); ?>
13 | 	<?php endif; ?>
14 | 	<header>
15 | 		<?php if ( ! indieweb_publisher_post_has_post_cover_title() ) : ?>
16 | 			<h1 class="entry-title p-name"><?php the_title(); ?></h1>
17 | 		<?php endif; ?>
18 | 	</header>
19 | 
20 | 	<?php the_content(); ?>
21 | 
22 | 	<footer class="entry-meta">
23 | 
24 | 		<?php if ( function_exists( 'wp_pagenavi' ) ) : // WP-PageNavi support ?>
25 | 
26 | 			<?php wp_pagenavi( array( 'type' => 'multipart' ) ); ?>
27 | 
28 | 		<?php else : ?>
29 | 
30 | 			<?php
31 | 			wp_link_pages(
32 | 				array(
33 | 					'before'           => '<div class="page-links-next-prev">',
34 | 					'after'            => '</div>',
35 | 					'nextpagelink'     => '<button class="next-page-nav">' . __( 'Next page &rarr;', 'indieweb-publisher' ) . '</button>',
36 | 					'previouspagelink' => '<button class="previous-page-nav">' . __( '&larr; Previous page', 'indieweb-publisher' ) . '</button>',
37 | 					'next_or_number'   => 'next',
38 | 				)
39 | 			);
40 | 			?>
41 | 			<?php
42 | 			wp_link_pages(
43 | 				array(
44 | 					'before' => '<div class="page-links">' . __( 'Pages:', 'indieweb-publisher' ),
45 | 					'after'  => '</div>',
46 | 				)
47 | 			);
48 | 			?>
49 | 		<?php endif; ?>
50 | 		<?php do_action( 'indieweb_publisher_entry_meta_top' ); ?>
51 | 
52 | 		<?php if ( comments_open() && ! indieweb_publisher_hide_comments() ) : ?>
53 | 			<div id="share-comment-button">
54 | 				<button>
55 | 					<i class="share-comment-icon"></i><?php echo indieweb_publisher_comments_call_to_action_text(); ?>
56 | 				</button>
57 | 			</div>
58 | 		<?php endif; ?>
59 | 
60 | 		<?php edit_post_link( __( 'Edit', 'independent-publisher' ), '<span class="edit-link">', '</span>' ); ?>
61 | 	</footer>
62 | 	<!-- .entry-meta -->
63 | 
64 | </article><!-- #post-<?php the_ID(); ?> -->
65 | 


--------------------------------------------------------------------------------
/Gruntfile.js:
--------------------------------------------------------------------------------
 1 | module.exports = function(grunt) {
 2 | 
 3 |   // Project configuration.
 4 |   grunt.initConfig({
 5 |     wp_readme_to_markdown: {
 6 |       target: {
 7 |         files: {
 8 |           'readme.md': 'readme.txt'
 9 |         }
10 |       },
11 |     },
12 |     copy: {
13 | 	    main: {
14 | 		    files: [ {expand: true, cwd: 'node_modules/genericons-neue/icon-font/', src: ['**'], dest: 'fonts/genericons-neue/'}, ],
15 | 		},
16 |     },
17 |     sass: {                              // Task
18 |       dev: {                            // Target
19 |         options: {                       // Target options
20 |           style: 'expanded'
21 |         },
22 |         files: {                         // Dictionary of files
23 |           'css/default.css': 'sass/default.scss',       // 'destination': 'source'
24 |   	  'css/ip2.css': 'sass/ip2.scss'
25 |         }
26 |       },
27 |       dist: {                            // Target
28 |         options: {                       // Target options
29 |           style: 'compressed'
30 |         },
31 |         files: {                         // Dictionary of files
32 |           'css/default.min.css': 'sass/default.scss',       // 'destination': 'source'
33 | 	  'css/ip2.min.css': 'sass/ip2.scss',
34 | 
35 |         }
36 |       }
37 |     },
38 |     stylelint: {
39 | 	        all: ['sass/**/*.scss']
40 |     },
41 |     makepot: {
42 |       target: {
43 |         options: {
44 |           mainFile: 'iw26.php', // Main project file.
45 |           domainPath: '/languages',                   // Where to save the POT file.
46 |           potFilename: 'iw26.pot',
47 |           type: 'wp-theme',                // Type of project (wp-plugin or wp-theme).
48 |           exclude: [
49 |             'vendor/.*'
50 |           ],
51 |           updateTimestamp: false             // Whether the POT-Creation-Date should be updated without other changes.
52 |             	}
53 |       }
54 |     }
55 |   });
56 | 
57 |   grunt.loadNpmTasks('grunt-wp-readme-to-markdown');
58 |   grunt.loadNpmTasks('grunt-wp-i18n');
59 |   grunt.loadNpmTasks('grunt-contrib-sass');
60 |   grunt.loadNpmTasks('grunt-contrib-copy');
61 |   grunt.loadNpmTasks('grunt-stylelint' );
62 | 
63 |   // Default task(s).
64 |   grunt.registerTask('default', ['wp_readme_to_markdown', 'makepot', 'sass', 'copy']);
65 | 
66 | };
67 | 


--------------------------------------------------------------------------------
/page_one-column-template.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * A clean one-column page template without the navigation bar or site info
 4 |  *
 5 |  * Template Name: One-Column, No Nav Bar
 6 |  *
 7 |  * @package Indieweb Publisher
 8 |  * @since   Indieweb Publisher 1.0
 9 |  */
10 | 
11 | get_header(); ?>
12 | 
13 | 	<style type="text/css">
14 | 		#masthead {
15 | 			display: none;
16 | 		}
17 | 	</style>
18 | 
19 | 	<div id="primary" class="content-area">
20 | 		<div id="content" class="site-content" role="main">
21 | 
22 | 			<?php
23 | 			while ( have_posts() ) :
24 | 				the_post();
25 | 				?>
26 | 
27 | 				<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
28 | 				<?php if ( has_post_thumbnail() ) : ?>
29 | 					<?php the_post_thumbnail( 'indieweb_publisher_post_thumbnail' ); ?>
30 | 				<?php endif; ?>
31 | 					<header class="entry-header">
32 | 						<h1 class="entry-title"><?php the_title(); ?></h1>
33 | 					</header>
34 | 					<!-- .entry-header -->
35 | 
36 | 				<?php the_content(); ?>
37 | 					<footer class="entry-meta">>
38 | 
39 | 				<?php if ( function_exists( 'wp_pagenavi' ) ) : // WP-PageNavi support ?>
40 | 
41 | 					<?php wp_pagenavi( array( 'type' => 'multipart' ) ); ?>
42 | 
43 | 						<?php else : ?>
44 | 
45 | 							<?php
46 | 							wp_link_pages(
47 | 								array(
48 | 									'before'           => '<div class="page-links-next-prev">',
49 | 									'after'            => '</div>',
50 | 									'nextpagelink'     => '<button class="next-page-nav">' . __( 'Next page &rarr;', 'indieweb-publisher' ) . '</button>',
51 | 									'previouspagelink' => '<button class="previous-page-nav">' . __( '&larr; Previous page', 'indieweb-publisher' ) . '</button>',
52 | 									'next_or_number'   => 'next',
53 | 								)
54 | 							);
55 | 							?>
56 | 							<?php
57 | 							wp_link_pages(
58 | 								array(
59 | 									'before' => '<div class="page-links">' . __( 'Pages:', 'indieweb-publisher' ),
60 | 									'after'  => '</div>',
61 | 								)
62 | 							);
63 | 							?>
64 | 
65 | 						<?php endif; ?>
66 | 
67 | 				<?php edit_post_link( __( 'Edit', 'indieweb-publisher' ), '<span class="edit-link">', '</span>' ); ?>
68 | 					</footer> <!-- .entry-meta --!>
69 | 				</article><!-- #post-<?php the_ID(); ?> -->
70 | 
71 | 				<?php comments_template( '', true ); ?>
72 | 
73 | 			<?php endwhile; // end of the loop. ?>
74 | 
75 | 		</div>
76 | 		<!-- #content .site-content -->
77 | 	</div><!-- #primary .content-area -->
78 | 
79 | <?php get_footer(); ?>
80 | 


--------------------------------------------------------------------------------
/inc/mf2.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * Code that Adds Support for Microformats 2
 4 |  *
 5 |  * @package Indieweb Publisher
 6 |  * @since   Indieweb Publisher 1.7
 7 |  */
 8 | 
 9 | function indieweb_publisher_mf2_body_class( $classes ) {
10 | 	if ( is_page_template() && 'hcard.php' === get_page_template_slug() ) {
11 | 		return $classes;
12 | 	} elseif ( ! is_singular() ) {
13 | 		$classes[] = 'h-feed';
14 | 	} else {
15 | 		// Adds a class for microformats v2
16 | 		$classes[] = 'h-entry';
17 | 	}
18 | 	return $classes;
19 | }
20 | 
21 | add_filter( 'body_class', 'indieweb_publisher_mf2_body_class' );
22 | 
23 | function indieweb_publisher_mf2_post_class( $classes ) {
24 | 	$classes = array_diff( $classes, array( 'hentry' ) );
25 | 	if ( ! is_singular() ) {
26 | 		// Adds a class for microformats v2
27 | 		$classes[] = 'h-entry';
28 | 		// add hentry to the same tag as h-entry
29 | 		$classes[] = 'hentry';
30 | 	}
31 | 	return $classes;
32 | }
33 | 
34 | add_filter( 'post_class', 'indieweb_publisher_mf2_post_class' );
35 | 
36 | 
37 | /**
38 |  * Adds mf2 to avatar
39 |  *
40 |  * @param  array             $args        Arguments passed to get_avatar_data(), after processing.
41 |  * @param  int|string|object $id_or_email A user ID, email address, or comment object
42 |  * @return array $args
43 |  */
44 | function indieweb_publisher_mf2_get_avatar_data( $args, $id_or_email ) {
45 | 	if ( ! isset( $args['class'] ) ) {
46 | 		$args['class'] = array( 'u-photo' );
47 | 	} else {
48 | 		if ( is_string( $args['class'] ) ) {
49 | 			$args['class'] = array( $args['class'] );
50 | 		}
51 | 		$args['class'][] = 'u-photo';
52 | 	}
53 | 	return $args;
54 | }
55 | 
56 | add_filter( 'get_avatar_data', 'indieweb_publisher_mf2_get_avatar_data', 11, 2 );
57 | 
58 | /**
59 |  * Adds custom classes to the array of comment classes.
60 |  */
61 | function indieweb_publisher_mf2_comment_class( $classes ) {
62 | 	 $classes[] = 'u-comment';
63 | 	$classes[]  = 'h-cite';
64 | 	return array_unique( $classes );
65 | }
66 | 
67 | add_filter( 'comment_class', 'indieweb_publisher_mf2_comment_class', 11 );
68 | 
69 | 
70 | /**
71 |  * Wraps the_content in e-content
72 |  */
73 | function indieweb_publisher_the_content( $content ) {
74 | 	if ( is_feed() ) {
75 | 		return $content;
76 | 	}
77 | 	if ( empty( $content ) ) {
78 | 		return $content;
79 | 	}
80 | 	return sprintf( '<section class="e-content">%1$s</section>', $content );
81 | }
82 | add_filter( 'the_content', 'indieweb_publisher_the_content', 1 );
83 | 
84 | /**
85 |  * Wraps the_excerpt in p-summary
86 |  */
87 | function indieweb_publisher_the_excerpt( $content ) {
88 | 	if ( is_feed() ) {
89 | 		return $content;
90 | 	}
91 | 	if ( empty( $content ) ) {
92 | 		return $content;
93 | 	}
94 | 	return sprintf( '<section class="e-summary">%1$s</section>', $content );
95 | }
96 | 
97 | add_filter( 'the_excerpt', 'indieweb_publisher_the_excerpt', 1 );
98 | 
99 | 


--------------------------------------------------------------------------------
/header.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The Header for our theme.
 4 |  *
 5 |  * Displays all of the <head> section and everything up till <div id="main">
 6 |  *
 7 |  * @package Indieweb Publisher
 8 |  * @since   Indieweb Publisher 1.0
 9 |  */
10 | ?><!DOCTYPE html>
11 | <html <?php indieweb_publisher_html_tag_schema(); ?> <?php language_attributes(); ?>>
12 | <head>
13 | 	<meta charset="<?php bloginfo( 'charset' ); ?>" />
14 | 	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
15 | 	<link rel="profile" href="http://gmpg.org/xfn/11" />
16 | 	<!--[if lt IE 9]>
17 | 	<script src="<?php echo get_template_directory_uri(); ?>/js/html5.js" type="text/javascript"></script>
18 | 	<![endif]-->
19 | 	<?php wp_head(); ?>
20 | </head>
21 | 
22 | <body <?php body_class(); ?> itemscope="itemscope" itemtype="http://schema.org/WebPage">
23 | <?php wp_body_open(); ?>
24 | <?php // Displays full-width featured image on Single Posts if applicable ?>
25 | <?php indieweb_publisher_full_width_featured_image(); ?>
26 | 
27 | <div id="page" class="site">
28 | 	<header id="masthead" class="site-header" role="banner" itemscope itemtype="http://schema.org/WPHeader">
29 | 
30 | 		<div class="site-header-info">
31 | 			<?php if ( is_single() ) : ?>
32 | 				<?php // Show only post author info on Single Pages ?>
33 | 				<?php indieweb_publisher_posted_author_card(); ?>
34 | 			<?php else : ?>
35 | 				<?php // Show Header Image, Site Title, and Site Tagline on everything except Single Pages ?>
36 | 				<?php indieweb_publisher_site_info(); ?>
37 | 			<?php endif; ?>
38 | 		</div>
39 | 
40 | 		<?php // Show navigation menu on everything except Single pages, unless Show Primary Nav Menu on Single Pages is enabled ?>
41 | 		<?php if ( ! is_single() || indieweb_publisher_option( 'show_nav_on_single' ) ) : ?>
42 | 			<nav role="navigation" class="site-navigation main-navigation">
43 | 				<a class="screen-reader-text skip-link" href="#content" title="<?php esc_attr_e( 'Skip to content', 'indieweb-publisher' ); ?>"><?php _e( 'Skip to content', 'indieweb-publisher' ); ?></a>
44 | 
45 | 			<?php // If this is a Single Post and we have a menu assigned to the "Single Posts Menu", show that ?>
46 | 			<?php if ( is_single() && has_nav_menu( 'single' ) ) : ?>
47 | 				<?php
48 | 				wp_nav_menu(
49 | 					array(
50 | 						'theme_location' => 'single',
51 | 						'depth'          => 1,
52 | 					)
53 | 				);
54 | 				?>
55 | 				<?php else : ?>
56 | 					<?php
57 | 					wp_nav_menu(
58 | 						array(
59 | 							'theme_location' => 'primary',
60 | 							'depth'          => 1,
61 | 						)
62 | 					);
63 | 					?>
64 | 				<?php endif; ?>
65 | 
66 | 			</nav><!-- .site-navigation .main-navigation -->
67 | 		<?php endif; ?>
68 | 
69 | 		<?php do_action( 'indieweb_publisher_header_after' ); ?>
70 | 	</header>
71 | 	<!-- #masthead .site-header -->
72 | 
73 | 	<div id="main" class="site-main">
74 | 


--------------------------------------------------------------------------------
/sass/default.scss:
--------------------------------------------------------------------------------
 1 | /*--------------------------------------------------------------
 2 | >>> TABLE OF CONTENTS:
 3 | ----------------------------------------------------------------
 4 | # Variables
 5 | # Reset
 6 | # Global
 7 | # Links
 8 | # Accessibility
 9 | # Content
10 | # Post Formats
11 | # Media
12 | # Galleries
13 | # Navigation
14 | # Comments
15 | # Widgets
16 | # Layout
17 | # Media Queries
18 | 
19 | /*--------------------------------------------------------------
20 | # Variables
21 | --------------------------------------------------------------*/
22 | 
23 | /*--------------------------------------------------------------
24 | # Reset
25 | --------------------------------------------------------------*/
26 | @import "default/reset";
27 | 
28 | /*--------------------------------------------------------------
29 | # Global
30 | --------------------------------------------------------------*/
31 | @import "default/global";
32 | 
33 | 
34 | /*--------------------------------------------------------------
35 | # Links
36 | --------------------------------------------------------------*/
37 | @import "default/links";
38 | 
39 | 
40 | /*--------------------------------------------------------------
41 | # Menu
42 | --------------------------------------------------------------*/
43 | @import "default/menu";
44 | 
45 | /*--------------------------------------------------------------
46 | # Accessibility
47 | --------------------------------------------------------------*/
48 | @import "default/accessibility";
49 | 
50 | /*--------------------------------------------------------------
51 | # Content
52 | --------------------------------------------------------------*/
53 | @import "default/content";
54 | 
55 | /*--------------------------------------------------------------
56 | # Post Formats
57 | --------------------------------------------------------------*/
58 | @import "default/post-formats";
59 | 
60 | /*--------------------------------------------------------------
61 | # Media
62 | --------------------------------------------------------------*/
63 | @import "default/media";
64 | 
65 | /*--------------------------------------------------------------
66 | # Galleries
67 | --------------------------------------------------------------*/
68 | @import "default/galleries";
69 | 
70 | /*--------------------------------------------------------------
71 | # Navigation
72 | --------------------------------------------------------------*/
73 | @import "default/navigation";
74 | 
75 | /*--------------------------------------------------------------
76 | # Comments
77 | --------------------------------------------------------------*/
78 | @import "default/comments";
79 | 
80 | /*--------------------------------------------------------------
81 | # Widgets
82 | --------------------------------------------------------------*/
83 | @import "default/widgets";
84 | 
85 | /*--------------------------------------------------------------
86 | # Layout
87 | --------------------------------------------------------------*/
88 | @import "default/layout";
89 | 
90 | /*--------------------------------------------------------------
91 | # Media Queries
92 | --------------------------------------------------------------*/
93 | @import "default/queries";
94 | 


--------------------------------------------------------------------------------
/page_archive-template.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | /**
  3 |  * A clean one-column page template without the navigation bar or site info
  4 |  *
  5 |  * Template Name: Archive Page
  6 |  *
  7 |  * @package Indieweb Publisher
  8 |  * @since   Indieweb Publisher 1.0
  9 |  */
 10 | 
 11 | get_header(); ?>
 12 | 
 13 | <div id="primary" class="content-area">
 14 | 	<div id="content" class="site-content" role="main">
 15 | 
 16 | 		<?php
 17 | 		while ( have_posts() ) :
 18 | 			the_post();
 19 | 			?>
 20 | 
 21 | 			<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
 22 | 				<header class="entry-header">
 23 | 					<h1 class="entry-title"><?php the_title(); ?></h1>
 24 | 				</header>
 25 | 				<!-- .entry-header -->
 26 | 
 27 | 				<section>
 28 | 			<?php the_content(); ?>
 29 | 
 30 | 			<?php if ( ! dynamic_sidebar( 'archive-page' ) ) : ?>
 31 | 
 32 | 				<?php the_widget( 'WP_Widget_Recent_Posts', array( 'number' => 15 ) ); ?>
 33 | 
 34 | 				<?php if ( indieweb_publisher_categorized_blog() ) : // Only show the widget if site has multiple categories. ?>
 35 | 						<div class="widget">
 36 | 							<h2 class="widget-title"><?php esc_html_e( 'Most Used Categories', 'indieweb-publisher' ); ?></h2>
 37 | 							<ul>
 38 | 					<?php
 39 | 					wp_list_categories(
 40 | 						array(
 41 | 							'orderby'    => 'count',
 42 | 							'order'      => 'DESC',
 43 | 							'show_count' => 1,
 44 | 							'title_li'   => '',
 45 | 							'number'     => 10,
 46 | 						)
 47 | 					);
 48 | 					?>
 49 | 							</ul>
 50 | 						</div>
 51 | 				<?php endif; ?>
 52 | 
 53 | 						<div class="widget">
 54 | 							<h2 class="widget-title"><?php esc_html_e( 'Yearly Archives', 'indieweb-publisher' ); ?></h2>
 55 | 							<select name="archive-dropdown" onchange="document.location.href=this.options[this.selectedIndex].value;">
 56 | 								<option value=""><?php esc_html_e( 'Select Year', 'indieweb-publisher' ); ?></option>
 57 | 				<?php
 58 | 				wp_get_archives(
 59 | 					array(
 60 | 						'type'   => 'yearly',
 61 | 						'format' => 'option',
 62 | 					)
 63 | 				);
 64 | 				?>
 65 | 							</select>
 66 | 						</div>
 67 | 
 68 | 						<div class="widget">
 69 | 							<h2 class="widget-title"><?php echo __( 'Monthly Archives', 'indieweb-publisher' ); ?></h2>
 70 | 							<select name="archive-dropdown" onchange="document.location.href=this.options[this.selectedIndex].value;">
 71 | 								<option value=""><?php esc_html_e( 'Select Month', 'indieweb-publisher' ); ?></option>
 72 | 				<?php
 73 | 				wp_get_archives(
 74 | 					array(
 75 | 						'type'   => 'monthly',
 76 | 						'format' => 'option',
 77 | 					)
 78 | 				);
 79 | 				?>
 80 | 							</select>
 81 | 						</div>
 82 | 
 83 | 						<div class="widget">
 84 | 							<h2 class="widget-title"><?php esc_html_e( 'Search', 'indieweb-publisher' ); ?></h2>
 85 | 				<?php get_search_form(); ?>
 86 | 						</div>
 87 | 
 88 | 				<?php the_widget( 'WP_Widget_Tag_Cloud', array( 'title' => __( 'Explore by Tag', 'indieweb-publisher' ) ) ); ?>
 89 | 
 90 | 			<?php endif; ?>
 91 | 
 92 | 				</section>
 93 | 
 94 | 			<?php edit_post_link( __( 'Edit', 'indieweb-publisher' ), '<footer class="entry-meta"><span class="edit-link">', '</span></footer>' ); ?>
 95 | 			</article><!-- #post-<?php the_ID(); ?> -->
 96 | 
 97 | 		<?php endwhile; // end of the loop. ?>
 98 | 
 99 | 	</div>
100 | 	<!-- #content .site-content -->
101 | </div><!-- #primary .content-area -->
102 | 
103 | <?php get_footer(); ?>
104 | 


--------------------------------------------------------------------------------
/sass/ip2.scss:
--------------------------------------------------------------------------------
  1 | /*--------------------------------------------------------------
  2 | >>> TABLE OF CONTENTS:
  3 | ----------------------------------------------------------------
  4 | # Variables
  5 | # Normalize
  6 | # Typography
  7 | # Forms
  8 | # Navigation
  9 | ## Mobile Menu Button
 10 | ## - Posts Navigation
 11 | ## - Post Navigation
 12 | ##  Comment Navigation
 13 | ##  Menu Navigation
 14 | # Accessibility
 15 | # Clearings
 16 | # Content
 17 | # Media
 18 | # Galleries
 19 | # Comments
 20 | # Widgets
 21 | # Layout
 22 | ## - Hero Header
 23 | ## - Post Author Card
 24 | # Infinite Scroll
 25 | # Media Queries
 26 | 
 27 | /*--------------------------------------------------------------
 28 | # Variables
 29 | --------------------------------------------------------------*/
 30 | 
 31 | /*--------------------------------------------------------------
 32 | # Normalize
 33 | --------------------------------------------------------------*/
 34 | @import "ip2/normalize";
 35 | 
 36 | /*--------------------------------------------------------------
 37 | # Typography
 38 | --------------------------------------------------------------*/
 39 | @import "ip2/typography";
 40 | 
 41 | 
 42 | /*--------------------------------------------------------------
 43 | # Forms
 44 | --------------------------------------------------------------*/
 45 | @import "ip2/forms";
 46 | 
 47 | 
 48 | /*--------------------------------------------------------------
 49 | # Navigation
 50 | --------------------------------------------------------------*/
 51 | @import "ip2/navigation/navigation";
 52 | 
 53 | /*--------------------------------------------------------------
 54 | # Accessibility
 55 | --------------------------------------------------------------*/
 56 | @import "ip2/accessibility";
 57 | 
 58 | /*--------------------------------------------------------------
 59 | # Clearings
 60 | --------------------------------------------------------------*/
 61 | @import "ip2/clearings";
 62 | 
 63 | /*--------------------------------------------------------------
 64 | # Content
 65 | --------------------------------------------------------------*/
 66 | @import "ip2/content";
 67 | 
 68 | /*--------------------------------------------------------------
 69 | # Media
 70 | --------------------------------------------------------------*/
 71 | @import "ip2/media";
 72 | 
 73 | /*--------------------------------------------------------------
 74 | # Galleries
 75 | --------------------------------------------------------------*/
 76 | @import "ip2/galleries";
 77 | /*--------------------------------------------------------------
 78 | # Comments
 79 | --------------------------------------------------------------*/
 80 | @import "ip2/comments";
 81 | 
 82 | /*--------------------------------------------------------------
 83 | # Widgets
 84 | --------------------------------------------------------------*/
 85 | @import "ip2/widgets";
 86 | 
 87 | /*--------------------------------------------------------------
 88 | # Layout
 89 | --------------------------------------------------------------*/
 90 | @import "ip2/layout/layout";
 91 | 
 92 | /*--------------------------------------------------------------
 93 | # Infinite Scroll
 94 | --------------------------------------------------------------*/
 95 | @import "ip2/infinite-scroll";
 96 | 
 97 | /*--------------------------------------------------------------
 98 | # Media Queries
 99 | --------------------------------------------------------------*/
100 | @import "ip2/queries";
101 | 


--------------------------------------------------------------------------------
/sass/ip2/_galleries.scss:
--------------------------------------------------------------------------------
  1 | .tiled-gallery {
  2 | 	margin: 1.75em 0;
  3 | }
  4 | 
  5 | .tiled-gallery a:focus {
  6 | 	outline: 0;
  7 | }
  8 | 
  9 | .gallery {
 10 | 	margin: 1.75em 0;
 11 | }
 12 | 
 13 | .hentry .entry-content > .gallery:first-child {
 14 | 	margin-top: .875em;
 15 | }
 16 | 
 17 | .gallery-item {
 18 | 	position: relative;
 19 | 	float: left;
 20 | 	overflow: hidden;
 21 | 	width: 100%;
 22 | 	margin: 1.75em 0 0 4px;
 23 | }
 24 | 
 25 | .gallery-icon {
 26 | 	text-align: center;
 27 | }
 28 | 
 29 | .gallery-icon a {
 30 | 	display: block;
 31 | 	outline: 0;
 32 | }
 33 | 
 34 | .gallery-icon img {
 35 | 	line-height: 1;
 36 | 	vertical-align: middle;
 37 | 	border-radius: 3px;
 38 | }
 39 | 
 40 | .gallery-columns-1 .gallery-item {
 41 | 	max-width: 100%;
 42 | }
 43 | 
 44 | .gallery-columns-1 .gallery-item:first-child {
 45 | 	margin-top: 0;
 46 | }
 47 | 
 48 | .gallery-columns-2 .gallery-item {
 49 | 	max-width: -webkit-calc(50% - 2px);
 50 | 	max-width:				 calc(50% - 2px);
 51 | }
 52 | 
 53 | .gallery-columns-2 .gallery-item:nth-child(-n+2) {
 54 | 	margin-top: 0;
 55 | }
 56 | 
 57 | .gallery-columns-3 .gallery-item {
 58 | 	max-width: -webkit-calc(100%/3 - 5px*2/3);
 59 | 	max-width:				 calc(100%/3 - 5px*2/3);
 60 | }
 61 | 
 62 | .gallery-columns-3 .gallery-item:nth-child(-n+3) {
 63 | 	margin-top: 0;
 64 | }
 65 | 
 66 | .gallery-columns-4 .gallery-item {
 67 | 	max-width: -webkit-calc(100%/4 - 4px*3/4);
 68 | 	max-width:				 calc(100%/4 - 4px*3/4);
 69 | }
 70 | 
 71 | .gallery-columns-4 .gallery-item:nth-child(-n+4) {
 72 | 	margin-top: 0;
 73 | }
 74 | 
 75 | .gallery-columns-5 .gallery-item {
 76 | 	max-width: -webkit-calc(100%/5 - 4px*4/5);
 77 | 	max-width:				 calc(100%/5 - 4px*4/5);
 78 | }
 79 | 
 80 | .gallery-columns-5 .gallery-item:nth-child(-n+5) {
 81 | 	margin-top: 0;
 82 | }
 83 | 
 84 | .gallery-columns-6 .gallery-item {
 85 | 	max-width: -webkit-calc(100%/6 - 4px*5/6);
 86 | 	max-width:				 calc(100%/6 - 4px*5/6);
 87 | }
 88 | 
 89 | .gallery-columns-6 .gallery-item:nth-child(-n+6) {
 90 | 	margin-top: 0;
 91 | }
 92 | 
 93 | .gallery-columns-7 .gallery-item {
 94 | 	max-width: -webkit-calc(100%/7 - 4px*6/7);
 95 | 	max-width:				 calc(100%/7 - 4px*6/7);
 96 | }
 97 | 
 98 | .gallery-columns-7 .gallery-item:nth-child(-n+7) {
 99 | 	margin-top: 0;
100 | }
101 | 
102 | .gallery-columns-8 .gallery-item {
103 | 	max-width: -webkit-calc(100%/8 - 4px*7/8);
104 | 	max-width:				 calc(100%/8 - 4px*7/8);
105 | }
106 | 
107 | .gallery-columns-8 .gallery-item:nth-child(-n+8) {
108 | 	margin-top: 0;
109 | }
110 | 
111 | .gallery-columns-9 .gallery-item {
112 | 	max-width: -webkit-calc(100%/9 - 4px*8/9);
113 | 	max-width:				 calc(100%/9 - 4px*8/9);
114 | }
115 | 
116 | .gallery-columns-9 .gallery-item:nth-child(-n+9) {
117 | 	margin-top: 0;
118 | }
119 | 
120 | .gallery-caption {
121 | 	margin-top: .875em;
122 | }
123 | 
124 | .gallery-columns-7 .gallery-caption,
125 | .gallery-columns-8 .gallery-caption,
126 | .gallery-columns-9 .gallery-caption {
127 | 	display: none;
128 | }
129 | 
130 | .gallery-columns-1 .gallery-item:nth-of-type(1n+1),
131 | .gallery-columns-2 .gallery-item:nth-of-type(2n+1),
132 | .gallery-columns-3 .gallery-item:nth-of-type(3n+1),
133 | .gallery-columns-4 .gallery-item:nth-of-type(4n+1),
134 | .gallery-columns-5 .gallery-item:nth-of-type(5n+1),
135 | .gallery-columns-6 .gallery-item:nth-of-type(6n+1),
136 | .gallery-columns-7 .gallery-item:nth-of-type(7n+1),
137 | .gallery-columns-8 .gallery-item:nth-of-type(8n+1),
138 | .gallery-columns-9 .gallery-item:nth-of-type(9n+1) {
139 | 	clear: left;
140 | 	margin-left: 0;
141 | }
142 | 


--------------------------------------------------------------------------------
/sass/default/_galleries.scss:
--------------------------------------------------------------------------------
  1 | .gallery:before, .gallery:after {
  2 | 	content: "";
  3 | 	display: table;
  4 | }
  5 | 
  6 | .gallery:after {
  7 | 	clear: both;
  8 | }
  9 | 
 10 | .gallery {
 11 | 	margin-bottom: 1.5em;
 12 | }
 13 | 
 14 | .gallery-item {
 15 | 	float: left;
 16 | 	margin: 0 4px 4px 0;
 17 | 	overflow: hidden;
 18 | 	position: relative;
 19 | 	line-height: 10px;
 20 | }
 21 | 
 22 | .gallery-columns-1 .gallery-item {
 23 | 	max-width: 100%;
 24 | }
 25 | 
 26 | .gallery-columns-2 .gallery-item {
 27 | 	max-width: 48%;
 28 | 	max-width: -webkit-calc(50% - 4px);
 29 | 	max-width:         calc(50% - 4px);
 30 | }
 31 | 
 32 | .gallery-columns-3 .gallery-item {
 33 | 	max-width: 32%;
 34 | 	max-width: -webkit-calc(33.3% - 4px);
 35 | 	max-width:         calc(33.3% - 4px);
 36 | }
 37 | 
 38 | .gallery-columns-4 .gallery-item {
 39 | 	max-width: 23%;
 40 | 	max-width: -webkit-calc(25% - 4px);
 41 | 	max-width:         calc(25% - 4px);
 42 | }
 43 | 
 44 | .gallery-columns-5 .gallery-item {
 45 | 	max-width: 19%;
 46 | 	max-width: -webkit-calc(20% - 4px);
 47 | 	max-width:         calc(20% - 4px);
 48 | }
 49 | 
 50 | .gallery-columns-6 .gallery-item {
 51 | 	max-width: 15%;
 52 | 	max-width: -webkit-calc(16.7% - 4px);
 53 | 	max-width:         calc(16.7% - 4px);
 54 | }
 55 | 
 56 | .gallery-columns-7 .gallery-item {
 57 | 	max-width: 13%;
 58 | 	max-width: -webkit-calc(14.28% - 4px);
 59 | 	max-width:         calc(14.28% - 4px);
 60 | }
 61 | 
 62 | .gallery-columns-8 .gallery-item {
 63 | 	max-width: 11%;
 64 | 	max-width: -webkit-calc(12.5% - 4px);
 65 | 	max-width:         calc(12.5% - 4px);
 66 | }
 67 | 
 68 | .gallery-columns-9 .gallery-item {
 69 | 	max-width: 9%;
 70 | 	max-width: -webkit-calc(11.1% - 4px);
 71 | 	max-width:         calc(11.1% - 4px);
 72 | }
 73 | 
 74 | .gallery-columns-1 .gallery-item:nth-of-type(1n),
 75 | .gallery-columns-2 .gallery-item:nth-of-type(2n),
 76 | .gallery-columns-3 .gallery-item:nth-of-type(3n),
 77 | .gallery-columns-4 .gallery-item:nth-of-type(4n),
 78 | .gallery-columns-5 .gallery-item:nth-of-type(5n),
 79 | .gallery-columns-6 .gallery-item:nth-of-type(6n),
 80 | .gallery-columns-7 .gallery-item:nth-of-type(7n),
 81 | .gallery-columns-8 .gallery-item:nth-of-type(8n),
 82 | .gallery-columns-9 .gallery-item:nth-of-type(9n) {
 83 | 	margin-right: 0;
 84 | }
 85 | 
 86 | .gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
 87 | .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
 88 | .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
 89 | .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
 90 | 	clear: left;
 91 | }
 92 | 
 93 | .gallery-caption {
 94 | 	background-color: rgba(0, 0, 0, 0.7);
 95 | 	-webkit-box-sizing: border-box;
 96 | 	-moz-box-sizing:    border-box;
 97 | 	box-sizing:         border-box;
 98 | 	color: #fff;
 99 | 	font-size: 12px;
100 | 	line-height: 1.2;
101 | 	margin: 0;
102 | 	max-height: 50%;
103 | 	opacity: 0;
104 | 	padding: 6px 8px;
105 | 	position: absolute;
106 | 	bottom: 0;
107 | 	left: 0;
108 | 	text-align: left;
109 | 	width: 100%;
110 | 	font-style: italic;
111 | }
112 | 
113 | .gallery-caption:before {
114 | 	content: "";
115 | 	height: 100%;
116 | 	min-height: 49px;
117 | 	position: absolute;
118 | 	top: 0;
119 | 	left: 0;
120 | 	width: 100%;
121 | }
122 | 
123 | .gallery-item:hover .gallery-caption {
124 | 	opacity: 1;
125 | }
126 | 
127 | .gallery-columns-7 .gallery-caption,
128 | .gallery-columns-8 .gallery-caption,
129 | .gallery-columns-9 .gallery-caption {
130 | 	display: none;
131 | }
132 | 


--------------------------------------------------------------------------------
/template-parts/content.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * @package Independent Publisher
 4 |  * @since   Independent Publisher 1.0
 5 |  */
 6 | ?>
 7 | <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
 8 | 	<header>
 9 | 		<?php
10 | 		$title = indieweb_publisher_get_the_title();
11 | 		if ( ! empty( $title ) ) {
12 | 			?>
13 | 			<h1 class="entry-title p-name">
14 | 				<a class="u-url permalink" href="<?php the_permalink(); ?>" title="<?php echo indieweb_publisher_post_link_title(); ?>" rel="bookmark"><?php the_title(); ?></a>
15 | 			</h1>
16 | 		<?php } ?>
17 | 	</header>
18 | 			<?php /* Only show featured image for Standard post and gallery post formats */ ?>
19 | 			<?php if ( has_post_thumbnail() && in_array( get_post_format(), array( 'gallery', false ) ) ) : ?>
20 | 				<a href="<?php the_permalink(); ?>" title="<?php echo indieweb_publisher_post_thumbnail_link_title(); ?>"><?php the_post_thumbnail( 'indieweb_publisher_post_thumbnail' ); ?></a>
21 | 			<?php endif; ?>
22 | 
23 | 			<?php the_content( indieweb_publisher_continue_reading_text() ); ?>
24 | 			<?php if ( function_exists( 'wp_pagenavi' ) ) : // WP-PageNavi support ?>
25 | 
26 | 				<?php wp_pagenavi( array( 'type' => 'multipart' ) ); ?>
27 | 
28 | 			<?php else : ?>
29 | 
30 | 				<?php
31 | 				wp_link_pages(
32 | 					array(
33 | 						'before' => '<div class="page-links">' . __( 'Pages:', 'independent-publisher' ),
34 | 						'after'  => '</div>',
35 | 					)
36 | 				);
37 | 				?>
38 | 
39 | 			<?php endif; ?>
40 | 
41 | 	<footer class="entry-meta">
42 | 
43 | 		<?php
44 | 		/*
45 | 		Show author name and post categories only when post type == post */
46 | 		?>
47 | 		<?php if ( 'post' == get_post_type() ) : // post type == post conditional hides category text for Pages on Search ?>
48 | 			<?php indieweb_publisher_posted_author_cats(); ?>
49 | 		<?php endif; ?>
50 | 
51 | 		<?php
52 | 		/* Show post date when show post date option enabled */
53 | 		?>
54 | <?php
55 | if ( indieweb_publisher_option( 'show_date_entry_meta' ) ) {
56 | 	echo indieweb_publisher_get_post_date();
57 | } elseif ( empty( $title ) ) {
58 | 	printf( '<a class="u-url permalink" href="%1$s" title="%2$s" rel="bookmark"></a>', get_the_permalink(), indieweb_publisher_post_link_title(), $title );
59 | }
60 | ?>
61 | 
62 | 		<?php $separator = apply_filters( 'indieweb_publisher_entry_meta_separator', '|' ); ?>
63 | 
64 | 		<?php /* Show webmentions link only when post is not password-protected AND pings open AND there are mentions on this post */ ?>
65 | 		<?php if ( ! post_password_required() && pings_open() && indieweb_publisher_comment_count_mentions() ) : ?>
66 | 			<?php $mention_count = indieweb_publisher_comment_count_mentions(); ?>
67 | 			<?php $mention_label = ( indieweb_publisher_comment_count_mentions() > 1 ? __( 'Webmentions', 'independent-publisher' ) : __( 'Webmention', 'independent-publisher' ) ); ?>
68 | 			<span class="mentions-link"><a href="<?php the_permalink(); ?>#webmentions"><?php echo $mention_count . ' ' . $mention_label; ?></a></span><span class="sep"><?php echo ( comments_open() && ! indieweb_publisher_hide_comments() ) ? ' ' . $separator : ''; ?></span>
69 | 		<?php endif; ?>
70 | 
71 | 		<?php /* Show comments link only when post is not password-protected AND comments are enabled on this post */ ?>
72 | 		<?php if ( ! post_password_required() && comments_open() && ! indieweb_publisher_hide_comments() ) : ?>
73 | 			<span class="comments-link"><?php comments_popup_link( __( 'Comment', 'independent-publisher' ), __( '1 Comment', 'independent-publisher' ), __( '% Comments', 'independent-publisher' ) ); ?></span>
74 | 		<?php endif; ?>
75 | 
76 | 		<?php edit_post_link( __( 'Edit', 'independent-publisher' ), '<span class="sep"> ' . $separator . ' </span> <span class="edit-link">', '</span>' ); ?>
77 | 
78 | 	</footer>
79 | 	<!-- .entry-meta -->
80 | </article><!-- #post-<?php the_ID(); ?> -->
81 | 


--------------------------------------------------------------------------------
/sass/default/_content.scss:
--------------------------------------------------------------------------------
  1 | .site,
  2 | article > section,
  3 | .entry-summary {
  4 | 	*zoom: 1;
  5 | }
  6 | 
  7 | .site:before,
  8 | .site:after,
  9 | article > section:before,
 10 | article > section:after,
 11 | .entry-summary:before,
 12 | .entry-summary:after {
 13 | 	display: table;
 14 | 	content: "";
 15 | 	line-height: 0;
 16 | }
 17 | 
 18 | .site:after,
 19 | article > section:after,
 20 | .entry-summary:after {
 21 | 	clear: both;
 22 | }
 23 | 
 24 | .site-main article.sticky {
 25 | 	margin-bottom: 1px;
 26 | 	padding-right: 40px;
 27 | 	padding-left: 40px;
 28 | 	padding-top: 20px;
 29 | 	background: #F5F5F5;
 30 | 	border: none;
 31 | 	border-radius: 10px;
 32 | 	-webkit-border-radius: 10px;
 33 | 	-moz-border-radius: 10px;
 34 | }
 35 | 
 36 | .entry-meta {
 37 | 	clear: both;
 38 | }
 39 | 
 40 | .byline {
 41 | 	display: none;
 42 | }
 43 | 
 44 | .single .byline,
 45 | .group-blog .byline {
 46 | 	display: inline;
 47 | }
 48 | 
 49 | article > section,
 50 | .entry-summary {
 51 | 	margin: 0 0 0;
 52 | }
 53 | 
 54 | article > section > .sharedaddy,
 55 | .entry-summary > .sharedaddy {
 56 | 	margin: 1.5em 0;
 57 | }
 58 | 
 59 | .page-links {
 60 | 	clear: both;
 61 | 	margin: 0 0 1em;
 62 | 	text-align: center;
 63 | 	padding-top: 2em;
 64 | }
 65 | 
 66 | .page-links-next-prev {
 67 | 	margin-top: 4em;
 68 | 	clear: both;
 69 | }
 70 | 
 71 | .page-links-next-prev .next-page-nav {
 72 | 	float: right;
 73 | }
 74 | 
 75 | .page-links-next-prev .previous-page-nav {
 76 | 	float: left;
 77 | }
 78 | 
 79 | article > section .twitter-tweet-rendered,
 80 | .entry-summary .twitter-tweet-rendered {
 81 | 	max-width: 100% !important;
 82 | }
 83 | 
 84 | .single article > section,
 85 | .single .entry-summary {
 86 | 	padding-bottom: 20px;
 87 | 	margin-top: 0;
 88 | }
 89 | 
 90 | .single article.post, .single article.page {
 91 | 	margin-bottom: 40px;
 92 | }
 93 | 
 94 | .single .wp-post-image,
 95 | .page .wp-post-image,
 96 | .blog .wp-post-image,
 97 | .archive .wp-post-image {
 98 | 	width: 100%;
 99 | 	height: auto;
100 | }
101 | 
102 | .single .full-width-featured-image {
103 | 	top: 0;
104 | 	left: 0;
105 | 	width: 100%;
106 | }
107 | 
108 | .single .wp-post-image,
109 | .page .wp-post-image,
110 | .blog .wp-post-image,
111 | .archive .wp-post-image {
112 | 	margin-bottom: 20px;
113 | }
114 | 
115 | .single-attachment .entry-title-meta {
116 | 	margin-bottom: 20px;
117 | }
118 | 
119 | .single-attachment .entry-caption {
120 | 	margin-top: 1.2em;
121 | }
122 | 
123 | .post-excerpts h1.entry-title,
124 | .enhanced-excerpts h1.entry-title {
125 | 	font-size: 1.8em;
126 | 	margin-bottom: 0;
127 | }
128 | 
129 | .post-excerpts .sticky h1.entry-title,
130 | .enhanced-excerpts .sticky h1.entry-title {
131 | 	font-size: 2.5em;
132 | 	margin-bottom: 20px;
133 | }
134 | 
135 | .post-excerpts article > section,
136 | .enhanced-excerpts article > section,
137 | .post-excerpts article > section a,
138 | .enhanced-excerpts article > section a,
139 | .post-excerpts .entry-summary,
140 | .enhanced-excerpts .entry-summary,
141 | .post-excerpts .entry-summary a,
142 | .enhanced-excerpts .entry-summary a {
143 | 	margin-top: 10px;
144 | 	text-decoration: none;
145 | }
146 | 
147 | .enhanced-excerpts .enhanced-excerpt-read-more a {
148 | 	text-align: right;
149 | 	font-family: Georgia, "Times New Roman", Times, serif;
150 | 	font-size: 1.4em;
151 | 	color: #57ad68;
152 | }
153 | 
154 | .enhanced-excerpt-read-more {
155 | 	margin-bottom: 1em;
156 | 	font-size: 13px;
157 | 	text-align: right;
158 | }
159 | 
160 | .show-full-content-first-post h1.entry-title,
161 | .show-full-content-first-post-sticky h1.entry-title {
162 | 	font-size: 2.5em;
163 | 	margin-bottom: 20px;
164 | }
165 | 
166 | article > section .subtitle,
167 | .entry-summary .subtitle {
168 | 	font-style: italic;
169 | 	font-weight: normal;
170 | 	font-family: Georgia, "Times New Roman", Times, serif;
171 | 	font-size: 1.3em;
172 | 	line-height: 1.2em;
173 | 	margin-top: -5px;
174 | 	margin-bottom: 1em;
175 | 	letter-spacing: 0;
176 | }
177 | 


--------------------------------------------------------------------------------
/js/enhanced-comment-form.js:
--------------------------------------------------------------------------------
  1 | /*
  2 |  * jQuery for Comment Form Enhancements
  3 |  * */
  4 | 
  5 | jQuery(document).ready(function () {
  6 | 
  7 | 	/* Checks if this is a link to reply directly to a comment */
  8 | 	function is_replytocom() {
  9 | 		var field = 'replytocom';
 10 | 		var url = window.location.href;
 11 | 		if(url.indexOf('?' + field + '=') != -1 || url.indexOf('&' + field + '=') != -1 )
 12 | 			return true;
 13 | 		else
 14 | 			return false;
 15 | 	}
 16 | 
 17 | 	var identifier = window.location.hash;
 18 | 
 19 | 	if (identifier === "#respond") {
 20 | 		jQuery('#respond').show();
 21 | 		jQuery('#webmention-form').show();
 22 | 		jQuery('#share-comment-button-bottom').show();
 23 | 		jQuery('.comment-form-reply-title').hide();
 24 | 
 25 | 		if(is_replytocom()) { // If this is a link to reply directly to a comment
 26 | 			jQuery('#commentform-top').hide();
 27 | 			jQuery('#commentform-bottom').hide();
 28 | 			jQuery('#share-comment-button').show();
 29 | 		} else {  // Otherwise, load the normal comment reply form
 30 | 			jQuery('#commentform-top').show();
 31 | 			jQuery('#commentform-top').append(jQuery('#respond'));
 32 | 			jQuery('#commentform-top').append(jQuery('#webmention-form'));
 33 | 			jQuery('#commentform-bottom').hide();
 34 | 		}
 35 | 
 36 | 	} else { // Set the default state (forms hidden, buttons showing)
 37 | 		jQuery('#respond').hide();
 38 | 		jQuery('#webmention-form').hide();
 39 | 		jQuery('#share-comment-button').show();
 40 | 		jQuery('#share-comment-button-bottom').show();
 41 | 		jQuery('#commentform-top').hide();
 42 | 		jQuery('#commentform-bottom').hide();
 43 | 	}
 44 | 
 45 | 	/* Share Comment Button (Top) */
 46 | 
 47 | 	jQuery( document ).on('click', '#share-comment-button', function (event) {
 48 | 		jQuery('#commentform-top').show();
 49 | 		jQuery('#commentform-bottom').hide();
 50 | 		jQuery('#cancel-comment-reply-link').click();
 51 | 		jQuery('#commentform-top').append(jQuery('#respond'));
 52 | 		jQuery('#commentform-top').append(jQuery('#webmention-form'));
 53 | 		jQuery('#respond').show();
 54 | 		jQuery('#webmention-form').show();
 55 | 		jQuery('#share-comment-button').toggle('hide');
 56 | 		jQuery('#share-comment-button-bottom').show();
 57 | 		jQuery('.comment-form-reply-title').hide();
 58 | 		jQuery('#main-reply-title').show();
 59 | 		jQuery('#comment').focus();
 60 | 		if(is_replytocom())
 61 | 			jQuery('#reply-title').hide();
 62 | 	});
 63 | 
 64 | 	/* Share Comment Button (Bottom)*/
 65 | 
 66 | 	jQuery( document ).on('click', '#share-comment-button-bottom', function (event) {
 67 | 		jQuery('#commentform-bottom').show();
 68 | 		jQuery('#commentform-top').hide();
 69 | 		jQuery('#cancel-comment-reply-link').click();
 70 | 		jQuery('#commentform-bottom').append(jQuery('#respond'));
 71 | 		jQuery('#commentform-button').append(jQuery('#webmention-form'));
 72 | 		jQuery('#share-comment-button-bottom').toggle('hide');
 73 | 		jQuery('#respond').show();
 74 | 		jQuery('#webmention-form').show();
 75 | 		jQuery('#share-comment-button').show();
 76 | 		jQuery('.comment-form-reply-title').hide();
 77 | 		jQuery('#main-reply-title').show();
 78 | 		jQuery('#comment').focus();
 79 | 		if(is_replytocom())
 80 | 			jQuery('#reply-title').hide();
 81 | 	});
 82 | 
 83 | 	jQuery( document ).on('click', '.comment-reply-link', function (event) {
 84 | 		jQuery('#respond').show();
 85 | 		jQuery('#webmention-form').show();
 86 | 		jQuery('#share-comment-button').show();
 87 | 		jQuery('#share-comment-button-bottom').show();
 88 | 		jQuery('.comment-form-reply-title').show();
 89 | 		jQuery('#main-reply-title').hide();
 90 | 		jQuery('#comment').focus();
 91 | 		jQuery('#commentform-top').hide();
 92 | 		jQuery('#commentform-bottom').hide();
 93 | 		if(is_replytocom())
 94 | 			jQuery('#reply-title').hide();
 95 | 	});
 96 | 
 97 | 	jQuery( document ).on('click', '#cancel-comment-reply-link', function (event) {
 98 | 		jQuery('#respond').hide();
 99 | 		jQuery('#webmention-form').hide();
100 | 		jQuery('#share-comment-button').show();
101 | 		if(is_replytocom())
102 | 			jQuery('#reply-title').hide();
103 | 	});
104 | 
105 | });
106 | 


--------------------------------------------------------------------------------
/sass/default/_post-formats.scss:
--------------------------------------------------------------------------------
  1 | .blog .format-aside .entry-title,
  2 | .archive .format-aside .entry-title,
  3 | .search .format-aside .entry-title,
  4 | .originalofsearch .format-aside .entry-title,
  5 | .blog .format-status .entry-title,
  6 | .archive .format-status .entry-title,
  7 | .search .format-status .entry-title,
  8 | .originalofsearch .format-aside .entry-title,
  9 | .blog .format-image .entry-title,
 10 | .archive .format-image .entry-title,
 11 | .search .format-image .entry-title,
 12 | .originalofsearch .format-image .entry-title,
 13 | .blog .format-quote .entry-title,
 14 | .archive .format-quote .entry-title,
 15 | .originalofsearch .format-image .entry-title,
 16 | .search .format-quote .entry-title {
 17 | 	display: none;
 18 | }
 19 | 
 20 | .format-aside .entry-format,
 21 | .format-quote .entry-format,
 22 | .format-chat .entry-format,
 23 | .format-status .entry-format,
 24 | .format-image .entry-format,
 25 | .format-link .entry-format,
 26 | .format-gallery .entry-format {
 27 | 	color: #b3b3b1;
 28 | 	font-weight: 300;
 29 | }
 30 | 
 31 | .format-link .entry-title {
 32 | 	font-size: 1.5em;
 33 | }
 34 | 
 35 | .format-link .entry-title a:after {
 36 | 	font-family: "Genericons-Neue";
 37 | 	content: '\f107';
 38 | 	font-size: 24px;
 39 | 	height: 24px;
 40 | 	position: relative;
 41 | 	top: 0;
 42 | 	width: 24px;
 43 | }
 44 | 
 45 | .format-aside {
 46 | 	font-style: italic;
 47 | }
 48 | 
 49 | .format-aside,
 50 | .format-quote {
 51 | 	font-size: 1.3em;
 52 | 	line-height: 1.4;
 53 | }
 54 | 
 55 | .format-aside article > section,
 56 | .format-quote article > section {
 57 | 	margin-top: 1em;
 58 | }
 59 | 
 60 | .format-aside .entry-title-meta {
 61 | 	margin-bottom: 20px;
 62 | }
 63 | 
 64 | .format-aside article > section a,
 65 | .format-aside article > section a:hover,
 66 | .format-quote article > section a,
 67 | .format-quote article > section a:hover {
 68 | 	color: inherit;
 69 | 	text-decoration: none;
 70 | }
 71 | 
 72 | .single-format-aside .entry-title,
 73 | .single-format-quote .entry-title {
 74 | 	display: none;
 75 | }
 76 | 
 77 | .format-standard .entry-title {
 78 | 	width: 90%;
 79 | }
 80 | 
 81 | .format-chat article > section,
 82 | .format-chat .entry-summary {
 83 | 	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
 84 | 	background: #eee;
 85 | 	padding: 20px 20px 10px 20px;
 86 | 	margin-bottom: 2em;
 87 | 	font-size: 12px;
 88 | 	line-height: 1.6;
 89 | }
 90 | 
 91 | /* =Media
 92 | ----------------------------------------------- */
 93 | 
 94 | .site-header img,
 95 | article > section img,
 96 | .entry-summary img,
 97 | .comment-content img,
 98 | .widget img {
 99 | 	max-width: 100%; /* Fluid images for posts, comments, and widgets */
100 | }
101 | 
102 | .site-header img,
103 | article > section img,
104 | .entry-summary img,
105 | .widget img,
106 | img[class*="align"],
107 | img[class*="wp-image-"] {
108 | 	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
109 | }
110 | 
111 | .site-header img,
112 | article > section img,
113 | .entry-summary img,
114 | img.size-full {
115 | 	max-width: 100%;
116 | 	width: auto\9; /* Prevent stretching of full-size images with height and width attributes in IE8 */
117 | }
118 | 
119 | article > section img.wp-smiley,
120 | .entry-summary img.wp-smiley,
121 | .comment-content img.wp-smiley {
122 | 	margin-top: 0;
123 | 	margin-bottom: 0;
124 | 	padding: 0;
125 | 	border: none;
126 | }
127 | 
128 | .wp-caption {
129 | 	max-width: 100%;
130 | 	border: 1px solid #ccc;
131 | 	margin-bottom: 1.5em;
132 | }
133 | 
134 | .wp-caption.aligncenter,
135 | .wp-caption.alignleft,
136 | .wp-caption.alignright {
137 | 	margin-bottom: 1.5em;
138 | }
139 | 
140 | .wp-caption img {
141 | 	display: block;
142 | 	margin: 5px auto 0;
143 | 	max-width: 98%;
144 | }
145 | 
146 | .wp-caption-text {
147 | 	text-align: center;
148 | 	font-size: 80%;
149 | }
150 | 
151 | .wp-caption .wp-caption-text {
152 | 	margin: 0.8075em 0;
153 | }
154 | 
155 | /* Make sure embeds and iframes fit their containers */
156 | embed,
157 | iframe,
158 | object {
159 | 	max-width: 100%;
160 | }
161 | 


--------------------------------------------------------------------------------
/sass/ip2/_widgets.scss:
--------------------------------------------------------------------------------
  1 | .widget-area {
  2 | 	margin-top: 3.5em;
  3 | 	font-size: 16px;
  4 | }
  5 | 
  6 | /* =Footer Widgets */
  7 | .footer-widgets {
  8 | 	margin: 1.75em 0 0;
  9 | 	padding: 1.75em 0 0;
 10 | }
 11 | 
 12 | .footer-widgets .widget-area {
 13 | 	width: 100%;
 14 | 	margin: 0 auto 3.5em;
 15 | }
 16 | 
 17 | .widget:nth-child(n+2) {
 18 | 	margin-top: 3.5em;
 19 | }
 20 | 
 21 | .page-content > .widget {
 22 | 	margin-top: 3.5em;
 23 | }
 24 | 
 25 | .widget .widget-title,
 26 | .widget .widgettitle {
 27 | 	margin: 0 0 .4375em;
 28 | 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
 29 | 	font-weight: bold;
 30 | 	margin-bottom: .875em;
 31 | 	font-size: 17px;
 32 | }
 33 | 
 34 | .widget .widget-title + p,
 35 | .widget .widgettitle + p,
 36 | .widget .widget-title + ul,
 37 | .widget .widgettitle + ul,
 38 | .widget .widget-title + ol,
 39 | .widget .widgettitle + ol {
 40 | 	margin-top: 0;
 41 | }
 42 | 
 43 | .widget ul,
 44 | .widget ol {
 45 | 	margin-left: 1.75em;
 46 | }
 47 | 
 48 | .widget ul ul,
 49 | .widget ol ul,
 50 | .widget ul ol,
 51 | .widget ol ol {
 52 | 	margin-left: .875em;
 53 | }
 54 | 
 55 | .widget ul ul,
 56 | .widget ol ul,
 57 | .widget ul ol,
 58 | .widget ol ol {
 59 | 	margin-left: 1.75em;
 60 | }
 61 | 
 62 | .widget ul li,
 63 | .widget ol li {
 64 | 	margin: .875em 0 0;
 65 | 	line-height: 1.2;
 66 | }
 67 | 
 68 | .widget > ul > li:first-child,
 69 | .widget > ol > li:first-child {
 70 | 	margin-top: 0;
 71 | }
 72 | 
 73 | .widget ul li a:hover {
 74 | 	text-decoration: underline;
 75 | }
 76 | 
 77 | .widget select {
 78 | 	max-width: 100%;
 79 | }
 80 | 
 81 | .widget {
 82 | 	margin-top: 0;
 83 | }
 84 | 
 85 | .widget_search .search-submit {
 86 | 	display: none;
 87 | }
 88 | 
 89 | .widget_rss .rss-date,
 90 | .widget_rss li > cite {
 91 | 	display: block;
 92 | 	font-size: 15px;
 93 | 	color: #b3b3b1;
 94 | }
 95 | 
 96 | .widget_goodreads div a img {
 97 | 	float: right;
 98 | 	margin-left: .875em;
 99 | }
100 | .widget_goodreads > div > div > div {
101 | 	clear: both;
102 | 	margin-bottom: .875em;
103 | }
104 | .widget_goodreads h2 {
105 | 	font-size: 17px;
106 | 	margin: 0 0 .875em;
107 | }
108 | 
109 | #flickr_badge_uber_wrapper {
110 | 	border-color: #ddd;
111 | }
112 | 
113 | .widget_recent_comments img.avatar {
114 | 	border-radius: 100px;
115 | }
116 | 
117 | .widget_calendar #next {
118 | 	text-align: right;
119 | }
120 | 
121 | .widget_authors a {
122 | 	color: inherit;
123 | 	line-height: 1.5;
124 | }
125 | .widget_authors strong {
126 | 	clear: both;
127 | 	display: block;
128 | 	width: 100%;
129 | }
130 | .widget-area .widget_authors ul {
131 | 	margin-left: 0;
132 | }
133 | 
134 | .widget_authors a:hover {
135 | 	text-decoration: none;
136 | 	color: #696969;
137 | }
138 | 
139 | .widget_authors img {
140 | 	margin-right: .4375em;
141 | 	border-radius: 100%;
142 | }
143 | 
144 | .widget_authors img,
145 | .widget_authors a {
146 | 	display: inline-block;
147 | 	vertical-align: middle;
148 | }
149 | 
150 | .widget_recent_comments table,
151 | .widget_recent_comments td {
152 | 	border: none;
153 | }
154 | 
155 | .widget_recent_comments .widget-title + table.recentcommentsavatar {
156 | 	margin-top: -.4375em;
157 | }
158 | 
159 | .widget_recent_entries {
160 | 	font-size: 15px;
161 | 	color: #939393;
162 | }
163 | 
164 | .widget_recent_comments a,
165 | .widget_recent_entries a {
166 | 	font-size: 17px;
167 | 	font-weight: bold;
168 | 	color: #383838;
169 | }
170 | 
171 | .widget_recent_entries span.post-date {
172 | 	display: block;
173 | 	font-family: Georgia, "Times New Roman", serif;
174 | 	font-style: italic;
175 | }
176 | 
177 | .widget_recent_entries ul {
178 | 	margin-top: 1.75em;
179 | }
180 | 
181 | .widget_recent_entries ul li {
182 | 	margin-top: 1.3125em;
183 | 	line-height: 1.4;
184 | }
185 | 
186 | #wp-calendar tbody td {
187 | 	white-space: nowrap;
188 | }
189 | 
190 | .widget.widget_text ul,
191 | .widget.widget_text ol {
192 | 	margin-left: .875em;
193 | 	padding-left: .875em;
194 | }
195 | 
196 | .widget.widget_text ul {
197 | 	list-style-type: disc;
198 | }
199 | 
200 | .widget.widget_text ol {
201 | 	list-style-type: decimal;
202 | }
203 | 
204 | .gist table {
205 | 	table-layout: inherit;
206 | }
207 | 
208 | /* Search widget */
209 | .widget_search .submit,
210 | .original_of_widget .submit {
211 | 	display: none;
212 | }
213 | 


--------------------------------------------------------------------------------
/phpcs.xml:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0"?>
  2 | <ruleset name="WordPress Theme Coding Standards">
  3 | 	<!-- See https://github.com/squizlabs/PHP_CodeSniffer/wiki/Annotated-ruleset.xml -->
  4 | 	<!-- See https://github.com/WordPress/WordPress-Coding-Standards -->
  5 | 	<!-- See https://github.com/WPTRT/WPThemeReview -->
  6 | 	<!-- See https://github.com/PHPCompatibility/PHPCompatibilityWP -->
  7 | 
  8 | 	<!-- Set a description for this ruleset. -->
  9 | 	<description>A custom set of code standard rules to check for WordPress themes.</description>
 10 | 
 11 | 
 12 | 	<!--
 13 | 	#############################################################################
 14 | 	COMMAND LINE ARGUMENTS
 15 | 	https://github.com/squizlabs/PHP_CodeSniffer/wiki/Annotated-ruleset.xml
 16 | 	#############################################################################
 17 | 	-->
 18 | 
 19 | 	<!-- Pass some flags to PHPCS:
 20 | 		 p flag: Show progress of the run.
 21 | 		 s flag: Show sniff codes in all reports.
 22 | 	-->
 23 | 	<arg value="ps"/>
 24 | 
 25 | 	<!-- Strip the filepaths down to the relevant bit. -->
 26 | 	<arg name="basepath" value="./"/>
 27 | 
 28 | 	<!-- Check up to 8 files simultanously. -->
 29 | 	<arg name="parallel" value="8"/>
 30 | 
 31 | 	<!-- Only check the PHP files. JS, and CSS files are checked separately with @wordpress/scripts package. -->
 32 | 	<arg name="extensions" value="php"/>
 33 | 
 34 | 	<!-- Check all files in this directory and the directories below it. -->
 35 | 	<file>.</file>
 36 | 
 37 | 	<!-- Exclude patterns. -->
 38 | 	<exclude-pattern>/vendor/*</exclude-pattern>
 39 | 	<exclude-pattern>/node_modules/*</exclude-pattern>
 40 | 
 41 | 
 42 | 	<!--
 43 | 	#############################################################################
 44 | 	USE THE WordPress AND THE Theme Review RULESET
 45 | 	#############################################################################
 46 | 	-->
 47 | 
 48 | 	<rule ref="WordPress">
 49 | 		<!-- This rule does not apply here since the _s prefix should be changed by the theme author. -->
 50 | 		<exclude name="WordPress.NamingConventions.PrefixAllGlobals.ShortPrefixPassed"/>
 51 | 	</rule>
 52 | 	<rule ref="WPThemeReview"/>
 53 | 
 54 | 	<!--
 55 | 	#############################################################################
 56 | 	SNIFF SPECIFIC CONFIGURATION
 57 | 	#############################################################################
 58 | 	-->
 59 | 
 60 | 	<!-- Verify that the text_domain is set to the desired text-domain.
 61 | 		 Multiple valid text domains can be provided as a comma-delimited list. -->
 62 | 	<rule ref="WordPress.WP.I18n">
 63 | 		<properties>
 64 | 			<property name="text_domain" type="array" value="indieweb-publisher"/>
 65 | 		</properties>
 66 | 	</rule>
 67 | 
 68 | 	<!-- Allow for theme specific exceptions to the file name rules based
 69 | 		 on the theme hierarchy. -->
 70 | 	<rule ref="WordPress.Files.FileName">
 71 | 		<properties>
 72 | 			<property name="is_theme" value="true"/>
 73 | 		</properties>
 74 | 	</rule>
 75 | 
 76 | 	<!-- Set the minimum supported WP version. This is used by several sniffs.
 77 | 		 The minimum version set here should be in line with the minimum WP version
 78 | 		 as set in the "Requires at least" tag in the readme.txt file. -->
 79 | 	<config name="minimum_supported_wp_version" value="4.9.9"/>
 80 | 
 81 | 	<rule ref="WordPress.Arrays.MultipleStatementAlignment">
 82 | 		<properties>
 83 | 			<!-- No need to adjust alignment of large arrays when the item with the largest key is removed. -->
 84 | 			<property name="exact" value="false"/>
 85 | 			<!-- Don't align multi-line items if ALL items in the array are multi-line. -->
 86 | 			<property name="alignMultilineItems" value="!=100"/>
 87 | 			<!-- Array assignment operator should always be on the same line as the array key. -->
 88 | 			<property name="ignoreNewlines" value="false"/>
 89 | 		</properties>
 90 | 	</rule>
 91 | 
 92 | 	<!-- Verify that everything in the global namespace is prefixed with a theme specific prefix.
 93 | 		 Multiple valid prefixes can be provided as a comma-delimited list. -->
 94 | 	<rule ref="WordPress.NamingConventions.PrefixAllGlobals">
 95 | 		<properties>
 96 | 			<property name="prefixes" type="array" value="indieweb_publisher" />
 97 | 		</properties>
 98 | 	</rule>
 99 | 
100 | 
101 | 	<!--
102 | 	#############################################################################
103 | 	USE THE PHPCompatibility RULESET
104 | 	#############################################################################
105 | 	-->
106 | 
107 | 	<config name="testVersion" value="5.6-"/>
108 | 	<rule ref="PHPCompatibilityWP"/>
109 | 
110 | </ruleset>
111 | 


--------------------------------------------------------------------------------
/inc/plugin-support.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | /**
  3 |  * Code that improves theme support for various plugins
  4 |  *
  5 |  * @package Indieweb Publisher
  6 |  * @since   Indieweb Publisher 1.0
  7 |  */
  8 | 
  9 | /*
 10 |  * Wrapper function for a possible custom display of Syndication Links output
 11 |  */
 12 | function indieweb_publisher_syndication_links( $separator ) {
 13 | 	$args  = array(
 14 | 		'text'             => false,
 15 | 		'icons'            => true,
 16 | 		'show_text_before' => false,
 17 | 	);
 18 | 	$links = get_syndication_links( get_the_ID(), $args );
 19 | 	if ( empty( $links ) ) {
 20 | 		return;
 21 | 	}
 22 | 	printf( '<h3 class="syn-text">%1$s</h3>', get_option( 'syndication-links_text_before' ) );
 23 | 	echo $links;
 24 | }
 25 | 
 26 | /*
 27 |  * Wrapper function for a possible custom display of Simple Location output
 28 |   */
 29 | function indieweb_publisher_simple_location( $separator ) {
 30 | 	$location = Loc_View::get_location(
 31 | 		get_post(),
 32 | 		array(
 33 | 			'icon' => false,
 34 | 		)
 35 | 	);
 36 | 	if ( empty( $location ) ) {
 37 | 		return;
 38 | 	}
 39 | 	printf( '<h3 class="site-location">%1$s</h3>', __( 'Location', 'indieweb-publisher' ) );
 40 | 	printf( '<h3 class="site-location-detail">%1$s</h3>', $location );
 41 | }
 42 | 
 43 | function indieweb_publisher_indieweb_plugin_support() {
 44 | 	 /*
 45 | 	* Adds support for Syndication Links
 46 | 	*/
 47 | 	if ( class_exists( 'Syn_Meta' ) ) {
 48 | 		remove_filter( 'the_content', array( 'Syn_Config', 'the_content' ), 30 );
 49 | 		add_action( 'indieweb_publisher_after_post_published_date', 'indieweb_publisher_syndication_links', 11 );
 50 | 	}
 51 | 
 52 | 	/*
 53 | 	* Adds support for Simple Location
 54 | 						  */
 55 | 	if ( class_exists( 'Loc_View' ) ) {
 56 | 		remove_filter( 'the_content', array( 'Loc_View', 'location_content' ), 12 );
 57 | 		add_action( 'indieweb_publisher_after_post_published_date', 'indieweb_publisher_simple_location' );
 58 | 	}
 59 | 
 60 | 	if ( class_exists( 'Semantic_Linkbacks_Plugin' ) ) {
 61 | 		remove_action( 'comment_form_before', array( 'Linkbacks_Handler', 'show_mentions' ) );
 62 | 	}
 63 | 
 64 | }
 65 | add_action( 'init', 'indieweb_publisher_indieweb_plugin_support', 11 );
 66 | 
 67 | 
 68 | /*
 69 |  * Adds support for showing Subscribe to Comments Reloaded options after comment form fields
 70 |  */
 71 | if ( function_exists( 'subscribe_reloaded_show' ) ) {
 72 | 	if ( get_option( 'subscribe_reloaded_show_subscription_box', 'yes' ) !== 'yes' ) {
 73 | 		add_action( 'comment_form_logged_in_after', 'subscribe_reloaded_show' );
 74 | 		add_action( 'comment_form_after_fields', 'subscribe_reloaded_show' );
 75 | 	}
 76 | }
 77 | 
 78 | if ( ! function_exists( 'indieweb_publisher_jetpack_dark_overlay_fix_css' ) ) :
 79 | 	/**
 80 | 	 * Fixes an issue with a dark overlay that appears < 800px when the Jetpack Infinite Scroll
 81 | 	 * module is enabled. See https://github.com/raamdev/indieweb-publisher/issues/72
 82 | 	 */
 83 | 	function indieweb_publisher_jetpack_dark_overlay_fix_css() {
 84 | 		if ( class_exists( 'Jetpack' ) && Jetpack::is_module_active( 'infinite-scroll' ) ) {
 85 | 			wp_enqueue_style( 'indieweb-publisher-jetpack-infinite-scroll-dark-overlay-fix', get_template_directory_uri() . '/css/jetpack-infinite-scroll-dark-overlay-fix.css', array(), '1.0' );
 86 | 		}
 87 | 	}
 88 | endif;
 89 | 
 90 | /**
 91 |  * When the Disqus Commenting System is active and enabled, don't load our comment form enhancements
 92 |  */
 93 | require_once ABSPATH . 'wp-admin/includes/plugin.php'; // Required to use is_plugin_active() here
 94 | if ( is_plugin_active( 'disqus-comment-system/disqus.php' )
 95 | 	&& ! function_exists( 'indieweb_publisher_enhanced_comment_form' )
 96 | ) :
 97 | 	if ( get_option( 'disqus_active' ) !== '0' ) {
 98 | 		function indieweb_publisher_enhanced_comment_form() {
 99 | 			return;
100 | 		}
101 | 	}
102 | endif;
103 | 
104 | /*
105 |  * When Jetpack Comments is enabled, don't load our comment form enhancements
106 |  */
107 | if ( class_exists( 'Jetpack' )
108 | 	&& Jetpack::is_module_active( 'comments' )
109 | 	&& ! function_exists( 'indieweb_publisher_enhanced_comment_form' )
110 | ) {
111 | 	function indieweb_publisher_enhanced_comment_form() {
112 | 		return;
113 | 	}
114 | }
115 | 
116 | if ( ! function_exists( 'indieweb_publisher_wp_pagenavi_css' ) ) :
117 | 	/**
118 | 	 * Improves the style of WP-PageNavi when used with this theme
119 | 	 */
120 | 	function indieweb_publisher_wp_pagenavi_css() {
121 | 		if ( function_exists( 'wp_pagenavi' ) ) {
122 | 			wp_enqueue_style( 'indieweb-publisher-wp-pagenavi-css', get_template_directory_uri() . '/css/wp-pagenavi.css', array(), '1.7' );
123 | 		}
124 | 	}
125 | endif;
126 | 


--------------------------------------------------------------------------------
/template-parts/content-single.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | /**
  3 |  * @package Independent Publisher
  4 |  * @since   Independent Publisher 1.0
  5 |  */
  6 | ?>
  7 | <article id="post-<?php the_ID(); ?>" <?php post_class(); ?> itemscope="itemscope" itemtype="http://schema.org/BlogPosting" itemprop="blogPost">
  8 | 	<?php if ( has_post_thumbnail() && ! indieweb_publisher_has_full_width_featured_image() ) : ?>
  9 | 		<?php the_post_thumbnail( 'indieweb_publisher_post_thumbnail', array( 'itemprop' => 'image' ) ); ?>
 10 | 	<?php endif; ?>
 11 | 	<header>
 12 | 		<?php if ( indieweb_publisher_post_has_post_cover_title() ) : ?>
 13 | 			<h2 class="entry-title-meta">
 14 | 	  <span class="entry-title-meta-author">
 15 | 			<?php
 16 | 			if ( ! indieweb_publisher_categorized_blog() ) {
 17 | 				echo indieweb_publisher_entry_meta_author_prefix() . ' ';
 18 | 			}
 19 | 			indieweb_publisher_posted_author()
 20 | 			?>
 21 | dddd
 22 | 		</span>
 23 | 			<?php
 24 | 			if ( get_post_meta( get_the_ID(), 'indieweb_publisher_primary_category', true ) ) { // check for a custom field named 'indieweb_publisher_primary_category'
 25 | 				echo indieweb_publisher_entry_meta_category_prefix() . ' ' . get_post_meta( get_the_ID(), 'indieweb_publisher_primary_category', true ); // show the primary category as set in ACF
 26 | 			} elseif ( indieweb_publisher_categorized_blog() ) {
 27 | 				echo indieweb_publisher_entry_meta_category_prefix() . ' ' . indieweb_publisher_post_categories();
 28 | 			}
 29 | 			?>
 30 | 				<span class="entry-title-meta-post-date">
 31 | 				<span class="sep"> <?php echo apply_filters( 'indieweb_publisher_entry_meta_separator', '|' ); ?> </span>
 32 | 			<?php indieweb_publisher_posted_on_date(); ?>
 33 | 			</span>
 34 | 			<?php do_action( 'indieweb_publisher_entry_title_meta', $separator = ' | ' ); ?>
 35 | 			</h2>
 36 | 		<?php else : ?>
 37 | 			<?php if ( ! indieweb_publisher_option( 'show_author_card' ) ) { ?>
 38 | 			<h2 class="entry-title-meta">
 39 | 			<span class="entry-title-meta-author">
 40 | 				<?php
 41 | 				if ( ! indieweb_publisher_categorized_blog() ) {
 42 | 					echo indieweb_publisher_entry_meta_author_prefix() . ' ';
 43 | 				}
 44 | 				indieweb_publisher_posted_author()
 45 | 				?>
 46 | 			</span>
 47 | 				<?php
 48 | 				if ( indieweb_publisher_categorized_blog() ) {
 49 | 					echo indieweb_publisher_entry_meta_category_prefix() . ' ' . indieweb_publisher_post_categories();
 50 | 				}
 51 | 				?>
 52 | 				<span class="entry-title-meta-post-date">
 53 | 				<span class="sep"> <?php echo apply_filters( 'indieweb_publisher_entry_meta_separator', '|' ); ?> </span>
 54 | 				<?php indieweb_publisher_posted_on_date(); ?>
 55 | 			</span>
 56 | 				<?php do_action( 'indieweb_publisher_entry_title_meta', $separator = ' | ' ); ?>
 57 | 			</h2>
 58 | 				<?php
 59 | 			}
 60 | 			$title = indieweb_publisher_get_the_title();
 61 | 			if ( ! empty( $title ) ) {
 62 | 				?>
 63 | 				<h1 class="entry-title p-name" itemprop="name"><?php echo $title; ?></h1>
 64 | 				<?php
 65 | 			}
 66 | 		endif;
 67 | 		?>
 68 | 	</header>
 69 | 	
 70 | 	<?php the_content(); ?>
 71 | 
 72 | 	<?php indieweb_publisher_posted_author_bottom_card(); ?>
 73 | 
 74 | 	<footer class="entry-meta">
 75 | 
 76 | 		<?php if ( function_exists( 'wp_pagenavi' ) ) : // WP-PageNavi support ?>
 77 | 
 78 | 			<?php wp_pagenavi( array( 'type' => 'multipart' ) ); ?>
 79 | 
 80 | 		<?php else : ?>
 81 | 
 82 | 			<?php
 83 | 			wp_link_pages(
 84 | 				array(
 85 | 					'before'           => '<div class="page-links-next-prev">',
 86 | 					'after'            => '</div>',
 87 | 					'nextpagelink'     => '<button class="next-page-nav">' . __( 'Next page &rarr;', 'indieweb-publisher' ) . '</button>',
 88 | 					'previouspagelink' => '<button class="previous-page-nav">' . __( '&larr; Previous page', 'indieweb-publisher' ) . '</button>',
 89 | 					'next_or_number'   => 'next',
 90 | 				)
 91 | 			);
 92 | 			?>
 93 | 			<?php
 94 | 			wp_link_pages(
 95 | 				array(
 96 | 					'before' => '<div class="page-links">' . __( 'Pages:', 'independent-publisher' ),
 97 | 					'after'  => '</div>',
 98 | 				)
 99 | 			);
100 | 			?>
101 | 		<?php endif; ?>
102 | 		<?php do_action( 'indieweb_publisher_entry_meta_top' ); ?>
103 | 
104 | 		<?php if ( comments_open() && ! indieweb_publisher_hide_comments() ) : ?>
105 | 			<div id="share-comment-button">
106 | 				<button>
107 | 					<i class="share-comment-icon"></i><?php echo indieweb_publisher_comments_call_to_action_text(); ?>
108 | 				</button>
109 | 			</div>
110 | 		<?php endif; ?>
111 | 
112 | 		<?php edit_post_link( __( 'Edit', 'independent-publisher' ), '<span class="edit-link">', '</span>' ); ?>
113 | 	</footer>
114 | 	<!-- .entry-meta -->
115 | 
116 | </article><!-- #post-<?php the_ID(); ?> -->
117 | 


--------------------------------------------------------------------------------
/comments.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | /**
  3 |  * The template for displaying Comments.
  4 |  *
  5 |  * The area of the page that contains both current comments
  6 |  * and the comment form. The actual display of comments is
  7 |  * handled by a callback to indieweb_publisher_comment() which is
  8 |  * located in the functions.php file.
  9 |  *
 10 |  * @package Indieweb Publisher
 11 |  * @since   Indieweb Publisher 1.0
 12 |  */
 13 | 
 14 | /*
 15 |  * If the current post is protected by a password and
 16 |  * the visitor has not yet entered the password we will
 17 |  * return early without loading the comments.
 18 |  */
 19 | if ( post_password_required() ) {
 20 | 	return;
 21 | }
 22 | ?>
 23 | 
 24 | <?php if ( comments_open() && ! indieweb_publisher_hide_comments() ) : ?>
 25 | 	<div id="commentform-top"></div> <!-- do not remove; used by jQuery to move the comment reply form here -->
 26 | 	<?php comment_form( indieweb_publisher_comment_form_args() ); ?>
 27 | <?php endif; ?>
 28 | 
 29 | <?php if ( ! indieweb_publisher_hide_comments() ) : ?>
 30 | 
 31 | 	<div id="comments" class="comments-area">
 32 | 	<?php // You can start editing here -- including this comment! ?>
 33 | 	<?php if ( have_comments() ) : ?>
 34 | 
 35 | 		<?php if ( get_comments_number() > indieweb_publisher_min_comments_comment_title() ) : ?>
 36 | 				<h2 class="comments-title">
 37 | 					<i class="comments-title-icon"></i>
 38 | 			<?php
 39 | 			printf(
 40 | 				_n( '1 Comment', '%1$s Comments', get_comments_number(), 'indieweb-publisher' ),
 41 | 				number_format_i18n( get_comments_number() ),
 42 | 				'<span>' . get_the_title() . '</span>'
 43 | 			);
 44 | 			?>
 45 | 				</h2>
 46 | 		<?php endif; ?>
 47 | 
 48 | 		<?php
 49 | 		if ( class_exists( 'Linkbacks_Handler' ) ) {
 50 | 			Linkbacks_Handler::show_mentions();
 51 | 		}
 52 | 		?>
 53 | 
 54 | 		<?php if ( get_comment_pages_count() > 1 && get_option( 'page_comments' ) ) : // are there comments to navigate through ?>
 55 | 				<nav role="navigation" id="comment-nav-above" class="site-navigation comment-navigation">
 56 | 					<h1 class="screen-reader-text"><?php _e( 'Comment navigation', 'indieweb-publisher' ); ?></h1>
 57 | 
 58 | 					<div class="nav-previous"><?php previous_comments_link( '<button>' . __( '&larr; Older Comments', 'indieweb-publisher' ) . '</button>' ); ?></div>
 59 | 					<div class="nav-next"><?php next_comments_link( '<button>' . __( 'Newer Comments &rarr;', 'indieweb-publisher' ) . '</button>' ); ?></div>
 60 | 				</nav><!-- #comment-nav-before .site-navigation .comment-navigation -->
 61 | 		<?php endif; // check for comment navigation ?>
 62 | 
 63 | 			<ol class="commentlist">
 64 | 		<?php
 65 | 		/*
 66 | 		Loop through and list the comments.
 67 | 		*/
 68 | 		wp_list_comments();
 69 | 		?>
 70 | 			</ol><!-- .commentlist -->
 71 | 		<?php if ( get_comment_pages_count() > 1 && get_option( 'page_comments' ) ) : // are there comments to navigate through ?>
 72 | 				<nav role="navigation" id="comment-nav-below" class="site-navigation comment-navigation">
 73 | 					<h1 class="screen-reader-text"><?php _e( 'Comment navigation', 'indieweb-publisher' ); ?></h1>
 74 | 
 75 | 					<div class="nav-previous"><?php previous_comments_link( '<button>' . __( '&larr; Older Comments', 'indieweb-publisher' ) . '</button>' ); ?></div>
 76 | 					<div class="nav-next"><?php next_comments_link( '<button>' . __( 'Newer Comments &rarr;', 'indieweb-publisher' ) . '</button>' ); ?></div>
 77 | 				</nav><!-- #comment-nav-below .site-navigation .comment-navigation -->
 78 | 		<?php endif; // check for comment navigation ?>
 79 | 
 80 | 	<?php endif; // have_comments() ?>
 81 | 
 82 | 	<?php
 83 | 	// If comments are closed and there are comments, let's leave a little note, shall we?
 84 | 	if ( ! comments_open() && '0' != get_comments_number() && post_type_supports( get_post_type(), 'comments' ) ) :
 85 | 		?>
 86 | 			<p class="nocomments"><?php _e( 'Comments are closed.', 'indieweb-publisher' ); ?></p>
 87 | 	<?php endif; ?>
 88 | 
 89 | 	<?php if ( comments_open() && get_comments_number() >= indieweb_publisher_min_comments_bottom_comment_button() ) : ?>
 90 | 
 91 | 		<?php do_action( 'indieweb_publisher_before_bottom_comment_button' ); ?>
 92 | 
 93 | 			<div id="share-comment-button-bottom">
 94 | 				<button>
 95 | 					<i class="share-comment-icon"></i><?php echo indieweb_publisher_comments_call_to_action_text(); ?>
 96 | 				</button>
 97 | 			</div>
 98 | 			<div id="commentform-bottom"></div> <!-- do not remove; used by jQuery to move the comment reply form here -->
 99 | 	<?php endif; ?>
100 | 
101 | 	<?php if ( comments_open() && have_comments() && get_comments_number() > 0 ) : ?>
102 | 		<?php indieweb_publisher_replytocom(); // Handles Reply to Comment links properly when JavaScript is enabled ?>
103 | 	<?php endif; ?>
104 | 
105 | 	</div><!-- #comments .comments-area -->
106 | 
107 | <?php endif; // if ( ! indieweb_publisher_hide_comments() ) ?>
108 | 


--------------------------------------------------------------------------------
/sass/ip2/_forms.scss:
--------------------------------------------------------------------------------
  1 | button,
  2 | input,
  3 | select,
  4 | textarea {
  5 | 	max-width: 100%;
  6 | 	margin: 0;
  7 | 	font: inherit;
  8 | 	vertical-align: middle;
  9 | }
 10 | 
 11 | button:focus,
 12 | input:focus,
 13 | button:active,
 14 | input:active {
 15 | 	outline: 0;
 16 | }
 17 | 
 18 | .button,
 19 | .more-link,
 20 | button:not(.menu-toggle),
 21 | input[type="button"],
 22 | input[type="reset"],
 23 | input[type="submit"],
 24 | .posts-navigation .nav-links a,
 25 | #content #infinite-handle span button {
 26 | 	display: inline-block;
 27 | 	box-sizing: content-box;
 28 | 	padding: .4375em .875em;
 29 | 	cursor: pointer;
 30 | 	-webkit-transition: background 120ms ease-in-out, box-shadow 120ms ease-in-out;
 31 | 			transition: background 120ms ease-in-out, box-shadow 120ms ease-in-out;
 32 | 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
 33 | 	font-size: 16px;
 34 | 	font-weight: 400;
 35 | 	font-style: normal;
 36 | 	text-decoration: none;
 37 | 	color: #fff;
 38 | 	border: solid 1px transparent;
 39 | 	border-radius: 3px;
 40 | 	background: #0087be;
 41 | 
 42 | 	-webkit-font-smoothing: antialiased;
 43 | 	-moz-osx-font-smoothing: grayscale;
 44 | }
 45 | 
 46 | .button:focus,
 47 | .button:active,
 48 | .more-link:focus,
 49 | .more-link:active,
 50 | button:not(.menu-toggle):focus,
 51 | input[type="button"]:focus,
 52 | input[type="reset"]:focus,
 53 | input[type="submit"]:focus,
 54 | .posts-navigation .nav-links a:focus,
 55 | #content #infinite-handle span button:focus,
 56 | button:not(.menu-toggle):active,
 57 | input[type="button"]:active,
 58 | input[type="reset"]:active,
 59 | input[type="submit"]:active,
 60 | .posts-navigation .nav-links a:active,
 61 | #content #infinite-handle span button:active {
 62 | 	outline: 0;
 63 | 	background: #767676;
 64 | 	box-shadow: inset 0 2px 2px rgba(0, 0, 0, .25), 0 0 0 6px rgba(0, 0, 0, .08);
 65 | }
 66 | 
 67 | .button:hover,
 68 | .more-link:hover,
 69 | button:not(.menu-toggle):hover,
 70 | input[type="button"]:hover,
 71 | input[type="reset"]:hover,
 72 | input[type="submit"]:hover,
 73 | .posts-navigation .nav-links a:hover,
 74 | #content #infinite-handle span button:hover {
 75 | 	text-decoration: none;
 76 | 	color: #fff;
 77 | 	background: #767676;
 78 | }
 79 | 
 80 | .button:visited,
 81 | .more-link:visited {
 82 | 	color: white;
 83 | }
 84 | 
 85 | .more-link {
 86 | 	display: block;
 87 | 	clear: both;
 88 | 	width: 130px;
 89 | 	margin: .4375em 0 1.75em;
 90 | 	text-align: center;
 91 | }
 92 | 
 93 | input + button:not(.menu-toggle),
 94 | input + input[type="button"],
 95 | input + input[type="reset"],
 96 | input + input[type="submit"],
 97 | input + .posts-navigation .nav-links a,
 98 | input + #content #infinite-handle span button,
 99 | label + button:not(.menu-toggle),
100 | label + input[type="button"],
101 | label + input[type="reset"],
102 | label + input[type="submit"],
103 | label + .posts-navigation .nav-links a,
104 | label + #content #infinite-handle span button {
105 | 	margin-left: .21875em;
106 | }
107 | 
108 | input[type="text"],
109 | input[type="password"],
110 | input[type="email"],
111 | input[type="search"],
112 | input[type="url"],
113 | textarea {
114 | 	box-sizing: border-box;
115 | 	-webkit-transition: color 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
116 | 			transition: color 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
117 | 	font-family: Georgia, "Times New Roman", serif;
118 | 	color: #404040;
119 | 	border: 1px solid #a1a1a1;
120 | 	border-radius: 3px;
121 | 
122 | 	-webkit-appearance: none;
123 | 	-webkit-font-smoothing: antialiased;
124 | 	-moz-osx-font-smoothing: grayscale;
125 | }
126 | 
127 | input[type="text"]:focus,
128 | input[type="password"]:focus,
129 | input[type="email"]:focus,
130 | input[type="search"]:focus,
131 | input[type="url"]:focus,
132 | textarea:focus {
133 | 	border-color: #0087be;
134 | 	outline: 0;
135 | 	box-shadow: 0 0 3px rgba(87, 173, 104, .15) inset;
136 | }
137 | 
138 | input[type="text"],
139 | input[type="password"],
140 | input[type="email"],
141 | input[type="search"],
142 | input[type="url"] {
143 | 	height: 1.75em;
144 | 	padding: 0 .875em;
145 | 	line-height: 2;
146 | }
147 | 
148 | textarea {
149 | 	padding: .4375em .875em;
150 | }
151 | 
152 | input[type="checkbox"],
153 | input[type="radio"] {
154 | 	position: relative;
155 | 	top: 0;
156 | 	box-sizing: border-box;
157 | 	margin-right: .1em;
158 | 	padding: 0;
159 | 	line-height: 1;
160 | 	vertical-align: baseline;
161 | }
162 | 
163 | .entry-content input[type="checkbox"],
164 | .entry-content input[type="radio"],
165 | .entry-summary input[type="checkbox"],
166 | .entry-summary input[type="radio"] {
167 | 	top: -.1em;
168 | }
169 | 
170 | button::-moz-focus-inner,
171 | input::-moz-focus-inner {
172 | 	padding: 0;
173 | 	border: 0;
174 | }
175 | 
176 | :focus,
177 | :active {
178 | 	outline: 0;
179 | }
180 | 


--------------------------------------------------------------------------------
/image.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | /**
  3 |  * The template for displaying image attachments.
  4 |  *
  5 |  * @package Indieweb Publisher
  6 |  * @since   Indieweb Publisher 1.0
  7 |  */
  8 | 
  9 | get_header();
 10 | ?>
 11 | 
 12 | 	<div id="primary" class="content-area image-attachment">
 13 | 		<div id="content" class="site-content" role="main">
 14 | 
 15 | 			<?php
 16 | 			while ( have_posts() ) :
 17 | 				the_post();
 18 | 				?>
 19 | 
 20 | 				<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
 21 | 					<header class="entry-header">
 22 | 						<h2 class="entry-title-meta">
 23 | 				<?php
 24 | 				$metadata = wp_get_attachment_metadata();
 25 | 				printf(
 26 | 					__( '"%1$s" - <a href="%2$s" title="Link to full-size image">%3$s &times; %4$s</a> %5$s <a href="%6$s" title="Return to %7$s" rel="gallery">%7$s</a>', 'indieweb-publisher' ),
 27 | 					get_the_title(),
 28 | 					wp_get_attachment_url(),
 29 | 					$metadata['width'],
 30 | 					$metadata['height'],
 31 | 					indieweb_publisher_entry_meta_category_prefix(),
 32 | 					get_permalink( $post->post_parent ),
 33 | 					get_the_title( $post->post_parent )
 34 | 				);
 35 | 				?>
 36 | 
 37 | 				<?php do_action( 'indieweb_publisher_entry_title_meta', $separator = ' | ' ); ?>
 38 | 						</h2>
 39 | 
 40 | 						<!-- .entry-meta -->
 41 | 					</header>
 42 | 					<!-- .entry-header -->
 43 | 
 44 | 					<section>
 45 | 
 46 | 						<div class="entry-attachment">
 47 | 							<div class="attachment">
 48 | 								<?php
 49 | 								/*
 50 | 								 * Grab the IDs of all the image attachments in a gallery
 51 | 								 * so we can get the URL of the next adjacent image in a gallery,
 52 | 								 * or the first image (if we're looking at the last image in a gallery),
 53 | 								 * or, in a gallery of one, just the link to that image file
 54 | 								 */
 55 | 								$attachments = array_values(
 56 | 									get_children(
 57 | 										array(
 58 | 											'post_parent' => $post->post_parent,
 59 | 											'post_status' => 'inherit',
 60 | 											'post_type'   => 'attachment',
 61 | 											'post_mime_type' => 'image',
 62 | 											'order'       => 'ASC',
 63 | 											'orderby'     => 'menu_order ID',
 64 | 										)
 65 | 									)
 66 | 								);
 67 | 								foreach ( $attachments as $k => $attachment ) {
 68 | 									if ( $attachment->ID == $post->ID ) {
 69 | 										break;
 70 | 									}
 71 | 								}
 72 | 								$k ++;
 73 | 								// If there is more than 1 attachment in a gallery
 74 | 								if ( count( $attachments ) > 1 ) {
 75 | 									if ( isset( $attachments[ $k ] ) ) {
 76 | 										$next_attachment_url = get_attachment_link( $attachments[ $k ]->ID );
 77 | 									} else // or get the URL of the first image attachment
 78 | 									{
 79 | 										$next_attachment_url = get_attachment_link( $attachments[0]->ID );
 80 | 									}
 81 | 								} else {
 82 | 									// or, if there's only 1 image, get the URL of the image
 83 | 									$next_attachment_url = wp_get_attachment_url();
 84 | 								}
 85 | 								?>
 86 | 
 87 | 								<a href="<?php echo $next_attachment_url; ?>" title="<?php echo esc_attr( get_the_title() ); ?>" rel="attachment">
 88 | 													<?php
 89 | 													$attachment_size = apply_filters(
 90 | 														'indieweb_publisher_attachment_size',
 91 | 														array(
 92 | 															1200,
 93 | 															1200,
 94 | 														)
 95 | 													); // Filterable image size.
 96 | 																																				  echo wp_get_attachment_image( $post->ID, $attachment_size );
 97 | 													?>
 98 | 									</a>
 99 | 							</div>
100 | 							<!-- .attachment -->
101 | 
102 | 				<?php if ( ! empty( $post->post_excerpt ) ) : ?>
103 | 								<div class="entry-caption">
104 | 					<?php the_excerpt(); ?>
105 | 								</div><!-- .entry-caption -->
106 | 				<?php endif; ?>
107 | 						</div>
108 | 						<!-- .entry-attachment -->
109 | 
110 | 				<?php the_content(); ?>
111 | 
112 | 						<nav id="image-navigation" class="site-navigation">
113 | 							<span class="previous-image"><?php previous_image_link( false, __( '&larr; Previous image', 'indieweb-publisher' ) ); ?></span>
114 | 							<span class="next-image"><?php next_image_link( false, __( 'Next image &rarr;', 'indieweb-publisher' ) ); ?></span>
115 | 						</nav>
116 | 						<!-- #image-navigation -->
117 | 
118 | 					</section>
119 | 
120 | 				<?php indieweb_publisher_posted_author_bottom_card(); ?>
121 | 
122 | 					<footer class="entry-meta">
123 | 				<?php do_action( 'indieweb_publisher_entry_meta_top' ); ?>
124 | 
125 | 				<?php if ( comments_open() && ! indieweb_publisher_hide_comments() ) : ?>
126 | 							<div id="share-comment-button">
127 | 								<button>
128 | 									<i class="share-comment-icon"></i><?php echo indieweb_publisher_comments_call_to_action_text(); ?>
129 | 								</button>
130 | 							</div>
131 | 				<?php endif; ?>
132 | 
133 | 				<?php edit_post_link( __( 'Edit', 'indieweb-publisher' ), '<span class="edit-link">', '</span>' ); ?>
134 | 					</footer>
135 | 
136 | 					<!-- .entry-meta -->
137 | 				</article><!-- #post-<?php the_ID(); ?> -->
138 | 
139 | 				<?php comments_template(); ?>
140 | 
141 | 			<?php endwhile; // end of the loop. ?>
142 | 
143 | 		</div>
144 | 		<!-- #content .site-content -->
145 | 	</div><!-- #primary .content-area .image-attachment -->
146 | 
147 | <?php get_footer(); ?>
148 | 


--------------------------------------------------------------------------------
/sass/ip2/_typography.scss:
--------------------------------------------------------------------------------
  1 | body {
  2 | 	background: #fff;
  3 | }
  4 | 
  5 | body,
  6 | button,
  7 | input,
  8 | select,
  9 | textarea {
 10 | 	font-family: Georgia, "Times New Roman", serif;
 11 | 	font-size: 18px;
 12 | 	line-height: 1.75;
 13 | 	color: #383838;
 14 | }
 15 | 
 16 | select {
 17 | 	font-size: 13px;
 18 | }
 19 | 
 20 | h1,
 21 | h2,
 22 | h3,
 23 | h4,
 24 | h5,
 25 | h6 {
 26 | 	clear: both;
 27 | 	margin-top: .875em;
 28 | 	margin-bottom: .875em;
 29 | 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
 30 | 	line-height: 1.1;
 31 | 	color: #333332;
 32 | }
 33 | 
 34 | h1 {
 35 | 	font-size: 32px;
 36 | 	margin-bottom: .4375em;
 37 | }
 38 | 
 39 | h2 {
 40 | 	font-size: 24px;
 41 | 	margin-bottom: .4375em;
 42 | }
 43 | 
 44 | h3 {
 45 | 	font-size: 19px;
 46 | }
 47 | 
 48 | h4 {
 49 | 	font-size: 15px;
 50 | }
 51 | 
 52 | h5 {
 53 | 	font-size: 14px;
 54 | }
 55 | 
 56 | h6 {
 57 | 	font-size: 13px;
 58 | }
 59 | 
 60 | h5,
 61 | h6 {
 62 | 	line-height: 1.3;
 63 | }
 64 | 
 65 | hr {
 66 | 	height: 1px;
 67 | 	margin: 1.75em 0;
 68 | 	border: 0;
 69 | 	background-color: #ccc;
 70 | }
 71 | 
 72 | p {
 73 | 	margin-bottom: .875em;
 74 | }
 75 | 
 76 | ul,
 77 | ol {
 78 | 	margin: 0 0 1.75em 2em;
 79 | 	padding: 0;
 80 | 	list-style-position: outside;
 81 | }
 82 | 
 83 | ul ul,
 84 | ol ul,
 85 | ul ol,
 86 | ol ol {
 87 | 	margin-bottom: 0;
 88 | 	margin-left: 2em;
 89 | }
 90 | 
 91 | ul li,
 92 | ol li {
 93 | 	margin-top: .4375em;
 94 | }
 95 | 
 96 | ul {
 97 | 	list-style-type: disc;
 98 | }
 99 | 
100 | ol {
101 | 	list-style-type: decimal;
102 | }
103 | 
104 | dt {
105 | 	font-weight: 700;
106 | }
107 | 
108 | dd {
109 | 	margin: .4375em 1.75em 1.75em;
110 | }
111 | 
112 | b,
113 | strong {
114 | 	font-weight: 700;
115 | }
116 | 
117 | dfn,
118 | cite,
119 | em,
120 | i {
121 | 	font-style: italic;
122 | }
123 | 
124 | blockquote {
125 | 	margin: 1.75em .875em 1.75em -1.9em;
126 | 	padding: 0 0 0 1.75em;
127 | 	font-family: Georgia, "Times New Roman", serif;
128 | 	font-style: italic;
129 | 	border: solid #0087be;
130 | 	border-width: 0 0 0 3px;
131 | }
132 | 
133 | .comments-area blockquote {
134 | 	margin-left: 0;
135 | }
136 | 
137 | blockquote blockquote {
138 | 	margin-left: 1.75em;
139 | }
140 | 
141 | blockquote.aligncenter,
142 | blockquote.alignleft,
143 | blockquote.alignright {
144 | 	padding: .875em 0;
145 | 	font-family: Georgia, "Times New Roman", serif;
146 | 	font-size: 20px;
147 | 	font-style: italic;
148 | 	text-align: center;
149 | 	color: #a5a5a5;
150 | 	border: 0;
151 | }
152 | blockquote.alignright,
153 | blockquote.alignleft {
154 | 	max-width: 100%;
155 | 	padding: 0;
156 | 	margin-left: auto;
157 | 	margin-right: auto;
158 | 	text-align: left;
159 | }
160 | 
161 | blockquote cite {
162 | 	display: block;
163 | 	margin-top: .875em;
164 | 	font-size: .875em;
165 | 	font-weight: bold;
166 | }
167 | 
168 | blockquote cite:before {
169 | 	margin-right: .21875em;
170 | 	margin-left: 0;
171 | 	content: "\2014";
172 | 	font-weight: normal;
173 | }
174 | 
175 | blockquote h1,
176 | blockquote h2,
177 | blockquote h3,
178 | blockquote h4 {
179 | 	font-family: inherit;
180 | 	font-weight: normal;
181 | }
182 | 
183 | address {
184 | 	margin: 0 0 1.75em;
185 | }
186 | 
187 | pre {
188 | 	overflow: auto;
189 | 	max-width: 100%;
190 | 	padding: 1.75em;
191 | 	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
192 | 	line-height: 1.75;
193 | 	background: #f5f5f5;
194 | }
195 | 
196 | pre,
197 | code,
198 | kbd,
199 | tt,
200 | var {
201 | 	font-size: 18px;
202 | }
203 | 
204 | pre pre,
205 | pre code,
206 | pre kbd,
207 | pre tt,
208 | pre var {
209 | 	background: transparent;
210 | }
211 | 
212 | code,
213 | kbd,
214 | tt,
215 | var {
216 | 	padding: 2px 5px 2px 5px;
217 | 	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
218 | 	background: #eee;
219 | }
220 | 
221 | abbr,
222 | acronym {
223 | 	cursor: help;
224 | 	border-bottom: 1px dotted #666;
225 | }
226 | 
227 | mark,
228 | ins {
229 | 	text-decoration: none;
230 | 	background: #fff9c0;
231 | }
232 | 
233 | sup,
234 | sub {
235 | 	position: relative;
236 | 	height: 0;
237 | 	font-size: 75%;
238 | 	line-height: 0;
239 | 	vertical-align: baseline;
240 | }
241 | 
242 | sup {
243 | 	bottom: 1ex;
244 | }
245 | 
246 | sub {
247 | 	top: .5ex;
248 | }
249 | 
250 | small {
251 | 	font-size: 75%;
252 | }
253 | 
254 | big {
255 | 	font-size: 125%;
256 | }
257 | 
258 | figure {
259 | 	margin: 0;
260 | }
261 | 
262 | table {
263 | 	width: 100%;
264 | 	margin: 0 0 1.75em;
265 | 	font-size: 90%;
266 | }
267 | 
268 | th {
269 | 	font-weight: 700;
270 | }
271 | 
272 | textarea {
273 | 	overflow: auto;
274 | 	width: 95%;
275 | 	padding-left: 3px;
276 | 	vertical-align: top;
277 | }
278 | 
279 | a {
280 | 	text-decoration: none;
281 | 	color: #0087be;
282 | }
283 | 
284 | a:visited {
285 | 	text-decoration: none;
286 | 	color: #0087be;
287 | }
288 | 
289 | a:hover {
290 | 	text-decoration: underline;
291 | }
292 | 
293 | a:hover,
294 | a:focus,
295 | a:active {
296 | 	color: #00aadc;
297 | }
298 | 
299 | a:focus,
300 | a:active,
301 | button:focus,
302 | button:active {
303 | 	outline: thin dotted;
304 | }
305 | 
306 | table,
307 | th,
308 | td {
309 | 	border: 1px solid #ddd;
310 | }
311 | 
312 | table {
313 | 	/* Prevents HTML tables from becoming too wide */
314 | 	width: 100%;
315 | 	margin: 0 0 1.75em;
316 | 	table-layout: fixed;
317 | 	border-spacing: 0;
318 | 	border-collapse: separate;
319 | 	border-width: 1px 0 0 1px;
320 | }
321 | 
322 | caption,
323 | th,
324 | td {
325 | 	font-weight: normal;
326 | 	text-align: left;
327 | }
328 | 
329 | th {
330 | 	font-weight: 700;
331 | 	border-width: 0 1px 1px 0;
332 | }
333 | 
334 | td {
335 | 	border-width: 0 1px 1px 0;
336 | }
337 | 
338 | th,
339 | td {
340 | 	padding: .4375em;
341 | }
342 | 


--------------------------------------------------------------------------------
/js/theme-customizer.js:
--------------------------------------------------------------------------------
  1 | /**
  2 |  * This file adds some LIVE to the Theme Customizer live preview. To leverage
  3 |  * this, set your custom settings to 'postMessage' and then add your handling
  4 |  * here. Your javascript should grab settings from customizer controls, and
  5 |  * then make any necessary changes to the page using jQuery.
  6 |  *
  7 |  * @link http://codex.wordpress.org/Theme_Customization_API
  8 |  *
  9 |  * @package Independent Publisher
 10 |  * @since   Independent Publisher 1.0
 11 |  */
 12 | (function ($) {
 13 | 
 14 | 	// Update the site title in real time
 15 | 	wp.customize('blogname', function (value) {
 16 | 		value.bind(function (newval) {
 17 | 			$('#site-title a').html(newval);
 18 | 		});
 19 | 	});
 20 | 
 21 | 	// Update the site description in real time
 22 | 	wp.customize('blogdescription', function (value) {
 23 | 		value.bind(function (newval) {
 24 | 			$('.site-description').html(newval);
 25 | 		});
 26 | 	});
 27 | 
 28 | 	// Update site title color in real time
 29 | 	wp.customize('header_textcolor', function (value) {
 30 | 		value.bind(function (newval) {
 31 | 			$('#site-title a').css('color', newval);
 32 | 		});
 33 | 	});
 34 | 
 35 | 	// Update site background color in real time
 36 | 	wp.customize('background_color', function (value) {
 37 | 		value.bind(function (newval) {
 38 | 			$('body').css('background-color', newval);
 39 | 			$('.site').css('background-color', newval);
 40 | 		});
 41 | 	});
 42 | 
 43 | 	// Update comment form background color in real time
 44 | 	wp.customize('comment_form_background_color', function (value) {
 45 | 		value.bind(function (newval) {
 46 | 			$('#commentform-top').css('background-color', newval);
 47 | 			$('#commentform-bottom').css('background-color', newval);
 48 | 			$('.comment-respond').css('background-color', newval);
 49 | 		});
 50 | 	});
 51 | 
 52 | 	// Update text color in real time
 53 | 	wp.customize('text_color', function (value) {
 54 | 		value.bind(function (newval) {
 55 | 			$('body').css('color', newval);
 56 | 			$('button').css('color', newval);
 57 | 			$('input').css('color', newval);
 58 | 			$('select').css('color', newval);
 59 | 			$('textarea').css('color', newval);
 60 | 			$('.format-aside .entry-content a').css('color', newval);
 61 | 			$('.format-aside .entry-content a:hover').css('color', newval);
 62 | 			$('.format-aside .entry-content a:focus').css('color', newval);
 63 | 			$('.format-aside .entry-content a:active').css('color', newval);
 64 | 			$('.format-aside .entry-content a:visited').css('color', newval);
 65 | 			$('.format-aside .entry-summary a').css('color', newval);
 66 | 			$('.format-aside .entry-summary a:hover').css('color', newval);
 67 | 			$('.format-aside .entry-summary a:focus').css('color', newval);
 68 | 			$('.format-aside .entry-summary a:active').css('color', newval);
 69 | 			$('.format-aside .entry-summary a:visited').css('color', newval);
 70 | 		});
 71 | 	});
 72 | 
 73 | 	// Update link color in real time
 74 | 	wp.customize('link_color', function (value) {
 75 | 		value.bind(function (newval) {
 76 | 			$('.main-navigation a').css('color', newval);
 77 | 			$('.widget-area ul li a').css('color', newval);
 78 | 			$('.no-post-excerpts .format-standard .entry-content a').css('color', newval);
 79 | 			$('.no-post-excerpts .format-standard .entry-content a:hover').css('color', newval);
 80 | 			$('.no-post-excerpts .format-standard .entry-content a:focus').css('color', newval);
 81 | 			$('.no-post-excerpts .format-standard .entry-content a:active').css('color', newval);
 82 | 			$('.no-post-excerpts .format-standard .entry-content a:visited').css('color', newval);
 83 | 			$('.enhanced-excerpts .enhanced-excerpt-read-more a').css('color', newval);
 84 | 			$('.comment .reply a').css('color', newval);
 85 | 			$('.pinglist a').css('color', newval);
 86 | 			$('.taglist a').css('color', newval);
 87 | 			$('.entry-meta a:hover').css('color', newval);
 88 | 			$('.site-footer a').css('color', newval);
 89 | 			$('.widget-area a').css('color', newval);
 90 | 		});
 91 | 	});
 92 | 
 93 | 	// Update header text color in real time
 94 | 	wp.customize('header_text_color', function (value) {
 95 | 		value.bind(function (newval) {
 96 | 			$('.site-published').css('color', newval);
 97 | 			$('.site-title a').css('color', newval);
 98 | 			$('h1.entry-title').css('color', newval);
 99 | 			$('.entry-content h1').css('color', newval);
100 | 			$('.entry-content h2').css('color', newval);
101 | 			$('.entry-content h3').css('color', newval);
102 | 			$('.entry-content h4').css('color', newval);
103 | 			$('.entry-content h5').css('color', newval);
104 | 			$('.entry-content h6').css('color', newval);
105 | 			$('.entry-summary h1').css('color', newval);
106 | 			$('.entry-summary h2').css('color', newval);
107 | 			$('.entry-summary h3').css('color', newval);
108 | 			$('.entry-summary h4').css('color', newval);
109 | 			$('.entry-summary h5').css('color', newval);
110 | 			$('.entry-summary h6').css('color', newval);
111 | 			$('.entry-title a').css('color', newval);
112 | 			$('.author .archive-title a').css('color', newval);
113 | 		});
114 | 	});
115 | 
116 | 	// Update primary meta text color in real time
117 | 	wp.customize('primary_meta_text_color', function (value) {
118 | 		value.bind(function (newval) {
119 | 			$('.site-description').css('color', newval);
120 | 			$('.site-published-date a').css('color', newval);
121 | 		});
122 | 	});
123 | 
124 | 	// Update secondary meta text color in real time
125 | 	wp.customize('secondary_meta_text_color', function (value) {
126 | 		value.bind(function (newval) {
127 | 			$('.entry-title-meta').css('color', newval);
128 | 			$('.entry-title-meta a').css('color', newval);
129 | 			$('.entry-meta').css('color', newval);
130 | 			$('.entry-meta a').css('color', newval);
131 | 			$('.entry-meta a:hover').css('color', newval);
132 | 			$('blockquote cite').css('color', newval);
133 | 			$('.gallery-caption').css('color', newval);
134 | 			$('.comment-meta').css('color', newval);
135 | 			$('.comment-meta a').css('color', newval);
136 | 			$('.widget_rss .rss-date').css('color', newval);
137 | 			$('.widget_twitter .timesince').css('color', newval);
138 | 			$('.site-footer').css('color', newval);
139 | 		});
140 | 	});
141 | })(jQuery);
142 | 


--------------------------------------------------------------------------------
/sass/ip2/_normalize.scss:
--------------------------------------------------------------------------------
  1 | /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
  2 | 
  3 | /* Document
  4 | 	 ========================================================================== */
  5 | 
  6 | /**
  7 |  * 1. Correct the line height in all browsers.
  8 |  * 2. Prevent adjustments of font size after orientation changes in iOS.
  9 |  */
 10 | 
 11 | html {
 12 | 	line-height: 1.15; /* 1 */
 13 | 	-webkit-text-size-adjust: 100%; /* 2 */
 14 | }
 15 | 
 16 | /* Sections
 17 | 	 ========================================================================== */
 18 | 
 19 | /**
 20 |  * Remove the margin in all browsers.
 21 |  */
 22 | 
 23 | body {
 24 | 	margin: 0;
 25 | }
 26 | 
 27 | /**
 28 |  * Correct the font size and margin on `h1` elements within `section` and
 29 |  * `article` contexts in Chrome, Firefox, and Safari.
 30 |  */
 31 | 
 32 | h1 {
 33 | 	font-size: 2em;
 34 | 	margin: 0.67em 0;
 35 | }
 36 | 
 37 | /* Grouping content
 38 | 	 ========================================================================== */
 39 | 
 40 | /**
 41 |  * 1. Add the correct box sizing in Firefox.
 42 |  * 2. Show the overflow in Edge and IE.
 43 |  */
 44 | 
 45 | hr {
 46 | 	box-sizing: content-box; /* 1 */
 47 | 	height: 0; /* 1 */
 48 | 	overflow: visible; /* 2 */
 49 | }
 50 | 
 51 | /**
 52 |  * 1. Correct the inheritance and scaling of font size in all browsers.
 53 |  * 2. Correct the odd `em` font sizing in all browsers.
 54 |  */
 55 | 
 56 | pre {
 57 | 	font-family: monospace, monospace; /* 1 */
 58 | 	font-size: 1em; /* 2 */
 59 | }
 60 | 
 61 | /* Text-level semantics
 62 | 	 ========================================================================== */
 63 | 
 64 | /**
 65 |  * Remove the gray background on active links in IE 10.
 66 |  */
 67 | 
 68 | a {
 69 | 	background-color: transparent;
 70 | }
 71 | 
 72 | /**
 73 |  * 1. Remove the bottom border in Chrome 57-
 74 |  * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 75 |  */
 76 | 
 77 | abbr[title] {
 78 | 	border-bottom: none; /* 1 */
 79 | 	text-decoration: underline; /* 2 */
 80 | 	text-decoration: underline dotted; /* 2 */
 81 | }
 82 | 
 83 | /**
 84 |  * Add the correct font weight in Chrome, Edge, and Safari.
 85 |  */
 86 | 
 87 | b,
 88 | strong {
 89 | 	font-weight: bolder;
 90 | }
 91 | 
 92 | /**
 93 |  * 1. Correct the inheritance and scaling of font size in all browsers.
 94 |  * 2. Correct the odd `em` font sizing in all browsers.
 95 |  */
 96 | 
 97 | code,
 98 | kbd,
 99 | samp {
100 | 	font-family: monospace, monospace; /* 1 */
101 | 	font-size: 1em; /* 2 */
102 | }
103 | 
104 | /**
105 |  * Add the correct font size in all browsers.
106 |  */
107 | 
108 | small {
109 | 	font-size: 80%;
110 | }
111 | 
112 | /**
113 |  * Prevent `sub` and `sup` elements from affecting the line height in
114 |  * all browsers.
115 |  */
116 | 
117 | sub,
118 | sup {
119 | 	font-size: 75%;
120 | 	line-height: 0;
121 | 	position: relative;
122 | 	vertical-align: baseline;
123 | }
124 | 
125 | sub {
126 | 	bottom: -0.25em;
127 | }
128 | 
129 | sup {
130 | 	top: -0.5em;
131 | }
132 | 
133 | /* Embedded content
134 | 	 ========================================================================== */
135 | 
136 | /**
137 |  * Remove the border on images inside links in IE 10.
138 |  */
139 | 
140 | img {
141 | 	border-style: none;
142 | }
143 | 
144 | /* Forms
145 | 	 ========================================================================== */
146 | 
147 | /**
148 |  * 1. Change the font styles in all browsers.
149 |  * 2. Remove the margin in Firefox and Safari.
150 |  */
151 | 
152 | button,
153 | input,
154 | optgroup,
155 | select,
156 | textarea {
157 | 	font-family: inherit; /* 1 */
158 | 	font-size: 100%; /* 1 */
159 | 	line-height: 1.15; /* 1 */
160 | 	margin: 0; /* 2 */
161 | }
162 | 
163 | /**
164 |  * Show the overflow in IE.
165 |  * 1. Show the overflow in Edge.
166 |  */
167 | 
168 | button,
169 | input {
170 | 
171 | 	/* 1 */
172 | 	overflow: visible;
173 | }
174 | 
175 | /**
176 |  * Remove the inheritance of text transform in Edge, Firefox, and IE.
177 |  * 1. Remove the inheritance of text transform in Firefox.
178 |  */
179 | 
180 | button,
181 | select {
182 | 
183 | 	/* 1 */
184 | 	text-transform: none;
185 | }
186 | 
187 | /**
188 |  * Correct the inability to style clickable types in iOS and Safari.
189 |  */
190 | 
191 | button,
192 | [type="button"],
193 | [type="reset"],
194 | [type="submit"] {
195 | 	-webkit-appearance: button;
196 | }
197 | 
198 | /**
199 |  * Remove the inner border and padding in Firefox.
200 |  */
201 | 
202 | button::-moz-focus-inner,
203 | [type="button"]::-moz-focus-inner,
204 | [type="reset"]::-moz-focus-inner,
205 | [type="submit"]::-moz-focus-inner {
206 | 	border-style: none;
207 | 	padding: 0;
208 | }
209 | 
210 | /**
211 |  * Restore the focus styles unset by the previous rule.
212 |  */
213 | 
214 | button:-moz-focusring,
215 | [type="button"]:-moz-focusring,
216 | [type="reset"]:-moz-focusring,
217 | [type="submit"]:-moz-focusring {
218 | 	outline: 1px dotted ButtonText;
219 | }
220 | 
221 | /**
222 |  * Correct the padding in Firefox.
223 |  */
224 | 
225 | fieldset {
226 | 	padding: 0.35em 0.75em 0.625em;
227 | }
228 | 
229 | /**
230 |  * 1. Correct the text wrapping in Edge and IE.
231 |  * 2. Correct the color inheritance from `fieldset` elements in IE.
232 |  * 3. Remove the padding so developers are not caught out when they zero out
233 |  *		`fieldset` elements in all browsers.
234 |  */
235 | 
236 | legend {
237 | 	box-sizing: border-box; /* 1 */
238 | 	color: inherit; /* 2 */
239 | 	display: table; /* 1 */
240 | 	max-width: 100%; /* 1 */
241 | 	padding: 0; /* 3 */
242 | 	white-space: normal; /* 1 */
243 | }
244 | 
245 | /**
246 |  * Add the correct vertical alignment in Chrome, Firefox, and Opera.
247 |  */
248 | 
249 | progress {
250 | 	vertical-align: baseline;
251 | }
252 | 
253 | /**
254 |  * Remove the default vertical scrollbar in IE 10+.
255 |  */
256 | 
257 | textarea {
258 | 	overflow: auto;
259 | }
260 | 
261 | /**
262 |  * 1. Add the correct box sizing in IE 10.
263 |  * 2. Remove the padding in IE 10.
264 |  */
265 | 
266 | [type="checkbox"],
267 | [type="radio"] {
268 | 	box-sizing: border-box; /* 1 */
269 | 	padding: 0; /* 2 */
270 | }
271 | 
272 | /**
273 |  * Correct the cursor style of increment and decrement buttons in Chrome.
274 |  */
275 | 
276 | [type="number"]::-webkit-inner-spin-button,
277 | [type="number"]::-webkit-outer-spin-button {
278 | 	height: auto;
279 | }
280 | 
281 | /**
282 |  * 1. Correct the odd appearance in Chrome and Safari.
283 |  * 2. Correct the outline style in Safari.
284 |  */
285 | 
286 | [type="search"] {
287 | 	-webkit-appearance: textfield; /* 1 */
288 | 	outline-offset: -2px; /* 2 */
289 | }
290 | 
291 | /**
292 |  * Remove the inner padding in Chrome and Safari on macOS.
293 |  */
294 | 
295 | [type="search"]::-webkit-search-decoration {
296 | 	-webkit-appearance: none;
297 | }
298 | 
299 | /**
300 |  * 1. Correct the inability to style clickable types in iOS and Safari.
301 |  * 2. Change font properties to `inherit` in Safari.
302 |  */
303 | 
304 | ::-webkit-file-upload-button {
305 | 	-webkit-appearance: button; /* 1 */
306 | 	font: inherit; /* 2 */
307 | }
308 | 
309 | /* Interactive
310 | 	 ========================================================================== */
311 | 
312 | /*
313 |  * Add the correct display in Edge, IE 10+, and Firefox.
314 |  */
315 | 
316 | details {
317 | 	display: block;
318 | }
319 | 
320 | /*
321 |  * Add the correct display in all browsers.
322 |  */
323 | 
324 | summary {
325 | 	display: list-item;
326 | }
327 | 
328 | /* Misc
329 | 	 ========================================================================== */
330 | 
331 | /**
332 |  * Add the correct display in IE 10+.
333 |  */
334 | 
335 | template {
336 | 	display: none;
337 | }
338 | 
339 | /**
340 |  * Add the correct display in IE 10.
341 |  */
342 | 
343 | [hidden] {
344 | 	display: none;
345 | }
346 | 


--------------------------------------------------------------------------------
/sass/default/_global.scss:
--------------------------------------------------------------------------------
  1 | body,
  2 | button,
  3 | input,
  4 | select,
  5 | textarea {
  6 | 	color: #000000;
  7 | 	font-size: 16px;
  8 | 	font-size: 1.6rem;
  9 | 	font-family: serif;
 10 | 	line-height: 1.5;
 11 | }
 12 | 
 13 | select {
 14 | 	font-family: Helvetica, Arial, sans-serif;
 15 | 	font-size: 13px !important; /* webkit annoyingly only lets <select> elements have a font-size of either 9px, 11px or 13px; forcing this to 13px maintains consistency */
 16 | }
 17 | 
 18 | /* Headings */
 19 | h1, h2, h3, h4, h5, h6 {
 20 | 	clear: both;
 21 | }
 22 | 
 23 | hr {
 24 | 	margin-bottom: 1.5em;
 25 | 	height: 1px;
 26 | 	border: 0;
 27 | 	background-color: #ccc;
 28 | }
 29 | 
 30 | /* Text elements */
 31 | p {
 32 | 	margin-bottom: 1em;
 33 | }
 34 | 
 35 | ul, ol {
 36 | 	margin: 0 0 1.5em 3em;
 37 | }
 38 | 
 39 | ul {
 40 | 	list-style: disc;
 41 | }
 42 | 
 43 | ol {
 44 | 	list-style: decimal;
 45 | }
 46 | 
 47 | li > ol, li > ul {
 48 | 	margin-bottom: 0;
 49 | 	margin-left: 1.5em;
 50 | }
 51 | 
 52 | dt {
 53 | 	font-weight: bold;
 54 | }
 55 | 
 56 | dd {
 57 | 	margin: 0.5em 1.5em 1.5em;
 58 | }
 59 | 
 60 | b, strong {
 61 | 	font-weight: bold;
 62 | }
 63 | 
 64 | dfn, cite, em, i {
 65 | 	font-style: italic;
 66 | }
 67 | 
 68 | blockquote {
 69 | 	margin-left: 1em;
 70 | 	font-style: italic;
 71 | 	font-family: Georgia, "Bitstream Charter", serif;
 72 | 	border-left: 3px solid;
 73 | 	border-color: #57ad68;
 74 | 	padding-left: 20px;
 75 | }
 76 | 
 77 | blockquote cite {
 78 | 	font-size: 70%;
 79 | }
 80 | 
 81 | blockquote h1, blockquote h2, blockquote h3, blockquote h4 {
 82 | 	font-weight: normal;
 83 | 	font-family: Georgia, "Bitstream Charter", serif;
 84 | }
 85 | 
 86 | address {
 87 | 	margin: 0 0 1.5em;
 88 | }
 89 | 
 90 | pre {
 91 | 	overflow: auto;
 92 | 	margin-bottom: 1.6em;
 93 | 	padding: 1.6em;
 94 | 	max-width: 100%;
 95 | 	background: #F5F5F5;
 96 | 	font: 12px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
 97 | 	line-height: 1.6;
 98 | }
 99 | 
100 | code, kbd, tt, var {
101 | 	font: 14px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
102 | 	background: #eee;
103 | 	padding: 2px 5px 2px 5px;
104 | }
105 | 
106 | abbr, acronym {
107 | 	border-bottom: 1px dotted #666;
108 | 	cursor: help;
109 | }
110 | 
111 | mark, ins {
112 | 	background: #fff9c0;
113 | 	text-decoration: none;
114 | }
115 | 
116 | sup,
117 | sub {
118 | 	position: relative;
119 | 	height: 0;
120 | 	vertical-align: baseline;
121 | 	font-size: 75%;
122 | 	line-height: 0;
123 | }
124 | 
125 | sup {
126 | 	bottom: 1ex;
127 | }
128 | 
129 | sub {
130 | 	top: .5ex;
131 | }
132 | 
133 | small {
134 | 	font-size: 75%;
135 | }
136 | 
137 | big {
138 | 	font-size: 125%;
139 | }
140 | 
141 | figure {
142 | 	margin: 0;
143 | }
144 | 
145 | table {
146 | 	margin: 0 0 1.5em;
147 | 	width: 100%;
148 | 	font-size: 90%;
149 | }
150 | 
151 | th {
152 | 	font-weight: bold;
153 | }
154 | 
155 | button,
156 | input,
157 | select,
158 | textarea {
159 | 	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
160 | 	vertical-align: middle; /* Improves appearance and consistency in all browsers */
161 | 	font-size: 100%; /* Corrects font size not being inherited in all browsers */
162 | }
163 | 
164 | input:focus,
165 | select:focus,
166 | textarea:focus,
167 | button:focus {
168 | 	outline: none;
169 | }
170 | 
171 | button,
172 | input {
173 | 	line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
174 | 	*overflow: visible; /* Corrects inner spacing displayed oddly in IE6/7 */
175 | }
176 | 
177 | button,
178 | html input[type="button"],
179 | input[type="reset"],
180 | input[type="submit"] {
181 | 	font-family: Helvetica, Arial, sans-serif;
182 | 	font-weight: 400;
183 | 	font-style: normal;
184 | 	text-decoration: none;
185 | 	line-height: 1.45;
186 | 	height: 36px;
187 | 	padding-left: 15px;
188 | 	padding-right: 15px;
189 | 	border: 0;
190 | 	border-color: #ccc #ccc #bbb #ccc;
191 | 	border-radius: 3px;
192 | 	background: #57ad68; /* Old browsers */
193 | 	background: -moz-linear-gradient(top, #57ad68 60%, #57ad68 100%); /* FF3.6+ */
194 | 	background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, #57ad68), color-stop(100%, #57ad68)); /* Chrome,Safari4+ */
195 | 	background: -webkit-linear-gradient(top, #57ad68 60%, #57ad68 100%); /* Chrome10+,Safari5.1+ */
196 | 	background: -o-linear-gradient(top, #57ad68 60%, #57ad68 100%); /* Opera 11.10+ */
197 | 	background: -ms-linear-gradient(top, #57ad68 60%, #57ad68 100%); /* IE10+ */
198 | 	background: linear-gradient(top, #57ad68 60%, #57ad68 100%); /* W3C */
199 | 	color: #ffffff;
200 | 	font-size: 15px;
201 | 	font-size: 1.5rem;
202 | 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#57ad68', endColorstr='#57ad68', GradientType=0); /* IE6-9 */
203 | 	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
204 | 	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
205 | 	-webkit-font-smoothing: antialiased;
206 | }
207 | 
208 | button:hover,
209 | html input[type="button"]:hover,
210 | input[type="reset"]:hover,
211 | input[type="submit"]:hover {
212 | 	color: #ffffff;
213 | 	border-color: #bbb #bbb #aaa #bbb;
214 | 	background: #65B675; /* Old browsers */
215 | 	background: -moz-linear-gradient(top, #65B675 60%, #65B675 100%); /* FF3.6+ */
216 | 	background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, #65B675), color-stop(100%, #65B675)); /* Chrome,Safari4+ */
217 | 	background: -webkit-linear-gradient(top, #65B675 60%, #65B675 100%); /* Chrome10+,Safari5.1+ */
218 | 	background: -o-linear-gradient(top, #65B675 60%, #65B675 100%); /* Opera 11.10+ */
219 | 	background: -ms-linear-gradient(top, #65B675 60%, #65B675 100%); /* IE10+ */
220 | 	background: linear-gradient(top, #65B675 60%, #65B675 100%); /* W3C */
221 | 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#65B675', endColorstr='#65B675', GradientType=0); /* IE6-9 */
222 | }
223 | 
224 | button:focus,
225 | html input[type="button"]:focus,
226 | input[type="reset"]:focus,
227 | input[type="submit"]:focus,
228 | button:active,
229 | html input[type="button"]:active,
230 | input[type="reset"]:active,
231 | input[type="submit"]:active {
232 | 	border-color: #aaa #bbb #bbb #bbb;
233 | 	box-shadow: inset 0 2px 3px rgba(0, 0, 0, .15);
234 | 	box-shadow: inset 0 2px 2px rgba(0, 0, 0, .15);
235 | }
236 | 
237 | input[type="checkbox"],
238 | input[type="radio"] {
239 | 	box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
240 | 	padding: 0; /* Addresses excess padding in IE8/9 */
241 | }
242 | 
243 | input[type="search"] {
244 | 	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
245 | 	-moz-box-sizing: content-box;
246 | 	box-sizing: content-box;
247 | 	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
248 | }
249 | 
250 | input[type="search"]::-webkit-search-decoration {
251 | 	/* Corrects inner padding displayed oddly in S5, Chrome on OSX */
252 | 	-webkit-appearance: none;
253 | }
254 | 
255 | button::-moz-focus-inner,
256 | input::-moz-focus-inner {
257 | 	padding: 0; /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
258 | 	border: 0;
259 | }
260 | 
261 | input[type=text],
262 | input[type=password],
263 | input[type=email],
264 | textarea {
265 | 	border: 1px solid #ccc;
266 | 	border-radius: 3px;
267 | 	color: #666;
268 | }
269 | 
270 | input[type=text]:focus,
271 | input[type=password]:focus,
272 | input[type=email]:focus,
273 | textarea:focus {
274 | 	color: #111;
275 | }
276 | 
277 | input[type=text],
278 | input[type=password],
279 | input[type=email] {
280 | 	padding: 6px;
281 | }
282 | 
283 | textarea {
284 | 	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
285 | 	padding-left: 3px;
286 | 	width: 95%;
287 | 	vertical-align: top; /* Improves readability and alignment in all browsers */
288 | }
289 | 


--------------------------------------------------------------------------------
/editor-style.css:
--------------------------------------------------------------------------------
  1 | /*
  2 | Theme Name: Independent Publisher
  3 | Description: Used to style the TinyMCE editor.
  4 | */
  5 | 
  6 | html .mceContentBody {
  7 | 	max-width: 700px;
  8 | }
  9 | 
 10 | body {
 11 | 	font: 18px Georgia, "Times New Roman", Times, serif;
 12 | 	line-height: 1.5;
 13 | 	color: #000000;
 14 | }
 15 | 
 16 | /* Headings */
 17 | h1, h2, h3, h4, h5, h6 {
 18 | 	clear: both;
 19 | }
 20 | 
 21 | h1,
 22 | h2,
 23 | h3,
 24 | h4,
 25 | h5,
 26 | h6 {
 27 | 	margin: 20px 0;
 28 | 	font-family: "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
 29 | 	color: #333332;
 30 | 	letter-spacing: -1px;
 31 | 	font-weight: 700;
 32 | 	line-height: 1;
 33 | 	margin-top: 40px;
 34 | 	margin-bottom: 15px;
 35 | }
 36 | 
 37 | h1 {
 38 | 	font-size: 2.1em;
 39 | }
 40 | 
 41 | h2 {
 42 | 	font-size: 1.8em;
 43 | }
 44 | 
 45 | h3 {
 46 | 	font-size: 1.6em;
 47 | }
 48 | 
 49 | h4 {
 50 | 	font-size: 1.4em;
 51 | }
 52 | 
 53 | h5 {
 54 | 	font-size: 1.3em;
 55 | }
 56 | 
 57 | h6 {
 58 | 	font-size: 1.2em;
 59 | }
 60 | 
 61 | hr {
 62 | 	background-color: #ccc;
 63 | 	border: 0;
 64 | 	height: 1px;
 65 | 	margin-bottom: 1.625em;
 66 | }
 67 | 
 68 | /* Text elements */
 69 | p, ul, ol, dl {
 70 | 	font-weight: 300;
 71 | }
 72 | 
 73 | p {
 74 | 	margin-bottom: 1.2em;
 75 | }
 76 | 
 77 | ul, ol {
 78 | 	margin: 0 0 1.625em 2.5em;
 79 | 	padding: 0;
 80 | }
 81 | 
 82 | ul {
 83 | 	list-style: square;
 84 | }
 85 | 
 86 | ol {
 87 | 	list-style-type: decimal;
 88 | }
 89 | 
 90 | ol ol {
 91 | 	list-style: upper-alpha;
 92 | }
 93 | 
 94 | ol ol ol {
 95 | 	list-style: lower-roman;
 96 | }
 97 | 
 98 | ol ol ol ol {
 99 | 	list-style: lower-alpha;
100 | }
101 | 
102 | ul ul, ol ol, ul ol, ol ul {
103 | 	margin-bottom: 0;
104 | }
105 | 
106 | dl {
107 | 	margin: 0 1.625em;
108 | }
109 | 
110 | dt {
111 | 	font-size: 15px;
112 | 	font-weight: bold;
113 | }
114 | 
115 | dd {
116 | 	margin: 0.5em 1.5em 1.5em;
117 | }
118 | 
119 | strong {
120 | 	font-weight: bold;
121 | }
122 | 
123 | cite, em, i {
124 | 	font-style: italic;
125 | }
126 | 
127 | cite {
128 | 	border: none;
129 | }
130 | 
131 | big {
132 | 	font-size: 131.25%;
133 | }
134 | 
135 | .mceContentBody blockquote,
136 | .mceContentBody blockquote p {
137 | 	font-family: Georgia, "Bitstream Charter", serif !important;
138 | 	font-style: italic !important;
139 | 	font-weight: normal;
140 | 	margin-bottom: 1em;
141 | }
142 | 
143 | .mceContentBody blockquote {
144 | 	border-left: 6px solid #57ad68;
145 | 	padding-left: 20px;
146 | 	margin-left: 1em;
147 | }
148 | 
149 | .mceContentBody blockquote em,
150 | .mceContentBody blockquote i,
151 | .mceContentBody blockquote cite {
152 | 	font-style: normal;
153 | }
154 | 
155 | .mceContentBody blockquote cite {
156 | 	color: #666;
157 | 	font-size: 12px;
158 | }
159 | 
160 | pre {
161 | 	background: #F2F7F9;
162 | 	font: 12px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
163 | 	line-height: 1.6;
164 | 	margin-bottom: 1.6em;
165 | 	padding: 1.6em;
166 | }
167 | 
168 | code, kbd, samp, var {
169 | 	font: 12px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
170 | 	background: #eee;
171 | 	padding: 2px 5px 2px 5px;
172 | }
173 | 
174 | abbr, acronym, dfn {
175 | 	border-bottom: 1px dotted #666;
176 | 	cursor: help;
177 | }
178 | 
179 | address {
180 | 	display: block;
181 | 	margin: 0 0 1.625em;
182 | }
183 | 
184 | del {
185 | 	color: #333;
186 | }
187 | 
188 | ins {
189 | 	background: #fff9c0;
190 | 	border: none;
191 | 	color: #333;
192 | 	text-decoration: none;
193 | }
194 | 
195 | sup,
196 | sub {
197 | 	font-size: 10px;
198 | 	height: 0;
199 | 	line-height: 1;
200 | 	position: relative;
201 | 	vertical-align: baseline;
202 | }
203 | 
204 | sup {
205 | 	bottom: 1ex;
206 | }
207 | 
208 | sub {
209 | 	top: .5ex;
210 | }
211 | 
212 | input[type=text],
213 | textarea {
214 | 	background: #fafafa;
215 | 	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
216 | 	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
217 | 	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
218 | 	border: 1px solid #ddd;
219 | 	color: #888;
220 | }
221 | 
222 | input[type=text]:focus,
223 | textarea:focus {
224 | 	color: #333;
225 | }
226 | 
227 | textarea {
228 | 	padding-left: 3px;
229 | 	width: 98%;
230 | }
231 | 
232 | input[type=text] {
233 | 	padding: 3px;
234 | }
235 | 
236 | /* Links */
237 | a,
238 | a em,
239 | a strong {
240 | 	color: #57ad68;
241 | }
242 | 
243 | a:focus,
244 | a:active,
245 | a:hover {
246 | 	color: #57ad68;
247 | }
248 | 
249 | /* Alignment */
250 | .alignleft {
251 | 	display: inline;
252 | 	float: left;
253 | 	margin-right: 1.5em;
254 | }
255 | 
256 | .alignright {
257 | 	display: inline;
258 | 	float: right;
259 | 	margin-left: 1.5em;
260 | }
261 | 
262 | .aligncenter {
263 | 	display: block;
264 | 	clear: both;
265 | 	margin: 0 auto;
266 | }
267 | 
268 | /* Tables */
269 | table {
270 | 	font-family: Georgia, "Times New Roman", Times, serif;
271 | 	font-size: 1.9em !important;
272 | 	border-top: none !important;
273 | 	border-right: none !important;
274 | 	border-left: none !important;
275 | 	border-bottom: 1px solid #ddd !important;
276 | 	border-collapse: collapse;
277 | 	border-spacing: 0;
278 | 	text-align: left;
279 | 	margin: 0 0 1.625em;
280 | 	width: 100%;
281 | }
282 | 
283 | tr th {
284 | 	font-size: 16px !important;
285 | 	font-family: Georgia, "Times New Roman", Times, serif;
286 | 	padding: 4px 0;
287 | 	border-top: none !important;
288 | 	border-right: none !important;
289 | 	border-left: none !important;
290 | 	border-bottom: solid 1px #ccc !important;
291 | }
292 | 
293 | td {
294 | 	font-size: 16px !important;
295 | 	font-family: Georgia, "Times New Roman", Times, serif;
296 | 	padding: 4px 0;
297 | 	border-top: none !important;
298 | 	border-right: none !important;
299 | 	border-left: none !important;
300 | 	border-bottom: solid 1px #eee !important;
301 | }
302 | 
303 | table a {
304 | 	text-decoration: none !important;
305 | }
306 | 
307 | /* Images */
308 | img[class*="wp-image-"] {
309 | 	height: auto;
310 | 	max-width: 97.5%;
311 | }
312 | 
313 | img.size-full {
314 | 	width: auto; /* Prevent stretching of full-size images in IE8 */
315 | }
316 | 
317 | img.wp-smiley {
318 | 	border: none;
319 | 	margin-bottom: 0;
320 | 	margin-top: 0;
321 | 	padding: 0;
322 | }
323 | 
324 | p img,
325 | .wp-caption {
326 | 	margin-top: 0.4em;
327 | }
328 | 
329 | img {
330 | 	padding: 6px;
331 | 	max-width: 98%;
332 | }
333 | 
334 | img.alignleft,
335 | img.alignright,
336 | img.aligncenter {
337 | 	margin-bottom: 1.625em;
338 | }
339 | 
340 | .wp-caption {
341 | 	background: transparent;
342 | 	border: 1px solid #ccc;
343 | 	margin-bottom: 1.5em;
344 | 	max-width: 96%;
345 | }
346 | 
347 | .wp-caption img {
348 | 	display: block;
349 | 	margin: 5px auto 0 !important;
350 | 	max-width: 98%;
351 | 	border-color: #eee;
352 | }
353 | 
354 | .wp-caption .wp-caption-text,
355 | .wp-caption-dd {
356 | 	font-family: Georgia, serif !important;
357 | 	font-size: 80%;
358 | 	margin: 0.8075em 0;
359 | 	position: relative;
360 | 	text-align: center;
361 | }
362 | 
363 | .wp-caption .wp-caption-text:before {
364 | 	color: #666;
365 | 	content: '\2014';
366 | 	font-size: 14px;
367 | 	font-style: normal;
368 | 	font-weight: bold;
369 | 	margin-right: 5px;
370 | 	position: absolute;
371 | 	left: 10px;
372 | 	top: 7px;
373 | }
374 | 
375 | a:focus img[class*="wp-image-"],
376 | a:hover img[class*="wp-image-"],
377 | a:active img[class*="wp-image-"] {
378 | 	background: #eee;
379 | 	border-color: #bbb;
380 | }
381 | 
382 | .wp-caption a:focus img,
383 | .wp-caption a:active img,
384 | .wp-caption a:hover img {
385 | 	background: #fff;
386 | 	border-color: #ddd;
387 | }
388 | 
389 | input#wp-fullscreen-title {
390 | 	font-size: 2.5em !important;
391 | 	font-family: Georgia !important;
392 | }
393 | 
394 | #titleWrap input#title {
395 | 	font-family: Georgia !important;
396 | }
397 | 
398 | h2.subtitle {
399 | 	font-style: italic;
400 | 	font-weight: normal;
401 | 	font-family: Georgia, "Times New Roman", Times, serif;
402 | 	font-size: 1.3em;
403 | 	line-height: 1.2em;
404 | 	margin-bottom: 1em;
405 | 	letter-spacing: 0px;
406 | }
407 | 
408 | /* Footnotes */
409 | 
410 | .footnotes p {
411 | 	margin-bottom: 0 !important;
412 | }
413 | 
414 | .footnotes {
415 | 	font-size: 80%;
416 | }
417 | 


--------------------------------------------------------------------------------
/sass/default/_comments.scss:
--------------------------------------------------------------------------------
  1 | .bypostauthor > .comment-body .fn:before {
  2 | 	content: "\f408";
  3 | 	vertical-align: text-top;
  4 | }
  5 | 
  6 | #comments {
  7 | 	margin-bottom: 100px;
  8 | }
  9 | 
 10 | .comments-title {
 11 | 	text-align: center;
 12 | 	color: rgb(213, 213, 213);
 13 | 	text-transform: uppercase;
 14 | 	font-size: 18px;
 15 | 	font-weight: normal;
 16 | 	letter-spacing: 1px;
 17 | }
 18 | 
 19 | .comment-content.unapproved {
 20 | 	color: #b3b3b1;
 21 | }
 22 | 
 23 | .site-main .commentlist article {
 24 | 	padding-bottom: 1em;
 25 | 	padding-top: 1em;
 26 | 	border-bottom: none;
 27 | 	margin-bottom: 1em;
 28 | }
 29 | 
 30 | .commentlist #respond {
 31 | 	border-left: 1px solid #F0F0F0;
 32 | 	padding-left: 20px;
 33 | }
 34 | 
 35 | #comments-template div.navigation {
 36 | 	height: 50px;
 37 | }
 38 | 
 39 | #comment-nav-below {
 40 | 	margin-bottom: 50px;
 41 | }
 42 | 
 43 | ol.commentlist {
 44 | 	margin-left: 0px;
 45 | 	font-size: 90%;
 46 | }
 47 | 
 48 | ol.commentlist,
 49 | ol.commentlist ul.children {
 50 | 	list-style: none;
 51 | }
 52 | 
 53 | ol.commentlist {
 54 | 	margin-bottom: 100px;
 55 | }
 56 | 
 57 | ul.children {
 58 | 	margin-left: 15px;
 59 | }
 60 | 
 61 | .commentlist .thread-even, .commentlist .thread-odd {
 62 | 	padding-left: 20px;
 63 | 	margin-bottom: 30px;
 64 | 	margin-top: 3.5em;
 65 | 	border-left: 1px solid #F0F0F0;
 66 | 	border-top: 1px solid #F0F0F0;
 67 | }
 68 | 
 69 | .commentlist .children .odd,
 70 | .commentlist .children .even {
 71 | 	border-left: none;
 72 | }
 73 | 
 74 | .commentlist ul.children {
 75 | 	margin-left: 0;
 76 | 	padding-left: 20px;
 77 | }
 78 | 
 79 | .commentlist .thread-even ul.children,
 80 | .commentlist .thread-odd ul.children {
 81 | 	border-left: 1px solid #F0F0F0;
 82 | 	border-top: 1px solid #F0F0F0;
 83 | }
 84 | 
 85 | ol.commentlist .avatar {
 86 | 	float: left;
 87 | 	margin-right: 15px;
 88 | 	margin-left: 0px;
 89 | 	width: 48px;
 90 | 	height: 48px;
 91 | 	border-radius: 50%;
 92 | 	margin-top: 5px;
 93 | }
 94 | 
 95 | .avatar {
 96 | 	border-radius: 50%;
 97 | 	-moz-border-radius: 50%;
 98 | 	-webkit-border-radius: 50%;
 99 | }
100 | 
101 | .comment-meta,
102 | .comment-meta a {
103 | 	color: #b3b3b1;
104 | 	text-decoration: none;
105 | 	font-size: 12px;
106 | }
107 | 
108 | .comment-meta {
109 | 	margin-top: -12px;
110 | 	margin-bottom: 15px;
111 | 	margin-left: 0px;
112 | }
113 | 
114 | .comment .reply {
115 | 	display: block;
116 | }
117 | 
118 | .comment .reply a {
119 | 	margin-top: -10px;
120 | 	font-size: 90%;
121 | }
122 | 
123 | .comment-body:hover .reply {
124 | }
125 | 
126 | .comment .reply a:hover {
127 | }
128 | 
129 | .comment-body {
130 | 	margin-bottom: 40px;
131 | 	margin-left: 0px;
132 | }
133 | 
134 | .comment-author {
135 | 	font-weight: bold;
136 | 	font-size: 16px;
137 | 	line-height: 48px;
138 | }
139 | 
140 | .comment-author cite {
141 | 	font-style: normal;
142 | }
143 | 
144 | .comment-author .fn a {
145 | 	text-decoration: none;
146 | 	color: inherit;
147 | }
148 | 
149 | .comment-author .says,
150 | .pingback .says,
151 | .pingback .comment-meta,
152 | .pingback .reply {
153 | 	display: none;
154 | }
155 | 
156 | #share-comment-button button,
157 | #share-comment-button-bottom button {
158 | 	padding-left: 15px;
159 | 	padding-right: 15px;
160 | 	height: 3.4em;
161 | 	line-height: 50px;
162 | }
163 | 
164 | #pinglist {
165 | 	font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
166 | 	font-weight: 700;
167 | 	text-transform: uppercase;
168 | 	font-size: 12px;
169 | 	border-top: 1px solid #eee;
170 | 	padding-top: 20px;
171 | 	margin-top: 80px;
172 | 
173 | }
174 | 
175 | ul.pinglist {
176 | 	margin-left: 0;
177 | }
178 | 
179 | .pinglist li {
180 | 	display: inline;
181 | 	margin-right: 5px;
182 | }
183 | 
184 | .pinglist li::after {
185 | 	content: '\b7';
186 | 	margin-left: 5px;
187 | }
188 | 
189 | .pinglist-title {
190 | 	color: #929292;
191 | }
192 | 
193 | .pinglist li.pinglist-title::after {
194 | 	content: '';
195 | }
196 | 
197 | .pinglist a {
198 | 	text-decoration: none;
199 | }
200 | 
201 | .pinglist a:hover {
202 | 	text-decoration: underline;
203 | }
204 | 
205 | .mentions-list {
206 | 	font-size: 80%;
207 | 	margin-top: 80px;
208 | }
209 | 
210 | .mentions-list li {
211 | 	list-style: none;
212 | }
213 | 
214 | .mentions-list h3 {
215 | 	color: #b3b3b1;
216 | 	text-transform: uppercase;
217 | 	font-weight: 100;
218 | 	font-size: 13px;
219 | 	letter-spacing: 1px;
220 | 	border-top: 1px solid #eee;
221 | 	padding-top: 10px;
222 | 	display: inline-block;
223 | 	font-family: sans-serif;
224 | }
225 | 
226 | .taglist {
227 | 	font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
228 | 	font-weight: 700;
229 | 	text-transform: uppercase;
230 | 	font-size: 12px;
231 | }
232 | 
233 | ul.taglist {
234 | 	margin-left: 0;
235 | 	margin-top: 30px;
236 | }
237 | 
238 | .taglist li {
239 | 	display: inline-block;
240 | 	margin-right: 20px;
241 | }
242 | 
243 | .taglist-title {
244 | 	color: #929292;
245 | }
246 | 
247 | .taglist a {
248 | 	text-decoration: none;
249 | }
250 | 
251 | .taglist a:hover {
252 | 	text-decoration: underline;
253 | }
254 | 
255 | .trackback span, .pingback span {
256 | 	font-weight: normal;
257 | }
258 | 
259 | .trackback cite, .pingback cite {
260 | 	font-style: normal;
261 | }
262 | 
263 | .pingback {
264 | 	position: relative;
265 | }
266 | 
267 | .form-allowed-tags {
268 | 	display: none;
269 | }
270 | 
271 | /* Styles to Enhance Comment Form */
272 | 
273 | .comment-form-author label,
274 | .comment-form-email label,
275 | .comment-form-url label,
276 | .comment-form-comment label,
277 | .comment-form-subscriptions label,
278 | .comment-form-reply-title {
279 | 	margin-right: 5px;
280 | 	font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
281 | 	color: #b3b3b1;
282 | 	display: block;
283 | 	font-size: 16px;
284 | 	font-weight: 100;
285 | }
286 | 
287 | .comment-form-reply-title {
288 | 	display: none;
289 | }
290 | 
291 | .comment-form-reply-title p {
292 | 	margin-bottom: 0;
293 | }
294 | 
295 | .comment-form-author,
296 | .comment-form-email,
297 | .comment-form-url,
298 | .comment-form-subscriptions {
299 | 	float: left;
300 | 	width: 50%;
301 | 	min-width: 200px;
302 | }
303 | 
304 | .comment-form-author input,
305 | .comment-form-email input,
306 | .comment-form-url input,
307 | .comment-form-subscriptions input {
308 | 	width: 80%;
309 | }
310 | 
311 | .comment-form-comment {
312 | 	padding-right: 20px;
313 | }
314 | 
315 | .comment-form .logged-in-as {
316 | 	font-size: 80%;
317 | }
318 | 
319 | .comment-respond {
320 | 	background: #F1F1F1;
321 | 	border-radius: 10px;
322 | 	padding-left: 30px;
323 | 	padding-top: 5px;
324 | 	padding-right: 30px;
325 | 	padding-bottom: 5px;
326 | }
327 | 
328 | #commentform-top,
329 | #commentform-bottom {
330 | 	display: none;
331 | }
332 | 
333 | .commentlist .comment-respond {
334 | 	background: #F1F1F1;
335 | 	border-radius: 10px;
336 | 	padding-top: 10px;
337 | 	padding-right: 10px;
338 | 	margin-bottom: 20px;
339 | }
340 | 
341 | #commentform input[type="submit"] {
342 | 	width: 98%;
343 | }
344 | 
345 | #commentform #main-reply-title h3 {
346 | 	letter-spacing: 0px;
347 | }
348 | 
349 | #cancel-comment-reply-link {
350 | 	font-family: Georgia, "Times New Roman", Times, serif;
351 | 	font-weight: normal;
352 | 	font-size: 80%;
353 | 	letter-spacing: 0px;
354 | 	float: right;
355 | 	margin-right: 10px;
356 | 	margin-top: -20px;
357 | }
358 | 
359 | #commentform textarea {
360 | 	padding: 10px;
361 | 	margin: 0px;
362 | 	width: 98%;
363 | }
364 | 
365 | .form-submit {
366 | 	clear: both;
367 | 	margin-bottom: 0;
368 | 	padding-bottom: 1.5em;
369 | 	padding-top: 0.5em;
370 | }
371 | 
372 | .share-comment-icon::before {
373 | 	display: inline-block;
374 | 	padding-right: 8px;
375 | 	margin-top: -2px;
376 | 	font-style: normal;
377 | 	font-family: 'Genericons-Neue';
378 | 	font-size: 20px;
379 | 	vertical-align: top;
380 | 	-webkit-font-smoothing: antialiased;
381 | 	content: '\f300';
382 | 	color: white;
383 | }
384 | 
385 | .comments-title-icon::before {
386 | 	display: inline-block;
387 | 	margin-top: -2px;
388 | 	font-style: normal;
389 | 	font-family: 'Genericons-Neue';
390 | 	font-size: 20px;
391 | 	vertical-align: top;
392 | 	-webkit-font-smoothing: antialiased;
393 | 	content: '\f108';
394 | }
395 | 
396 | .entry-meta #share-comment-button {
397 | 	text-align: left;
398 | }
399 | 
400 | #respond {
401 | 	text-align: left;
402 | }
403 | 
404 | #share-comment-button,
405 | #share-comment-button-bottom {
406 | 	display: none;
407 | }
408 | 


--------------------------------------------------------------------------------
/sass/default/_queries.scss:
--------------------------------------------------------------------------------
  1 | /* Hide left-side author card under 1200px */
  2 | @media only screen and (max-width: 1200px) {
  3 | 	.site,
  4 | 	.single-column-layout .site {
  5 | 		margin-top: 40px;
  6 | 	}
  7 | 
  8 | 	.infinite-scroll #secondary {
  9 | 		display: none;
 10 | 	}
 11 | 
 12 | 	.infinite-scroll .site-content {
 13 | 		padding-bottom: 60px;
 14 | 	}
 15 | 
 16 | 	.full-width-featured-image.single .wp-post-image,
 17 | 	.full-width-featured-image.page .wp-post-image,
 18 | 	.full-width-featured-image.blog .wp-post-image,
 19 | 	.full-width-featured-image.archive .wp-post-image {
 20 | 		margin-bottom: 0;
 21 | 	}
 22 | 
 23 | 	.site-description {
 24 | 		font-size: 15px;
 25 | 	}
 26 | 
 27 | 	.site-published-date {
 28 | 		font-size: 14px;
 29 | 		line-height: 1;
 30 | 	}
 31 | 
 32 | 	.single .site-header-info {
 33 | 		display: none;
 34 | 	}
 35 | 
 36 | 	.site-header {
 37 | 		text-align: center;
 38 | 		margin-left: 0;
 39 | 		display: block;
 40 | 		width: 100%;
 41 | 		position: relative;
 42 | 		margin-bottom: 0;
 43 | 	}
 44 | 
 45 | 	.blog article.show-full-content-first-post {
 46 | 		padding-top: 40px;
 47 | 	}
 48 | 
 49 | 	.post-author-bottom {
 50 | 		display: block;
 51 | 	}
 52 | 
 53 | 	.entry-meta {
 54 | 		border-bottom: none;
 55 | 	}
 56 | 
 57 | 	.entry-title-meta-author {
 58 | 		display: inline-block;
 59 | 	}
 60 | 
 61 | 	.entry-title-meta-post-date {
 62 | 		display: inline;
 63 | 	}
 64 | 
 65 | 	.entry-title-meta-author .author-avatar {
 66 | 		display: inline;
 67 | 	}
 68 | 
 69 | 	.single-format-quote .entry-title-meta-post-date,
 70 | 	.single-format-aside .entry-title-meta-post-date {
 71 | 		display: none;
 72 | 	}
 73 | 
 74 | 	.widget-area {
 75 | 		float: right;
 76 | 		width: 100%;
 77 | 		margin-left: 0;
 78 | 		text-align: inherit;
 79 | 		padding-top: 40px;
 80 | 	}
 81 | 
 82 | 	.widget-area ul li a {
 83 | 		display: inline-block;
 84 | 	}
 85 | 
 86 | 	#nav-below {
 87 | 		margin-top: 40px;
 88 | 		padding-bottom: 40px;
 89 | 	}
 90 | 
 91 | 	.single .entry-meta {
 92 | 		border-top: none;
 93 | 	}
 94 | 
 95 | 	.page article {
 96 | 		padding: 0 0 40px 0;
 97 | 	}
 98 | 
 99 | 	.main-navigation {
100 | 		clear: none;
101 | 	}
102 | 
103 | 	#masthead .site-navigation {
104 | 		border-bottom: 1px solid #eee;
105 | 		margin-top: 0;
106 | 		padding-bottom: 20px;
107 | 		margin-bottom: 20px;
108 | 	}
109 | 
110 | 	#nav-below .site-navigation {
111 | 		margin-top: 40px;
112 | 	}
113 | 
114 | 	.main-navigation li {
115 | 		display: inline-block;
116 | 		padding: 5px 10px;
117 | 		width: auto;
118 | 	}
119 | 
120 | 	#masthead .site-title,
121 | 	#masthead .site-description {
122 | 		clear: none;
123 | 		margin-left: 0;
124 | 		margin-top: 0;
125 | 	}
126 | 
127 | 	#masthead .site-title {
128 | 		font-size: 32px;
129 | 		font-style: normal;
130 | 		padding-top: 0;
131 | 		padding-left: 0;
132 | 	}
133 | 
134 | 	#masthead .site-description,
135 | 	.single-column-layout #masthead .site-description {
136 | 		padding-left: 0;
137 | 		padding-top: 10px;
138 | 		margin-bottom: 20px;
139 | 	}
140 | 
141 | 	#masthead .main-navigation ul {
142 | 		margin-left: -10px;
143 | 	}
144 | 
145 | 	.archive .page-title,
146 | 	.archive .archive-title {
147 | 		margin-top: 20px;
148 | 	}
149 | }
150 | 
151 | @media only screen and (max-width: 500px) {
152 | 	.site,
153 | 	.single-column-layout .site {
154 | 		margin-top: 20px;
155 | 	}
156 | 
157 | 	.site-header,
158 | 	.single-column-layout .site-header {
159 | 		text-align: left;
160 | 	}
161 | 
162 | 	.site-main article.sticky {
163 | 		padding-right: 20px;
164 | 		padding-left: 20px;
165 | 		padding-top: 10px;
166 | 		margin-left: -10px;
167 | 	}
168 | 
169 | 	#masthead .site-title,
170 | 	.single-column-layout #masthead .site-title {
171 | 		padding-top: 0;
172 | 		font-size: 24px;
173 | 	}
174 | 
175 | 	#masthead .custom-logo-link {
176 | 		float: right;
177 | 		margin-right: 0;
178 | 	}
179 | 
180 | 	#masthead .custom-logo-link img,
181 | 	.single-column-layout #masthead .custom-logo-link img {
182 | 		max-width: 70px;
183 | 		margin-right: 0;
184 | 	}
185 | 
186 | 	#masthead .site-title,
187 | 	#masthead .site-description,
188 | 	.single-column-layout #masthead .site-title,
189 | 	.single-column-layout #masthead .site-description {
190 | 		margin-left: 0;
191 | 	}
192 | 
193 | 	#masthead .site-description,
194 | 	.single-column-layout #masthead .site-description {
195 | 		margin-bottom: 10px;
196 | 	}
197 | 
198 | 
199 | 	#masthead .site-navigation {
200 | 		margin-left: -10px;
201 | 		padding-bottom: 20px;
202 | 	}
203 | 
204 | 	.single-column-layout .site-navigation {
205 | 		margin-bottom: 0;
206 | 	}
207 | 
208 | 	#masthead .main-navigation ul,
209 | 	.single-column-layout #masthead .main-navigation ul {
210 | 		margin-left: inherit;
211 | 	}
212 | 
213 | 	#masthead .main-navigation li {
214 | 		padding-top: 0;
215 | 		padding-bottom: 0;
216 | 	}
217 | 
218 | 	.site-navigation button,
219 | 	.paging-navigation button {
220 | 		padding-left: 10px;
221 | 		padding-right: 10px;
222 | 	}
223 | 
224 | 	.single .wp-post-image,
225 | 	.page .wp-post-image,
226 | 	.blog .wp-post-image,
227 | 	.archive .wp-post-image {
228 | 		margin-bottom: 10px;
229 | 	}
230 | 
231 | 	#page {
232 | 		padding-left: 20px;
233 | 		padding-right: 20px;
234 | 	}
235 | 
236 | 	article > section,
237 | 	.entry-summary,
238 | 	#comments {
239 | 		font-size: 18px;
240 | 		line-height: 1.4;
241 | 		width: 100%;
242 | 	}
243 | 
244 | 	.entry-title {
245 | 		-webkit-hyphens: none;
246 | 		-moz-hyphens: none;
247 | 		hyphens: none;
248 | 		word-wrap: break-word;
249 | 	}
250 | 
251 | 	h1.entry-title {
252 | 		font-size: 1.9em;
253 | 	}
254 | 
255 | 	article > section h1,
256 | 	.entry-summary h1 {
257 | 		font-size: 1.7em;
258 | 	}
259 | 
260 | 	article > section h2,
261 | 	.entry-summary h2 {
262 | 		font-size: 1.6em;
263 | 	}
264 | 
265 | 	article > section h3,
266 | 	.entry-summary h3 {
267 | 		font-size: 1.5em;
268 | 	}
269 | 
270 | 	article > section h4,
271 | 	.entry-summary h4 {
272 | 		font-size: 1.4em;
273 | 	}
274 | 
275 | 	article > section h5,
276 | 	.entry-summary h5 {
277 | 		font-size: 1.3em;
278 | 	}
279 | 
280 | 	article > section h6,
281 | 	.entry-summary h6 {
282 | 		font-size: 1.2em;
283 | 	}
284 | 
285 | 	article > section ol,
286 | 	.entry-summary ol,
287 | 	ul {
288 | 		margin-left: 2em;
289 | 	}
290 | 
291 | 	.author .author-avatar img {
292 | 		margin-top: 0;
293 | 		max-width: 70px;
294 | 		max-height: 70px;
295 | 	}
296 | 
297 | 	.post-author-card .site-title {
298 | 		padding-top: 0;
299 | 		padding-left: 0;
300 | 	}
301 | 
302 | 	.post-author-card .site-description {
303 | 		padding-left: 0;
304 | 	}
305 | 
306 | 	.format-aside article > section,
307 | 	.format-quote article > section {
308 | 		font-size: 0.9em;
309 | 		margin-bottom: 0;
310 | 	}
311 | 
312 | 	.format-aside blockquote,
313 | 	.format-quote blockquote {
314 | 		margin-left: 0;
315 | 	}
316 | 
317 | 	.single .entry-meta {
318 | 		text-align: center;
319 | 		padding-bottom: 0;
320 | 		padding-top: 0;
321 | 	}
322 | 
323 | 	.post-author-bottom {
324 | 		text-align: center;
325 | 	}
326 | 
327 | 	.post-author-bottom .site-title {
328 | 		font-size: 24px;
329 | 		line-height: 2.2;
330 | 	}
331 | 
332 | 	.post-author-bottom .custom-logo-link, .post-author-bottom .custom-logo-link img {
333 | 		float: none;
334 | 		max-width: 100px;
335 | 	}
336 | 
337 | 	.post-author-bottom .post-author-info {
338 | 		margin-left: 0;
339 | 		margin-right: 0;
340 | 		padding-right: 0;
341 | 	}
342 | 
343 | 	.post-author-bottom .post-published-date {
344 | 		margin-left: 0;
345 | 		position: inherit;
346 | 		margin-top: 0;
347 | 		top: inherit;
348 | 		width: 100%;
349 | 	}
350 | 
351 | 	article > header {
352 | 		word-wrap: normal;
353 | 		hyphens: none;
354 | 		-webkit-hyphens: none;
355 | 		-moz-hyphens: none;
356 | 	}
357 | 
358 | 	.commentlist ul.children {
359 | 		margin-left: 0;
360 | 		padding-left: 10px;
361 | 	}
362 | 
363 | 	.commentlist .thread-even,
364 | 	.commentlist .thread-odd {
365 | 		padding-left: 10px;
366 | 	}
367 | 
368 | 	article > section .subtitle,
369 | 	.entry-summary .subtitle {
370 | 		font-size: 1.2em;
371 | 	}
372 | 
373 | 	.comment-form-author,
374 | 	.comment-form-email,
375 | 	.comment-form-url,
376 | 	.comment-form-subscriptions {
377 | 		width: 100%;
378 | 	}
379 | 
380 | 	.entry-meta #share-comment-button {
381 | 		text-align: center;
382 | 		padding-top: 20px;
383 | 		padding-bottom: 20px;
384 | 	}
385 | 
386 | 	.full-width-featured-image #page {
387 | 		margin-top: 0;
388 | 	}
389 | 
390 | 	.post-cover-overlay-post-title #page {
391 | 		margin-top: 20px;
392 | 	}
393 | 
394 | 	.archive .page-title,
395 | 	.archive .archive-title,
396 | 	.page h1.entry-title {
397 | 		font-size: 2.2em;
398 | 	}
399 | 
400 | 	.archive.author .archive-title {
401 | 		max-width: 100%;
402 | 	}
403 | 
404 | 	.page h1.entry-title {
405 | 		margin-top: 0;
406 | 	}
407 | 
408 | 	.entry-title-meta {
409 | 		letter-spacing: 0;
410 | 	}
411 | 
412 | 	.page article {
413 | 		padding-top: 20px;
414 | 	}
415 | 
416 | 	.format-standard .entry-title {
417 | 		width: 100%;
418 | 	}
419 | 
420 | 	.post-excerpts h1.entry-title, .enhanced-excerpts h1.entry-title {
421 | 		font-size: 1.5em;
422 | 	}
423 | }
424 | 


--------------------------------------------------------------------------------
/sass/ip2/_queries.scss:
--------------------------------------------------------------------------------
  1 | /*--------------------------------------------------------------
  2 | ## - >= 518px
  3 | --------------------------------------------------------------*/
  4 | 
  5 | @media screen and (min-width: 32.375em) {
  6 | 	h1 {
  7 | 		font-size: 47px;
  8 | 	}
  9 | 
 10 | 	h2 {
 11 | 		font-size: 32px;
 12 | 	}
 13 | 
 14 | 	h3 {
 15 | 		font-size: 24px;
 16 | 	}
 17 | 
 18 | 	h4 {
 19 | 		font-size: 19px;
 20 | 	}
 21 | 
 22 | 	h5 {
 23 | 		font-size: 15px;
 24 | 	}
 25 | 
 26 | 	h6 {
 27 | 		font-size: 14px;
 28 | 	}
 29 | 
 30 | 	h5,
 31 | 	h6 {
 32 | 		line-height: 1.3;
 33 | 	}
 34 | 
 35 | 	.entry-content,
 36 | 	.entry-summary {
 37 | 		font-size: 19px;
 38 | 	}
 39 | 
 40 | 	.entry-title {
 41 | 		font-size: 47px;
 42 | 	}
 43 | 
 44 | 	.page-header:not(.page-header-light) h1 {
 45 | 		font-size: 47px;
 46 | 		line-height: 1;
 47 | 	}
 48 | 
 49 | 	.has-header-image #hero-header .inner {
 50 | 		padding-top: 0;
 51 | 	}
 52 | 
 53 | 	.menu-toggle {
 54 | 		display: none;
 55 | 	}
 56 | 
 57 | 	.main-navigation {
 58 | 		text-align: center;
 59 | 	}
 60 | 
 61 | 	.has-header-image .main-navigation {
 62 | 		margin-top: .875em;
 63 | 	}
 64 | 
 65 | 	.main-navigation ul {
 66 | 		display: block;
 67 | 	}
 68 | 	.main-navigation a {
 69 | 		display: block;
 70 | 	}
 71 | 	.main-navigation li {
 72 | 		padding: 0;
 73 | 		width: auto;
 74 | 		border: 0;
 75 | 		margin: .209875em .4375em;
 76 | 	}
 77 | 	.main-navigation ul a,
 78 | 	.main-navigation ul ul a,
 79 | 	.main-navigation ul ul ul a,
 80 | 	.main-navigation ul ul ul ul a,
 81 | 	.main-navigation ul ul ul ul ul a,
 82 | 	.main-navigation ul ul ul ul ul ul a {
 83 | 		padding: .4835em .209375em;
 84 | 	}
 85 | 
 86 | 	.main-navigation ul ul {
 87 | 		background: #0087be;
 88 | 		position: absolute;
 89 | 		z-index: 99999;
 90 | 		top: 2em;
 91 | 		left: -999em;
 92 | 		margin-left: -.4em;
 93 | 		float: left;
 94 | 		text-align: left;
 95 | 	}
 96 | 	.main-navigation ul ul ul {
 97 | 		top: -.209875em;
 98 | 		left: -999em;
 99 | 		margin: 0;
100 | 	}
101 | 	.main-navigation ul ul li:hover > ul,
102 | 	.main-navigation ul ul li.focus > ul {
103 | 		left: 100%;
104 | 	}
105 | 	.main-navigation ul ul a {
106 | 		color: white;
107 | 		width: 200px;
108 | 		-webkit-transition: opacity 140ms ease-in-out;
109 | 				transition: opacity 140ms ease-in-out;
110 | 		-webkit-font-smoothing: antialiased;
111 | 	}
112 | 	.main-navigation ul li:hover > ul,
113 | 	.main-navigation ul li.focus > ul {
114 | 		left: auto;
115 | 	}
116 | 
117 | 	.main-navigation ul ul li:hover > a,
118 | 	.main-navigation ul ul li.focus > a,
119 | 	.main-navigation > div > ul > li.current-menu-item > a,
120 | 	.main-navigation > div > ul > li.current_page_item > a,
121 | 	.main-navigation > div > ul ul li.current-menu-item > a,
122 | 	.main-navigation > div > ul ul li.current_page_item > a {
123 | 		opacity: 0.7;
124 | 	}
125 | 
126 | 	.main-navigation li.menu-item-has-children > a:after,
127 | 	.main-navigation li.page_item_has_children > a:after {
128 | 		position: relative;
129 | 		display: inline-block;
130 | 		margin-left: 6px;
131 | 		content: "\203A";
132 | 		-webkit-transform: rotate(90deg);
133 | 		transform: rotate(90deg);
134 | 		font-family: inherit;
135 | 		font-size: 20px;
136 | 		font-weight: bold;
137 | 		font-style: normal;
138 | 		font-variant: normal;
139 | 		line-height: 20px;
140 | 		text-align: center;
141 | 		vertical-align: baseline;
142 | 		text-decoration: inherit;
143 | 		text-transform: none;
144 | 		-webkit-font-smoothing: antialiased;
145 | 		speak: none;
146 | 	}
147 | 	.main-navigation ul ul li.menu-item-has-children > a:after,
148 | 	.main-navigation ul ul li.page_item_has_children > a:after {
149 | 		-webkit-transform: rotate(0deg);
150 | 		transform: rotate(0deg);
151 | 	}
152 | 
153 | 	.post-navigation .nav-links .nav-previous {
154 | 		clear: none;
155 | 		margin: 0 0 0 -.21875em;
156 | 		width: auto;
157 | 	}
158 | 
159 | 	blockquote.aligncenter {
160 | 		padding: .875em 3.5em;
161 | 	}
162 | 	blockquote.alignright,
163 | 	blockquote.alignleft {
164 | 		max-width: 34%;
165 | 	}
166 | 	blockquote.alignleft {
167 | 		margin-right: 1.75em;
168 | 	}
169 | 	blockquote.alignright {
170 | 		margin-left: 1.75em;
171 | 	}
172 | }
173 | 
174 | /*--------------------------------------------------------------
175 | ## - >= 783px
176 | --------------------------------------------------------------*/
177 | 
178 | @media screen and (min-width: 48.9375em) {
179 | 
180 | 	.custom-logo {
181 | 		max-width: 750px;
182 | 	}
183 | 	.comment-form input[type="text"],
184 | 	.comment-form input[type="password"],
185 | 	.comment-form input[type="email"],
186 | 	.comment-form input[type="search"],
187 | 	.comment-form input[type="url"] {
188 | 		width: 70%;
189 | 	}
190 | 	.has-header-image #hero-header {
191 | 		padding: 10vh 3.5em;
192 | 	}
193 | 	.comments-area li.comment {
194 | 		padding: 1.75em 0 0 1.75em;
195 | 	}
196 | 	.comments-area li.comment .comment-respond {
197 | 		margin-left: 0;
198 | 	}
199 | 	.comments-area li.comment .comment {
200 | 		margin-left: 0;
201 | 	}
202 | 	.comments-area li.comment .comment-body {
203 | 		padding: 0;
204 | 	}
205 | 	.bypostauthor {
206 | 		box-shadow: 2px 2px 3px rgba(87, 173, 104, .13) inset;
207 | 	}
208 | 	.entry-author {
209 | 		min-height: 100px;
210 | 	}
211 | 	.entry-author .author-bio,
212 | 	.entry-author .author-heading {
213 | 		max-width: 70%;
214 | 	}
215 | 	.entry-author .author-title {
216 | 		font-size: 24px;
217 | 		line-height: 1.55;
218 | 		margin-top: -.21875em;
219 | 	}
220 | 	.entry-author .author-avatar,
221 | 	.entry-author .author-avatar img {
222 | 		float: left;
223 | 		margin: 0;
224 | 	}
225 | 	.entry-author .author-bio,
226 | 	.entry-author .author-heading {
227 | 		margin-left: 100px;
228 | 	}
229 | 	.site-posted-on {
230 | 		position: absolute;
231 | 		top: 0;
232 | 		right: 0;
233 | 		left: auto;
234 | 		display: block;
235 | 		margin-top: 1.75em;
236 | 		margin-left: 0;
237 | 		text-align: right;
238 | 	}
239 | 
240 | 	.footer-widgets .widget-area {
241 | 		float: left;
242 | 	}
243 | 	.footer-widgets .widget-area:nth-child(1):nth-last-child(2),
244 | 	.footer-widgets .widget-area:nth-child(2):nth-last-child(1) {
245 | 		width: 48%;
246 | 		margin-right: 4%;
247 | 	}
248 | 	.footer-widgets .widget-area:nth-child(1):nth-last-child(2):last-of-type,
249 | 	.footer-widgets .widget-area:nth-child(2):nth-last-child(1):last-of-type {
250 | 		margin-right: 0;
251 | 	}
252 | 	.footer-widgets .widget-area:nth-child(1):nth-last-child(3),
253 | 	.footer-widgets .widget-area:nth-child(2):nth-last-child(2),
254 | 	.footer-widgets .widget-area:nth-child(3):nth-last-child(1) {
255 | 		width: 30%;
256 | 		margin-right: 5%;
257 | 	}
258 | 	.footer-widgets .widget-area:nth-child(1):nth-last-child(3):last-of-type,
259 | 	.footer-widgets .widget-area:nth-child(2):nth-last-child(2):last-of-type,
260 | 	.footer-widgets .widget-area:nth-child(3):nth-last-child(1):last-of-type {
261 | 		margin-right: 0;
262 | 	}
263 | }
264 | 
265 | /*--------------------------------------------------------------
266 | ## - >= 992px
267 | --------------------------------------------------------------*/
268 | 
269 | @media screen and (min-width: 62em) {
270 | 	.has-header-image #hero-header {
271 | 		padding: 16.6vh 3.5em;
272 | 	}
273 | 	.has-header-image #hero-header .inner {
274 | 		max-width: 1080px;
275 | 	}
276 | 	#infinite-footer .container {
277 | 		max-width: 740px;
278 | 	}
279 | 	.has-sidebar #infinite-footer .container {
280 | 		max-width: 1080px;
281 | 	}
282 | 	.content-wrapper {
283 | 		box-sizing: border-box;
284 | 		max-width: 1080px;
285 | 		margin: 2.625em auto 0;
286 | 		padding: 0 1.75em;
287 | 	}
288 | 	body:not(.has-header-image) .site-header {
289 | 		margin-bottom: 0;
290 | 	}
291 | 	.content-area {
292 | 		max-width: 740px;
293 | 		margin: 0 auto;
294 | 	}
295 | 	.has-sidebar .content-area {
296 | 		float: left;
297 | 		width: 100%;
298 | 		max-width: 100%;
299 | 		margin: 0 -26% 0 0;
300 | 	}
301 | 	.has-sidebar .site-main {
302 | 		margin: 0 26% 0 0;
303 | 		max-width: 740px;
304 | 	}
305 | 	.has-sidebar .site-content .widget-area {
306 | 		float: right;
307 | 		width: 22%;
308 | 	}
309 | 
310 | 	body:not(.has-header-image) .site-main > article:first-child {
311 | 		padding-top: 1.75em;
312 | 	}
313 | }
314 | 
315 | /*--------------------------------------------------------------
316 | ## - >= 1100px
317 | --------------------------------------------------------------*/
318 | 
319 | @media screen and (min-width: 68.75em) {
320 | 	/* Large tiled galleries */
321 | 	body:not(.has-sidebar) .tiled-gallery-wrapper,
322 | 	body:not(.has-sidebar) .jetpack-video-wrapper,
323 | 	body:not(.has-sidebar) img.size-big,
324 | 	body:not(.has-sidebar) .wp-caption.size-big img {
325 | 		float: none;
326 | 		margin-left: -180px;
327 | 		max-width: 1100px;
328 | 		width: 1100px !important;
329 | 	}
330 | 
331 | 	body:not(.has-sidebar) .jetpack-slideshow img.size-big {
332 | 		margin-left: auto;
333 | 		max-width: 100%;
334 | 		width: auto !important;
335 | 	}
336 | }
337 | 
338 | /*--------------------------------------------------------------
339 | ## - >= 1330px
340 | --------------------------------------------------------------*/
341 | 
342 | @media screen and (min-width: 86.25em) {
343 | 	.content-wrapper {
344 | 		max-width: 1380px;
345 | 	}
346 | 
347 | 	.has-header-image #hero-header .inner {
348 | 		max-width: 1380px;
349 | 	}
350 | }
351 | 


--------------------------------------------------------------------------------
/sass/ip2/_comments.scss:
--------------------------------------------------------------------------------
  1 | .comments-area {
  2 | 	padding-top: 2.675em;
  3 | 	font-family: Georgia, "Times New Roman", serif;
  4 | }
  5 | 
  6 | .comments-title,
  7 | .comment-reply-title {
  8 | 	display: inline-block;
  9 | 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
 10 | 	font-size: 32px;
 11 | 	font-weight: 700;
 12 | }
 13 | 
 14 | .comment-reply-title {
 15 | 	margin: 0 0 .875em;
 16 | }
 17 | 
 18 | .comment-reply-title small {
 19 | 	visibility: hidden;
 20 | 	vertical-align: middle;
 21 | }
 22 | 
 23 | .comment .comment-reply-title small {
 24 | 	visibility: visible;
 25 | }
 26 | 
 27 | body:not(.highlander-enabled) .comment-reply-title small:before {
 28 | 	margin: 0 .875em;
 29 | 	content: "|";
 30 | 	font-size: 15px;
 31 | 	opacity: .35;
 32 | 
 33 | 	-webkit-font-smoothing: antialiased;
 34 | 	-moz-osx-font-smoothing: grayscale;
 35 | }
 36 | 
 37 | .comments-title {
 38 | 	margin: 0 0 1.75em;
 39 | }
 40 | 
 41 | .form-allowed-tags,
 42 | span.says {
 43 | 	display: none;
 44 | }
 45 | 
 46 | .comment-list {
 47 | 	margin: 0;
 48 | 	padding: 0;
 49 | 	list-style: none;
 50 | }
 51 | 
 52 | .comment-list > li {
 53 | 	margin: 0;
 54 | 	padding: 0;
 55 | 	list-style: none;
 56 | 	list-style-position: inside;
 57 | }
 58 | 
 59 | .comment-list > li > a:hover {
 60 | 	text-decoration: none;
 61 | }
 62 | 
 63 | .comment-list ol.children {
 64 | 	margin: 0;
 65 | 	padding: 0 0 0 1.75em;
 66 | 	list-style: none;
 67 | }
 68 | 
 69 | .comment-list ol.children > li {
 70 | 	margin: 0;
 71 | 	padding: 1.75em 1.75em 0;
 72 | 	list-style: none;
 73 | 	list-style-position: inside;
 74 | }
 75 | 
 76 | .comment-list ol.children > li > a:hover {
 77 | 	text-decoration: none;
 78 | }
 79 | 
 80 | .comment-list li.comment,
 81 | .comment-list ol.children li.comment {
 82 | 	margin-top: 1.75em;
 83 | 	margin-left: -1px;
 84 | }
 85 | 
 86 | .comment-list li.pingback,
 87 | .comment-list li.trackback {
 88 | 	margin-top: 1.75em;
 89 | }
 90 | 
 91 | .comment-list > li:first-child {
 92 | 	margin: 0;
 93 | }
 94 | 
 95 | .pingback,
 96 | .trackback {
 97 | 	font-size: 17px;
 98 | 	border-left: solid 1px #e8e8e8;
 99 | }
100 | 
101 | .comment-list .pingback,
102 | .comment-list .trackback {
103 | 	padding-left: .875em;
104 | }
105 | 
106 | .pingback:before,
107 | .trackback:before {
108 | 	position: relative;
109 | 	top: 2px;
110 | 	float: left;
111 | 	font-size: 24px;
112 | 	line-height: 1;
113 | 	color: #0087be;
114 | 
115 | 	-webkit-font-smoothing: antialiased;
116 | 	-moz-osx-font-smoothing: grayscale;
117 | }
118 | 
119 | .pingback a:first-child,
120 | .trackback a:first-child {
121 | 	margin: 0 0 0 .21875em;
122 | }
123 | 
124 | .pingback span.edit-link,
125 | .trackback span.edit-link {
126 | 	margin-left: .21875em;
127 | 	font-size: 14px;
128 | 	color: #4c4c4c;
129 | }
130 | 
131 | .pingback span.edit-link:before,
132 | .trackback span.edit-link:before {
133 | 	margin: 0 .109375em 0 0;
134 | 	content: "|";
135 | 	opacity: .5;
136 | 	color: inherit;
137 | 
138 | 	-webkit-font-smoothing: antialiased;
139 | 	-moz-osx-font-smoothing: grayscale;
140 | }
141 | .pingback span.edit-link .comment-edit-link,
142 | .trackback span.edit-link .comment-edit-link {
143 | 	color: inherit;
144 | 
145 | 	-webkit-font-smoothing: antialiased;
146 | 	-moz-osx-font-smoothing: grayscale;
147 | }
148 | 
149 | .pingback span.edit-link .comment-edit-link:hover,
150 | .trackback span.edit-link .comment-edit-link:hover {
151 | 	text-decoration: none;
152 | 	color: #000;
153 | }
154 | 
155 | .comment {
156 | 	position: relative;
157 | 	margin-top: 3.5em;
158 | 	font-size: 17px;
159 | 	border: solid #e8e8e8;
160 | 	border-width: 1px 0 0 1px;
161 | }
162 | 
163 | .comment .reply {
164 | 	margin: .875em 0 0;
165 | }
166 | 
167 | .comment .comment-body {
168 | 	padding: 1.75em 0 0 1.75em;
169 | }
170 | 
171 | .comment .comment-reply-link {
172 | 	font-size: 15px;
173 | 	text-decoration: none;
174 | }
175 | 
176 | .comment .comment-reply-link:before {
177 | 	margin-right: .25em;
178 | 	content: "\f412";
179 | 	font-family: "Genericons-Neue";
180 | 	font-size: 16px;
181 | 
182 | 	-webkit-font-smoothing: antialiased;
183 | 	-moz-osx-font-smoothing: grayscale;
184 | }
185 | 
186 | .comment .comment-reply-link:hover {
187 | 	color: #70b97f;
188 | }
189 | 
190 | .comment .comment-content {
191 | 	margin-top: 1.75em;
192 | }
193 | 
194 | .comment .comment-meta {
195 | 	position: relative;
196 | 	min-height: 48px;
197 | 	padding-left: 63px;
198 | 	font-size: 14px;
199 | 	color: #b3b3b1;
200 | }
201 | 
202 | .comment .comment-meta .comment-metadata a {
203 | 	text-decoration: none;
204 | 	color: inherit;
205 | }
206 | 
207 | .comment .comment-meta .comment-metadata a:hover {
208 | 	color: #0087be;
209 | }
210 | 
211 | .comment .comment-meta span.edit-link:before {
212 | 	margin: 0 .4375em;
213 | 	content: "|";
214 | 	opacity: .5;
215 | }
216 | 
217 | .comment .comment-meta .comment-author .avatar {
218 | 	position: absolute;
219 | 	top: 0;
220 | 	left: 0;
221 | 	display: block;
222 | 	line-height: 1;
223 | 	border-radius: 100%;
224 | }
225 | 
226 | .comment .comment-meta .comment-author .fn {
227 | 	font-size: 17px;
228 | 	color: #000;
229 | }
230 | 
231 | .comment .comment-meta .comment-author .fn a {
232 | 	font: inherit;
233 | 	color: inherit;
234 | }
235 | 
236 | .comment-awaiting-moderation {
237 | 	margin: 1.2em 0 -5px -63px;
238 | 	font-size: 17px;
239 | 	font-style: italic;
240 | }
241 | 
242 | .comment-awaiting-moderation:before,
243 | .comment-awaiting-moderation:after {
244 | 	content: "\2014";
245 | 
246 | 	-webkit-font-smoothing: antialiased;
247 | 	-moz-osx-font-smoothing: grayscale;
248 | }
249 | 
250 | .comment-awaiting-moderation:before {
251 | 	margin-right: .4375em;
252 | }
253 | 
254 | .comment-awaiting-moderation:after {
255 | 	margin-left: .4375em;
256 | }
257 | 
258 | .bypostauthor {
259 | 	border-color: #92bd9a;
260 | 	box-shadow: 2px 2px 3px #e7f3e9 inset;
261 | }
262 | 
263 | .comment-respond {
264 | 	margin-top: 1.75em;
265 | }
266 | 
267 | .comment > .comment-respond {
268 | 	margin-top: 1.75em;
269 | 	margin-left: 1.75em;
270 | }
271 | 
272 | body:not(.highlander-enabled) .comment-respond {
273 | 	border-radius: 10px;
274 | }
275 | 
276 | body.highlander-enabled .comment-respond {
277 | 	padding-top: 3.5em;
278 | }
279 | 
280 | body.highlander-enabled .comment-respond .comment-reply-title {
281 | 	margin-top: 0;
282 | }
283 | 
284 | body.highlander-enabled .comment .comment-respond,
285 | body.highlander-enabled .comments-area > .comment-respond:first-child {
286 | 	padding-top: 0;
287 | }
288 | 
289 | .comment-form input[type="text"],
290 | .comment-form input[type="password"],
291 | .comment-form input[type="email"],
292 | .comment-form input[type="search"],
293 | .comment-form input[type="url"] {
294 | 	width: 100%;
295 | 	padding: .21875em .4375em;
296 | }
297 | 
298 | .comment-form input[type="text"],
299 | .comment-form input[type="password"],
300 | .comment-form input[type="email"],
301 | .comment-form input[type="search"],
302 | .comment-form input[type="url"],
303 | .comment-form textarea {
304 | 	font-size: 18px;
305 | 	border-color: #ccc;
306 | 	box-shadow: 0 1px 5px rgba(0, 0, 0, .06);
307 | }
308 | 
309 | .comment-form input[type="text"]:focus,
310 | .comment-form input[type="password"]:focus,
311 | .comment-form input[type="email"]:focus,
312 | .comment-form input[type="search"]:focus,
313 | .comment-form input[type="url"]:focus,
314 | .comment-form textarea:focus,
315 | .comment-form input[type="text"]:active,
316 | .comment-form input[type="password"]:active,
317 | .comment-form input[type="email"]:active,
318 | .comment-form input[type="search"]:active,
319 | .comment-form input[type="url"]:active,
320 | .comment-form textarea:active {
321 | 	border-color: #0087be;
322 | 	box-shadow: 0 1px 5px rgba(0, 0, 0, .07), 0 0 3px rgba(87, 173, 104, .15) inset;
323 | }
324 | 
325 | .comment-form textarea#comment {
326 | 	display: block;
327 | 	width: 100%;
328 | 	resize: vertical;
329 | }
330 | 
331 | .comment-form label {
332 | 	display: block;
333 | 	margin-bottom: .21875em;
334 | 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
335 | 	font-size: 17px;
336 | 	color: #b3b3b1;
337 | }
338 | 
339 | .comment-form span.required {
340 | 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
341 | 	font-size: 20px;
342 | 	line-height: 0;
343 | 	vertical-align: middle;
344 | 	color: #0087be;
345 | 
346 | 	-webkit-font-smoothing: antialiased;
347 | 	-moz-osx-font-smoothing: grayscale;
348 | }
349 | 
350 | .comment-form .comment-form-comment {
351 | 	margin: 0;
352 | }
353 | 
354 | .comment-form .form-submit {
355 | 	margin: 1.75em 0 0;
356 | }
357 | 
358 | .comment-form .logged-in-as {
359 | 	margin: 0;
360 | 	font-size: 17px;
361 | }
362 | 
363 | .comment-form .logged-in-as + .comment-form-comment {
364 | 	margin-top: .875em;
365 | }
366 | 
367 | .comment-form .comment-notes {
368 | 	margin: 0;
369 | 	font-size: 17px;
370 | }
371 | 
372 | #cancel-comment-reply-link {
373 | 	-webkit-transition: color 160ms ease-in-out;
374 | 			transition: color 160ms ease-in-out;
375 | 	font-size: 15px;
376 | 	font-weight: normal;
377 | 	text-indent: 0;
378 | 	color: #a1a1a1;
379 | }
380 | 
381 | #cancel-comment-reply-link:hover {
382 | 	text-decoration: none;
383 | 	color: #666;
384 | }
385 | 
386 | p.no-comments {
387 | 	margin-top: 3.5em;
388 | }
389 | 


--------------------------------------------------------------------------------
/functions.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | /**
  3 |  * Indieweb Publisher functions and definitions
  4 |  *
  5 |  * @package Indieweb Publisher
  6 |  * @since   Indieweb Publisher 1.0
  7 |  */
  8 | 
  9 | /**
 10 |  * Set the content width based on the theme's design and stylesheet.
 11 |  *
 12 |  * @since Indieweb Publisher 1.0
 13 |  */
 14 | if ( ! isset( $content_width ) ) {
 15 | 	$content_width = 700;
 16 | } /* pixels */
 17 | 
 18 | if ( ! function_exists( 'indieweb_publisher_setup' ) ) :
 19 | 	/**
 20 | 	 * Sets up theme defaults and registers support for various WordPress features.
 21 | 	 *
 22 | 	 * Note that this function is hooked into the after_setup_theme hook, which runs
 23 | 	 * before the init hook. The init hook is too late for some features, such as indicating
 24 | 	 * support post thumbnails.
 25 | 	 *
 26 | 	 * @since Indieweb Publisher 1.0
 27 | 	 */
 28 | 	function indieweb_publisher_setup() {
 29 | 
 30 | 		/**
 31 | 		 * Custom template tags for this theme.
 32 | 		 */
 33 | 		include get_template_directory() . '/inc/template-tags.php';
 34 | 
 35 | 		/**
 36 | 		 * Customizer additions.
 37 | 		 */
 38 | 		include get_template_directory() . '/inc/customizer.php';
 39 | 
 40 | 		/**
 41 | 		 * Template Functions
 42 | 		 */
 43 | 		include get_template_directory() . '/inc/template-functions.php';
 44 | 
 45 | 		/**
 46 | 		 * MF2 Compatibility Functions
 47 | 		 */
 48 | 		include get_template_directory() . '/inc/mf2.php';
 49 | 
 50 | 		/**
 51 | 		 * Make theme available for translation
 52 | 		 * Translations can be filed in the /languages/ directory
 53 | 		 */
 54 | 		load_theme_textdomain( 'indieweb-publisher', get_template_directory() . '/languages' );
 55 | 
 56 | 		/**
 57 | 		 * Add default posts and comments RSS feed links to head
 58 | 		 */
 59 | 		add_theme_support( 'automatic-feed-links' );
 60 | 
 61 | 		/**
 62 | 		 * Add title tag support
 63 | 		 */
 64 | 		add_theme_support( 'title-tag' );
 65 | 
 66 | 		/**
 67 | 		 * Enable Custom Backgrounds
 68 | 		 */
 69 | 		add_theme_support(
 70 | 			'custom-background',
 71 | 			apply_filters(
 72 | 				'indieweb_publisher_custom_background_args',
 73 | 				array(
 74 | 					'default-color' => 'ffffff',
 75 | 					'default-image' => '',
 76 | 				)
 77 | 			)
 78 | 		);
 79 | 
 80 | 		// Enable support for HTML5 markup.
 81 | 		add_theme_support(
 82 | 			'html5',
 83 | 			array(
 84 | 				'comment-list',
 85 | 				'search-form',
 86 | 				'comment-form',
 87 | 				'gallery',
 88 | 			)
 89 | 		);
 90 | 
 91 | 		/**
 92 | 		 * Enable Post Thumbnails
 93 | 		 */
 94 | 		add_theme_support( 'post-thumbnails' );
 95 | 
 96 | 		/**
 97 | 		 * Enable Navigation Widgets
 98 | 		 */
 99 | 		add_theme_support( 'navigation-widgets' );
100 | 
101 | 		/**
102 | 		 * Enable Responsive Embeds
103 | 		 */
104 | 		add_theme_support( 'responsive-embeds' );
105 | 
106 | 		/*
107 | 		* Add custom thumbnail size for use with featured images
108 | 		*/
109 | 
110 | 		add_image_size( 'indieweb_publisher_post_thumbnail', 700, 700 );
111 | 
112 | 		/**
113 | 		 * Enable editor style
114 | 		 */
115 | 		add_editor_style();
116 | 
117 | 		/**
118 | 		 * Set max width of full screen visual editor to match content width
119 | 		 */
120 | 		set_user_setting( 'dfw_width', 700 );
121 | 
122 | 		/**
123 | 		 * Set default value for Show Post Word Count theme option
124 | 		 */
125 | 		add_option( 'indieweb_publisher_general_options', array( 'show_post_word_count' => true ) );
126 | 
127 | 		/**
128 | 		 * Set default value for Show Author Card theme option
129 | 		 */
130 | 		add_option( 'indieweb_publisher_general_options', array( 'show_author_card' => true ) );
131 | 
132 | 		/**
133 | 		 * Set default value for Show Post Thumbnails theme option
134 | 		 */
135 | 		add_option( 'indieweb_publisher_excerpt_options', array( 'show_post_thumbnails' => false ) );
136 | 
137 | 		/**
138 | 		 * This theme uses wp_nav_menu() in two locations.
139 | 		 */
140 | 		register_nav_menus(
141 | 			array(
142 | 				'primary' => __( 'Primary Menu', 'indieweb-publisher' ),
143 | 				'single'  => __( 'Single Posts Menu', 'indieweb-publisher' ),
144 | 			)
145 | 		);
146 | 
147 | 		/**
148 | 		 * Add support for Post Formats if Post Kinds are not loaded
149 | 		 */
150 | 		if ( ! class_exists( 'Kind_Taxonomy' ) ) {
151 | 			add_theme_support(
152 | 				'post-formats',
153 | 				array(
154 | 					'aside',
155 | 					'link',
156 | 					'gallery',
157 | 					'status',
158 | 					'quote',
159 | 					'chat',
160 | 					'image',
161 | 					'video',
162 | 					'audio',
163 | 				)
164 | 			);
165 | 		}
166 | 	}
167 | endif; // indieweb_publisher_setup
168 | add_action( 'after_setup_theme', 'indieweb_publisher_setup' );
169 | 
170 | /**
171 |  * Include additional plugin support routines
172 |  */
173 | require get_template_directory() . '/inc/plugin-support.php';
174 | 
175 | /**
176 |  * Load Jetpack compatibility file.
177 |  */
178 | require get_template_directory() . '/inc/jetpack.php';
179 | 
180 | /**
181 |  * Register widgetized areas and update sidebar with default widgets
182 |  *
183 |  * @since Indieweb Publisher 1.0
184 |  */
185 | function indieweb_publisher_widgets_init() {
186 | 	register_sidebar(
187 | 		array(
188 | 			'name'          => __( 'Sidebar', 'indieweb-publisher' ),
189 | 			'id'            => 'sidebar-1',
190 | 			'before_widget' => '<aside id="%1$s" class="widget %2$s">',
191 | 			'after_widget'  => '</aside>',
192 | 			'before_title'  => '<h1 class="widget-title">',
193 | 			'after_title'   => '</h1>',
194 | 		)
195 | 	);
196 | 
197 | 	register_sidebar(
198 | 		array(
199 | 			'name'          => __( 'Footer', 'indieweb-publisher' ),
200 | 			'id'            => 'sidebar-2',
201 | 			'before_widget' => '<aside id="%1$s" class="widget %2$s">',
202 | 			'after_widget'  => '</aside>',
203 | 			'before_title'  => '<h1 class="widget-title">',
204 | 			'after_title'   => '</h1>',
205 | 		)
206 | 	);
207 | 
208 | 	register_sidebar(
209 | 		array(
210 | 			'name'          => __( 'Archive Page', 'indieweb-publisher' ),
211 | 			'id'            => 'archive-page',
212 | 			'before_widget' => '<div class="widget">',
213 | 			'after_widget'  => '</div>',
214 | 			'before_title'  => '<h2 class="widget-title">',
215 | 			'after_title'   => '</h2>',
216 | 		)
217 | 	);
218 | }
219 | 
220 | add_action( 'widgets_init', 'indieweb_publisher_widgets_init' );
221 | 
222 | /**
223 |  * Enqueue scripts and styles
224 |  */
225 | function indieweb_publisher_scripts() {
226 | 	 global $post;
227 | 
228 | 	wp_enqueue_style( 'genericons-neue', get_template_directory_uri() . '/fonts/genericons-neue/Genericons-Neue.min.css', array(), '4.0.5' );
229 | 
230 | 	wp_enqueue_script( 'indieweb-publisher-skip-link-focus-fix', get_template_directory_uri() . '/js/skip-link-focus-fix.js', array(), '20130115', true );
231 | 
232 | 	if ( indieweb_publisher_option( 'show_page_load_progress_bar' ) ) {
233 | 		wp_enqueue_style( 'nprogress', get_template_directory_uri() . '/css/nprogress.css', array(), '0.1.3' );
234 | 		wp_enqueue_script( 'nprogress', get_template_directory_uri() . '/js/nprogress.js', array(), '0.1.3' );
235 | 	}
236 | 
237 | 	if ( is_singular() && comments_open() && get_option( 'thread_comments' ) && ! indieweb_publisher_hide_comments() ) {
238 | 		wp_enqueue_script( 'comment-reply' );
239 | 	}
240 | 
241 | 	if ( is_singular() && wp_attachment_is_image( $post->ID ) ) {
242 | 		wp_enqueue_script( 'keyboard-image-navigation', get_template_directory_uri() . '/js/keyboard-image-navigation.js', array( 'jquery' ), '20120202' );
243 | 	}
244 | 
245 | 	if ( is_singular() ) {
246 | 		wp_enqueue_script( 'fade-post-title', get_template_directory_uri() . '/js/fade-post-title.js', array( 'jquery' ) );
247 | 	}
248 | 
249 | 	/**
250 | 	 * Load Jetpack Infinite Scroll Dark Overlay Bug Fix
251 | 	 */
252 | 	indieweb_publisher_jetpack_dark_overlay_fix_css();
253 | 
254 | 	/*
255 | 	* Load WP-PageNavi CSS enhancements, if applicable.
256 | 	*/
257 | 	indieweb_publisher_wp_pagenavi_css();
258 | }
259 | 
260 | add_action( 'wp_enqueue_scripts', 'indieweb_publisher_scripts' );
261 | 
262 | if ( ! function_exists( 'indieweb_publisher_progress_bar_markup' ) ) :
263 | 	/**
264 | 	 * Insert Page Load Progress Bar markup
265 | 	 */
266 | 	function indieweb_publisher_progress_bar_markup() {
267 | 		if ( indieweb_publisher_option( 'show_page_load_progress_bar' ) ) {
268 | 			indieweb_publisher_show_page_load_progress_bar();
269 | 		}
270 | 	}
271 | endif;
272 | add_action( 'wp_footer', 'indieweb_publisher_progress_bar_markup' );
273 | 
274 | if ( ! function_exists( 'indieweb_publisher_remove_locale_stylesheet' ) ) :
275 | 	/**
276 | 	 * Remove locale_stylesheet() hook to prevent WordPress from
277 | 	 * automatically loading rtl.css. We need to load this manually
278 | 	 * so that we can load it before loading CSS from Customizer.
279 | 	 *
280 | 	 * @see https://github.com/raamdev/indieweb-publisher/issues/230
281 | 	 */
282 | 	function indieweb_publisher_remove_locale_stylesheet() {
283 | 		remove_action( 'wp_head', 'locale_stylesheet' );
284 | 	}
285 | endif;
286 | 
287 | if ( ! function_exists( 'indieweb_publisher_stylesheet_rtl' ) ) :
288 | 	/**
289 | 	 * Enqueue RTL stylesheet
290 | 	 */
291 | 	function indieweb_publisher_stylesheet_rtl() {
292 | 		wp_enqueue_style( 'indieweb-publisher-style', get_template_directory_uri() . '/css/rtl-style.css' );
293 | 	}
294 | endif;
295 | 
296 | if ( ! function_exists( 'indieweb_publisher_stylesheet' ) ) :
297 | 	/**
298 | 	 * Enqueue main stylesheet
299 | 	 */
300 | 	function indieweb_publisher_stylesheet() {
301 | 		wp_enqueue_style( 'indieweb-publisher-style', get_template_directory_uri() . '/css/default.min.css' );
302 | 	}
303 | endif;
304 | 
305 | /*
306 |  * Loads the PHP file that generates the Customizer CSS for the front-end
307 |  */
308 | function indieweb_publisher_customizer_css() {
309 | 	include get_template_directory() . '/css/customizer.css.php';
310 | 	wp_die();
311 | }
312 | 
313 | /*
314 |  * Enqueue the AJAX call to the dynamic Customizer CSS
315 |  * See http://codex.wordpress.org/AJAX_in_Plugins
316 |  */
317 | function indieweb_publisher_customizer_stylesheet() {
318 | 	wp_enqueue_style( 'customizer', admin_url( 'admin-ajax.php' ) . '?action=indieweb_publisher_customizer_css', array(), '1.7' );
319 | 
320 | }
321 | 
322 | add_action( 'wp_ajax_indieweb_publisher_customizer_css', 'indieweb_publisher_customizer_css' );
323 | add_action( 'wp_ajax_nopriv_indieweb_publisher_customizer_css', 'indieweb_publisher_customizer_css' );
324 | 
325 | /*
326 |  * IMPORTANT: Customizer CSS *must* be called _after_ the main stylesheet,
327 |  * to ensure that customizer-modified styles override the defaults.
328 |  */
329 | if ( is_rtl() ) {
330 | 	add_action( 'init', 'indieweb_publisher_remove_locale_stylesheet' );
331 | 	add_action( 'wp_enqueue_scripts', 'indieweb_publisher_stylesheet_rtl' );
332 | } else {
333 | 	add_action( 'wp_enqueue_scripts', 'indieweb_publisher_stylesheet' );
334 | }
335 | 
336 | add_action( 'wp_enqueue_scripts', 'indieweb_publisher_customizer_stylesheet' );
337 | 
338 | if ( ! function_exists( 'indieweb_publisher_wp_fullscreen_title_editor_style' ) ) :
339 | 	/**
340 | 	 * Enqueue the stylesheet for styling the full-screen visual editor post title
341 | 	 * so that it closely matches the front-end theme design. Hat tip to Helen:
342 | 	 * https://core.trac.wordpress.org/ticket/25783#comment:3
343 | 	 */
344 | 	function indieweb_publisher_wp_fullscreen_title_editor_style() {
345 | 		if ( 'post' === get_current_screen()->base ) {
346 | 			wp_enqueue_style( 'indieweb-publisher-wp-fullscreen-title', get_template_directory_uri() . '/css/wp-fullscreen-title.css', array(), '1.0' );
347 | 		}
348 | 	}
349 | endif;
350 | 
351 | add_action( 'admin_enqueue_scripts', 'indieweb_publisher_wp_fullscreen_title_editor_style' );
352 | 
353 | if ( ! function_exists( 'indieweb_publisher_get_footer_credits' ) ) :
354 | 	/**
355 | 	 * Returns the theme's footer credits
356 | 	 *
357 | 	 * @return string
358 | 	 *
359 | 	 * @since Indieweb Publisher 1.0
360 | 	 */
361 | 	function indieweb_publisher_get_footer_credits() {
362 | 		return sprintf(
363 | 			'%1$s',
364 | 			sprintf( __( '%1$s empowered by %2$s', 'indieweb-publisher' ), '<a href="' . esc_url( 'http://independentpublisher.me' ) . '" rel="designer" title="Indieweb Publisher: A beautiful reader-focused WordPress theme, for you.">Indieweb Publisher</a>', '<a href="http://wordpress.org/" rel="generator" title="WordPress: A free open-source publishing platform">WordPress</a>' )
365 | 		);
366 | 	}
367 | endif;
368 | 
369 | /**
370 |  * Implement the Custom Logo feature
371 |  */
372 | require get_template_directory() . '/inc/custom-logo.php';
373 | 
374 | 
375 | 


--------------------------------------------------------------------------------