org-mode CSS more examples
This commit is contained in:
parent
76e3df0caf
commit
ec8276f5a4
|
@ -1,3 +1,7 @@
|
||||||
|
/* CSS to be used for HTML Org-mode export
|
||||||
|
|
||||||
|
Author: Yann Esposito
|
||||||
|
*/
|
||||||
body {
|
body {
|
||||||
font-family: "Helvetica neue", sans-serif;
|
font-family: "Helvetica neue", sans-serif;
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
|
@ -157,3 +161,13 @@ h6 { color: #859900;}
|
||||||
td, th { border-color: #073642; }
|
td, th { border-color: #073642; }
|
||||||
code { background: #002b36; }
|
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; }
|
||||||
|
|
|
@ -6,11 +6,14 @@
|
||||||
#+DESCRIPTION:
|
#+DESCRIPTION:
|
||||||
#+LANGUAGE: en
|
#+LANGUAGE: en
|
||||||
#+LANG: en
|
#+LANG: en
|
||||||
#+OPTIONS: H:6
|
#+OPTIONS: H:5
|
||||||
|
|
||||||
This is a new take on my personal blog.
|
This is a new take on my personal blog.
|
||||||
With a lot more minimalism in mind.
|
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]]
|
With [[http://orgmode.org][org-mode]]
|
||||||
|
|
||||||
* Code magic :noexport:
|
* Code magic :noexport:
|
||||||
|
@ -189,13 +192,13 @@ Text can be *bold*, /italic/, +strikethrough+ or =keyword=.
|
||||||
|
|
||||||
There should be whitespace between paragraphs.
|
There should be whitespace between paragraphs.
|
||||||
|
|
||||||
* Header 2
|
** Level 2
|
||||||
|
|
||||||
There should be whitespace between paragraphs.
|
There should be whitespace between paragraphs.
|
||||||
GitHub is a code hosting platform for version control and collaboration.
|
GitHub is a code hosting platform for version control and collaboration.
|
||||||
It lets you and others work together on projects from anywhere.
|
It lets you and others work together on projects from anywhere.
|
||||||
|
|
||||||
** Header 3
|
*** Level 3
|
||||||
|
|
||||||
#+begin_quote
|
#+begin_quote
|
||||||
This is a blockquote folling a header.
|
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.
|
favor.
|
||||||
#+end_quote
|
#+end_quote
|
||||||
|
|
||||||
*** Header 4
|
**** Level 4
|
||||||
|
|
||||||
#+begin_src javascript
|
#+begin_src javascript
|
||||||
// Javascript code with syntax highlighting.
|
// Javascript code with syntax highlighting.
|
||||||
|
@ -237,14 +240,12 @@ main = do
|
||||||
putStrLn $ "Hello " <> name <> "!"
|
putStrLn $ "Hello " <> name <> "!"
|
||||||
#+end_src
|
#+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.
|
- 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.
|
1. this is an ordered list following a header.
|
||||||
2. this is an ordered list following a header.
|
2. this is an ordered list following a header.
|
||||||
- sub unordered
|
- 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 1 item
|
||||||
- level 2 item
|
- level 2 item
|
||||||
|
@ -290,3 +291,18 @@ There's a horizontal rule below this
|
||||||
- level 2 item
|
- level 2 item
|
||||||
- level 2 item
|
- 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
|
||||||
|
|
Loading…
Reference in a new issue