seo and accessibility checks

pull/1/head
Robert Austin 2020-08-27 15:41:54 +10:00
parent ad9b753dc2
commit c717c47a40
7 changed files with 25 additions and 5 deletions

View File

@ -13,6 +13,15 @@ logo:
footer:
copyright_text: 'Free Jekyll theme by <a class="zerostatic" href="https://www.zerostatic.io">www.zerostatic.io</a>'
seo:
meta_og_type: "website"
meta_og_url: "https://jekyll-serif-theme.netlify.app"
meta_og_image: "https://raw.githubusercontent.com/JugglerX/jekyll-serif-theme/master/images/tn.png"
meta_og_description: "Jekyll Serif is a modern business theme for Hugo. It contains content types for the archetypical business website. The theme is fully responsive, blazing fast and artfully illustrated."
meta_twitter_card: "summary"
meta_twitter_site: "@zerostaticio"
meta_twitter_creator: "@zerostaticio"
collections:
services:
output: true
@ -37,4 +46,3 @@ sass:
plugins:
- jekyll-environment-variables

View File

@ -8,7 +8,7 @@
{% assign footermenu = site.data.menus.footer | sort: 'weight' %}
{% for item in footermenu %}
<li class="{% if item.url == page.url %}active{% endif %}">
<a href="{{ item.url }}">{{ item.name }}</a>
<a href="{{ item.url | relative_url }}">{{ item.name }}</a>
</li>
{% endfor %}
</ul>

View File

@ -1,4 +1,4 @@
<button id="toggle-main-menu-mobile" class="hamburger hamburger--slider" type="button">
<button id="toggle-main-menu-mobile" class="hamburger hamburger--slider" type="button" aria-label="Mobile Menu">
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>

View File

@ -3,7 +3,7 @@
<ul>
{% for item in mainmenu %}
<li class="{% if item.url == page.url %}active{% endif %}">
<a href="{{ item.url }}">{{ item.name }}</a>
<a href="{{ item.url | relative_url }}">{{ item.name }}</a>
</li>
{% endfor %}
</ul>

View File

@ -7,6 +7,17 @@
<link rel="icon" type="image/png" href="{{ '/images/favicon-32x32.png' | relative_url }}">
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&display=swap" rel="stylesheet">
<link href="{{ '/assets/css/style.css' | relative_url }}" rel="stylesheet">
{% if page.description %}
<meta name="description" content="{{ page.description }}" />
{% endif %}
<meta property="og:title" content="{{ site.seo.meta_og_title }}" />
<meta property="og:type" content="{{ site.seo.meta_og_type }}" />
<meta property="og:url" content="{{ site.seo.meta_og_url }}" />
<meta property="og:image" content="{{ site.seo.meta_og_image }}" />
<meta property="og:description" content="{{ site.seo.meta_og_description }}" />
<meta name="twitter:card" content="{{ site.seo.meta_twitter_card }}" />
<meta name="twitter:site" content="{{ site.seo.meta_twitter_site }}" />
<meta name="twitter:creator" content="{{ site.seo.meta_twitter_creator }}" />
</head>
<body class='page {{page.bodyClass}}'>
{% include main-menu-mobile.html %}

View File

@ -3,7 +3,7 @@
---
// Colors
$primary: #ec605b;
$primary: #E5261F;
$secondary: #f88379;
$black: #2f2f41;
$white: #ffffff;

View File

@ -1,6 +1,7 @@
---
layout: home
title: Jekyll Serif Theme
description: Jekyll Serif contains content types for a typical business website. The theme is fully responsive, blazing fast and artfully illustrated.
intro_image: "images/pixeltrue-plan-1.svg"
intro_image_absolute: true
intro_image_hide_on_mobile: true