monero-site/_includes/head.html
erciccione 18bedd3568
Meta tags: Change opengraph logo and add possiblity to use custom image
The old logo showing on social medias is too large and end up being trimmed. Replaced it with the simple Monero Logo.
If an image is specified using 'image:' in the front matter of a blog post, jekyll will show that image instead. This also allow us to easily
make specific meta-images for each blog posts. I will add the possibility to add the image in the body of the post in a
subsequent PR.
2020-06-24 18:25:23 +02:00

52 lines
2.6 KiB
HTML

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>
{% if page.entry %}{% t page.entry %} | {% t global.wiki %} | {% t index.page_title %}
{% elsif tag %}{% t global.tags %}: {{ tag.name }} | {% t index.page_title %}
{% elsif page.title contains "titles." %}{% t page.title %} | {% t index.page_title %}
{% elsif page.title %} {{page.title}} | {% t index.page_title %}
{% else %}{% t index.page_title %}{% endif %}</title>
<meta name="description" content="
{% if page.layout == 'moneropedia' %}{% t global.wikimeta %}
{% elsif page.summary %}{{ page.summary }}
{% else %}{% t global.titlemeta %}
{% endif %}">
<meta name="keywords" content="{{ site.keywords }}">
<meta property="og:title" content="
{% t page.title %}{% if page.entry %}: {% t page.entry %}{% endif %}
{% if page.layout == 'user-guide' %}
{% if page.permalink contains 'developer' %}{% t titles.developerguides %}{% else %}{% t titles.userguides %}{% endif %}: {{ page.title }}
{% elsif page.permalink == 'index.html' %}{% t titles.themoneroproject %}
{% elsif page.layout == 'post' %}{% t titles.blogbytag %}: {{ page.title }}
{% endif %}" />
<meta property="og:description" content="
{% if page.layout == 'moneropedia' %}{% t global.wikimeta %}
{% elsif page.summary %}{{ page.summary }}
{% else %}{% t global.titlemeta %}
{% endif %}">
<!-- If the page specifies a dedicated image we use that one, otherwise we use the classic Monero logo -->
<meta property="og:image" content="{% if page.image %}https://getmonero.org{{ page.image }}{% else %}https://getmonero.org/press-kit/symbols/monero-symbol-on-white-480.png{% endif %}">
<meta property="og:site_name" content="{% t global.sitename %}">
<meta property="og:url" content="https://getmonero.org{{ page.url }}">
<meta property="og:type" content="website">
<link rel="apple-touch-icon" sizes="180x180" href="/meta/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/meta/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/meta/favicon-16x16.png">
<link rel="manifest" href="/meta/manifest.json">
<link rel="mask-icon" href="/meta/safari-pinned-tab.svg" color="#5bbad5">
<meta name="theme-color" content="#ffffff">
<link href="/css/custom.css" rel="stylesheet">
{% if site.lang == 'ar' %}
<link href="/css/rtl.css" rel="stylesheet">
{% endif %}
<meta name="msapplication-config" content="/ietemplates/ieconfig.xml">
</head>