org-mode CSS more examples

This commit is contained in:
Yann Esposito (Yogsototh) 2019-07-09 14:03:32 +02:00
parent 76e3df0caf
commit ec8276f5a4
Signed by untrusted user who does not match committer: yogsototh
GPG Key ID: 7B19A4C650D59646
2 changed files with 114 additions and 84 deletions

View File

@ -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; }

View File

@ -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,104 +192,117 @@ 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.
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.
#+begin_quote
This is a blockquote folling a header.
When something is important enough, you do it even if the odds are not in your
favor.
#+end_quote
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.
var fun = function lang(l) {
dateformat.i18n = require('./lang/' + l)
return true;
}
#+end_src
#+begin_src javascript
// Javascript code with syntax highlighting.
var fun = function lang(l) {
dateformat.i18n = require('./lang/' + l)
return true;
}
#+end_src
#+begin_src ruby
# Ruby code with syntax highlighting
GitHubPages::Dependencies.gems.each do |gem, version|
s.add_dependency(gem, "= #{version}")
end
#+end_src
#+begin_src ruby
# Ruby code with syntax highlighting
GitHubPages::Dependencies.gems.each do |gem, version|
s.add_dependency(gem, "= #{version}")
end
#+end_src
#+begin_src clojure
(defn clj-fn
"A clojure function with syntax highlighting"
[arg]
(clojure.pprint/pprint arg))
#+end_src
#+begin_src clojure
(defn clj-fn
"A clojure function with syntax highlighting"
[arg]
(clojure.pprint/pprint arg))
#+end_src
#+begin_src haskell
-- main hello world
main :: IO ()
main = do
putStrLn "What is your name?"
name <- getLine
putStrLn $ "Hello " <> name <> "!"
#+end_src
#+begin_src haskell
-- main hello world
main :: IO ()
main = do
putStrLn "What is your name?"
name <- getLine
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.
- 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
- sub sub unordered
- xxx
- unordered
1. ordered again
2. yep :)
3. this is an ordered list following a header.
1. sub ordered
2. second
1. sub sub ordered
2. still
3. here
4. 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.
- sub unordered
- sub sub unordered
- xxx
- unordered
1. ordered again
2. yep :)
3. this is an ordered list following a header.
1. sub ordered
2. second
1. sub sub ordered
2. still
3. here
4. this is an ordered list following a header.
| head1 | head two |
|--------------+-------------------|
| ok | good swedish fish |
| out of stock | good and plenty |
| ok | good =oreos= |
| ok | good =zoute= drop |
| head1 | head two |
|--------------+-------------------|
| ok | good swedish fish |
| out of stock | good and plenty |
| ok | good =oreos= |
| ok | good =zoute= drop |
There's a horizontal rule below this
There's a horizontal rule below this
------
------
*** Here is an unordered list:
** Here is an unordered list:
- level 1 item
- level 2 item
- level 2 item
- level 2 item
- level 3 item
- level 3 item
- level 1 item
- level 2 item
- level 3 item
- level 3 item
- level 2 item
- level 2 item
- level 1 item
- level 2 item
- level 2 item
- level 2 item
- level 1 item
- level 2 item
- level 2 item
- level 2 item
- level 3 item
- level 3 item
- level 1 item
- level 2 item
- level 3 item
- level 3 item
- level 2 item
- level 2 item
- level 1 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