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 # Create the resources folder and copy over our style sheets
my $res-dir = $out-dir.add('resources/'); my $res-dir = $out-dir.add('resources/');
mkdir $res-dir unless $res-dir.e; mkdir $res-dir unless $res-dir.e;
$res-dir.add('colors.css').spurt: %?RESOURCES<colors.css>.slurp; # symlink the resources directory to make "interactive" styling eaiser
$res-dir.add('main.css').spurt: %?RESOURCES<main.css>.slurp; # TODO: Directories support
$res-dir.add('code.css').spurt: %?RESOURCES<code.css>.slurp; %?RESOURCES<colors.css>.IO.symlink: $res-dir.add('colors.css');
$res-dir.add('admonitions.css').spurt: %?RESOURCES<admonitions.css>.slurp; %?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 #| 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/; $out ~~ s:g/\s+ ',' \s+ '<span'/, <span/;
# Fixup unit test divs # 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="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 $out
} }

2
resources/code.css
View file

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

5
resources/colors.css
View file

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