lorem
This commit is contained in:
zoe
parent
ba1850f2dc
commit
1da4d6d4e4
|
|
@ -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  - 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)
|
||||
|
||||
|
|
@ -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: ""; }
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
Subproject commit 487b637ab93f05d57ec1acc88125a2332e8c6e86
|
||||
Subproject commit 8c62a099ccbab393800f459c844c5ee94fd7a414
|
||||
Loading…
Reference in New Issue