diff options
Diffstat (limited to 'con')
| -rw-r--r-- | con/contact.md | 7 | ||||
| -rw-r--r-- | con/footer.html | 15 | ||||
| -rw-r--r-- | con/header.html | 35 | ||||
| -rwxr-xr-x | con/icon.png | bin | 0 -> 54567 bytes | |||
| -rw-r--r-- | con/links.lua | 5 | ||||
| -rw-r--r-- | con/rss-footer.xml | 5 | ||||
| -rw-r--r-- | con/rss-header.xml | 14 | ||||
| -rw-r--r-- | con/style.css | 208 |
8 files changed, 289 insertions, 0 deletions
diff --git a/con/contact.md b/con/contact.md new file mode 100644 index 0000000..20fecba --- /dev/null +++ b/con/contact.md @@ -0,0 +1,7 @@ + +# Contact + +| Type | Contact | +| -----: | :------ | +| E-Mail | web@hitler.rip +| XMPP | web@hitler.rip diff --git a/con/footer.html b/con/footer.html new file mode 100644 index 0000000..f22d871 --- /dev/null +++ b/con/footer.html @@ -0,0 +1,15 @@ + + <!-- START OF FOOTER FILE --> + + </div></main> + + <footer> + <hr /> + <span> + © 2025 hitler.rip <web@hitler.rip><br> + content licensed under <a href="https://creativecommons.org/licenses/by-sa/4.0" target="_blank" rel="noopener noreferrer">CC BY-SA 4.0</a>, code licensed under <a href="https://www.gnu.org/licenses/agpl-3.0-standalone.html" target="_blank" rel="noopener noreferrer">AGPLv3-or-later</a><br> + </span> + </footer> +</body> +</html> + diff --git a/con/header.html b/con/header.html new file mode 100644 index 0000000..ee16905 --- /dev/null +++ b/con/header.html @@ -0,0 +1,35 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href="/style.css"> + <link rel="icon" type="image/x-icon" href="/icon.png"> + <title>hitler.rip</title> +</head> +<body> + + <header> + <nav> + + <section class="left"> + <a href="/"> + <img src="/icon.png" alt="Hammer and Sickle" /> + <h1>hitler.rip</h1> + </a> + </section> + + <section class="right"> + [ + <a href="/">home</a> / + <a href="/articles/">articles</a> + ] + </section> + + </nav> + </header> + + <main><div> + + <!-- END OF HEADER FILE --> + diff --git a/con/icon.png b/con/icon.png Binary files differnew file mode 100755 index 0000000..3b284a5 --- /dev/null +++ b/con/icon.png diff --git a/con/links.lua b/con/links.lua new file mode 100644 index 0000000..310c09d --- /dev/null +++ b/con/links.lua @@ -0,0 +1,5 @@ +function Link(el) + el.attributes['target'] = "_blank" + el.attributes['rel'] = "noopener noreferrer" + return el +end diff --git a/con/rss-footer.xml b/con/rss-footer.xml new file mode 100644 index 0000000..2a50899 --- /dev/null +++ b/con/rss-footer.xml @@ -0,0 +1,5 @@ + + <!-- START OF FOOTER FILE --> + + </channel> +</rss> diff --git a/con/rss-header.xml b/con/rss-header.xml new file mode 100644 index 0000000..e591b91 --- /dev/null +++ b/con/rss-header.xml @@ -0,0 +1,14 @@ +<?xml version="1.0" encoding="UTF-8" ?> +<rss version="2.0"> + <channel> + <title>hitler.rip</title> + <link>https://hitler.rip/articles</link> + <description>hitler.rip /articles/</description> + <image> + <url>../icon.png</url> + <link>/</link> + <title>Logo</title> + </image> + + <!-- END OF HEADER FILE --> + diff --git a/con/style.css b/con/style.css new file mode 100644 index 0000000..df54508 --- /dev/null +++ b/con/style.css @@ -0,0 +1,208 @@ +/* hitler.rip + * stylesheet for my website + * © 2025 hitler.rip <git@hitler.rip> + * licensed under AGPLv3-or-later; see licenses/code.md for more information + */ + +body { + background-color: #1e1e2e; + color: #cdd6f4; + accent-color: #f38ba8; + font-family: Inter, "Liberation Sans", Arial, Helvetica, sans-serif; + font-variant-numeric: slashed-zero; + font-weight: 400; +} + +header nav { + background-color: #f38ba8; + color: #1e1e2e; + display: flex; + flex-direction: row; + justify-content: space-between; + padding: 10px 15px 10px 15px; + border: 1px solid #f38ba8; + border-radius: 16px; + align-items: center; + @media (width < 48rem) { + flex-direction: column; + } +} +header .left a { + display: flex; + flex-direction: row; + align-items: center; + justify-content: start; + color: #1e1e2e; + text-decoration: none; +} +header .left img { + display: block; + height: 52px; + width: 52px; + margin: 0 10px; + @media (width < 48rem) { + margin-left: 0; + } +} +header .left h1 { + display: block; + color: #1e1e2e; +} +header .right { + color: #1e1e2e; + margin: 0 10px; + text-align: center; +} +header .right a { + color: #1e1e2e; +} + +footer { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + text-align: center; + color: #6c7086; + margin: 15px 0 15px 0; +} +footer hr { + color: #6c7086; + width: 50%; + max-width: 50%; + @media (width < 48rem) { + width: 90%; + max-width: 90%; + } + margin-bottom: 15px; +} +footer a { + color: #6c7086; +} + + +main { + display: flex; + align-items: center; + justify-content: center; + text-align: center; + overflow-wrap: anywhere; +} +main > div { + width: 100%; + @media (width >= 48rem) { + max-width: 700px; + } +} + +h1, h1 > a, +h2, h2 > a, +h3, h3 > a, +h4, h4 > a, +h5, h5 > a, +h6, h6 > a, +hr { + color: #f38ba8; + font-weight: bold; +} + +p { + text-align: justify; +} + +a { + color: #f38ba8; +} + +i, em { + color: #a6adc8; +} +del, s { + color: #f38ba8; + text-decoration-color: #f38ba8; + text-decoration-thickness: 3px; +} +code { + font-family: monospace; + background-color: #45475a; + border-radius: 2px; + padding: 0.5px 1px 0.5px 1px; +} + +blockquote { + text-align: left; + background: linear-gradient(90deg, #313244, #1e1e2e); + border-radius: 2px; + padding: 5px 5px 5px 10px; + margin: 1px 0 5px 0; + border-left: 4px solid #89b4fa; +} +pre { + font-family: monospace; + text-align: left; + overflow: scroll; + background-color: #45475a; + border-radius: 2px; + padding: 5px 5px 5px 10px; + margin: 1px 0 5px 0; + border-left: 4px solid #fab387; + /* syntax highlighting */ +} + +ul,ol { + list-style-position: inside; + text-align: left; +} +ul { + list-style-type: disc; +} +ol { + list-style-type: decimal; +} +ul > ul { + margin-left: 5px; + list-style-type: circle; +} +ul > ol { + margin-left: 5px; + list-style-type: upper-roman; +} +ol > ol { + margin-left: 5px; + list-style-type: lower-alpha; +} +ol > ul { + margin-left: 5px; + list-style-type: square; +} + +table { + table-layout: auto; + width: 100%; + border-collapse: collapse; + border: 1px solid #f38ba8; + margin-bottom: 5px; +} +thead { + color: #f38ba8; +} +td, th { + padding: 3px; + border: 1px solid #f38ba8; + white-space: wrap; +} +td:first-child, th:first-child { + width: fit-content; + white-space: nowrap; +} +tfoot td, tfoot th { + font-size: small; + color: #f2cdcd; +} + +img { + max-width: 45%; + display: block; + margin-left: auto; + margin-right: auto; +} |
