Designing This Website*

* without knowing how web-development actually works Lasted edited: 2026-07

My web-development experience mainly consists of one thing: basic HTML5.

Framework

The webserver is written in C++ and builds with CMake + vcpkg, I have no other package managers (looking at you: npm).

Each page is written in markdown (CommonMark) with a few additional capabilities. These get rendered to HTML in the backend which gets served in this main article node. The non-stylized pages can be fetched from /pages/<path-to-page>.html like for this page.

The non-stylized directory is also used for for the Single Page Application styling where navigation requests are intercepted to instead just change the article's content.

The webserver is hosted thorugh cpp-httplib. I used md4c to actually translate Markdown into HTML, quickjs-ng to do backend rendering with highlight.js for code syntax highlighting Temml for $\text{T}\text{E}\text{X}$ rendering.

Styles

Math

Some inline math: $e^{i\theta }=\cos (\theta )+i\sin (\theta )$.

$${\int }_{\partial \mathrm{\Omega }}\omega ={\int }_{\mathrm{\Omega }}d\omega ⟹{\iint }_{\mathrm{\Sigma }}(\nabla \times F)\cdot d\mathrm{\Sigma }={\oint }_{\partial \mathrm{\Sigma }}F\cdot d\mathrm{\Gamma }$$

Code

Some inline code: std::vector<int>.

import std;

int main() {
    std::println("Hello World!");
}

Table

Number of letters in English-written numbers.

Quote

This is a quote by myself:

Redundant redundancies are redundant.

Iyad Hamid

What a great quote.

Images