Merge pull request #367 from jwcooper/metadata

Metadata - Includes initial twitter cards and open graph and some clean up
This commit is contained in:
Kattni 2020-01-14 16:57:47 -05:00 committed by GitHub
commit 21c45c6eb1
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 48 additions and 10 deletions

View file

@ -1,10 +1,13 @@
title: CircuitPython
email: justin@adafruit.com
description: >-
CircuitPython Organization
The easiest way to program microcontrollers
headline_image: "https://circuitpython.org/assets/images/CircuitPython_Hero.jpg"
timezone: America/New_York
twitter_username: adafruit
twitter_username: circuitpython
github_username: adafruit
baseurl: ""
url: "https://circuitpython.org"
paginate: 5
excerpt_separator: <!--more-->
permalink: pretty

View file

@ -1,15 +1,16 @@
<head>
{% include analytics.html %}
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="{{ "/assets/images/favicon.ico" | relative_url }}" type="image/x-icon" />
<meta name="msapplication-TileColor" content="#1a1919">
<meta name="msapplication-TileImage" content="https://cdn-shop.adafruit.com/static/mstile-144x144.png">
<title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
<meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
{% include metadata.html %}
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
<link rel="stylesheet" href="{{ "/assets/css/main.css" | relative_url }}">
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
<!-- CircuitPython RSS Feed -->
<link rel="alternate"
type="application/rss+xml"
title="CircuitPython news!"
href="https://blog.adafruit.com/category/circuitpython/feed/"/>
<script src="{{ "/assets/javascript/header_mobile.js" | relative_url }}"></script>
</head>

34
_includes/metadata.html Normal file
View file

@ -0,0 +1,34 @@
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="{{ "/assets/images/favicon.ico" | relative_url }}" type="image/x-icon" />
<meta name="msapplication-TileColor" content="#1a1919">
<meta name="msapplication-TileImage" content="https://cdn-shop.adafruit.com/static/mstile-144x144.png" />
<title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
<meta name="description" content="{% if page.excerpt %}{{ page.excerpt |
strip_html | strip_newlines | truncate: 160 }}{% else
%}{{ site.description }}{% endif %}" />
<!-- Twitter and Open Graph cards -->
<meta name="twitter:site" content="@{{ site.twitter_username }}" />
<meta property="og:url" content="{{ page.url | absolute_url }}" />
{% if page.title %}
<meta property="og:title" content="{{ site.title | append: ' - ' | append: page.title }}" />
{% else %}
<meta property="og:title" content="{{ site.title }}" />
{% endif %}
{% if page.excerpt %}
<meta property="og:description" content="{{ page.excerpt | strip_html | strip_newlines | truncate: 300 }}" />
{% else %}
<meta property="og:description" content="{{ site.description }}" />
{% endif %}
{% if page.board_image %}
<meta name="twitter:card" content="summary_large_image" />
<meta property="og:image" content="{{ "/assets/images/boards/large/" | append: page.board_image | absolute_url }}" />
{% else %}
<meta name="twitter:card" content="summary" />
<meta property="og:image" content="{{ site.headline_image }}" />
{% endif %}
<meta property="og:type" content="website" />