diff --git a/lib/Config.rakumod b/lib/Config.rakumod index 871abb8..b836b95 100644 --- a/lib/Config.rakumod +++ b/lib/Config.rakumod @@ -5,7 +5,7 @@ use DB::BlogMeta; unit class Config; - +# TODO: Support GFM admonitions method generate-post(Str:D $title, Str:D $content, BlogMeta:D $meta) { my $head = head [ meta :charset; @@ -15,6 +15,11 @@ method generate-post(Str:D $title, Str:D $content, BlogMeta:D $meta) { # Use Iosevka Alie as the monospace font link :rel, :href; + # Use open sans as the content font + link :rel :href; + link :rel :href :crossorigin; + link :rel, + :href; style %?RESOURCES.slurp; style %?RESOURCES.slurp; # TODO: Add description diff --git a/projects/Markdown/MyNewBlog.md b/projects/Markdown/MyNewBlog.md index 965b3f2..59e094b 100644 --- a/projects/Markdown/MyNewBlog.md +++ b/projects/Markdown/MyNewBlog.md @@ -1,3 +1,23 @@ # My New Blog This is a blog that uses a static site generator written in raku! + +## A sub headings + +With some text under it + +### A third layer + +Even more text + +## Back up + +function debug null byte compile syntax error protocol stack overflow cache memory leak parse integer void pointer exception handler runtime deploy code fragment database query optimize algorithm refactor git commit push merge conflict + +### Back down + +here we go + +#### even further + +weeeeee diff --git a/resources/code.css b/resources/code.css index 7abcc7f..7c14631 100644 --- a/resources/code.css +++ b/resources/code.css @@ -8,6 +8,7 @@ code { pre > code { display: block; padding: 1rem; + border-radius: 0.55rem / 0.5rem; } .hl-type { diff --git a/resources/main.css b/resources/main.css index f587fa8..dad7989 100644 --- a/resources/main.css +++ b/resources/main.css @@ -2,6 +2,7 @@ color-scheme: light dark; color: light-dark(#474747, #b9b9b9); background-color: light-dark(#ebebeb, #252525); + font-family: "Open Sans", sans-serif, serif; } body { @@ -13,14 +14,30 @@ body { .post-body { width: 66%; display: block; - padding: 1rem; + padding: 3rem; + border-radius: 1rem; background-color: light-dark(#ffffff, #181818); } .post-body > h1 { text-align: center; + color: light-dark(#dd0f9d, #eb6eb7); } -.post-body > p { - text-align: justify; +.post-body > h2 { + text-align: center; + color: light-dark(#282828, #dedede); +} + +.post-body > h3 { + text-align: center; + color: light-dark(#282828, #dedede); +} + +.post-body > h4 { + text-align: center; + color: light-dark(#282828, #dedede); +} +.post-body > p { + text-indent: 2ch; }