Notes for showcasing design
What this is
This note is strictly for showcasing how the things that org-mode has functionality for translates into the actual html output itself. If you don't know what org-mode is, you can read about it here. I'll basically copy/paste the source they used there which show most of the functionality and put it here. The note you are reading right now is the actual output of the build system using this org-mode file as a source.
Markup
Org is a markup language and can be used for all kinds of things,
such as italics, bold,
strikethrough and underline.
It can also combine these styles, such as here. It also has the
verbatim and code
styles. Additionally we
may, if we choose to use the right publishing option,
use sub and superscripts, likethis or likethat.
To make a true underline we can use_for this. We should also have
access to special symbols: π and also embed latex \(x^2 = \int \sin(y +
z)\) or even do equations
which may even be referenced \eqref{org90ac15e}.
Headlines
Org-mode has headlines, we can descend down.
Headline: 1 level down
Headline: 2 levels down
-
Headline: 3 levels down
-
Headline: 4 levels down
Note that due to chosen options during the org-publishing export, levels below some point will be made into lists or just ignored.
-
Headline: 4 levels down
Lists
We can create unordered lists like:
- The first list item
- The second
- And so forth
If we want, we can also create ordered items as
- First item
- We can also nest them
- Oh yeah
- Second item
and so forth.
Finally, we can also make lists with descriptions
- First element
- This is the first element
- Second element
- This is the second element
Tables
We can create tables, with captions
Skill | Years | Level (out of 10) |
---|---|---|
Webdev | 0 | 2 |
ML | 9 | 9 |
Links
We can link to many, many things in different ways. Internally we can link to other headings and also to other files completely (but the links need to be relative for this to work when exporting to html). Finally, we have links to [BROKEN LINK: yt:SzA2YODtgK4] and more, each one handled by their own way internally by org-mode. However, how these are exported vary and all may not be supported.
We can also link to images and style them for example here setting the width to be 300 pixels
We can also link internal targets globally like this picture of myself, with a true internal link being this . This also works for lists
Look how we can link 2!
Dates
We can add dates inline
.Blocks
There are a great number of predefined blocks
To be, or not to be, that is the question
We can make notes
A quick note
Or center text
Let's center some text
Finally, here is an example
Here is a quick example
This is a verse.
But probably source blocks are the most useful ones (?)
while True: print("Emacs ❤️ Org")