mirror of
https://github.com/tomru/org.git
synced 2026-03-03 06:27:22 +01:00
org-mode lightning talk
This commit is contained in:
Thomas Ruoff
3
lightning-talk-org-mode/custom.css
Normal file
3
lightning-talk-org-mode/custom.css
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
.reveal pre {
|
||||||
|
line-height: .5em;
|
||||||
|
}
|
||||||
65
lightning-talk-org-mode/org-mode-demo.org
Normal file
65
lightning-talk-org-mode/org-mode-demo.org
Normal file
@@ -0,0 +1,65 @@
|
|||||||
|
#+TITLE: Org-mode Demo
|
||||||
|
|
||||||
|
* Project A
|
||||||
|
|
||||||
|
We do important stuff here, like digging into org-mode :P
|
||||||
|
|
||||||
|
** TODO find a solution
|
||||||
|
** TODO inline code
|
||||||
|
|
||||||
|
#+BEGIN_SRC js
|
||||||
|
return Math.random();
|
||||||
|
#+END_SRC
|
||||||
|
|
||||||
|
** TODO identify the problem [3/3]
|
||||||
|
1. [X] taks one
|
||||||
|
Some notes on task one.
|
||||||
|
2. [X] task two
|
||||||
|
3. [X] task three
|
||||||
|
** TODO tag stuff :exploration:
|
||||||
|
** TODO schedule/track
|
||||||
|
DEADLINE: <2019-10-04 Fri> SCHEDULED: <2019-09-27 Fri>
|
||||||
|
|
||||||
|
** TODO tables
|
||||||
|
| task | estimate |
|
||||||
|
|------------+----------|
|
||||||
|
| store data | 5 |
|
||||||
|
| get data | 3 |
|
||||||
|
| show data | 3 |
|
||||||
|
|------------+----------|
|
||||||
|
| sum | 11 |
|
||||||
|
#+TBLFM: @5$2=vsum(@2..@-1)
|
||||||
|
** DONE crazy graphs
|
||||||
|
CLOSED: [2019-09-25 Wed 09:54]
|
||||||
|
|
||||||
|
#+BEGIN_SRC dot :file sample-graph.png
|
||||||
|
digraph {
|
||||||
|
Frontend -> ClassifierService;
|
||||||
|
ClassifierService -> BrandwatchApi;
|
||||||
|
ClassifierService -> ClassifierApi;
|
||||||
|
}
|
||||||
|
#+END_SRC
|
||||||
|
|
||||||
|
#+RESULTS:
|
||||||
|
[[file:sample-graph.png]]
|
||||||
|
* Project B
|
||||||
|
** BUGS
|
||||||
|
** Documentation
|
||||||
|
*** Goal
|
||||||
|
*** How it works
|
||||||
|
We got some series math going on here. Given the fact a user wants to do
|
||||||
|
something really stupid, like tracking his daily workout sessions he could go
|
||||||
|
crazy with a table.
|
||||||
|
|
||||||
|
| Date | Workout | Duration (min) |
|
||||||
|
|------------+---------+----------------|
|
||||||
|
| Mon Sep 16 | strech | 15 |
|
||||||
|
| Mon Sep 16 | run | 45 |
|
||||||
|
| Tue Sep 17 | yoga | 49 |
|
||||||
|
| Tue Sep 18 | swim | 25 |
|
||||||
|
| Tue Sep 18 | strech | 9.89 |
|
||||||
|
|------------+---------+----------------|
|
||||||
|
| Sum | | 143.89 |
|
||||||
|
#+TBLFM: @7$3=vsum(@2..@-1)
|
||||||
|
*** Feedback
|
||||||
|
* Project C
|
||||||
166
lightning-talk-org-mode/org-mode.html
Normal file
166
lightning-talk-org-mode/org-mode.html
Normal file
@@ -0,0 +1,166 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8"/>
|
||||||
|
<title>org mode</title>
|
||||||
|
<meta name="author" content="(Thomas Ruoff)"/>
|
||||||
|
<style type="text/css">
|
||||||
|
.underline { text-decoration: underline; }
|
||||||
|
</style>
|
||||||
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reveal.js/css/reveal.css"/>
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reveal.js/css/theme/beige.css" id="theme"/>
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="custom.css"/>
|
||||||
|
|
||||||
|
<!-- If the query includes 'print-pdf', include the PDF print sheet -->
|
||||||
|
<script>
|
||||||
|
if( window.location.search.match( /print-pdf/gi ) ) {
|
||||||
|
var link = document.createElement( 'link' );
|
||||||
|
link.rel = 'stylesheet';
|
||||||
|
link.type = 'text/css';
|
||||||
|
link.href = 'https://cdn.jsdelivr.net/npm/reveal.js/css/print/pdf.css';
|
||||||
|
document.getElementsByTagName( 'head' )[0].appendChild( link );
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<meta name="description" content="Org-Mode Introduction.">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="reveal">
|
||||||
|
<div class="slides">
|
||||||
|
<section id="sec-title-slide" data-background="https://upload.wikimedia.org/wikipedia/commons/a/a6/Org-mode-unicorn.svg" data-background-size="300px" data-background-position="center right 200px"><h1 class="title">org mode</h1><h2 class="author">Thomas Ruoff</h2>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<section id="slide-org3c1aa6d" data-background="https://upload.wikimedia.org/wikipedia/commons/a/a6/Org-mode-unicorn.svg" data-background-size="150px" data-background-position="bottom 20px left 20px">
|
||||||
|
<h2 id="org3c1aa6d">How did I end up here?</h2>
|
||||||
|
<ul>
|
||||||
|
<li>watched a <a href="https://youtube.com/watch?v=JWD1Fpdd4Pc">talk</a> on why a vim’er switched to Emacs mentioning org-mode</li>
|
||||||
|
<li>some say it’s a gateway drug to Emacs 😱</li>
|
||||||
|
<li>watched a <a href="https://youtube.com/watch?v=oJTwQvgfgMM">talk</a> of the org-mode author Carsten Dominik</li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</section>
|
||||||
|
</section>
|
||||||
|
<section>
|
||||||
|
<section id="slide-orgada1952" data-background="https://upload.wikimedia.org/wikipedia/commons/a/a6/Org-mode-unicorn.svg" data-background-size="150px" data-background-position="bottom 20px left 20px">
|
||||||
|
<h2 id="orgada1952">Motivations</h2>
|
||||||
|
<ul>
|
||||||
|
<li><b>Projects don’t start with tasks</b> maybe ideating, knowledge
|
||||||
|
gathering etc., writing that down and organising it. Tasks naturally appear
|
||||||
|
in that process.</li>
|
||||||
|
<li><b>Avoid separate tools</b> for note taking and tasks.</li>
|
||||||
|
<li><b>Plain text files</b> are the only portable document format 😍</li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</section>
|
||||||
|
</section>
|
||||||
|
<section>
|
||||||
|
<section id="slide-org92bc67b" data-background="https://upload.wikimedia.org/wikipedia/commons/a/a6/Org-mode-unicorn.svg" data-background-size="150px" data-background-position="bottom 20px left 20px">
|
||||||
|
<h2 id="org92bc67b">Today it describes itself as</h2>
|
||||||
|
<blockquote nil>
|
||||||
|
<p>
|
||||||
|
Org mode is for keeping notes, maintaining TODO lists, planning projects, and
|
||||||
|
authoring documents with a fast and effective plain-text system.
|
||||||
|
</p>
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
</section>
|
||||||
|
</section>
|
||||||
|
<section>
|
||||||
|
<section id="slide-org6df213f" data-background="https://upload.wikimedia.org/wikipedia/commons/a/a6/Org-mode-unicorn.svg" data-background-size="150px" data-background-position="bottom 20px left 20px">
|
||||||
|
<h2 id="org6df213f">org</h2>
|
||||||
|
<ul>
|
||||||
|
<li>markup language quite close to Markdown</li>
|
||||||
|
<li>common file extenstion <code>.org</code></li>
|
||||||
|
<li>even github supports it</li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</section>
|
||||||
|
</section>
|
||||||
|
<section>
|
||||||
|
<section id="slide-orga0feac1" data-background="https://upload.wikimedia.org/wikipedia/commons/a/a6/Org-mode-unicorn.svg" data-background-size="150px" data-background-position="bottom 20px left 20px">
|
||||||
|
<h2 id="orga0feac1">structure</h2>
|
||||||
|
<div class="org-src-container">
|
||||||
|
|
||||||
|
<pre class="src src-text"><code trim><code>* Awesome Project</code>
|
||||||
|
<code></code>
|
||||||
|
<code> Let me tell you some things about this project.</code>
|
||||||
|
<code></code>
|
||||||
|
<code> Paragraphs are separated by at least one empty line.</code>
|
||||||
|
<code></code>
|
||||||
|
<code> *bold* /italic/ _underlined_ +strikethrough+ =monospaced=</code>
|
||||||
|
<code> [[https://brandwatch.com][Brandwatch]] [[file:org-mode.html][other org documen<span style="color: #ffffff; background-color: brightblack;">t</span>]]</code>
|
||||||
|
<code></code>
|
||||||
|
<code> : Simple pre-formatted text such as for source code.</code>
|
||||||
|
<code> : This also respects the line breaks. *bold* is not bold here.</code>
|
||||||
|
<code></code>
|
||||||
|
<code>** Goals</code>
|
||||||
|
<code></code>
|
||||||
|
<code> Enable a user to shoot himself in his *right* foot.</code>
|
||||||
|
<code></code>
|
||||||
|
<code>** Architecture</code>
|
||||||
|
<code></code>
|
||||||
|
<code>*** DONE Technical Requirements</code>
|
||||||
|
<code></code>
|
||||||
|
<code> Well run 24/7 - yolo.</code>
|
||||||
|
<code></code>
|
||||||
|
<code>*** DONE Data Store</code>
|
||||||
|
<code>*** DONE Hosting</code>
|
||||||
|
<code>*** TODO API :decition:</code>
|
||||||
|
<code></code>
|
||||||
|
<code> - [X] access control</code>
|
||||||
|
<code> - [ ] connection to data store</code>
|
||||||
|
<code></code>
|
||||||
|
<code>*** TODO Frontend Stack</code>
|
||||||
|
</code></pre>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</section>
|
||||||
|
</section>
|
||||||
|
<section>
|
||||||
|
<section id="slide-org3272a4e" data-background="https://upload.wikimedia.org/wikipedia/commons/a/a6/Org-mode-unicorn.svg" data-background-size="150px" data-background-position="bottom 20px left 20px">
|
||||||
|
<h2 id="org3272a4e">Emacs major mode</h2>
|
||||||
|
<ul>
|
||||||
|
<li>major mode determines the editing behaviour</li>
|
||||||
|
<li>basically helps you editing/organising an org file</li>
|
||||||
|
<li>there are some crazy advanced</li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</section>
|
||||||
|
</section>
|
||||||
|
<section>
|
||||||
|
<section id="slide-org714a2fd" data-background="https://upload.wikimedia.org/wikipedia/commons/a/a6/Org-mode-unicorn.svg" data-background-size="150px" data-background-position="bottom 20px left 20px">
|
||||||
|
<h2 id="org714a2fd"><a href="file:///Users/thomasr/org/org-mode-demo.html">Demo</a></h2>
|
||||||
|
</section>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/reveal.js/js/reveal.js"></script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
// Full list of configuration options available here:
|
||||||
|
// https://github.com/hakimel/reveal.js#configuration
|
||||||
|
Reveal.initialize({
|
||||||
|
hash: true,
|
||||||
|
multiplex: {
|
||||||
|
secret: '', // null if client
|
||||||
|
id: '', // id, obtained from socket.io server
|
||||||
|
url: '' // Location of socket.io server
|
||||||
|
},
|
||||||
|
|
||||||
|
// Optional libraries used to extend on reveal.js
|
||||||
|
dependencies: [
|
||||||
|
{ src: 'https://cdn.jsdelivr.net/npm/reveal.js/lib/js/classList.js', condition: function() { return !document.body.classList; } },
|
||||||
|
{ src: 'https://cdn.jsdelivr.net/npm/reveal.js/plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
|
||||||
|
{ src: 'https://cdn.jsdelivr.net/npm/reveal.js/plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
|
||||||
|
{ src: 'https://cdn.jsdelivr.net/npm/reveal.js/plugin/zoom-js/zoom.js', async: true, condition: function() { return !!document.body.classList; } },
|
||||||
|
{ src: 'https://cdn.jsdelivr.net/npm/reveal.js/plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } }]
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
87
lightning-talk-org-mode/org-mode.org
Normal file
87
lightning-talk-org-mode/org-mode.org
Normal file
@@ -0,0 +1,87 @@
|
|||||||
|
#+TITLE: org mode
|
||||||
|
#+Author: Thomas Ruoff
|
||||||
|
#+Email: thomasr@brandwatch.com
|
||||||
|
|
||||||
|
#+OPTIONS: toc:nil num:nil timestamp:nil
|
||||||
|
#+REVEAL_THEME: beige
|
||||||
|
#+REVEAL_HLEVEL: 1
|
||||||
|
#+REVEAL_INIT_OPTIONS: hash: true
|
||||||
|
#+REVEAL_HEAD_PREAMBLE: <meta name="description" content="Org-Mode Introduction.">
|
||||||
|
#+REVEAL_ROOT: https://cdn.jsdelivr.net/npm/reveal.js
|
||||||
|
#+REVEAL_EXTRA_CSS: custom.css
|
||||||
|
#+REVEAL_DEFAULT_SLIDE_BACKGROUND: https://upload.wikimedia.org/wikipedia/commons/a/a6/Org-mode-unicorn.svg
|
||||||
|
#+REVEAL_DEFAULT_SLIDE_BACKGROUND_SIZE: 150px
|
||||||
|
#+REVEAL_DEFAULT_SLIDE_BACKGROUND_POSITION: bottom 20px left 20px
|
||||||
|
#+REVEAL_TITLE_SLIDE_BACKGROUND: https://upload.wikimedia.org/wikipedia/commons/a/a6/Org-mode-unicorn.svg
|
||||||
|
#+REVEAL_TITLE_SLIDE_BACKGROUND_SIZE: 300px
|
||||||
|
#+REVEAL_TITLE_SLIDE_BACKGROUND_POSITION: center right 200px
|
||||||
|
|
||||||
|
* How did I end up here?
|
||||||
|
|
||||||
|
- watched a [[youtube:JWD1Fpdd4Pc][talk]] on why a vim'er switched to Emacs mentioning org-mode
|
||||||
|
- some say it's a gateway drug to Emacs 😱
|
||||||
|
- watched a [[youtube:oJTwQvgfgMM][talk]] of the org-mode author Carsten Dominik
|
||||||
|
|
||||||
|
* Motivations
|
||||||
|
|
||||||
|
- *Projects don't start with tasks* maybe ideating, knowledge
|
||||||
|
gathering etc., writing that down and organising it. Tasks naturally appear
|
||||||
|
in that process.
|
||||||
|
- *Avoid separate tools* for note taking and tasks.
|
||||||
|
- *Plain text files* are the only portable document format 😍
|
||||||
|
|
||||||
|
* Today it describes itself as
|
||||||
|
|
||||||
|
#+BEGIN_QUOTE
|
||||||
|
Org mode is for keeping notes, maintaining TODO lists, planning projects, and
|
||||||
|
authoring documents with a fast and effective plain-text system.
|
||||||
|
#+END_QUOTE
|
||||||
|
|
||||||
|
* org
|
||||||
|
|
||||||
|
- markup language quite close to Markdown
|
||||||
|
- common file extenstion ~.org~
|
||||||
|
- even github supports it
|
||||||
|
|
||||||
|
* structure
|
||||||
|
|
||||||
|
#+BEGIN_SRC text
|
||||||
|
,* Awesome Project
|
||||||
|
|
||||||
|
Let me tell you some things about this project.
|
||||||
|
|
||||||
|
Paragraphs are separated by at least one empty line.
|
||||||
|
|
||||||
|
,*bold* /italic/ _underlined_ +strikethrough+ =monospaced=
|
||||||
|
[[https://brandwatch.com][Brandwatch]] [[file:org-mode.html][other org document]]
|
||||||
|
|
||||||
|
: Simple pre-formatted text such as for source code.
|
||||||
|
: This also respects the line breaks. *bold* is not bold here.
|
||||||
|
|
||||||
|
,** Goals
|
||||||
|
|
||||||
|
Enable a user to shoot himself in his *right* foot.
|
||||||
|
|
||||||
|
,** Architecture
|
||||||
|
|
||||||
|
,*** DONE Technical Requirements
|
||||||
|
|
||||||
|
Well run 24/7 - yolo.
|
||||||
|
|
||||||
|
,*** DONE Data Store
|
||||||
|
,*** DONE Hosting
|
||||||
|
,*** TODO API :decition:
|
||||||
|
|
||||||
|
- [X] access control
|
||||||
|
- [ ] connection to data store
|
||||||
|
|
||||||
|
,*** TODO Frontend Stack
|
||||||
|
#+END_SRC
|
||||||
|
|
||||||
|
* Emacs major mode
|
||||||
|
|
||||||
|
- major mode determines the editing behaviour
|
||||||
|
- basically helps you editing/organising an org file
|
||||||
|
- there are some crazy advanced
|
||||||
|
|
||||||
|
* [[file+emacs:~/org/org-mode-demo.org][Demo]]
|
||||||
BIN
lightning-talk-org-mode/sample-graph.png
Normal file
BIN
lightning-talk-org-mode/sample-graph.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
59
org-mode.org
59
org-mode.org
@@ -1,59 +0,0 @@
|
|||||||
#+TITLE: org-mode
|
|
||||||
#+Author: Thomas Ruoff
|
|
||||||
#+Email: thomasr@brandwatch.com
|
|
||||||
|
|
||||||
#+OPTIONS: toc:nil num:nil
|
|
||||||
#+REVEAL_THEME: beige
|
|
||||||
#+REVEAL_HLEVEL: 1
|
|
||||||
#+REVEAL_INIT_OPTIONS: hash: true
|
|
||||||
#+REVEAL_HEAD_PREAMBLE: <meta name="description" content="Org-Mode Introduction.">
|
|
||||||
#+REVEAL_POSTAMBLE: <p> NERD ALARM </p>
|
|
||||||
#+REVEAL_ROOT: https://cdn.jsdelivr.net/npm/reveal.js
|
|
||||||
|
|
||||||
* how did I end up here?
|
|
||||||
- watched a [[youtube:JWD1Fpdd4Pc][talk]] on why a vim'er switched to Emacs mentioning org-mode
|
|
||||||
- after reading org-mode mentioned as a gateway drug to Emacs
|
|
||||||
- watched a [[youtube:oJTwQvgfgMM][talk]] of the org-mode author Carsten Dominik
|
|
||||||
|
|
||||||
* motivations
|
|
||||||
#+BEGIN_QUOTE
|
|
||||||
- Plain text files are the only portable document format.
|
|
||||||
- Avoid separate tools for note taking and tasks.
|
|
||||||
#+END_QUOTE
|
|
||||||
* what is it today
|
|
||||||
#+BEGIN_QUOTE
|
|
||||||
Org mode is for keeping notes, maintaining TODO lists, planning projects, and
|
|
||||||
authoring documents with a fast and effective plain-text system.
|
|
||||||
#+END_QUOTE
|
|
||||||
* org
|
|
||||||
- yet another markup language quite close to Markdown
|
|
||||||
|
|
||||||
#+BEGIN_SRC org
|
|
||||||
,* This Is A Heading
|
|
||||||
,** This Is A Sub-Heading
|
|
||||||
,*** And A Sub-Sub-Heading
|
|
||||||
|
|
||||||
Paragraphs are separated by at least one empty line.
|
|
||||||
|
|
||||||
,*bold* /italic/ _underlined_ +strikethrough+ =monospaced=
|
|
||||||
[[http://Karl-Voit.at][Link description]]
|
|
||||||
http://Karl-Voit.at → link without description
|
|
||||||
|
|
||||||
- list item
|
|
||||||
- another item
|
|
||||||
- sub-item
|
|
||||||
1. also enumerated
|
|
||||||
2. if you like
|
|
||||||
- [ ] yet to be done
|
|
||||||
- [X] item which is done
|
|
||||||
|
|
||||||
: Simple pre-formatted text such as for source code.
|
|
||||||
: This also respects the line breaks. *bold* is not bold here.
|
|
||||||
|
|
||||||
#+END_SRC
|
|
||||||
|
|
||||||
* mode
|
|
||||||
|
|
||||||
** emacs mode
|
|
||||||
|
|
||||||
* [[file+emacs:~/org/org-mode-demo.org][Demo]]
|
|
||||||
Reference in New Issue
Block a user