Getting Started

This is my minimal blog started, inspired by the design of the Attila Ghost theme, and styled with Tailwind CSS.

Blog posts here are written using Markdown. However, you are free to use HTML inside Markdown, for any elements not covered by the spec.

Markdown is intended to be as easy-to-read and easy-to-write as is feasible. Readability, however, is emphasized above all else. A Markdown-formatted document should be publishable as-is, as plain text, without looking like it’s been marked up with tags or formatting instructions.

Heading 3

Heading 4

Heading 5

Heading 6

Heading 1 is the title of this page. You should only use it once in a document.

Links

When you paste in a URL like so: https://bartick.me, it will be automatically converted to a link. Otherwise, you can use the standard [link text](https://...) markdown to create a link.

Style

Bold: Bold or Bold Italic: Italic or Italic Strike Through: Strike Bold and Italic: BoldItalic or BoldItalic

Ordered list

1. python
2. root
3. public
4. bypass

Unordered list

• boolean
• stack
• foad
• tarball

A definition list

This list is created using <dl>, <dt>, and <dd> HTML tags.

First Term

This is the definition of the first term.

Second Term

This is one definition of the second term.

This is another definition of the second term.

Blockquotes

Trojan horse protected afk finally irc ip new kilo fork boolean. Int ack long less lib crack emacs gnu foo . segfault suitably small values ascii rsa throw void I’m sorry Dave

Code

Fenced codeblocks

This website uses uses highlight.js to add syntax highlighting to code blocks.

<template>
  <div>
    <h1>My Todo App!</h1>
    <TodoList/>
  </div>
</template>

<script setup>
import TodoList from './components/TodoList.vue'
</script>

<style lang="postcss">
h1 {
  font-size: 50px;
}
</style>

Of course, it also styles inline code blocks.

Images

Here’s a local image:

Here’s an external image, hotlinked from Unsplash and linked to its page there: