Update example and screenshot

This commit is contained in:
Fabrice Niessen 2015-04-28 21:46:53 +02:00
parent daa9f84d31
commit e854298a4c
3 changed files with 216 additions and 184 deletions

View File

@ -27,182 +27,201 @@
<ul>
<li><a href="#orgheadline1">Work <span class="tag"><span class="work">work</span></span></a>
<ul>
<li><a href="#orgheadline2">Events</a></li>
<li><a href="#orgheadline6">Marketing</a></li>
<li><a href="#orgheadline19">Operations</a></li>
<li><a href="#orgheadline2">Marketing</a></li>
<li><a href="#orgheadline18">Operations</a></li>
<li><a href="#orgheadline24">Travel</a></li>
</ul>
</li>
<li><a href="#orgheadline20">Personal <span class="tag"><span class="home">home</span></span></a>
<li><a href="#orgheadline25">Personal <span class="tag"><span class="home">home</span></span></a>
<ul>
<li><a href="#orgheadline21"><span class="done nilDONE">DONE</span> Read "Getting Things Done"</a></li>
<li><a href="#orgheadline22"><span class="todo nilTODO">TODO</span> Make dentist appointment</a></li>
<li><a href="#orgheadline23"><span class="todo nilTODO">TODO</span> Go to the gym</a></li>
<li><a href="#orgheadline24">Do jogging</a></li>
<li><a href="#orgheadline25"><span class="todo nilTODO">TODO</span> Pay electricity bill <span class="tag"><span class="FLAGGED">FLAGGED</span></span></a></li>
<li><a href="#orgheadline26"><span class="todo nilTODO">TODO</span> Renew newspaper subscription</a></li>
<li><a href="#orgheadline27">Buy dog food</a></li>
<li><a href="#orgheadline28"><span class="todo nilWAIT">WAIT</span> Mail package to Susan</a></li>
<li><a href="#orgheadline29"><span class="todo nilTODO">TODO</span> Buy groceries</a></li>
<li><a href="#orgheadline30"><span class="todo nilTODO">TODO</span> Mow the lawn</a></li>
<li><a href="#orgheadline31"><span class="todo nilTODO">TODO</span> Get a haircut</a></li>
<li><a href="#orgheadline32"><span class="todo nilTODO">TODO</span> Pick up dry cleaning</a></li>
<li><a href="#orgheadline33"><span class="todo nilTODO">TODO</span> Buy anniversary present</a></li>
<li><a href="#orgheadline34"><span class="todo nilTODO">TODO</span> Go to concert</a></li>
<li><a href="#orgheadline35"><span class="todo nilTODO">TODO</span> Cancel insurance</a></li>
<li><a href="#orgheadline36"><span class="todo nilTODO">TODO</span> Buy milk</a></li>
<li><a href="#orgheadline37"><span class="todo nilTODO">TODO</span> Get the car fixed</a></li>
<li><a href="#orgheadline38"><span class="todo nilTODO">TODO</span> Take out trash</a></li>
<li><a href="#orgheadline43">Travel to Boston</a></li>
<li><a href="#orgheadline27">Reading</a></li>
<li><a href="#orgheadline31">Health</a></li>
<li><a href="#orgheadline35">Finance</a></li>
<li><a href="#orgheadline45">Chores</a></li>
<li><a href="#orgheadline47">Recreation</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div class="right"><a href="https://github.com/fniessen/org-html-themes/blob/master/demo/example.org" class="fa fa-github">Edit on GitHub</a></div>
<hr />
<div id="outline-container-orgheadline1" class="outline-2">
<h2 id="orgheadline1">Work <span class="tag"><span class="work">work</span></span></h2>
<div class="outline-text-2" id="text-orgheadline1"></div>
<div class="outline-text-2" id="text-orgheadline1">
<p>Only work tasks in this list.</p>
</div>
<div id="outline-container-orgheadline2" class="outline-3">
<h3 id="orgheadline2">Events</h3>
<div class="outline-text-3" id="text-orgheadline2"></div>
<div id="outline-container-orgheadline3" class="outline-4">
<h4 id="orgheadline3"><span class="todo TODO">TODO</span> Plan conference</h4>
<div class="outline-text-4" id="text-orgheadline3"></div>
<h3 id="orgheadline2">Marketing</h3>
<div class="outline-text-3" id="text-orgheadline2">
<p>Project "Corporate Marketing".</p>
</div>
<div id="outline-container-orgheadline7" class="outline-4">
<h4 id="orgheadline7">Background and research</h4>
<div class="outline-text-4" id="text-orgheadline7"></div>
<div id="outline-container-orgheadline3" class="outline-5">
<h5 id="orgheadline3"><span class="todo TODO">TODO</span> Who are the competitors?</h5>
</div>
<div id="outline-container-orgheadline4" class="outline-5">
<h5 id="orgheadline4">Recruit volunteers</h5>
<h5 id="orgheadline4"><span class="todo TODO">TODO</span> What are our product's advantages?</h5>
</div>
<div id="outline-container-orgheadline5" class="outline-5">
<h5 id="orgheadline5">Make sure responses are coming back</h5>
<h5 id="orgheadline5"><span class="todo TODO">TODO</span> Target market</h5>
</div>
<div id="outline-container-orgheadline6" class="outline-5">
<h5 id="orgheadline6"><span class="todo TODO">TODO</span> Elevator pitch</h5>
</div>
</div>
</div>
<div id="outline-container-orgheadline6" class="outline-3">
<h3 id="orgheadline6">Marketing</h3>
<div class="outline-text-3" id="text-orgheadline6"></div>
<div id="outline-container-orgheadline11" class="outline-4">
<h4 id="orgheadline11">Background and research</h4>
<div class="outline-text-4" id="text-orgheadline11"></div>
<div id="outline-container-orgheadline7" class="outline-5">
<h5 id="orgheadline7"><span class="todo TODO">TODO</span> Who are the competitors?</h5>
</div>
<div id="outline-container-orgheadline10" class="outline-4">
<h4 id="orgheadline10">PR firm</h4>
<div class="outline-text-4" id="text-orgheadline10"></div>
<div id="outline-container-orgheadline8" class="outline-5">
<h5 id="orgheadline8"><span class="todo TODO">TODO</span> What are our product's advantages?</h5>
<h5 id="orgheadline8"><span class="todo TODO">TODO</span> Call Laura about PR firm <span class="tag"><span class="phone">phone</span></span></h5>
</div>
<div id="outline-container-orgheadline9" class="outline-5">
<h5 id="orgheadline9"><span class="todo TODO">TODO</span> Target market</h5>
</div>
<div id="outline-container-orgheadline10" class="outline-5">
<h5 id="orgheadline10"><span class="todo TODO">TODO</span> Elevator pitch</h5>
<h5 id="orgheadline9"><span class="todo TODO">TODO</span> Interview PR firm candidates</h5>
<div class="outline-text-5" id="text-orgheadline9"></div>
</div>
</div>
<div id="outline-container-orgheadline12" class="outline-4">
<h4 id="orgheadline12"><span class="todo STRT">STRT</span> Hire PR firm <span class="tag"><span class="phone">phone</span></span></h4>
<h4 id="orgheadline12">Advertising campaign</h4>
<div class="outline-text-4" id="text-orgheadline12"></div>
<div id="outline-container-orgheadline13" class="outline-5">
<h5 id="orgheadline13">Call Laura about PR firm <span class="tag"><span class="phone">phone</span></span></h5>
<div id="outline-container-orgheadline11" class="outline-5">
<h5 id="orgheadline11"><span class="todo TODO">TODO</span> Call Joe</h5>
<div class="outline-text-5" id="text-orgheadline11"></div>
</div>
</div>
<div id="outline-container-orgheadline13" class="outline-4">
<h4 id="orgheadline13">Plan conference</h4>
<div class="outline-text-4" id="text-orgheadline13">
<p>Calendar events/invitations.</p>
</div>
<div id="outline-container-orgheadline14" class="outline-5">
<h5 id="orgheadline14">Interview PR firm candidates</h5>
<h5 id="orgheadline14"><span class="todo TODO">TODO</span> Recruit volunteers</h5>
<div class="outline-text-5" id="text-orgheadline14"></div>
</div>
</div>
<div id="outline-container-orgheadline15" class="outline-4">
<h4 id="orgheadline15"><span class="todo TODO">TODO</span> Launch advertising campaign</h4>
<div class="outline-text-4" id="text-orgheadline15"></div>
<div id="outline-container-orgheadline16" class="outline-5">
<h5 id="orgheadline16">Call Joe</h5>
<div id="outline-container-orgheadline15" class="outline-5">
<h5 id="orgheadline15"><span class="todo TODO">TODO</span> Make sure responses are coming back</h5>
</div>
</div>
</div>
<div id="outline-container-orgheadline19" class="outline-3">
<h3 id="orgheadline19">Operations</h3>
<div class="outline-text-3" id="text-orgheadline19"></div>
<div id="outline-container-orgheadline18" class="outline-3">
<h3 id="orgheadline18">Operations</h3>
<div class="outline-text-3" id="text-orgheadline18"></div>
<div id="outline-container-orgheadline16" class="outline-4">
<h4 id="orgheadline16"><span class="todo TODO">TODO</span> Update database to latest version</h4>
<div class="outline-text-4" id="text-orgheadline16"></div>
</div>
<div id="outline-container-orgheadline17" class="outline-4">
<h4 id="orgheadline17"><span class="todo TODO">TODO</span> Update database to latest version</h4>
<div class="outline-text-4" id="text-orgheadline17"></div>
</div>
<div id="outline-container-orgheadline18" class="outline-4">
<h4 id="orgheadline18"><span class="todo TODO">TODO</span> Update Website</h4>
<div class="outline-text-4" id="text-orgheadline18">
<h4 id="orgheadline17"><span class="todo TODO">TODO</span> Update Website</h4>
<div class="outline-text-4" id="text-orgheadline17">
<p>Update blog.</p>
</div>
</div>
</div>
<div id="outline-container-orgheadline24" class="outline-3">
<h3 id="orgheadline24">Travel</h3>
<div class="outline-text-3" id="text-orgheadline24"></div>
<div id="outline-container-orgheadline23" class="outline-4">
<h4 id="orgheadline23">Boston</h4>
<div class="outline-text-4" id="text-orgheadline23"></div>
<div id="outline-container-orgheadline19" class="outline-5">
<h5 id="orgheadline19"><span class="todo TODO">TODO</span> Find a flight</h5>
</div>
<div id="outline-container-orgheadline20" class="outline-5">
<h5 id="orgheadline20"><span class="todo TODO">TODO</span> Book hotel room</h5>
</div>
<div id="outline-container-orgheadline21" class="outline-5">
<h5 id="orgheadline21"><span class="todo TODO">TODO</span> Schedule meetings</h5>
</div>
<div id="outline-container-orgheadline22" class="outline-5">
<h5 id="orgheadline22"><span class="todo TODO">TODO</span> Submit expense report</h5>
<div class="outline-text-5" id="text-orgheadline22">
<hr /></div>
</div>
</div>
</div>
<div id="outline-container-orgheadline20" class="outline-2">
<h2 id="orgheadline20">Personal <span class="tag"><span class="home">home</span></span></h2>
<div class="outline-text-2" id="text-orgheadline20"></div>
<div id="outline-container-orgheadline21" class="outline-3">
<h3 id="orgheadline21"><span class="done DONE">DONE</span> Read "Getting Things Done"</h3>
<div class="outline-text-3" id="text-orgheadline21"></div>
</div>
<div id="outline-container-orgheadline22" class="outline-3">
<h3 id="orgheadline22"><span class="todo TODO">TODO</span> Make dentist appointment</h3>
<div class="outline-text-3" id="text-orgheadline22"></div>
</div>
<div id="outline-container-orgheadline23" class="outline-3">
<h3 id="orgheadline23"><span class="todo TODO">TODO</span> Go to the gym</h3>
<div class="outline-text-3" id="text-orgheadline23"></div>
</div>
<div id="outline-container-orgheadline24" class="outline-3">
<h3 id="orgheadline24">Do jogging</h3>
</div>
<div id="outline-container-orgheadline25" class="outline-3">
<h3 id="orgheadline25"><span class="todo TODO">TODO</span> Pay electricity bill <span class="tag"><span class="FLAGGED">FLAGGED</span></span></h3>
</div>
<div id="outline-container-orgheadline26" class="outline-3">
<h3 id="orgheadline26"><span class="todo TODO">TODO</span> Renew newspaper subscription</h3>
</div>
<div id="outline-container-orgheadline25" class="outline-2">
<h2 id="orgheadline25">Personal <span class="tag"><span class="home">home</span></span></h2>
<div class="outline-text-2" id="text-orgheadline25"></div>
<div id="outline-container-orgheadline27" class="outline-3">
<h3 id="orgheadline27">Buy dog food</h3>
<h3 id="orgheadline27">Reading</h3>
<div class="outline-text-3" id="text-orgheadline27"></div>
<div id="outline-container-orgheadline26" class="outline-4">
<h4 id="orgheadline26"><span class="done DONE">DONE</span> Read "Getting Things Done"</h4>
<div class="outline-text-4" id="text-orgheadline26"></div>
</div>
<div id="outline-container-orgheadline28" class="outline-3">
<h3 id="orgheadline28"><span class="todo WAIT">WAIT</span> Mail package to Susan</h3>
<div class="outline-text-3" id="text-orgheadline28"></div>
</div>
<div id="outline-container-orgheadline29" class="outline-3">
<h3 id="orgheadline29"><span class="todo TODO">TODO</span> Buy groceries</h3>
</div>
<div id="outline-container-orgheadline30" class="outline-3">
<h3 id="orgheadline30"><span class="todo TODO">TODO</span> Mow the lawn</h3>
</div>
<div id="outline-container-orgheadline31" class="outline-3">
<h3 id="orgheadline31"><span class="todo TODO">TODO</span> Get a haircut</h3>
<h3 id="orgheadline31">Health</h3>
<div class="outline-text-3" id="text-orgheadline31"></div>
<div id="outline-container-orgheadline28" class="outline-4">
<h4 id="orgheadline28"><span class="todo TODO">TODO</span> Make dentist appointment</h4>
<div class="outline-text-4" id="text-orgheadline28"></div>
</div>
<div id="outline-container-orgheadline32" class="outline-3">
<h3 id="orgheadline32"><span class="todo TODO">TODO</span> Pick up dry cleaning</h3>
<div id="outline-container-orgheadline29" class="outline-4">
<h4 id="orgheadline29"><span class="todo TODO">TODO</span> Go to the gym</h4>
<div class="outline-text-4" id="text-orgheadline29">
<p>It should be as natural to some as showering or eating.</p>
</div>
</div>
<div id="outline-container-orgheadline30" class="outline-4">
<h4 id="orgheadline30"><span class="todo TODO">TODO</span> Do jogging</h4>
<div class="outline-text-4" id="text-orgheadline30">
<p>Marathon = 42.195 kilometres.</p>
</div>
<div id="outline-container-orgheadline33" class="outline-3">
<h3 id="orgheadline33"><span class="todo TODO">TODO</span> Buy anniversary present</h3>
</div>
<div id="outline-container-orgheadline34" class="outline-3">
<h3 id="orgheadline34"><span class="todo TODO">TODO</span> Go to concert</h3>
</div>
<div id="outline-container-orgheadline35" class="outline-3">
<h3 id="orgheadline35"><span class="todo TODO">TODO</span> Cancel insurance</h3>
<h3 id="orgheadline35">Finance</h3>
<div class="outline-text-3" id="text-orgheadline35"></div>
<div id="outline-container-orgheadline32" class="outline-4">
<h4 id="orgheadline32"><span class="todo TODO">TODO</span> Pay electricity bill <span class="tag"><span class="FLAGGED">FLAGGED</span></span></h4>
</div>
<div id="outline-container-orgheadline36" class="outline-3">
<h3 id="orgheadline36"><span class="todo TODO">TODO</span> Buy milk</h3>
<div id="outline-container-orgheadline33" class="outline-4">
<h4 id="orgheadline33"><span class="todo TODO">TODO</span> Renew newspaper subscription</h4>
</div>
<div id="outline-container-orgheadline37" class="outline-3">
<h3 id="orgheadline37"><span class="todo TODO">TODO</span> Get the car fixed</h3>
<div id="outline-container-orgheadline34" class="outline-4">
<h4 id="orgheadline34"><span class="todo TODO">TODO</span> Cancel insurance</h4>
</div>
<div id="outline-container-orgheadline38" class="outline-3">
<h3 id="orgheadline38"><span class="todo TODO">TODO</span> Take out trash</h3>
</div>
<div id="outline-container-orgheadline43" class="outline-3">
<h3 id="orgheadline43">Travel to Boston</h3>
<div class="outline-text-3" id="text-orgheadline43"></div>
<div id="outline-container-orgheadline45" class="outline-3">
<h3 id="orgheadline45">Chores</h3>
<div class="outline-text-3" id="text-orgheadline45"></div>
<div id="outline-container-orgheadline36" class="outline-4">
<h4 id="orgheadline36"><span class="todo TODO">TODO</span> Buy milk</h4>
</div>
<div id="outline-container-orgheadline37" class="outline-4">
<h4 id="orgheadline37"><span class="todo TODO">TODO</span> Buy dog food</h4>
</div>
<div id="outline-container-orgheadline38" class="outline-4">
<h4 id="orgheadline38"><span class="todo WAIT">WAIT</span> Mail package to Susan</h4>
</div>
<div id="outline-container-orgheadline39" class="outline-4">
<h4 id="orgheadline39"><span class="todo TODO">TODO</span> Find a flight</h4>
<h4 id="orgheadline39"><span class="todo TODO">TODO</span> Buy groceries</h4>
</div>
<div id="outline-container-orgheadline40" class="outline-4">
<h4 id="orgheadline40"><span class="todo TODO">TODO</span> Book hotel room</h4>
<h4 id="orgheadline40"><span class="todo TODO">TODO</span> Mow the lawn</h4>
</div>
<div id="outline-container-orgheadline41" class="outline-4">
<h4 id="orgheadline41"><span class="todo TODO">TODO</span> Schedule meetings</h4>
<h4 id="orgheadline41"><span class="todo TODO">TODO</span> Get a haircut</h4>
</div>
<div id="outline-container-orgheadline42" class="outline-4">
<h4 id="orgheadline42"><span class="todo TODO">TODO</span> Submit expense report</h4>
<h4 id="orgheadline42"><span class="todo TODO">TODO</span> Buy anniversary present</h4>
</div>
<div id="outline-container-orgheadline43" class="outline-4">
<h4 id="orgheadline43"><span class="todo TODO">TODO</span> Take out trash</h4>
</div>
<div id="outline-container-orgheadline44" class="outline-4">
<h4 id="orgheadline44"><span class="todo TODO">TODO</span> Get the car fixed</h4>
</div>
</div>
<div id="outline-container-orgheadline47" class="outline-3">
<h3 id="orgheadline47">Recreation</h3>
<div class="outline-text-3" id="text-orgheadline47"></div>
<div id="outline-container-orgheadline46" class="outline-4">
<h4 id="orgheadline46"><span class="todo TODO">TODO</span> Go to concert</h4>
</div>
</div>
</div>

