desu.ltd?
+desu.ltd. The domain of me, some random guy on the internet named Salt.
+Where are the goods?
+-
+
- git.desu.ltd - My personal code forge +
- nc.desu.ltd - Nextcloud, for storing files and other things +
+
diff --git a/src/common-meta.php b/src/common-meta.php
index f6aa0a8..d1e6f3a 100644
--- a/src/common-meta.php
+++ b/src/common-meta.php
@@ -2,6 +2,7 @@
+
diff --git a/styles/buttons.css b/styles/buttons.css
deleted file mode 100644
index 86aedba..0000000
--- a/styles/buttons.css
+++ /dev/null
@@ -1,36 +0,0 @@
-/*
- * buttons.css
- * Copyright (C) 2020 Vintage Salt
- *
- * Distributed under terms of the MIT license.
- */
-
-/* BIG ICON BUTTONS
- * Used on the index for services */
-div.iconbuttoncontainer {
- display: grid;
- grid-gap: 1em;
- grid-template-columns: 1fr 1fr 1fr;
-}
-a.iconbutton {
- background: var(--background-dark);
- border: 4px solid var(--background-dark);
- display: block;
- padding: 1em;
- text-align: center;
-}
-a.iconbutton:hover {
- background: var(--link-hover);
- color: var(--background);
-}
-a.iconbutton i {
- font-size: 400%
-}
-
-/* MOBILE */
-@media only screen and (max-width: 600px) {
- div.iconbuttoncontainer {
- grid-template-columns: 1fr;
- }
-}
-
diff --git a/styles/styles.css b/styles/styles.css
index fe0f8ad..9d9370b 100644
--- a/styles/styles.css
+++ b/styles/styles.css
@@ -12,7 +12,7 @@
--background-dark: #28232c;
--link: #ba844d;
--link-hover: #ffb940;
- --text: #ffefcf;
+ --text: #ffe4b4;
}
html {
background: var(--background-dark);
@@ -21,7 +21,7 @@ html {
body {
background: var(--background);
color: var(--text);
- font-family: "Roboto", sans-serif;
+ font: 12pt Inconsolata, sans-serif;
margin: 4em auto;
max-width: 40em;
padding: 4em;
@@ -37,15 +37,6 @@ a {
a:hover {
color: var(--link-hover);
}
-/* code */
-code {
- background: var(--text);
- border-radius: 3px;
- color: var(--background-dark);
- display: inline-block;
- font-size: 11pt;
- padding: 2px 4px;
-}
dl {
list-style-type: none;
margin: 0;
@@ -57,102 +48,59 @@ dl dt {
dl dd {
margin: 0;
}
-
-/* CUSTOM DIVS AND SPANS */
-a.quickbutton {
- background: var(--background);
- border-radius: 8px;
- display: block;
- font-size: 150%;
- margin: 0.5em 0;
- padding: 1em;
- text-align: center;
-}
-a.quickbutton:hover {
- background: var(--link-hover);
- color: var(--background-dark);
-}
-div.break {
- width: 4em;
- margin: 2em auto;
- border-bottom: 3px double var(--text);
-}
-img.bigimg {
- border-radius: 8px;
- display: block;
- margin: 1em auto;
-}
-
-/* HIERARCHICAL CLASSES */
-/* HEADER */
-.header {
- background: var(--background);
-}
-.logocontainer {
- align-items: center;
- display: flex;
- justify-content: center;
- padding: 1em 0;
-}
-.logo {
- border-radius: 50%;
- height: 128px;
- vertical-align: middle;
- margin: 0 1em;
- max-width: 128px;
-}
-.header h1 {
- display: inline;
+h1 {
+ font-size: 100%;;
margin: 0;
}
-.header p {
+h1:before {
+ content: "=> ";
+ opacity: 0.25;
+}
+h2 {
+ font-size: 100%;
margin: 0;
}
-.header nav ul {
+h2:before {
+ content: "-- ";
+ opacity: 0.25;
+}
+p {
+ margin: 0 0 1em 0;
+}
+nav ul {
+ display: inline-block;
list-style-type: none;
margin: 0;
padding: 0;
- text-align: center;
}
-.header nav ul li {
+nav ul li{
display: inline-block;
- padding: 0.8em;
+ margin: 0;
+ padding: 0;
}
-.header nav ul li:hover {
- background: var(--link-hover);
- color: var(--background-dark);
- transition: .08s ease-in;
+nav ul li:before {
+ content: ":: ";
+ opacity: 0.25;
+}
+.content ul {
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+}
+.content ul li:before {
+ content: "* ";
+ opacity: 0.25;
}
/* CONTENT */
+.header {
+ margin: 0 0 1em 0;
+}
+.header h1 {
+ margin: 0 0 1em 0;
+}
.content {
background: var(--background);
- padding: 2em 0;
-}
-.subcontainer {
- background: var(--background);
- border-radius: 8px;
- margin: 1em 0;
- padding: 1em;
-}
-.toc {
- background: var(--background);
- border-radius: 4px;
- display: inline-block;
- margin: 0 1em 1em 1em;
- width: auto;
-}
-
-/* FOOTER */
-.footer {
- background: var(--background);
- font-size: 11px;
- line-height: 1.3;
- padding: 1em 0;
- text-align: center;
-}
-.footer p {
- margin: 0;
}
/* MOBILE */
+ _ _ _ _ + __| | ___ ___ _ _ | | |_ __| | + / _` |/ _ \/ __| | | | | | __/ _` | +| (_| | __/\__ \ |_| |_| | || (_| | + \__,_|\___||___/\__,_(_)_|\__\__,_| ++