lorem

content/posts/lorem.md

@@ -0,0 +1,67 @@
+---
+title: "Lorem"
+date: 2022-04-10T17:23:01+02:00
+draft: true
+---
+
+Lorem ipsum dolor sit amet, *consectetur* adipisicing elit, sed do eiusmod
+tempor incididunt ut **labore et dolore magna aliqua**. Ut enim ad minim veniam,
+quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+consequat. ***Duis aute irure dolor*** in reprehenderit in voluptate velit esse
+cillum dolore eu fugiat nulla pariatur. ~~Excepteur sint occaecat~~ cupidatat non
+proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+## H2
+
+Lorem ipsum dolor sit amet, *consectetur* adipisicing elit, sed do eiusmod
+tempor incididunt ut **labore et dolore magna aliqua**. Ut enim ad minim veniam,
+quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+consequat. 
+
+---
+
+***Duis aute irure dolor*** in reprehenderit in voluptate velit esse
+cillum dolore eu fugiat nulla pariatur. ~~Excepteur sint occaecat~~ cupidatat non
+proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+### H3
+
+unordered list:
+
+* item-1
+  * sub-item-1
+  * sub-item-2
+- item-2
+  - sub-item-3
+  - sub-item-4
++ item-3
+  + sub-item-5
+  + sub-item-6
+
+
+ordered list:
+
+1. item-1
+   1. sub-item-1
+   2. sub-item-2
+2. item-2
+   1. sub-item-3
+   2. sub-item-4
+3. item-3
+
+#### Header4
+
+Table Header-1 | Table Header-2 | Table Header-3
+:--- | :---: | ---:
+Table Data-1 | Table Data-2 | Table Data-3
+TD-4 | Td-5 | TD-6
+Table Data-7 | Table Data-8 | Table Data-9
+
+##### Header5
+
+You may also want some images right in here like ![GitHub Logo](https://cloud.githubusercontent.com/assets/5456665/13322882/e74f6626-dc00-11e5-921d-f6d024a01eaa.png "GitHub") - you can do that but I would recommend you to use the component "image" and simply split your text.
+
+###### Header6
+
+Let us do some links - this for example: https://github.com/MinhasKamal/github-markdown-syntax is **NOT** a link but this: is [GitHub](https://github.com/MinhasKamal/github-markdown-syntax)
+

resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content

@@ -1,54 +1,59 @@
+@charset "UTF-8";
 body {
-  background-color: #292831;
+  background-color: #4b3d44;
-  color: #fbbbad; }
+  color: #e6d0c4;
+  transition: 1.5s; }
   body.light {
-    background-color: #515262;
+    background-color: #ddcf99;
-    color: #c9cca1; }
+    color: #202020; }
 
 a {
-  background-color: #ee8695;
+  background-color: #bd97a9;
-  color: #292831; }
+  color: #4b3d44;
+  transition: 1.5s; }
   a.light {
-    background-color: #ab5675;
+    background-color: #4e5463;
-    color: #515262; }
+    color: #ddcf99; }
 
 a.footer-nav-item.active {
-  color: #4a7a96; }
+  color: #4b4361;
+  transition: 1.5s; }
   a.footer-nav-item.active.light {
-    color: #72dcbb; }
+    color: #f1866c; }
 
 footer {
-  background-color: #333f58;
+  background-color: #bd97a9;
-  color: #292831; }
+  color: #4b3d44;
+  transition: 1.5s; }
   footer.light {
-    background-color: #caa05a;
+    background-color: #4e5463;
-    color: #515262; }
+    color: #ddcf99; }
 
 footer a {
-  color: #292831;
+  color: #4b3d44;
-  background-color: #333f58; }
+  background-color: #bd97a9;
+  transition: 1.5s; }
   footer a.light {
-    color: #515262;
+    color: #ddcf99;
-    background-color: #caa05a; }
+    background-color: #4e5463; }
 
-@font-face {
+.togglelabel {
-  font-family: CaskaydiaCove;
+  background-color: #4b3d44;
-  src: url(/font/CaskaydiaCove.ttf); }
+  transition: 1.5s; }
+  .togglelabel.light {
+    background-color: #ddcf99; }
 
-* {
+.togglelabel.light::after {
-  font-family: CaskaydiaCove;
+  background-color: #202020;
-  font-size: 16pt; }
+  color: #ddcf99; }
 
-h1 {
+.togglelabel::after {
-  font-size: 42pt; }
+  background-color: #e6d0c4;
+  color: #4b3d44;
+  transition: 1.5s; }
 
-a {
+html,
-  text-decoration: none; }
+body {
-
-footer {
-  font-size: 20pt; }
-
-html, body {
   height: 100%;
   flex: auto; }
 
@@ -58,17 +63,90 @@ footer {
   position: sticky;
   display: flex;
   align-items: center;
-  justify-content: center; }
+  justify-content: center;
-
+  bottom: 0; }
-#footer-content {
-  width: 100%; }
 
 #content {
-  min-height: 90%; }
+  min-height: 90%;
+  right: auto; }
+
+#footer-left {
+  margin-left: 24pt;
+  justify-self: left;
+  margin-right: auto; }
 
 #footer-right {
-  justify-self: right; }
+  margin-left: auto;
+  justify-self: right;
+  margin-right: 24pt;
+  align-content: center; }
+
+#footer-center {
+  margin-left: auto;
+  margin-right: auto;
+  justify-content: center;
+  justify-self: center; }
 
 * {
   padding: 0;
   margin: 0; }
+
+#footer-right * {
+  display: flex; }
+
+@font-face {
+  font-family: CaskaydiaCove;
+  src: url(/font/CaskaydiaCove.ttf); }
+
+@font-face {
+  font-family: CaskaydiaCoveMono;
+  src: url(/font/CaskaydiaCoveMono.ttf); }
+
+* {
+  font-family: CaskaydiaCove;
+  font-size: 12pt; }
+
+h1 {
+  font-size: 42pt; }
+
+a {
+  text-decoration: none; }
+
+footer * {
+  font-size: 20pt; }
+
+label::after {
+  font-family: CaskaydiaCoveMono; }
+
+input[type="checkbox"] {
+  cursor: pointer; }
+
+.toggleinput {
+  visibility: hidden; }
+
+.togglelabel {
+  width: 42pt;
+  height: 24pt;
+  border-radius: 24pt;
+  cursor: pointer; }
+
+.togglelabel::after {
+  left: calc(100% - 66pt);
+  content: "";
+  position: absolute;
+  height: 24pt;
+  width: 24pt;
+  border-radius: 100pt;
+  transition: 0.3s;
+  display: inline-block;
+  vertical-align: middle;
+  text-align: center; }
+
+input:checked + label:after {
+  left: calc(100% - 48pt); }
+
+.togglelabel::after {
+  content: "滛"; }
+
+input:checked + label::after {
+  content: ""; }

themes/battheme

@@ -1 +1 @@
-Subproject commit 487b637ab93f05d57ec1acc88125a2332e8c6e86
+Subproject commit 8c62a099ccbab393800f459c844c5ee94fd7a414