Update icon

Add imagemin
Add web manifest
This commit is contained in:
2018-12-17 21:48:07 +00:00
parent bf84a13f6f
commit 16c9257b79
30 changed files with 1464 additions and 46 deletions

View File

@@ -22,7 +22,7 @@ class Windycoys_Walker_Comment extends Walker_Comment {
$output .= '<div class="comment__foot">';
$output .= '<a class="comment__reply" data-comment-author="'.$author.'" data-comment-id="'.$id.'" href="'.$reply_link.'">';
$output .= '<span class="comment__reply-icon">';
$output .= '<svg class="icon icon--extra-small"><use href="#icon-reply"></use></svg></span>';
$output .= '<svg class="icon icon--extra-small"><use xlink:href="#icon-reply"></use></svg></span>';
$output .= '<span class="comment__reply-text">Reply</span></a>';
$output .= '<div class="comment__inline-reply"></div>';
$output .= '</div></div></li>';

View File

@@ -4,6 +4,7 @@ $deploy_timestamp = windycoys_get_deploy_timestamp();
if ($deploy_timestamp) {
$css_url .= '?t=' . $deploy_timestamp;
}
$manifest = get_template_directory_uri() . '/manifest.json';
?>
<!doctype html>
<html <?php language_attributes(); ?>>
@@ -11,9 +12,10 @@ if ($deploy_timestamp) {
<meta charset="<?php bloginfo('charset'); ?>">
<title><?php wp_title(''); ?><?php if(wp_title('', false)) { echo ' &laquo; '; } ?> <?php bloginfo('name'); ?></title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="theme-color" content="#4b88b6">
<meta name="theme-color" content="#201f42">
<meta name="description" content="<?php bloginfo('description'); ?>">
<?php wp_head(); ?>
<link rel="manifest" href="<?php echo $manifest ?>">
<link rel="stylesheet" href="<?php echo $css_url ?>">
<link href="//fonts.googleapis.com/css?family=Open+Sans|Raleway:700" rel="stylesheet">
</head>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 187 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 444 B

47
theme/manifest.json Normal file
View File

@@ -0,0 +1,47 @@
{
"name": "WindyCOYS",
"description": "Spurs Blog, often focussing on goal analysis & under 18/loan players",
"lang": "en-GB",
"start_url": ".",
"display": "standalone",
"background_color": "#fff",
"theme_color": "#201f42",
"icons": [
{
"src": "images/icon_48.png",
"sizes": "48x48",
"type": "image/png"
},
{
"src": "images/icon_72.png",
"sizes": "72x72",
"type": "image/png"
},
{
"src": "images/icon_96.png",
"sizes": "96x96",
"type": "image/png"
},
{
"src": "images/icon_144.png",
"sizes": "144x144",
"type": "image/png"
},
{
"src": "images/icon_168.png",
"sizes": "168x168",
"type": "image/png"
},
{
"src": "images/icon_192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "images/icon_512.png",
"sizes": "512x512",
"type": "image/png"
}
]
}

View File

@@ -1,17 +1,17 @@
<div class="social">
<a class="social__link" href="https://www.facebook.com/WindyCOYS/" aria-label="WindyCOYS on Facebook">
<svg class="icon icon--facebook" aria-hidden="true">
<use href="#icon-facebook"></use>
<use xlink:href="#icon-facebook"></use>
</svg>
</a>
<a class="social__link" href="https://twitter.com/windycoys/" aria-label="WindyCOYS on Twitter">
<svg class="icon icon--twitter" aria-hidden="true">
<use href="#icon-twitter"></use>
<use xlink:href="#icon-twitter"></use>
</svg>
</a>
<a class="social__link" href="/feed" aria-label="WindyCOYS RSS Feed">
<svg class="icon icon--rss" aria-hidden="true">
<use href="#icon-rss"></use>
<use xlink:href="#icon-rss"></use>
</svg>
</a>
</div>

View File

@@ -4,7 +4,7 @@
</div>
<div class="footer__body">
<a href="https://www.newsnow.co.uk/h/Sport/Football/Premier+League/Tottenham+Hotspur" title="Click here for more Tottenham Hotspur news from NewsNow">
<img src="<?php echo get_template_directory_uri() ?>/img/newsnow_sw.gif" alt="As featured on NewsNow: Tottenham Hotspur news">
<img src="<?php echo get_template_directory_uri() ?>/images/newsnow_sw.gif" alt="As featured on NewsNow: Tottenham Hotspur news">
</a>
</div>
</footer>

View File

@@ -1,6 +1,6 @@
<div class="logo">
<a class="logo__link" href="<?php echo home_url(); ?>">
<img src="<?php echo get_template_directory_uri(); ?>/img/logo.png" alt="Logo" class="logo__image">
<img src="<?php echo get_template_directory_uri(); ?>/images/icon.png" alt="WindyCOYS logo" class="logo__image">
</a>
</div>

View File

@@ -2,7 +2,7 @@
<div class="metadata__item metadata__item--light">
<span class="metadata__icon">
<svg class="icon" aria-hidden="true">
<use href="#icon-calendar"></use>
<use xlink:href="#icon-calendar"></use>
</svg>
</span>
<span class="metadata__text">
@@ -14,7 +14,7 @@
<a class="metadata__link" href="<?php echo get_edit_post_link() ?>">
<span class="metadata__icon">
<svg class="icon" aria-hidden="true">
<use href="#icon-edit"></use>
<use xlink:href="#icon-edit"></use>
</svg>
</span>
<span class="metadata__text">
@@ -27,7 +27,7 @@
<a class="metadata__link" href="<?php the_permalink() ?>#comments">
<span class="metadata__icon">
<svg class="icon" aria-hidden="true">
<use href="#icon-comments"></use>
<use xlink:href="#icon-comments"></use>
</svg>
</span>
<span class="metadata__text">
@@ -38,7 +38,7 @@
<div class="metadata__item">
<span class="metadata__icon">
<svg class="icon" aria-hidden="true">
<use href="#icon-hash"></use>
<use xlink:href="#icon-hash"></use>
</svg>
</span>
<span class="metadata__text">
@@ -48,12 +48,12 @@
<div class="metadata__item">
<a class="metadata__share-link" href="#" aria-label="Facebook">
<svg class="icon icon--facebook" aria-hidden="true">
<use href="#icon-facebook"></use>
<use xlink:href="#icon-facebook"></use>
</svg>
</a>
<a class="metadata__share-link" href="<?php windycoys_share_twitter_url() ?>" aria-label="Twitter">
<svg class="icon icon--twitter" aria-hidden="true">
<use href="#icon-twitter"></use>
<use xlink:href="#icon-twitter"></use>
</svg>
</a>
</div>

View File

@@ -20,12 +20,12 @@
<div class="nav__social">
<a class="nav__social-link" href="https://www.facebook.com/WindyCOYS/">
<svg class="icon icon--large">
<use href="#icon-facebook"></use>
<use xlink:href="#icon-facebook"></use>
</svg>
</a>
<a class="nav__social-link" href="https://twitter.com/windycoys/">
<svg class="icon icon--large">
<use href="#icon-twitter"></use>
<use xlink:href="#icon-twitter"></use>
</svg>
</a>
</div>

View File

@@ -46,7 +46,7 @@ function format_link($link) {
<div class="pagination__previous">
<a class="pagination__link" href="<?php echo get_previous_url($base_url, $current) ?>" aria-label="Previous page">
<svg class="icon icon--small">
<use href="#icon-chevron-left"></use>
<use xlink:href="#icon-chevron-left"></use>
</svg>
</a>
</div>
@@ -65,7 +65,7 @@ function format_link($link) {
<div class="pagination__next">
<a class="pagination__link" href="<?php echo get_next_url($base_url, $current) ?>" aria-label="Next page">
<svg class="icon icon--small">
<use href="#icon-chevron-right"></use>
<use xlink:href="#icon-chevron-right"></use>
</svg>
</a>
</div>

View File

@@ -8,7 +8,7 @@
<h1 class="title">
<span class="title__icon">
<svg class="icon icon--large" aria-hidden="true">
<use href="#icon-hash"></use>
<use xlink:href="#icon-hash"></use>
</svg>
</span>
<span class="title__text">