revuo-weekly/_includes/head.html

114 lines
3.5 KiB
HTML
Raw Normal View History

<head>
<!-- Meta -->
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
<meta name="generator" content="Jekyll">
<title>{%if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
<meta name="description" content="Revuo Monero is a weekly newsletter where you can find find the most recent Monero news.">
<meta name="keywords" content="monero, xmr, bitmonero, cryptocurrency">
2023-03-11 09:38:04 +01:00
<link rel="icon" type="image/png" sizes="32x32" href="/img/favicon-32x32_1.png">
<link rel="icon" type="image/png" sizes="16x16" href="/img/favicon-16x16_1.png">
2022-04-21 04:10:53 +02:00
<link rel="apple-touch-icon" sizes="180x180" href="/img/apple-touch-icon_1.png">
2023-03-11 09:38:04 +01:00
<meta name="application-name" content="{%if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}"/>
2022-04-01 20:14:08 +02:00
<meta name="msapplication-TileColor" content="#ffffff" />
<meta name="theme-color" content="#193e4c">
2023-03-11 09:38:04 +01:00
<meta name="apple-mobile-web-app-title" content="{%if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}">
2022-04-01 20:14:08 +02:00
<meta name="apple-mobile-web-app-status-bar-style" content="#193e4c">
2023-03-11 09:38:04 +01:00
{% if page.path contains '_posts' %}
<link rel="canonical" href="{{ page.issuenumber | replace:'index.html','' | prepend: "https://revuo-xmr.com/" }}" />
{%elsif page.periodical == "yes"%}
<link rel="canonical" href="{{ page.issuenumber | replace:'index.html','' | prepend: "https://revuo-xmr.com/periodicals/" }}" />
{%else%}
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: "https://revuo-xmr.com/" }}" />
{%endif%}
2022-02-02 22:24:29 +01:00
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="{%if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}">
2022-02-02 23:05:02 +01:00
<meta name="twitter:image" content="{% if page.path contains '_posts' %}https://revuo-xmr.com{{ page.image }}{% else %}https://revuo-xmr.com/img/revuo-monero.png{% endif %}">
2022-02-02 22:48:04 +01:00
<meta property="og:site_name" content="{{ site.title }}" />
2022-02-02 22:24:29 +01:00
<meta property="og:title" content="{%if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}" />
2022-02-02 23:05:02 +01:00
<meta property="og:image" content="{% if page.path contains '_posts' %}https://revuo-xmr.com{{ page.image }}{% else %}https://revuo-xmr.com/img/revuo-monero.png{% endif %}" />
2022-02-02 22:58:44 +01:00
<!-- CSS & fonts -->
<link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl | replace: '//', '/' }}">
<!-- RSS -->
<link href="/atom.xml" type="application/atom+xml" rel="alternate" title="ATOM Feed" />
2022-04-01 20:02:53 +02:00
<!-- Dark Mode Button -->
<style>
.switch {
position: relative;
display: inline-block;
2022-04-12 15:54:52 +02:00
width: 56px;
height: 30px;
2022-04-01 20:02:53 +02:00
}
.switch input {
opacity: 0;
width: 0;
height: 0;
}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #363636;
2022-04-01 20:02:53 +02:00
-webkit-transition: .4s;
transition: .4s;
}
.slider:before {
position: absolute;
content: "";
2022-04-12 15:54:52 +02:00
height: 22px;
width: 22px;
2022-04-01 20:02:53 +02:00
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
input:checked + .slider {
2022-04-12 16:16:54 +02:00
background-color: #d56f2a;
2022-04-01 20:02:53 +02:00
}
input:focus + .slider {
2022-04-12 16:16:54 +02:00
box-shadow: 0 0 1px #d56f2a;
2022-04-01 20:02:53 +02:00
}
input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}
/* Rounded sliders */
.slider.round {
border-radius: 34px;
}
.slider.round:before {
border-radius: 50%;
}
table {
margin-top: 34px;
}
td {
height: 50px;
vertical-align: middle;
}
2023-03-11 09:38:04 +01:00
a.color-grey {
color: var(--license-color);
}
2022-04-01 20:02:53 +02:00
</style>
</head>