129 lines
4.4 KiB
Markdown
129 lines
4.4 KiB
Markdown
|
---
|
||
|
title: new template
|
||
|
date: 2021-08-27
|
||
|
tags:
|
||
|
- hugo
|
||
|
summary: >
|
||
|
It took me a long time,
|
||
|
but I finally created a hugo template I was
|
||
|
sketching for quite some time.
|
||
|
It is heavily inspired of after-dark
|
||
|
but I was to "dark" for me.
|
||
|
---
|
||
|
|
||
|
It took me a long time,
|
||
|
but I finally created a hugo template I was
|
||
|
sketching for quite some time.
|
||
|
It is heavily inspired of [after-dark](https://after-dark.habd.as/)
|
||
|
but I was to "dark" for me.
|
||
|
|
||
|
Here is a list of elements.
|
||
|
|
||
|
## Subsections
|
||
|
|
||
|
yey.
|
||
|
|
||
|
## Cards
|
||
|
|
||
|
If you wand to highlight something, use cards.
|
||
|
|
||
|
### with header
|
||
|
|
||
|
{{% card header="with card header" %}}
|
||
|
card body
|
||
|
{{% /card %}}
|
||
|
|
||
|
|
||
|
### without header
|
||
|
|
||
|
{{% card %}}
|
||
|
card body
|
||
|
{{% /card %}}
|
||
|
|
||
|
## Flex box
|
||
|
|
||
|
> Todo das soll eigentlich anders sein!
|
||
|
> Ich möchte hier bei der flexbox schon definieren wie die unterteilung ist
|
||
|
> und dann entscheidet das bildschirm scaling, wie das ganze aussehen wird.
|
||
|
|
||
|
{{< flexbox >}}
|
||
|
{{% flex-third %}}{{% card text="1/3" /%}}{{% /flex-third %}}
|
||
|
{{% flex-third %}}{{% card text="2/3" /%}}{{% /flex-third %}}
|
||
|
{{% flex-third %}}{{% card text="3/3" /%}}{{% /flex-third %}}
|
||
|
{{% flex-half%}}{{% card text="1/2" /%}}{{% /flex-half %}}
|
||
|
{{% flex-half%}}{{% card text="1/2" /%}}{{% /flex-half %}}
|
||
|
{{% flex-full%}}{{% card text="1" /%}}{{% /flex-full%}}
|
||
|
{{< /flexbox >}}
|
||
|
|
||
|
## Flex box in Big Content
|
||
|
|
||
|
{{% content-big %}}
|
||
|
{{< flexbox >}}
|
||
|
{{% flex-third %}}{{% card text="1/3" /%}}{{% /flex-third %}}
|
||
|
{{% flex-third %}}{{% card text="2/3" /%}}{{% /flex-third %}}
|
||
|
{{% flex-third %}}{{% card text="3/3" /%}}{{% /flex-third %}}
|
||
|
{{% flex-half%}}{{% card text="1/2" /%}}{{% /flex-half %}}
|
||
|
{{% flex-half%}}{{% card text="1/2" /%}}{{% /flex-half %}}
|
||
|
{{% flex-full%}}{{% card text="1" /%}}{{% /flex-full%}}
|
||
|
{{< /flexbox >}}
|
||
|
{{% /content-big %}}
|
||
|
|
||
|
## Lists
|
||
|
|
||
|
of course
|
||
|
|
||
|
* la la la la la
|
||
|
* lo lo lo lo lo
|
||
|
* lololololol
|
||
|
* lelelelelel
|
||
|
yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo
|
||
|
yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo
|
||
|
yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo
|
||
|
yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo
|
||
|
yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo
|
||
|
* lululululul
|
||
|
|
||
|
## Number lists
|
||
|
|
||
|
We also have numbered lists (of course).
|
||
|
|
||
|
1. la la la la la
|
||
|
1. lo lo lo lo lo
|
||
|
1. lololololol
|
||
|
1. lelelelelel
|
||
|
yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo
|
||
|
yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo
|
||
|
yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo
|
||
|
yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo
|
||
|
yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo yolo
|
||
|
1. lululululul
|
||
|
|
||
|
## Big parts
|
||
|
|
||
|
Big parts are useful for code
|
||
|
|
||
|
```shell
|
||
|
#!/usr/bin/env bash
|
||
|
echo "small code"
|
||
|
```
|
||
|
|
||
|
{{% content-big %}}
|
||
|
```shell
|
||
|
#!/usr/bin/env bash
|
||
|
cat <<EOF
|
||
|
very very very big code very big code very big code very big code very big code very big code very big code very big code
|
||
|
very very very big code very big code very big code very big code very big code very big code very big code very big code
|
||
|
very very very big code very big code very big code very big code very big code very big code very big code very big code
|
||
|
very very very big code very big code very big code very big code very big code very big code very big code very big code
|
||
|
very very very big code very big code very big code very big code very big code very big code very big code very big code
|
||
|
very very very big code very big code very big code very big code very big code very big code very big code very big code
|
||
|
very very very big code very big code very big code very big code very big code very big code very big code very big code
|
||
|
very very very big code very big code very big code very big code very big code very big code very big code very big code
|
||
|
very very very big code very big code very big code very big code very big code very big code very big code very big code
|
||
|
very very very big code very big code very big code very big code very big code very big code very big code very big code
|
||
|
very very very big code very big code very big code very big code very big code very big code very big code very big code
|
||
|
very very very big code very big code very big code very big code very big code very big code very big code very big code
|
||
|
EOF
|
||
|
```
|
||
|
|