org-mode CSS more examples

src/assets/css/minimalist.css

@@ -1,3 +1,7 @@
+/* CSS to be used for HTML Org-mode export
+
+   Author: Yann Esposito
+*/
 body {
     font-family: "Helvetica neue", sans-serif;
     font-size: 15px;
@@ -157,3 +161,13 @@ h6 { color: #859900;}
 td, th { border-color: #073642; }
 code { background: #002b36; }
 /* -------- */
+/* org mode statuses */
+.todo, .done { color: #000; font-family: "courier new", monospace; font-size: 12px; font-weight: bold; line-height: 20px; padding: 1px 1ex; }
+.TODO { background-color: #dc322f; }
+.IN_PROGRESS { background-color: #b58900; }
+.IN_REVIEW { background-color: #2aa198; }
+.HOLD { background-color: #6c71c4; }
+.WAITING { background-color: #6c71c4; }
+.DONE { background-color: #859900; }
+.CANCELED { background-color: #d33682; }
+.timestamp-wrapper { font-family: "courier new", monospace; font-size: 12px; }

src/index.org

@@ -6,11 +6,14 @@
 #+DESCRIPTION:
 #+LANGUAGE: en
 #+LANG: en
-#+OPTIONS: H:6
+#+OPTIONS: H:5
 
 This is a new take on my personal blog.
 With a lot more minimalism in mind.
 
+I know light is more usual, but I prefer to use a dark background as it will
+tend to consume slightly less energy for some screen technologies.
+
 With [[http://orgmode.org][org-mode]]
 
 * Code magic                                                                            :noexport:
@@ -189,13 +192,13 @@ Text can be *bold*, /italic/, +strikethrough+ or =keyword=.
 
 There should be whitespace between paragraphs.
 
-* Header 2
+** Level 2
 
  There should be whitespace between paragraphs.
  GitHub is a code hosting platform for version control and collaboration.
  It lets you and others work together on projects from anywhere.
 
-** Header 3
+*** Level 3
 
  #+begin_quote
  This is a blockquote folling a header.
@@ -204,7 +207,7 @@ When something is important enough, you do it even if the odds are not in your
  favor.
  #+end_quote
 
-*** Header 4
+**** Level 4
 
  #+begin_src javascript
  // Javascript code with syntax highlighting.
@@ -237,14 +240,12 @@ main = do
    putStrLn $ "Hello " <> name <> "!"
  #+end_src
 
-**** Header 5
+***** Level 5
 
  - this is an unordered list following a header.
  - this is an unordered list following a header.
  - this is an unordered list following a header.
 
-***** Header 6
-
  1. this is an ordered list following a header.
  2. this is an ordered list following a header.
     - sub unordered
@@ -272,7 +273,7 @@ There's a horizontal rule below this
 
  ------
 
-** Here is an unordered list:
+*** Here is an unordered list:
 
  - level 1 item
    - level 2 item
@@ -290,3 +291,18 @@ There's a horizontal rule below this
    - level 2 item
    - level 2 item
    - level 2 item
+
+***** TODO todo
+****** IN-PROGRESS in-progress
+******* IN-REVIEW in-review
+****** HOLD on hold state
+       - State "HOLD"       from "IN-REVIEW"  [2019-07-09 Tue 13:44] \\
+         some reason
+****** WAITING waiting status
+       - State "WAITING"    from              [2019-07-09 Tue 13:44] \\
+         waitin for someone
+****** DONE done status
+****** CANCELED canceled status
+       CLOSED: [2019-07-09 Tue 13:45]
+       - State "CANCELED"   from              [2019-07-09 Tue 13:45] \\
+         cancel reason