From 1da4d6d4e44470821fe5c1013c933cd9367fb2dd Mon Sep 17 00:00:00 2001 From: zoe Date: Sun, 10 Apr 2022 18:52:42 +0200 Subject: [PATCH] lorem --- content/posts/lorem.md | 67 ++++++++ ...s_f300667da4f5b5f84e1a9e0702b2fdde.content | 156 +++++++++++++----- themes/battheme | 2 +- 3 files changed, 185 insertions(+), 40 deletions(-) create mode 100644 content/posts/lorem.md diff --git a/content/posts/lorem.md b/content/posts/lorem.md new file mode 100644 index 0000000..cd9a8ae --- /dev/null +++ b/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) + diff --git a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content index 23979b0..0472995 100644 --- a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -1,54 +1,59 @@ +@charset "UTF-8"; body { - background-color: #292831; - color: #fbbbad; } + background-color: #4b3d44; + color: #e6d0c4; + transition: 1.5s; } body.light { - background-color: #515262; - color: #c9cca1; } + background-color: #ddcf99; + color: #202020; } a { - background-color: #ee8695; - color: #292831; } + background-color: #bd97a9; + color: #4b3d44; + transition: 1.5s; } a.light { - background-color: #ab5675; - color: #515262; } + background-color: #4e5463; + 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; - color: #292831; } + background-color: #bd97a9; + color: #4b3d44; + transition: 1.5s; } footer.light { - background-color: #caa05a; - color: #515262; } + background-color: #4e5463; + color: #ddcf99; } footer a { - color: #292831; - background-color: #333f58; } + color: #4b3d44; + background-color: #bd97a9; + transition: 1.5s; } footer a.light { - color: #515262; - background-color: #caa05a; } + color: #ddcf99; + background-color: #4e5463; } -@font-face { - font-family: CaskaydiaCove; - src: url(/font/CaskaydiaCove.ttf); } +.togglelabel { + background-color: #4b3d44; + transition: 1.5s; } + .togglelabel.light { + background-color: #ddcf99; } -* { - font-family: CaskaydiaCove; - font-size: 16pt; } +.togglelabel.light::after { + background-color: #202020; + color: #ddcf99; } -h1 { - font-size: 42pt; } +.togglelabel::after { + background-color: #e6d0c4; + color: #4b3d44; + transition: 1.5s; } -a { - text-decoration: none; } - -footer { - font-size: 20pt; } - -html, body { +html, +body { height: 100%; flex: auto; } @@ -58,17 +63,90 @@ footer { position: sticky; display: flex; align-items: center; - justify-content: center; } - -#footer-content { - width: 100%; } + justify-content: center; + bottom: 0; } #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: ""; } diff --git a/themes/battheme b/themes/battheme index 487b637..8c62a09 160000 --- a/themes/battheme +++ b/themes/battheme @@ -1 +1 @@ -Subproject commit 487b637ab93f05d57ec1acc88125a2332e8c6e86 +Subproject commit 8c62a099ccbab393800f459c844c5ee94fd7a414