revuo-weekly/_includes/head.html

103 lines
3.0 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 the most recent Monero news.">
<meta name="keywords" content="monero, xmr, bitmonero, cryptocurrency">
2022-04-20 22:10:53 -04:00
<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">
2022-04-01 14:14:08 -04:00
<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">
2022-02-02 16:24:29 -05:00
<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' %}{{ site.baseurl }}{{ page.image }}{% else %}{{ site.baseurl }}/img/revuo-monero.png{% endif %}">
2022-02-02 16:48:04 -05:00
<meta property="og:site_name" content="{{ site.title }}" />
2022-02-02 16:24:29 -05:00
<meta property="og:title" content="{%if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}" />
<meta property="og:image" content="{% if page.path contains '_posts' %}{{ site.baseurl }}{{ page.image }}{% else %}{{ site.baseurl }}/img/revuo-monero.png{% endif %}" />
2022-02-02 16:58:44 -05:00
<!-- CSS & fonts -->
<link rel="stylesheet" href="/css/main.css">
<!-- RSS -->
<link href="/atom.xml" type="application/atom+xml" rel="alternate" title="ATOM Feed" />
2022-04-01 14:02:53 -04:00
<!-- Dark Mode Button -->
<style>
.switch {
position: relative;
display: inline-block;
2022-04-12 09:54:52 -04:00
width: 56px;
height: 30px;
2022-04-01 14:02:53 -04: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 14:02:53 -04:00
-webkit-transition: .4s;
transition: .4s;
}
.slider:before {
position: absolute;
content: "";
2022-04-12 09:54:52 -04:00
height: 22px;
width: 22px;
2022-04-01 14:02:53 -04:00
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
input:checked + .slider {
2022-04-12 10:16:54 -04:00
background-color: #d56f2a;
2022-04-01 14:02:53 -04:00
}
input:focus + .slider {
2022-04-12 10:16:54 -04:00
box-shadow: 0 0 1px #d56f2a;
2022-04-01 14:02:53 -04: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;
}
</style>
</head>