mirror of
https://github.com/tomru/org.git
synced 2026-03-03 06:27:22 +01:00
167 lines
6.7 KiB
HTML
167 lines
6.7 KiB
HTML
<!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>
|