Styleguide
← Back to homeText
We use Comic Mono as the default font for the entire site.
When showing code we use IBM Plex Mono instead.
Headlines
h1
Hello World!
h2Hello World!
h3Hello World!
h4Hello World!
Links
Links generally look like this.
Dates
The date string '2023-06-27T12:30:08.310Z'
formatted in different styles:
- year:
- month:
- day:
Lists
Ol
- Foo
- Bar
- Baz
Ul
- Foo
- Bar
- Baz
Dl
- –
- Senior Software Engineer , sprd.net AG, TeamShirts
- –
- Software Engineer, sprd.net AG, TeamShirts
- –
- Independent scholar, Max Planck Institute for the Science of Human History
- –
- Student assistant, Max Planck Institute for Evolutionary Anthropology
Images
Video
Code
import SyntaxHighlighter from 'react-syntax-highlighter';
import { docco } from 'react-syntax-highlighter/dist/esm/styles/hljs';
const Component = () => {
const codeString = '(num) => num + 1';
return (
<SyntaxHighlighter language="javascript" style={docco}>
{codeString}
</SyntaxHighlighter>
);
}; Blockquote
Oh, what a cool quote this could be!
Details
Summary
An extended explanation of something summarized before.Lightboxes
Encrypted
Try password 'test':