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

Improve unit test styling

Browse source
This commit is contained in:
Nathan McCarty 2025-02-10 18:30:33 -05:00
parent dcc6799e6f
commit 9246e914fe
4 changed files with 12 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
lib/DB.rakumod
View file

@ -157,10 +157,12 @@ class PostDB {
# Create the resources folder and copy over our style sheets
my $res-dir = $out-dir.add('resources/');
mkdir $res-dir unless $res-dir.e;
$res-dir.add('colors.css').spurt: %?RESOURCES<colors.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('admonitions.css').spurt: %?RESOURCES<admonitions.css>.slurp;
# symlink the resources directory to make "interactive" styling eaiser
# TODO: Directories support
%?RESOURCES<colors.css>.IO.symlink: $res-dir.add('colors.css');
%?RESOURCES<main.css>.IO.symlink: $res-dir.add('main.css');
%?RESOURCES<code.css>.IO.symlink: $res-dir.add('code.css');
%?RESOURCES<admonitions.css>.IO.symlink: $res-dir.add('admonitions.css');
}
#| Get a list of posts sorted by date

1
lib/Render/Util.rakumod
View file

@ -13,6 +13,7 @@ sub show-html($html) is export {
$out ~~ s:g/\s+ ',' \s+ '<span'/, <span/;
# Fixup unit test divs
$out ~~ s:g/'<div class="unit-test">' \s* '<pre><code class="idris-code">&nbsp;&nbsp;'/<div class="unit-test"><span><i class='bx bx-check-circle'><\/i>Unit Test<\/span><pre><code class="idris-code">/;
$out ~~ s:g/'<div class="warn-unit-test">' \s* '<pre><code class="idris-code">&nbsp;&nbsp;'/<div class="unit-test"><span><i class='bx bx-info-circle'><\/i>Unit Test<\/span><pre><code class="idris-code">/;
$out
}

2
resources/code.css
View file

@ -40,7 +40,7 @@ pre {
border-radius: 0.55rem / 0.5rem;
}
.unit-test > pre {
width: auto;
width: 100%;
}
.unit-test i {
font-size: 1.5rem;

5
resources/colors.css
View file

@ -85,9 +85,12 @@ blockquote {
background-color: var(--bg-2);
color: var(--fg-1);
}
.unit-test i {
.unit-test .bx-check-circle {
color: var(--green);
}
.unit-test .bx-info-circle {
color: var(--yellow);
}
/* Colorization for idris code blocks */
code {