revuo-weekly/_includes/head.html
2023-06-29 22:20:47 +00:00

103 lines
3.0 KiB
HTML

<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">
<link rel="icon" type="image/png" sizes="32x32" href="/img/revuo-icon_1.png">
<link rel="apple-touch-icon" sizes="180x180" href="/img/apple-touch-icon_1.png">
<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">
<meta name="application-name" content="Revuo Monero"/>
<meta name="msapplication-TileColor" content="#ffffff" />
<meta name="theme-color" content="#193e4c">
<meta name="apple-mobile-web-app-title" content="Revuo Monero">
<meta name="apple-mobile-web-app-status-bar-style" content="#193e4c">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="{%if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}">
<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 %}">
<meta property="og:site_name" content="{{ site.title }}" />
<meta property="og:title" content="{%if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}" />
<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 %}" />
<!-- 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" />
<!-- Dark Mode Button -->
<style>
.switch {
position: relative;
display: inline-block;
width: 56px;
height: 30px;
}
.switch input {
opacity: 0;
width: 0;
height: 0;
}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #363636;
-webkit-transition: .4s;
transition: .4s;
}
.slider:before {
position: absolute;
content: "";
height: 22px;
width: 22px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
input:checked + .slider {
background-color: #d56f2a;
}
input:focus + .slider {
box-shadow: 0 0 1px #d56f2a;
}
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;
}
</style>
</head>