From 00eec8be70e057e94f32a4f3c14370988945738b Mon Sep 17 00:00:00 2001 From: Filip Rojek Date: Mon, 14 Oct 2024 01:15:41 +0200 Subject: [PATCH] CSS redesign stuff, other things idk --- content/about.md | 2 +- content/projects/debrepo.md | 4 +-- content/projects/selfhosting.md | 21 +++++++++++ sass/about.scss | 20 +++++++++++ sass/project.scss | 64 ++++++++++++++++++++++----------- templates/post.html | 2 +- 6 files changed, 88 insertions(+), 25 deletions(-) create mode 100644 content/projects/selfhosting.md create mode 100644 sass/about.scss diff --git a/content/about.md b/content/about.md index 860a4ae..62d2abf 100644 --- a/content/about.md +++ b/content/about.md @@ -18,7 +18,7 @@ I am also package maintainer for [Void Linux](https://voidlinux.org). - PGP: [0x7E65EA58C6075F09](https://keys.openpgp.org/vks/v1/by-fingerprint/CA3D9BE28315B49164130CD97E65EA58C6075F09) ## Work -I currently work as a Linux engineer at IS Media. Most of my work involves Debian based systems - desktops (Raspberry Pi, Intel NUC) and servers. I also manage an instance of GitLab. +I currently work as a Linux engineer. Most of my work involves Debian based systems - desktops (Raspberry Pi, Intel NUC) and servers. I also manage an instance of GitLab. ## Projects Most of my projects are hosted on Gitea and GitHub: diff --git a/content/projects/debrepo.md b/content/projects/debrepo.md index 7d2a75c..ed97968 100644 --- a/content/projects/debrepo.md +++ b/content/projects/debrepo.md @@ -8,10 +8,10 @@ state = "stable" +++ # Debrepo -- A Debian repository management tool. +A Debian repository management tool. ## About -- `Debrepo` is a software tool designed for creating and managing Debian repositories for `*.deb` packages, providing a lightweight and user-friendly alternative to more complex tools like `reprepo` or `aptly`. While these alternatives may offer more advanced features, Debrepo focuses on providing essential functionality and ease of use for repository management, allowing users to easily add, remove, and update packages within their repositories. With Debrepo, users can efficiently manage their Debian repositories without the unnecessary complexity of more advanced tools. +`Debrepo` is a software tool designed for creating and managing Debian repositories for `*.deb` packages, providing a lightweight and user-friendly alternative to more complex tools like `reprepo` or `aptly`. While these alternatives may offer more advanced features, Debrepo focuses on providing essential functionality and ease of use for repository management, allowing users to easily add, remove, and update packages within their repositories. With Debrepo, users can efficiently manage their Debian repositories without the unnecessary complexity of more advanced tools. ## Links - [Git](https://git.filiprojek.cz/fr/debrepo) diff --git a/content/projects/selfhosting.md b/content/projects/selfhosting.md new file mode 100644 index 0000000..2647da8 --- /dev/null +++ b/content/projects/selfhosting.md @@ -0,0 +1,21 @@ ++++ +title = "Self Hosting" +date = 2024-10-14 +description = "My selfhosting services" + +[extra] +state = "pending" ++++ + +# Next Cloud +Lorem ipsum dolor sit amet, officia excepteur ex fugiat reprehenderit enim labore culpa sint ad nisi Lorem pariatur mollit ex esse exercitation amet. Nisi anim cupidatat excepteur officia. Reprehenderit nostrud nostrud ipsum Lorem est aliquip amet voluptate voluptate dolor minim nulla est proident. Nostrud officia pariatur ut officia. Sit irure elit esse ea nulla sunt ex occaecat reprehenderit commodo officia dolor Lorem duis laboris cupidatat officia voluptate. Culpa proident adipisicing id nulla nisi laboris ex in Lorem sunt duis officia eiusmod. Aliqua reprehenderit commodo ex non excepteur duis sunt velit enim. Voluptate laboris sint cupidatat ullamco ut ea consectetur et est culpa et culpa duis. + +# Jellyfin +Lorem ipsum dolor sit amet, officia excepteur ex fugiat reprehenderit enim labore culpa sint ad nisi Lorem pariatur mollit ex esse exercitation amet. Nisi anim cupidatat excepteur officia. Reprehenderit nostrud nostrud ipsum Lorem est aliquip amet voluptate voluptate dolor minim nulla est proident. Nostrud officia pariatur ut officia. Sit irure elit esse ea nulla sunt ex occaecat reprehenderit commodo officia dolor Lorem duis laboris cupidatat officia voluptate. Culpa proident adipisicing id nulla nisi laboris ex in Lorem sunt duis officia eiusmod. Aliqua reprehenderit commodo ex non excepteur duis sunt velit enim. Voluptate laboris sint cupidatat ullamco ut ea consectetur et est culpa et culpa duis. + +# Uptime Kuma +Lorem ipsum dolor sit amet, officia excepteur ex fugiat reprehenderit enim labore culpa sint ad nisi Lorem pariatur mollit ex esse exercitation amet. Nisi anim cupidatat excepteur officia. Reprehenderit nostrud nostrud ipsum Lorem est aliquip amet voluptate voluptate dolor minim nulla est proident. Nostrud officia pariatur ut officia. Sit irure elit esse ea nulla sunt ex occaecat reprehenderit commodo officia dolor Lorem duis laboris cupidatat officia voluptate. Culpa proident adipisicing id nulla nisi laboris ex in Lorem sunt duis officia eiusmod. Aliqua reprehenderit commodo ex non excepteur duis sunt velit enim. Voluptate laboris sint cupidatat ullamco ut ea consectetur et est culpa et culpa duis. + +# Gitea +Lorem ipsum dolor sit amet, officia excepteur ex fugiat reprehenderit enim labore culpa sint ad nisi Lorem pariatur mollit ex esse exercitation amet. Nisi anim cupidatat excepteur officia. Reprehenderit nostrud nostrud ipsum Lorem est aliquip amet voluptate voluptate dolor minim nulla est proident. Nostrud officia pariatur ut officia. Sit irure elit esse ea nulla sunt ex occaecat reprehenderit commodo officia dolor Lorem duis laboris cupidatat officia voluptate. Culpa proident adipisicing id nulla nisi laboris ex in Lorem sunt duis officia eiusmod. Aliqua reprehenderit commodo ex non excepteur duis sunt velit enim. Voluptate laboris sint cupidatat ullamco ut ea consectetur et est culpa et culpa duis. + diff --git a/sass/about.scss b/sass/about.scss new file mode 100644 index 0000000..250eb73 --- /dev/null +++ b/sass/about.scss @@ -0,0 +1,20 @@ +.about { + h1 { + margin-top: 2.5rem; + margin-bottom: 1rem; + } + + h2 { + margin-top: 1.5rem; + margin-bottom: 1rem; + } + + h3, h4, h5, h6, p { + margin-top: 1rem; + margin-bottom: 1rem; + } + + p { + text-align: justify; + } +} diff --git a/sass/project.scss b/sass/project.scss index 351e1b6..3519c32 100644 --- a/sass/project.scss +++ b/sass/project.scss @@ -1,24 +1,46 @@ -//.project-wrapper { -// justify-content: start; -// align-items: start; -//} -// -//.left-bar { -// width: 15rem; -// justify-content: start; -// align-items: start; -// border-right: thin solid var(--c-blue); -// margin-right: 2.5rem; -// padding: 0 2.5rem; -// -// h2 { -// padding-bottom: 2.5rem; -// } -//} - +.language-yaml { + white-space: pre-wrap; + word-wrap: break-word; + overflow-x: auto; + padding: .5rem; + margin: .5rem 0; +} .project-wrapper { - display: flex; - gap: 2.5rem; - margin: 0 5rem; + max-width: 900px; + margin: 0 auto; + padding: 20px; + + h1 { + margin-top: 2.5rem; + margin-bottom: 1rem; + } + + h2 { + margin-top: 1.5rem; + margin-bottom: 1rem; + } + + h3, h4, h5, h6, p { + margin-top: 1rem; + margin-bottom: 1rem; + } + + p { + text-align: justify; + } } + +@media (max-width: 768px) { + .project-wrapper { + max-width: 100%; + padding: 10px; + } +} + +@media (max-width: 480px) { + .project-wrapper { + padding: 5px; + } +} + diff --git a/templates/post.html b/templates/post.html index 91bdb80..1703e18 100644 --- a/templates/post.html +++ b/templates/post.html @@ -16,7 +16,7 @@ --> -

{{ page.title }}

+
{{ page.content | safe }}