thatonelutenist/website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Support admonitions

Browse source
This commit is contained in:
Nathan McCarty 2025-02-09 07:31:26 -05:00
parent bdceab7652
commit 1d91c51084
4 changed files with 87 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
lib/Config.rakumod
View file

@ -10,7 +10,6 @@ use DB::Post;
unit class Config; unit class Config;
# TODO: Support GFM admonitions
method generate-post(Int:D $id, Post:D $post, $db) { method generate-post(Int:D $id, Post:D $post, $db) {
my $meta = $db.meta; my $meta = $db.meta;
my $content = $post.render-html; my $content = $post.render-html;

1
lib/DB.rakumod
View file

@ -160,6 +160,7 @@ class PostDB {
$res-dir.add('colors.css').spurt: %?RESOURCES<colors.css>.slurp; $res-dir.add('colors.css').spurt: %?RESOURCES<colors.css>.slurp;
$res-dir.add('main.css').spurt: %?RESOURCES<main.css>.slurp; $res-dir.add('main.css').spurt: %?RESOURCES<main.css>.slurp;
$res-dir.add('code.css').spurt: %?RESOURCES<code.css>.slurp; $res-dir.add('code.css').spurt: %?RESOURCES<code.css>.slurp;
$res-dir.add('admonitions.css').spurt: %?RESOURCES<admonitions.css>.slurp;
} }
#| Get a list of posts sorted by date #| Get a list of posts sorted by date

2
lib/Render/Head.rakumod
View file

@ -38,6 +38,8 @@ sub generate-head(BlogMeta:D $meta, $title?, $description?) is export {
:href</resources/main.css>; :href</resources/main.css>;
link :rel<stylesheet>, link :rel<stylesheet>,
:href</resources/code.css>; :href</resources/code.css>;
link :rel<stylesheet>,
:href</resources/admonitions.css>;
] ]
} }

84
resources/admonitions.css Normal file
View file

@ -0,0 +1,84 @@
/* Universal configuration */
.note,
.tip,
.important,
.warning,
.caution {
display: flex;
flex-direction: row;
width: 66%;
box-sizing: border-box;
background-color: var(--bg-1);
color: var(--fg-1);
padding: 0.5rem;
border-radius: 1rem;
border: solid 0.5rem;
margin-top: var(--box-margin-vert);
margin-bottom: var(--box-margin-vert);
}
.note .title,
.tip .title,
.important .title,
.warning .title,
.caution .title {
align-self: center;
}
.note .title p,
.tip .title p,
.important .title p,
.warning .title p,
.caution .title p {
font-size: 0;
display: inline-block;
position: relative;
}
.note .title p::before,
.tip .title p::before,
.important .title p::before,
.warning .title p::before,
.caution .title p::before {
font-family: 'boxicons' !important;
font-size: 3rem;
display: inline-block;
}
/* Notes */
.note {
border-color: var(--blue);
}
.note .title p::before {
content: "\eb21";
color: var(--blue);
}
/* Tips */
.tip {
border-color: var(--green);
}
.tip .title p::before {
content: "\eb0d";
color: var(--green);
}
/* Importants */
.important {
border-color: var(--violet);
}
.important .title p::before {
content: "\eb0d";
color: var(--violet);
}
/* Warnings */
.warning {
border-color: var(--orange);
}
.warning .title p::before {
content: "\e9a3";
color: var(--orange);
}
/* Cautions */
.caution {
border-color: var(--red);
}
.caution .title p::before {
content: "\ee87";
color: var(--red);
}