commento social buttons css

This commit is contained in:
wgroeneveld 2020-04-13 21:07:31 +02:00
parent 8eac64e723
commit a3438add64
3 changed files with 73 additions and 6 deletions

View File

@ -1,7 +1,7 @@
---
title: "DIY: Hosting stuff on your own VPS"
date: '2020-04-13'
subtitle: "Migrating to, securing and backing up your own server."
subtitle: "Migrating to, securing, and backing up your own server."
tags:
- server
- linux

60
static/404.html Normal file
View File

@ -0,0 +1,60 @@
<html>
<head>
<style>
body, html {
height: 100%;
width: 100%;
font-weight: 400;
font-size: 18px;
color: #333;
line-height: 1.5;
background-color: rgb(255, 244, 187);
margin: 0;
padding: 0;
font-family: Open Sans,sans-serif;
-webkit-font-smoothing: antialiased;
}
.FourOFour_illustration__3TH-w {
display: block;
max-width: 300px;
margin: 10px auto 20px;
padding-top: 100px;
}
.FourOFour_illustrationImage__28GGU {
display: block;
width: 100%;
margin: 0 auto;
}
.FourOFour_illustrationHeader__34JCG {
font-size: 22px;
font-weight: 600;
text-align: center;
margin-bottom: 15px;
}
.FourOFour_illustrationDescription__3wQqY {
font-size: 14px;
margin: 0px auto;
max-width: 50%;
}
</style>
</head>
<body>
<div class="FourOFour_illustrationContainer__1MWD_" style="background-color: rgb(255, 244, 187); color: rgb(67, 118, 192);">
<div class="FourOFour_illustration__3TH-w">
<img src="https://i.imgur.com/WvEu0cO.png" alt="This Page is Burnt to a Crisp" class="FourOFour_illustrationImage__28GGU">
</div>
<div class="FourOFour_illustrationHeader__34JCG">
This Page is Burnt to a Crisp
</div>
<div class="FourOFour_illustrationDescription__3wQqY">
Toast takes so long to make. You stare at the toaster tapping your feet. Your laundry is in the dryer and it just dinged. Maybe youll take it out. After all, you have time. You take out your laundry. You fold your underwear. You think about folding your socks. You remember your toast! It is too late. Its burnt to a crisp. The process repeats itself. You should probably figure out your toasting settings.
</div>
</div>
</body>
</html>

View File

@ -14,16 +14,23 @@
background: var(--accent) !important;
}
.commento-google-button:before {
content: "\f1a0";
}
.commento-github-button:before {
content: "\f09b";
}
.commento-twitter-button:before {
content: "\f099";
}
.commento-google-button:before,
.commento-github-button:beforem
.commento-twitter-button:before {
font-family: FontAwesome;
content: "\f099";
display: inline-block;
padding-right: 3px;
vertical-align: middle;
}
.commento-twitter-button {
width: auto !important;
width: auto !important;
}
.commento-root a,