From d1ff1dc384e4e1b813e5e64bc91a20a2f210adbf Mon Sep 17 00:00:00 2001 From: Niko Date: Tue, 19 May 2026 15:12:08 -0700 Subject: [PATCH] adding the makko blog in the repo !! --- blog/makko.json | 35 +++++++++ blog/posts/meow.md | 21 ++++++ blog/posts/styles.css | 152 +++++++++++++++++++++++++++++++++++++++ blog/posts/test.md | 18 +++++ blog/templates/feed.html | 41 +++++++++++ blog/templates/post.html | 28 ++++++++ 6 files changed, 295 insertions(+) create mode 100644 blog/makko.json create mode 100644 blog/posts/meow.md create mode 100644 blog/posts/styles.css create mode 100644 blog/posts/test.md create mode 100644 blog/templates/feed.html create mode 100644 blog/templates/post.html diff --git a/blog/makko.json b/blog/makko.json new file mode 100644 index 0000000..f6b11a5 --- /dev/null +++ b/blog/makko.json @@ -0,0 +1,35 @@ +{ + "$schema": "https://makko.starlightnet.work/schema.json", + "title": "niko's cool and awesome blog!", + "description": "my awesome blog made with makko!! waow", + "url": "https://yourweb.site", + "paths": { + "symlinks_enabled": false, + "cleanup_mode": "none", + "source": "posts/", + "templates": "templates/", + "output": "web/" + }, + "feeds": { + "html": "index.html", + "atom": "feed.atom", + "rss": "feed.rss", + "json": "feed.json" + }, + "custom": { + "hey1": "You can add anything here, then reference it in your templates", + "hey2": "or markdown files like this: {{custom.hey1}}, {{custom.hey2}}", + "note": "Any JSON input through STDIN will be overlaid on top of this." + }, + "callbacks": { + "on_change": null, + "on_create": null, + "on_delete": null, + "on_modify": null + }, + "hashes": { + "meet-makko0": "R-IH9Gz_lTo", + "sglW3YlqVQA": "LjWLGqKyIsA", + "f57aM8LVmM4": "cAzSrMZRj_g" + } +} \ No newline at end of file diff --git a/blog/posts/meow.md b/blog/posts/meow.md new file mode 100644 index 0000000..2fd92be --- /dev/null +++ b/blog/posts/meow.md @@ -0,0 +1,21 @@ +--- +id: f57aM8LVmM4 +title: meow +description: Hi +author: Niko +visibility: public +tags: meow mrrrrow +created: 2026-05-19T02:20:49+00:00 +edited: 2026-05-20T02:20:49+00:00 +--- +## hey guys + +meow + +``` +mrrrrrow +``` + +aaaaaaaaaaaaaaa + +this is a test mrrrrroow diff --git a/blog/posts/styles.css b/blog/posts/styles.css new file mode 100644 index 0000000..b6b320b --- /dev/null +++ b/blog/posts/styles.css @@ -0,0 +1,152 @@ +:root { + color-scheme: light dark; +} + +body { + max-width: 700px; + margin: auto; + text-align: justify; + font-family: + "Adwaita Sans", + "Inter", + system-ui, + -apple-system, + BlinkMacSystemFont, + "Segoe UI", + Roboto, + Oxygen, + Cantarell, + "Open Sans", + "Helvetica Neue", + sans-serif; + padding: 40px; + + display: flex; + flex-direction: column; + gap: 20px; +} + +section { + display: flex; + flex-direction: column; + gap: 10px; +} + +* { + padding: 0; + margin: 0; +} + +hr::before { + content: "---"; +} + +hr { + margin: auto; + border: none; + outline: none; +} + +a, +a:visited { + color: light-dark(mediumvioletred, hotpink); +} + +h1:not(:first-child), +h2:not(:first-child), +h3:not(:first-child), +h4:not(:first-child), +h5:not(:first-child) { + padding-top: 30px; +} + +ul { + display: flex; + flex-direction: column; + gap: 10px; +} + +code { + font-family: + ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, + "DejaVu Sans Mono", monospace; +} + +:not(pre) > code { + padding: 2px 4px; +} + +pre:has(code) { + border: 1px solid rgba(0, 0, 0, 0.4); + background-color: rgba(0, 0, 0, 0.1); + + padding: 12px 24px; + color: black; + font-size: 1.2em; + overflow-x: scroll; +} + +article { + border: 1px solid rgba(0, 0, 0, 0.4); + background-color: rgba(0, 0, 0, 0.1); + + padding: 10px; + display: flex; + flex-direction: column; + gap: 10px; +} + +table { + margin-top: 10px; + margin-bottom: 10px; + border-collapse: collapse; + overflow: hidden; +} + +th, +td { + border: 1px solid rgba(0, 0, 0, 0.4); + background-color: rgba(0, 0, 0, 0.1); + padding: 5px; +} + +.post-info { + font-family: "Adwaita Mono", monospace; + opacity: 0.8; +} + +.tag { + border: 1px solid black; + + background-color: white; + color: black; + + width: min-content; + padding: 1px 6px; +} + +.creation-date { + padding: 1px 6px; +} + +.tag::before { + content: "#"; + opacity: 0.6; + margin-right: 5px; +} + +@media (prefers-color-scheme: dark) { + :not(pre) > code { + color: white; + background-color: rgba(0, 0, 0, 0.8); + } + + pre:has(code), + article, + th, + td { + border: 1px solid rgba(255, 255, 255, 0.2); + background-color: rgba(0, 0, 0, 0.4); + color: white; + } +} diff --git a/blog/posts/test.md b/blog/posts/test.md new file mode 100644 index 0000000..199a569 --- /dev/null +++ b/blog/posts/test.md @@ -0,0 +1,18 @@ +--- +id: sglW3YlqVQA +title: test post +description: Hi +tags: test +author: Niko +visibility: public +created: 2026-05-19T04:51:10+00:00 +--- +## does this work? + +hi if u can see this then that means that this is working. hello! + +``` +here's some awesome code waow +``` + +one day i might actually write something here... diff --git a/blog/templates/feed.html b/blog/templates/feed.html new file mode 100644 index 0000000..51c7d58 --- /dev/null +++ b/blog/templates/feed.html @@ -0,0 +1,41 @@ + + + + + + + {{website.title}} + + + + + + + + < go back ! +
+

posts

+ + {{#posts}} + +
+ {{title}} +
+
+ {{#tags}} +

{{.}}

+ {{/tags}} +
+ + {{#created}} +

+ {{day}}/{{month}}/{{year}} {{hour}}:{{minute}} +

+ {{/created}} +
+
+ + {{/posts}} +
+ + diff --git a/blog/templates/post.html b/blog/templates/post.html new file mode 100644 index 0000000..6d98be4 --- /dev/null +++ b/blog/templates/post.html @@ -0,0 +1,28 @@ + + + + + + + {{website.title}} + + + + + + + + < {{website.title}} + +
+ {{#post}} +
+

{{title}} - written by {{author}}

+

{{description}}

+
+ +
{{{body}}}
+ {{/post}} +
+ + -- 2.51.2