major upgrade to the css, now using watercss!

This commit is contained in:
OniriCorpe 2023-08-17 22:38:41 +02:00
parent c4eebdd0d9
commit dccab77c02
2 changed files with 1703 additions and 34 deletions

View file

@ -3,27 +3,13 @@
<head>
<meta charset="UTF-8">
<meta name=viewport content='width=device-width, initial-scale=1'>
<meta name=viewport content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=yes">
<meta name="robots" content="nosnippet">
<!-- this website uses watercss: https://watercss.kognise.dev/ -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/water.css">
<style>
body {
margin: 3em 20% 3em;
background-color: #282828;
display: flex;
flex-direction: column;
align-items: center;
color: #c0c0c0;
}
a {
color: #9694ff;
}
a:visited {
color: #c4bc2c;
}
a[href^="//"]::after,
a[href^="http"]::after,
a[href^="gemini"]::after {
@ -40,7 +26,15 @@
margin: 0 3em;
padding: .5em 1em;
border-left: 5px solid #505050;
background-color: #363636;
}
pre {
display: block;
border: dotted grey;
white-space: pre-wrap;
word-break: keep-all;
margin: 1em;
padding-left: 1em;
}
.footer {
@ -48,21 +42,6 @@
opacity: 0.8;
text-align: center;
}
@media only screen and (max-width: 1000px) {
body {
margin: 0 1em 0 1em;
font-size: 2em;
}
blockquote {
margin: 0 1em;
}
div.container {
max-width: 100%;
}
}
</style>
<title>

1690
html/water.css Normal file

File diff suppressed because it is too large Load diff