Styleguide

This page’s goal is to show and test the stylesheet of this website. Most pages use the same layout. The styling must be readable and accessible on complete and simpler web browsers. I test pages with and without CSS enabled. The stylesheet is tested with links2 and Netsurf. I’d like to test it with ladybird as well.

There’s no dark mode here, sorry. There’s a night time mode if you have javascript enabled, though.

Header 1

Header 2

Header 3

This is a paragraph. This is bold. This is an internal link, and this is an external link. This is some inline code. This is a reference¹.

This is another paragraph: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

This is a blockquote

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

This is a…

Definition list

Something

I define the Something

// This is a preformatted block
pub const Logger = @This();

pub fn scopped(comptime scope: @Type(.EnumLiteral)) type {
    if (builtin.is_test) {
        return struct {
            pub const logger = std.log.scoped(scope);
            pub const err = warn;
            pub const warn = info;
            pub const info = logger.info;
            pub const debug = logger.debug;
        };
    } else return std.log.scoped(scope);
}

const std = @import("std");
const builtin = @import("builtin");

// Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

One Figure

I used an empty data as the img source. If your browser is simpler and shows nothing but the caption, this is the expected behaviour.

Two Figures

Three Figures

Four Figures