her.esy.fun/src/demo.org

#+TITLE: This is the title
#+AUTHOR: Yann Esposito
#+EMAIL: yann@esposito.host
#+KEYWORDS: programming
#+DESCRIPTION: css demonstration
#+OPTIONS: H:5
#+OPTIONS: auto-id:t

* Level 1 in org-mode
  :PROPERTIES:
  :CUSTOM_ID: level-1-in-org-mode-e308
  :END:

This is a text I write so we can test many different details of a web page.
The text can be *bold*, /italic/, +strikethrough+ or =keyword=.

Here is a [[file:index.html][link to another page]].

There should be whitespace between paragraphs.

Mulitples lines
in the source
code should
be set as a single
paragraph.
But if I use a double space  
There should be a forced newline.

* Lorem Ipsum
  :PROPERTIES:
  :CUSTOM_ID: lorem-ipsum
  :END:

  #+begin_src http :pretty
  GET https://jaspervdj.be/lorem-markdownum/markdown.txt
  #+end_src

** Deos illo sacrum perque victorem eurytus paterque
   :PROPERTIES:
   :CUSTOM_ID: deos-illo-sacrum-perque-victorem-eurytus-paterque
   :END:

*** Haec tela discedentem femina
    :PROPERTIES:
    :CUSTOM_ID: haec-tela-discedentem-femina
    :END:

Lorem markdownum invidiosa iactor! Fidem utque indeploratum pariter.

#+BEGIN_SRC javascript
      var port = tooltipPimThreading;
      if (pinterest_net_koffice) {
          format -= installer;
          buffer = 4;
          office_device(2, ssh + model);
      } else {
          website_controller_linux.gigabyte = clone;
      }
      fileProtocol = driverOcr;
#+END_SRC

*** Duorum habuisse horrentia de noceat
    :PROPERTIES:
    :CUSTOM_ID: duorum-habuisse-horrentia-de-noceat
    :END:

Patriam vocalibus peraget robore recursus diruta ut ergo signa factis,
nigrum, attonitas, in Solis. Mugit [[http://news.ycombinator.com][non
carpe sed]] ceperunt dextra ausum; sanguine durior. Soror Cinyras illos
remugis; super quia somno nunc retemptat oracula cumque. Id Helicen
primum, proles turis nemus claudit molior naturalique deciperetur qua
sulcat et, ad volui.

1. Tubas gener
2. Ad pacta
3. Vetantis ferrum pugnabant quoque
4. Diomede pallida boum membra

Saepe /mihi/? Tum comae iurasse statione morsus vigilans, ergo. Ipse dum
sunt Hymettia: fecit cum et coactis, potae carmine lynca fertur
descenderat.

*** Subitis de luce et poenas cum
    :PROPERTIES:
    :CUSTOM_ID: subitis-de-luce-et-poenas-cum
    :END:

Cladem adit ergo es tecto sit visa dryades vota quos, prima ligno ficta.
Ibat supplex, /est/ costis oblita, elisi regis captum Phoebi tandem
conchaeque! Aera et Aello genetrix.

Et caelo adspexit, cornua et Iuppiter inmensae /abies/. Micabant Paeonas
meliora constitit, ut expers *artisque* adspicit fretum, vulnere
oppidaque, tenuit arma, haec velamine unda. Retinentia iudice, *quos
moras* comitata aliquid prospiciens cepit cum iustius sua cur truncis
ausus unde partibus marisque et grave. Fui opertis liquor laudatae di
erat, repellit conspectos manibus.

Auresque longius res Fando es /nil nec ora/ vixque et tot pendens maius
in et meliora! Flentibus verba nostro agmenque: dedit est regis virque
post Talia telumque, sol *et lanient* perierunt timido. Fitque variare
truncas Phoebus agros, salictis tam pumice facti! Post et neque et
vidit, Lycaeo incautus, latratus terrae thalamique ulta.

* Math
  :PROPERTIES:
  :CUSTOM_ID: math
  :END:
  
  \(x^y / \log(x)\)

\[  \prod_{i=0}^n \sum_{x_i\in E} \frac{1}{x_i} \]

* Level 1
  :PROPERTIES:
  :CUSTOM_ID: level-1
  :END:
