Linux in a Bit 🐧 · @Linux_in_a_Bit
1359 followers · 7098 posts · Server linuxrocks.online:ablobcatattentionreverse: A good static site template should always fit in a Mastodon post:
<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Tab Name</title>
<style>
@media (prefers-color-scheme: dark){
body {color:#d8d8d8;background:#1c1c1c}
a:link {color:#cdf}
a:hover, a:visited:hover {color:#def}
a:visited {color:#dcf}
}
a:link{
color:#cdf
}
a:hover,a:visited:hover{
color:#def
}
a:visited{
color:#dcf
}
body{
margin:1em auto;
max-width:40em;
padding:0 .62em;
font:1.2em/1.62 sans-serif;
color:#d8d8d8;
background-color:#1c1c1c
}
h1,h2,h3 {
line-height:1.2
}
@media print{
body{
max-width:none
}
}
</style>
<article>
<header>
<h1>Title Here</h1>
<aside>by Me</aside>
</header>
<h2>Heading</h2>
<p>List
<ul>
<li>Item
</ul>
Based on a site by <a href="https://github.com/KeenRivals/bestmotherfucking.website">KeenRivals</a>.
</article>
#dCF #def #cdf #1c1c1c #d8d8d8
Linux in a Bit 🐧 · @Linux_in_a_Bit
1358 followers · 7098 posts · Server linuxrocks.online:ablobcatattentionreverse: The best static site template:
<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/png" href="data:image/png;base64,">
<title>Pro Suite</title>
<style>
@media (prefers-color-scheme: dark){
body {color:#d8d8d8;background:#1c1c1c}
a:link {color:#cdf}
a:hover, a:visited:hover {color:#def}
a:visited {color:#dcf}
}
a:link{
color:#cdf
}
a:hover,a:visited:hover{
color:#def
}
a:visited{
color:#dcf
}
body{
margin:1em auto;
max-width:40em;
padding:0 .62em;
font:1.2em/1.62 sans-serif;
color:#d8d8d8;
background-color:#1c1c1c
}
h1,h2,h3 {
line-height:1.2
}
@media print{
body{
max-width:none
}
}
</style>
<article>
<header>
<h1>Title Here</h1>
<aside>A modified template based on https://github.com/KeenRivals/bestmotherfucking.website</aside>
</header>
<h2>Heading</h2>
<p>List
<ul>
<li>Item 1
<li>Two
</ul>
Type something cool here.
</article>
#dCF #def #cdf #1c1c1c #d8d8d8