blog.b3n.run

Hello World!

This is the first post in my new 11ty powered blog!

Syntax Highlighting

Just testing my blog's syntax highlighting...

yaml

name: blog
services:
    blog:
        image: my-blog:latest
        networks:
            - public
        pull_policy: always
        hostname: blog
        container_name: blog
        environment:
            BASE_URL: "https://blog.b3n.run"

networks:
    public:
        name: public
        external: true

TypeScript

type cb<T = string> = (t: T) => T;

const greet: cb = (t: string) => `Hello ${t}!`;

// => 'Hello World!'
console.log(greet("World"));

HTML

<div id="my-popover" popover role="navigation" aria-label="Main">
    <h1>My Popover</h1>
    <!-- Close button -->
    <button commandfor="my-popover" command="close-popover">
        Open Popover
    </button>
</div>

...

<!-- Toggle button -->
<button commandfor="my-popover" command="toggle-popover">
    Open Popover
</button>