org-mode CSS more examples
This commit is contained in:
Yann Esposito (Yogsototh)
parent
76e3df0caf
commit
ec8276f5a4
GPG key ID:
7B19A4C650D59646
|
|
@ -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; }
|
||||||
|
|
|
||||||
184
src/index.org
184
src/index.org
|
|
@ -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,104 +192,117 @@ 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.
|
||||||
|
|
||||||
When something is important enough, you do it even if the odds are not in your
|
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.
|
||||||
var fun = function lang(l) {
|
var fun = function lang(l) {
|
||||||
dateformat.i18n = require('./lang/' + l)
|
dateformat.i18n = require('./lang/' + l)
|
||||||
return true;
|
return true;
|
||||||
}
|
}
|
||||||
#+end_src
|
#+end_src
|
||||||
|
|
||||||
#+begin_src ruby
|
#+begin_src ruby
|
||||||
# Ruby code with syntax highlighting
|
# Ruby code with syntax highlighting
|
||||||
GitHubPages::Dependencies.gems.each do |gem, version|
|
GitHubPages::Dependencies.gems.each do |gem, version|
|
||||||
s.add_dependency(gem, "= #{version}")
|
s.add_dependency(gem, "= #{version}")
|
||||||
end
|
end
|
||||||
#+end_src
|
#+end_src
|
||||||
|
|
||||||
#+begin_src clojure
|
#+begin_src clojure
|
||||||
(defn clj-fn
|
(defn clj-fn
|
||||||
"A clojure function with syntax highlighting"
|
"A clojure function with syntax highlighting"
|
||||||
[arg]
|
[arg]
|
||||||
(clojure.pprint/pprint arg))
|
(clojure.pprint/pprint arg))
|
||||||
#+end_src
|
#+end_src
|
||||||
|
|
||||||
#+begin_src haskell
|
#+begin_src haskell
|
||||||
-- main hello world
|
-- main hello world
|
||||||
main :: IO ()
|
main :: IO ()
|
||||||
main = do
|
main = do
|
||||||
putStrLn "What is your name?"
|
putStrLn "What is your name?"
|
||||||
name <- getLine
|
name <- getLine
|
||||||
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.
|
||||||
|
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.
|
| head1 | head two |
|
||||||
2. this is an ordered list following a header.
|
|--------------+-------------------|
|
||||||
- sub unordered
|
| ok | good swedish fish |
|
||||||
- sub sub unordered
|
| out of stock | good and plenty |
|
||||||
- xxx
|
| ok | good =oreos= |
|
||||||
- unordered
|
| ok | good =zoute= drop |
|
||||||
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 |
|
There's a horizontal rule below this
|
||||||
|--------------+-------------------|
|
|
||||||
| ok | good swedish fish |
|
|
||||||
| out of stock | good and plenty |
|
|
||||||
| ok | good =oreos= |
|
|
||||||
| ok | good =zoute= drop |
|
|
||||||
|
|
||||||
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
|
***** TODO todo
|
||||||
- level 2 item
|
****** IN-PROGRESS in-progress
|
||||||
- level 2 item
|
******* IN-REVIEW in-review
|
||||||
- level 2 item
|
****** HOLD on hold state
|
||||||
- level 3 item
|
- State "HOLD" from "IN-REVIEW" [2019-07-09 Tue 13:44] \\
|
||||||
- level 3 item
|
some reason
|
||||||
- level 1 item
|
****** WAITING waiting status
|
||||||
- level 2 item
|
- State "WAITING" from [2019-07-09 Tue 13:44] \\
|
||||||
- level 3 item
|
waitin for someone
|
||||||
- level 3 item
|
****** DONE done status
|
||||||
- level 2 item
|
****** CANCELED canceled status
|
||||||
- level 2 item
|
CLOSED: [2019-07-09 Tue 13:45]
|
||||||
- level 1 item
|
- State "CANCELED" from [2019-07-09 Tue 13:45] \\
|
||||||
- level 2 item
|
cancel reason
|
||||||
- level 2 item
|
|
||||||
- level 2 item
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue