About this site

Mon, 04 May 2026 06:37:27 +0200

This is a personal website I made for me and my friends.

The stack

The website is a static site generated using Hugo, with CSS done with TailwindCSS. LaTeX is rendered using MathJaX. Images are SVG files made using Inkscape. The fancy font for the logo is 精靈文．岩 / Elffont Rock.

The map uses LeafletJS for the UI and the OpenStreetMap tile server for the actual map.

The domain elves.tw is bought from PChome 買網址. This website is hosted on Cloudflare pages for free, and the Minecraft server… I’m not sure (willelm is renting it from some Minecraft server hosting provider).

Test page

Sat, 02 May 2026 12:48:21 +0200

H1 title

H2 title

H3 title

Look at this bold text, this italicized text, and this text that is both!

Here is a link to the CommonMark specification

this
is
an
unordered
list

Here is a block quote.

— Doggy

Here is an inline code span.

print("Hello world!")
print("This is a code block!")

this
is
an
ordered
list

Here is the definition of the \(\Gamma\) function for \(z \in \mathbb{C}\):

\[ \Gamma(z) = \int_0^\infty t^z \mathrm{e}^{-t} \,\mathrm{d} t \]

Below is a fenced code block with syntax highlighting:

for i in range(10):
    print(i)

Some examples of GoAT diagrams:

1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4

Shortcodes

QR code:

YouTube:

Highlighted code block (same as CommonMark fenced code block):

for i in range(10):
    print(i)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut id massa quis tellus varius interdum non molestie nunc. Cras erat ex, posuere vitae metus vel, tincidunt feugiat erat. Mauris pulvinar velit eget eros placerat tincidunt. Integer ipsum nunc, congue eu congue nec, vestibulum in dolor. Sed eu malesuada sapien. Praesent vehicula urna id arcu dapibus aliquam. Suspendisse lacinia lacinia laoreet. Sed augue orci, venenatis varius tincidunt in, tristique sed ipsum. Integer consequat condimentum dui, eu egestas lacus cursus gravida. Morbi eget arcu id tellus fringilla laoreet cursus sit amet leo. Nullam feugiat magna non elit dapibus maximus. Curabitur et risus at diam lacinia pharetra sed quis magna. Nulla at est at elit vestibulum vestibulum.

Vivamus blandit sapien dui, feugiat fringilla tortor sodales in. Donec id fermentum elit, et euismod lacus. Vivamus mollis rutrum elit, ac vestibulum arcu luctus eget. In rutrum viverra sapien, sit amet accumsan magna auctor a. Nulla ac interdum metus. Suspendisse molestie justo nisl, et luctus urna faucibus ac. Integer porta in tellus nec semper. Mauris sagittis velit eget elit condimentum efficitur. Sed purus justo, auctor ut sagittis ac, gravida nec odio. Duis maximus, quam ac mollis tempor, orci leo varius enim, ut mollis sapien diam in elit.

Phasellus ornare sagittis libero quis aliquam. Donec id erat sed dolor mattis elementum non nec ex. Cras molestie nisl et ipsum fermentum, at auctor ipsum porttitor. Nulla dictum interdum leo, at malesuada nunc fermentum ut. Nullam ut felis nunc. Cras non lacus quis est dictum pellentesque in vitae nisl. Aenean aliquam erat sed eros tincidunt, in suscipit diam accumsan. Curabitur vitae mollis leo. Proin feugiat cursus lacus ac lobortis. Vivamus semper suscipit sapien, eget egestas ex gravida hendrerit. Etiam ac massa vitae felis pretium tincidunt.

Cras vitae sem vitae orci mollis euismod quis vitae nisl. Mauris cursus in justo quis lobortis. Integer et metus dignissim, porta nunc non, elementum quam. Etiam sit amet magna pellentesque, malesuada urna quis, finibus lorem. Nam accumsan ligula ut enim laoreet imperdiet. Curabitur elit purus, interdum non volutpat eu, lacinia et lorem. Etiam sit amet maximus tellus. In vel felis sit amet lectus euismod faucibus.

Fusce ornare pulvinar ante, quis feugiat massa convallis a. Quisque at nulla quis justo imperdiet mollis. Morbi sed lacus tincidunt, aliquam leo non, gravida lacus. Nam varius justo sit amet turpis pretium ultricies. Duis auctor elit nec lacinia placerat. Praesent dapibus enim nec elit tempor, non auctor ante pellentesque. Nunc tincidunt iaculis venenatis. Nunc congue magna lectus. Nam at sodales leo. Pellentesque congue dolor quis sollicitudin ultricies. Suspendisse dapibus ultricies aliquet. Pellentesque imperdiet, lorem vitae posuere pretium, elit augue porttitor urna, ut ornare quam nulla convallis nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Aenean at aliquam nulla, non laoreet sem. Quisque posuere porttitor velit, vitae condimentum risus ornare ac. Suspendisse eget interdum arcu.