View File

@ -7,6 +7,12 @@
#+SETUPFILE: ~/src/org-html-themes/setup/theme-readtheorg.setup
#+begin_html
<div class="right">
<a href="https://github.com/fniessen/org-html-themes/blob/master/demo/example.org" class="fa fa-github"> Edit on GitHub</a>
</div>
#+end_html
-----
* Work :work:
@ -14,23 +20,15 @@
:CATEGORY: Work
:END:
** Events
:PROPERTIES:
:CATEGORY: Events
:END:
*** TODO Plan conference
DEADLINE: <2014-03-13 Thu>
**** Recruit volunteers
**** Make sure responses are coming back
Only work tasks in this list.
** Marketing
:PROPERTIES:
:CATEGORY: Marketing
:END:
Project "Corporate Marketing".
*** Background and research
**** TODO Who are the competitors?
@ -41,30 +39,39 @@
**** TODO Elevator pitch
*** STRT Hire PR firm :phone:
DEADLINE: <2014-03-12 Wed>
:LOGBOOK:
CLOCK: [2013-02-05 Tue 09:00]--[2013-02-05 Tue 10:11] => 1:11
- State "TODO" -> "STRT" [2013-02-05 Tue 17:48]
- State "TODO" -> "STRT" [2013-08-19 Mon 15:16]
:END:
*** PR firm
**** Call Laura about PR firm :phone:
**** TODO Call Laura about PR firm :phone:
# *************** TODO Test with an inline task
# *************** END
**** Interview PR firm candidates
**** TODO Interview PR firm candidates
DEADLINE: <2014-03-12 Wed>
:LOGBOOK:
CLOCK: [2013-02-05 Tue 09:00]--[2013-02-05 Tue 10:11] => 1:11
- State "TODO" -> "STRT" [2013-02-05 Tue 17:48]
- State "TODO" -> "STRT" [2013-08-19 Mon 15:16]
:END:
# *************** TODO Another test with an inline task
*** TODO Launch advertising campaign
DEADLINE: <2014-03-06 Thu>
:PROPERTIES:
:Effort: 4:00
:END:
*** Advertising campaign
**** Call Joe
**** TODO Call Joe
DEADLINE: <2014-03-06 Thu>
:PROPERTIES:
:Effort: 0:10
:END:
*** Plan conference
Calendar events/invitations.
**** TODO Recruit volunteers
DEADLINE: <2014-03-13 Thu>
**** TODO Make sure responses are coming back
** Operations
@ -75,6 +82,18 @@
Update blog.
** Travel
*** Boston
**** TODO Find a flight
**** TODO Book hotel room
**** TODO Schedule meetings
**** TODO Submit expense report
-----
* Personal :home:
@ -82,64 +101,58 @@ Update blog.
:CATEGORY: Personal
:END:
** DONE Read "Getting Things Done"
:LOGBOOK:
- State "TODO" -> "DONE" [2014-01-06 Mon 15:10]
:END:
** Reading
** TODO Make dentist appointment
SCHEDULED: <2014-03-12 Wed>
*** DONE Read "Getting Things Done"
:LOGBOOK:
- State "TODO" -> "DONE" [2014-01-06 Mon 15:10]
:END:
** TODO Go to the gym
SCHEDULED: <2014-03-11 Tue>
:PROPERTIES:
:Effort: 0:10
:END:
** Health
** Do jogging
*** TODO Make dentist appointment
SCHEDULED: <2014-03-12 Wed>
** TODO Pay electricity bill :FLAGGED:
*** TODO Go to the gym
SCHEDULED: <2014-03-11 Tue>
:PROPERTIES:
:Effort: 0:10
:END:
** TODO Renew newspaper subscription
It should be as natural to some as showering or eating.
** Buy dog food
*** TODO Do jogging
** WAIT Mail package to Susan
:LOGBOOK:
- State "TODO" -> "STRT" [2013-07-24 Wed 15:45]
CLOCK: [2013-07-24 Wed 15:45]--[2013-07-24 Wed 17:28] => 1:43
CLOCK: [2013-08-12 Mon 11:56]--[2013-08-12 Mon 12:12] => 0:16
- State "STRT" -> "DONE" [2013-08-12 Mon 12:12]
- State "DONE" -> "TODO" [2013-09-27 Fri 10:23]
- State "TODO" -> "WAIT" [2013-11-15 Fri 12:00]
:END:
Marathon = 42.195 kilometres.
** TODO Buy groceries
** Finance
** TODO Mow the lawn
*** TODO Pay electricity bill :FLAGGED:
** TODO Get a haircut
*** TODO Renew newspaper subscription
** TODO Pick up dry cleaning
*** TODO Cancel insurance
** TODO Buy anniversary present
** Chores
** TODO Go to concert
*** TODO Buy milk
** TODO Cancel insurance
*** TODO Buy dog food
** TODO Buy milk
*** WAIT Mail package to Susan
** TODO Get the car fixed
*** TODO Buy groceries
** TODO Take out trash
*** TODO Mow the lawn
** Travel to Boston
*** TODO Get a haircut
*** TODO Find a flight
*** TODO Buy anniversary present
*** TODO Book hotel room
*** TODO Take out trash
*** TODO Schedule meetings
*** TODO Get the car fixed
*** TODO Submit expense report
** Recreation
*** TODO Go to concert

Binary file not shown.

Before

Width:  |  Height:  |  Size: 63 KiB

After

Width:  |  Height:  |  Size: 48 KiB