rf-web/_includes/common/head.html

77 lines
3.8 KiB
HTML

<!-- HEAD -->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="{{ page.excerpt | default: site.description | strip_html | normalize_whitespace | truncate: 160 | escape }}">
<meta name="author" content="{{ page.author }}">
<meta name="keywords" content="{{ page.keyword | strip_html | normalize_whitespace | escape }}">
<link rel="icon" type="image/png" sizes="32x32" href="{{ site.baseurl }}/assets/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="{{ site.baseurl }}/assets/favicons/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="{{ site.baseurl }}/assets/favicons/apple-touch-icon.png">
<link rel="manifest" href="{{ site.baseurl }}/assets/favicons/site.webmanifest">
<link rel="mask-icon" href="{{ site.baseurl }}/assets/favicons/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="theme-color" content="#ffffff">
<meta content="{{ site.title }}" property="og:site_name" />
<title>{% if page.title %}
{{ site.title | append: " - "| append: page.title }}
{% else %}
{{ site.title | escape }}
{% endif %}</title>
{% if page.title %}
<meta property="og:title" content="{{ page.title }}" />
<!-- <meta property="og:url" content="https://{{ site.baseurl }}{{ page.url }}" /> -->
<meta property="og:description" content="{{ page.excerpt | default: site.description | strip_html | normalize_whitespace | truncate: 160 | escape }}" />
<!-- Article specific OG data -->
<!-- The OG:Type dictates a number of other tags on posts. -->
<meta property="og:type" content="article" />
<meta property="article:published_time" content="{{page.date}}" />
<!-- page.modified isn't a natural Jekyll property, but it can be added. -->
{% if page.modified %}
<meta property="article:modified_time" content="{{page.modified}}" />
{% endif %}
<!-- Here my author and publisher tags are the same (yay self-publishing) -->
<meta property="article:author" content="{{ page.author }}" />
<!-- But if your site has its own page, this is where to put it. -->
<meta property="article:publisher" content="{{ page.author }}" />
<!-- Article section isn't a required property, but it can be good to have -->
<!-- <meta property="article:section" content="{{page.vertical}}" /> -->
<!-- I use the page.categories property for OG tags. -->
{% for tag in page.categories %}
<meta property="article:tag" content="{{tag}}" />
{% endfor %}
<!-- I prefer the summary_large_image Twitter card for posts. -->
<meta name="twitter:card" content="summary_large_image" />
<!-- You, you're the creator. -->
<meta name="twitter:creator" content="@xr-switzerland" />
<!-- This property is for the article title, not site title. -->
<meta name="twitter:title" content="{{page.title}}" />
{% else %}
<!-- OG data for homepage -->
<!-- <meta property="og:image" content="{{ site.baseurl }}/assets/img/logo-xr.png" /> -->
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="{{site.title}}" />
<!-- <meta name="twitter:image" content="{{site.baseurl}} {{ site.baseurl }}/assets/img/logo-xr.png" /> -->
{% endif %}
<!-- Theme CSS -->
<!-- <link href="assets/css/index.css?{{site.time | date: '%Y%m%d%H%M%S'}}" rel="stylesheet"> -->
<link href="{{ site.baseurl }}/assets/css/index.css" rel="stylesheet">
</head>