commento social buttons css
This commit is contained in:
parent
8eac64e723
commit
a3438add64
|
@ -1,7 +1,7 @@
|
||||||
---
|
---
|
||||||
title: "DIY: Hosting stuff on your own VPS"
|
title: "DIY: Hosting stuff on your own VPS"
|
||||||
date: '2020-04-13'
|
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:
|
tags:
|
||||||
- server
|
- server
|
||||||
- linux
|
- linux
|
||||||
|
|
|
@ -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 you’ll 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. It’s burnt to a crisp. The process repeats itself. You should probably figure out your toasting settings.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
|
@ -14,16 +14,23 @@
|
||||||
background: var(--accent) !important;
|
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 {
|
.commento-twitter-button:before {
|
||||||
font-family: FontAwesome;
|
font-family: FontAwesome;
|
||||||
content: "\f099";
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding-right: 3px;
|
padding-right: 3px;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
width: auto !important;
|
||||||
|
|
||||||
.commento-twitter-button {
|
|
||||||
width: auto !important;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.commento-root a,
|
.commento-root a,
|
||||||
|
|
Loading…
Reference in New Issue