adoralaura/personal-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

update styling for mobile
All checks were successful
ci/woodpecker/push/deploy-netlify Pipeline was successful
Details

Browse source
This commit is contained in:
Adora Laura Kalb 2023-08-09 09:01:45 +02:00
parent 41d65ba8d5
commit a87911712d
Signed by: adoralaura
GPG key ID: 7A4552166FC8C056
2 changed files with 32 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
assets/scss/style.scss
View file

@ -15,10 +15,12 @@ a {
vertical-align: baseline; vertical-align: baseline;
text-decoration: none; text-decoration: none;
color: $link-font-color; color: $link-font-color;
&:hover { &:hover {
text-decoration: underline; text-decoration: underline;
} }
} }
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -33,6 +35,7 @@ body {
background: #303030; background: #303030;
color: $body-font-color; color: $body-font-color;
} }
h1 { h1 {
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -43,16 +46,19 @@ h1 {
margin-top: 2rem; margin-top: 2rem;
margin-bottom: 1rem; margin-bottom: 1rem;
color: $heading-font-color; color: $heading-font-color;
&:before { &:before {
content: "# "; content: "# ";
content: "# " / ""; content: "# " / "";
} }
&:after { &:after {
content: "-----"; content: "-----";
content: "-----" / ""; content: "-----" / "";
display: block; display: block;
} }
} }
h2 { h2 {
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -63,11 +69,13 @@ h2 {
margin-top: 2rem; margin-top: 2rem;
margin-bottom: 1rem; margin-bottom: 1rem;
color: $heading-font-color; color: $heading-font-color;
&:before { &:before {
content: "## "; content: "## ";
content: "## " / ""; content: "## " / "";
} }
} }
h3 { h3 {
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -78,11 +86,13 @@ h3 {
margin-top: 2rem; margin-top: 2rem;
margin-bottom: 1rem; margin-bottom: 1rem;
color: $heading-font-color; color: $heading-font-color;
&:before { &:before {
content: "### "; content: "### ";
content: "### " / ""; content: "### " / "";
} }
} }
html { html {
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -90,6 +100,7 @@ html {
font: inherit; font: inherit;
vertical-align: baseline; vertical-align: baseline;
} }
li { li {
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -97,6 +108,7 @@ li {
font: inherit; font: inherit;
vertical-align: baseline; vertical-align: baseline;
} }
p { p {
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -104,12 +116,14 @@ p {
font: inherit; font: inherit;
vertical-align: baseline; vertical-align: baseline;
margin-bottom: .75rem; margin-bottom: .75rem;
>code { >code {
font: unset; font: unset;
font-family: $main-font-family; font-family: $main-font-family;
color: $code-font-color; color: $code-font-color;
} }
} }
span { span {
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -117,6 +131,7 @@ span {
font: inherit; font: inherit;
vertical-align: baseline; vertical-align: baseline;
} }
strong { strong {
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -125,15 +140,18 @@ strong {
vertical-align: baseline; vertical-align: baseline;
font-weight: 700; font-weight: 700;
color: $heading-font-color; color: $heading-font-color;
&:before { &:before {
content: "*"; content: "*";
content: "*" / ""; content: "*" / "";
} }
&:after { &:after {
content: "*"; content: "*";
content: "*" / ""; content: "*" / "";
} }
} }
u { u {
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -141,6 +159,7 @@ u {
font: inherit; font: inherit;
vertical-align: baseline; vertical-align: baseline;
} }
ul { ul {
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -149,6 +168,7 @@ ul {
vertical-align: baseline; vertical-align: baseline;
list-style-type: none; list-style-type: none;
margin-left: 1rem; margin-left: 1rem;
>li { >li {
&:before { &:before {
content: "-"; content: "-";
@ -157,11 +177,13 @@ ul {
} }
} }
} }
code { code {
font: unset; font: unset;
font-family: $main-font-family; font-family: $main-font-family;
color: $code-font-color; color: $code-font-color;
} }
.special { .special {
color: $special-font-color; color: $special-font-color;
font-style: normal; font-style: normal;
@ -169,11 +191,15 @@ code {
@media (max-width: $min-device-width) { @media (max-width: $min-device-width) {
body { body {
padding: 15px; padding: 0 15px;
line-break: normal; line-break: normal;
} }
a, code { a {
line-break: loose;
}
code {
line-break: anywhere; line-break: anywhere;
} }
} }

2
content/encryption.md
View file

@ -2,7 +2,7 @@
title: "Lauras SMIME and GPG Keys" title: "Lauras SMIME and GPG Keys"
date: 2023-06-23T10:02:23+02:00 date: 2023-06-23T10:02:23+02:00
--- ---
# Lauras Encryption Keys
Last updated: `{{< last-updated >}}` Last updated: `{{< last-updated >}}`
## GPG Keys ## GPG Keys
### mail@lauka.net ### mail@lauka.net