Demo

Markdown

It is H3 headers that work best in Ascent; in Markdown you’d write this as ### Header.

  1. Lists. I think we should avoid nesting ordered lists within ordered lists. So when nesting a list underneath an ordered list, we’d usually make it unordered:
    • This is the first item of the nested list.
    • This is the second item of the nested list.
  1. Tables. Following some general recommendations, similar to the ones that Butterick makes in Practical Typography, tables do not have cell borders and are instead generously spaced:

    Station First train Last train
    Santolan 4:30 AM 10:00 PM
    Recto 4:30 AM 10:30 PM
    Baclaran 5:00 AM 10:00 PM
    Roosevelt 5:00 AM 10:15 PM
  2. Images. Here is a random photo, provided through Lorem Picsum. Refreshing the page will give a different picture. The picture is also a link.

We will separate the next section with a line:


Although not much emphasis is placed on making code blocks look very nice, they do look okay. This sample is taken from Mercurial’s merge.py:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
@staticmethod
def getlocalkey(path):
"""hash the path of a local file context for storage in the .hg/merge
directory."""

return hex(hashutil.sha1(path).digest())

def add(self, fcl, fco, fca, fd):
"""add a new (potentially?) conflicting file the merge state
fcl: file context for local,
fco: file context for remote,
fca: file context for ancestors,
fd: file path of the resulting merge.

note: also write the local version to the `.hg/merge` directory.
"""
if fcl.isabsent():
localkey = nullhex
else:
localkey = mergestate.getlocalkey(fcl.path())
self._repo.vfs.write(b'merge/' + localkey, fcl.data())
self._state[fd] = [
MERGE_RECORD_UNRESOLVED,
localkey,
fcl.path(),
fca.path(),
hex(fca.filenode()),
fco.path(),
hex(fco.filenode()),
fcl.flags(),
]
self._stateextras[fd] = {b'ancestorlinknode': hex(fca.node())}
self._dirty = True

You may want to consider what this post looks like in both serif and sans-serif, and light and dark mode. You can toggle these by clicking the buttons in the lower-right of the screen. The styling is also fully responsive.

Finally, here are the categories and tags for this post:

dark
sans