** Level 2
   :PROPERTIES:
   :CUSTOM_ID: level-2-85fc
   :END:

 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.

*** Level 3
    :PROPERTIES:
    :CUSTOM_ID: level-3
    :END:

 #+begin_quote
 This is a blockquote following a header.

 When something is important enough, you do it even if the odds are not in your
 favor.
 #+end_quote

**** Level 4
     :PROPERTIES:
     :CUSTOM_ID: level-4
     :END:

 #+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 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

***** Level 5
      :PROPERTIES:
      :CUSTOM_ID: level-5
      :END:

 - this is an unordered list following a header.
 - this is an unordered list following a header. This time with quite a long
   text that should goes to the line. Let's write a bit more text with some
 =code= here, just to be sure that it use many lines.
 - this is an unordered list following a header.

 1. this is an ordered list.
 2. this is an ordered list that will use many lines. I will fill it with a bit
    of random text. Also I will but some =code= inside it, with /italic/ and *bold*
    text just to check the line-height.
    - sub unordered
      - sub sub unordered
      - Ok, Haxx0r ipsum concurrently malloc leet new injection bin epoch daemon
        system Leslie Lamport shell spoof. Finally boolean continue mutex endif
        it’s a feature gobble packet public irc race condition grep ifdef I’m
        compiling. Try catch bar bytes I’m sorry Dave, I’m afraid I can’t do
        that pragma win sql gnu kilo deadlock blob try catch exception Donald
        Knuth brute force.
    - 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                  |
 |-----------+---------------------------|
 | Sir Robin | the not so brave          |
 | Lancelot  | search the =holy= *graal* |
 | Galaad    | the /pure/                |
 | Zoot      | Just =Zoot=               |

Bad too wide table...

 | head1     | head two                  | head3                 | head4              | head5                                           | head 6 | head7                                 |
 |-----------+---------------------------+-----------------------+--------------------+-------------------------------------------------+--------+---------------------------------------|
 | Sir Robin | the not so brave          | very big content here | super long content | What could I say, I like trying to break things | n/a    | superlongwordthatcouldnotfitcorrectly |
 | Lancelot  | search the =holy= *graal* |                       |                    |                                                 |        |                                       |
 | Galaad    | the /pure/                |                       |                    |                                                 |        |                                       |
 | Zoot      | Just =Zoot=               |                       |                    |                                                 |        |                                       |


 There's a horizontal rule below this

 ------

*** Here is an unordered list:
    :PROPERTIES:
    :CUSTOM_ID: here-is-an-unordered-list-
    :END:

 - 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

**** Image test
     :PROPERTIES:
     :CUSTOM_ID: image-test
     :END:

an image:

#+CAPTION: Testing include an image
#+NAME: fig:test-image
#+ATTR_HTML: The Experiment
[[../img/a.png]]


We could try inline image
[[../img/a.png]]
just to check.

- [[../img/a.png]] item with img
  - [[../img/a.png]] item with img
  - [[../img/a.png]] item with img
    - [[../img/a.png]] item with img

***** TODO todo
      :PROPERTIES:
      :CUSTOM_ID: todo
      :END:
****** IN-PROGRESS in-progress
       :PROPERTIES:
       :CUSTOM_ID: in-progress
       :END:
******* IN-REVIEW in-review
        :PROPERTIES:
        :CUSTOM_ID: in-review
        :END:
****** HOLD on hold state
       :PROPERTIES:
       :CUSTOM_ID: on-hold-state
       :END:
       - State "HOLD"       from "IN-REVIEW"  [2019-07-09 Tue 13:44] \\
         some reason
****** WAITING waiting status
       :PROPERTIES:
       :CUSTOM_ID: waiting-status
       :END:
       - State "WAITING"    from              [2019-07-09 Tue 13:44] \\
         waitin for someone
****** DONE done status
       :PROPERTIES:
       :CUSTOM_ID: done-status
       :END:
****** CANCELED canceled status
       CLOSED: [2019-07-09 Tue 13:45]
       :PROPERTIES:
       :CUSTOM_ID: canceled-status
       :END:
       - State "CANCELED"   from              [2019-07-09 Tue 13:45] \\
         cancel reason