Best way to

take digital notes

Don't use microsoft word

ummm… why not?

Price

so, am I supposed to pay 150$ to write text?

And using word is too slow

if you think about it…

Compatibility

old documents look terible, importing stuff from the internet looks awful aswell.

Compatibility

old documents look terible, importing stuff from the internet looks awful aswell.

It’s full of endless menus

unnesesarily comlex, good god I just need to take quick notes!

Compatibility

old documents look terible, importing stuff from the internet looks awful aswell.

It’s full of endless menus

unnesesarily comlex, good god I just need to take quick notes!

Good luck taking math notes with it.

you have to click a bunch of times to even insert a greek letter or symbol.

Compatibility

old documents look terible, importing stuff from the internet looks awful aswell.

It’s full of endless menus

unnesesarily comlex, good god I just need to take quick notes!

Good luck taking math notes with it.

you have to click a bunch of times to even insert a greek letter or symbol.

Bad Formating system

formating always changes for whatever reason.

I should’t have to worry about this!

Its not profesional

Maybe back in 2006 you could impress you teacher with the look of your report but nowadays the magic is gone.

it can even be really ugly and obnoxious.

Pictures and images never work, ever.

Its just to complex.

so much that quality sufers from it.

well, maybe you can try something else more modern like pages, right?

Don't use pages.

Even google drive, they all do the same mistake

Or any other hipster programs that nobody uses.

if you use an app that nobody uses you will suffer from more compatibility problems

What do they have in common?

Word, Pages and drive. HMMM…

They all folow the same philosophy

“What you see is what you get”

That’s why formating sucks on all of them:

if you write a paragraph it adds written content, but if you add images, graphs and maths it adds graphic content on the assumption that they are the same.

when desgin and content are treated equaly, one change afects the other.

What you see is what you get.

when taking notes you cant aford to wrestle with your computer.

Its your tool, its suposed to help you!

ok ok, here is my trick

Markdown documents, Latex and Pandoc.

so I’d set myself up with these programs.

And they are all 100% free and custumizable.

(not sponsored just a big fan)

With markdown you can:

focus on writing on any device, phone/computer/tablet because it requires minimum imput from you.

Quick and easy

For example:

On word to make a title you need to write the title, then get your hands off your keyboard, grab the mouse, drag the mouse to your soon to be title, hold click to select the words, right click, click on styles, then click on title, and then and only then you can write the actual document.

On markdonw you type hashtag then your title and you are done.

it allows you to focus on whats important.

Its so simple!

so much that im going to teach you in 1 slide all the basics,

here we go!

type # before your titles, you can write ## for subtitles, and ### for sub-subtitles and so on…

Type 2 * without spaces around your text to make it italics *one on each side* , or 2 on each side to make it bold **like this**

to make numbered lists type any number followed by a point and a space like this: “1.” do one of these for each item on the list, or type * then space to make a bulletpoint list.

tree minus signs followed by enter makes a line on your document that goes across the page (---)

Heading
=======

## Sub-heading
 
Paragraphs are separated
by a blank line.

Two spaces at the end of a line  
leave a line break.

Text attributes _italic_, 
**bold**, `monospace`.

Horizontal rule:

---

Bullet list:

  * apples
  * oranges
  * pears

Numbered list:

  1. wash
  2. rinse
  3. repeat

A [link](http://example.com).

![Image](Image_icon.png)

> Markdown uses email-style > characters for blockquoting.

Inline <abbr title="Hypertext Markup Language">HTML</abbr> is supported.

Example

To recap:

Titles and subtitles with #'s
italics and bold with 1 or 2 * wraped around some words
use 1. and space or * and space to make lists
separate different topics with “enter --- enter”

Deep dive on Markdown

Link to full tutorial

(Unfinished)

Super simple right?

It makes plain, simple documents and PDF’s

But what if you need more features?

do you need to go back to word and suffer some more?

No of course you dont, because we have Latex.

(yes pronounced la-tech)

Latex documents take more effort but the results are just beautiful.

x = a_0 + \frac{1}{a_1 + \frac{1}{a_2 + \frac{1}{a_3 + a_4}}}

x = a_0 + \frac{1}{a_1 + \frac{1}{a_2 + \frac{1}{a_3 + a_4}}}

 x = a_0 + \frac{1}{a_1 + \frac{1}{a_2 + \frac{1}{a_3 + a_4}}}

x = a_0 + \frac{1}{a_1 + \frac{1}{a_2 + \frac{1}{a_3 + a_4}}}

x = a_0 + \frac{1}{a_1 + \frac{1}{a_2 + \frac{1}{a_3 + a_4}}}

The real profesional look you are looking for.

Do you think books are written in MS Word? they likely use latex instead.

\documentclass{article}
\usepackage{amsmath}
\title{\LaTeX}

\begin{document}
  \maketitle
  \LaTeX{} is a document preparation system for
  the \TeX{} typesetting program. It offers
  programmable desktop publishing features and
  extensive facilities for automating most
  aspects of typesetting and desktop publishing,
  including numbering and  cross-referencing,
  tables and figures, page layout,
  bibliographies, and much more. \LaTeX{} was
  originally written in 1984 by Leslie Lamport
  and has become the  dominant method for using
  \TeX; few people write in plain \TeX{} anymore.
  The current version is \LaTeXe.

  % This is a comment, not shown in final output.
  % The following shows typesetting  power of LaTeX:
  \begin{align}
    E_0 &= mc^2 \\
    E &= \frac{mc^2}{\sqrt{1-\frac{v^2}{c^2}}}
  \end{align}  
\end{document}

Science journals, Thesis and probably your math textbook are all made in Latex.

Most universities recommend it for academic writing.

Easy to pick up but hard to master, but damn it is worth it!

Writing Latex documents is a marketable skill and it will be forever useful.

Latex also has some game changing features like:

It outputs PDF’s, so you will never have any compatibility issues.
Advanced Math mode without it being complicated.
Automatically made table of contents.
Automatically tracked figure system for images and examples.
Automatically tracked bibliographies and references.
Never worry about the design and formatting, its made for you automatically.
Expandability: Packages are available to expand the feature-set, so you can write music, make graphics, run python code and much more.
It can even transform your already made document into a slideshow automatically

Beginner's Latex Tutorial

(unfinished)

And to tie it all up nicely there is pandoc.

Pandoc is a simple program that transforms documents from one type to another.

For example, this slide presentation was made roughly in markdown, then transformed into reveal.js code, and finaly imported into slides.com.

# Best way to write digital notes

---

![word logo](https://vignette.wikia.nocookie.net/logopedia/images/8/85/Word.png/revision/latest?cb=20120509173410)

---

# Dont use microsoft word

---

# ummm... why not?

---

### Price 
100/year for 5 users, 70/year for 1 user or 150 for one user (lifetime)

### To slow
if you think about it...

---

### Compatibility

old documents look terible, importing stuff from the internet looks awful aswell.

### It's full of endless menus

unnesesarily comlex, good god I just need to take quick notes!

### Good luck taking math notes with it.

you have to click a bunch of times to even insert a greek letter or symbol.

### Bad Formating system

formating always changes for whatever reson.
I should't have to worry about it when i need quick notes!

---

![](http://www.funnyscreenshots.com/wp-content/uploads/2010/04/microsoft-word-formatting.png)

---

# Its not profesional

Maybe back in 2006 you could impress you teacher with the look of your report
but nowadays the magic is gone.

it can even be realy ugly and obnoxious.


---
![](https://i.pinimg.com/736x/0e/e0/5c/0ee05c32be7df235cb9d0f00fe3eafb3--elementary-schools-high-schools.jpg){ width=40% }


---


# Pictures and images never work, ever.
https://www.youtube.com/watch?v=EMiRWeaUXog&ab_channel=PissedOFFRanting

---

# Its just to complex.

so much that quality sufers from it.

---

well, maybe you can try something else more modern like pages, right?

![pages ipad](https://charlottestreetcomputers.com/wp-content/uploads/2016/07/pages-ios-1024x1008.png){ width=40% }


---
# Dont use pages.

## Because it suffers from the same issue of overcomplexity

Even google drive, thay all got the same thing wrong





---

# Or any other hipster programs that nobady uses.

if you use an app that nobody uses you will suffer from more compatibility problems

---

#### Word, Pages and drive. HMMM...

# What do they have in common?

---

They all folow the same **philosophy**

# "What you see is what you get"

---
Meaning:

You make the Desgin and the content **at the same time**.

---
That's why formating sucks on all of them:

if you write a paragraph it adds writen content, but if you add images, graphs and maths
it adds graphic content *on the asumtion that they are the same.*

---

# when desgin and content are treated equaly, one change afects the other.

What you see is what you get.

---

# when taking notes you cant aford to wrestle with your computer.

Its your tool, its suposed to help you!

---

ok ok, here is my trick

---

# Markdown documents, Latex and Pandoc.

so I'd set myself up with these programs.


---

# And they are all 100% free and custumizable.

(not sponsored just a big fan)


---


# With markdown you can:

focus on writing on any device, phone/computer/tablet because it requires **minimum** imput from you.

Quick and easy

---

For example:

On word to make a title you need to write the title, then get your hands off your keyboard, grab the mouse, drag the mouse to your soon to be title, hold click to select the words, right click, click on styles, then click on title, and then and only then you can write the **actual document**.

I know you can do it a tini bit difrent but you get the idea: lots of steps, lots of clicks and they all draw atention to themselfs instead of alowing  oyu to focus on the notes.

---

# On markdonw you type hashtag then your title and you are done.

---

it allows you to **focus** on whats important.

---

# Its so simple!
so much that im going to teach you in 1 slide all the basics, here we go!

---

type # before your titles, you can write ## for subtitles, and ### for sub-subtitles **and so on...**

Type 2 * without spaces around your text to make it *italics* \*one of each side\* , or 2 on each side to make it **bold** \**like this\** 

to make numbered list type any number folowed by a point and a space like this: "1. " do one of these for each item on the list, or type * then space to make a bulletpoint list.

tree minuss signs then enter make a line on your document that goes across the page

---

# To recap:

* Titles and subtitles with #
* italics and bold with 1 or 2 * wraped around some words
* use 1. and space or * and space to make lists
* separate difrent topics with "enter --- enter"

---

# Super simple right?

So simple in fact that markdown is just to quicky write simple stuff.

---

# It makes plain, simple documents and PDF's

---

# But what if you need more features?

do you need to go back to word to suffer some more?

---

# No of course you dont, because we have Latex.

---

(yes pronounced la-tech)

---

# Latex documnents take more efort but the results are just beautiful.

---

# The real profesional look you are looking for.

Do you think books are writen in MS Word? they likely sue latex instead.

---

# Sience journals, Thesis and probably your math textbook are made in Latex.

Most universities recomend it for academic writing.

---

# Easy to pick up but hard to master, but damm it is worth it!

Writing Latex documents is a marketable skill and it will be forever usefull.

---
 
 Latex also has some game changing features like:
 
 * It outputs PDF's, so you will never have any compatibility issues.
 * Advanced Math mode without it being colmplicated.
 * Automaticly made table of contents.
 * Automaticly traked figure system for images and examples.
 * Automaticly tracked biliographies and refrences.
 * Never worry about the desighn and formating, its made for you automaticly.
 * Expandibility: Packages are avalable to expand the feature-set, so you can write music, make graphics, run python code and much more.
 * It can even transform your allready made document into a presentation automaticly.
 
---

## And to tie it all up nicely there is *pandoc*.

---

Pandoc is a simple program that transforms documents from one type to another.

---

For example, this slide presentation was made roughly in *markdown*, then transformed into *reveal.js* code, and finaly imported into *slides.com*.

This prosess creates a barebones presentation, but slides.com can easily manipulate styles and es easy enough to add finishing touches.

---
# Pandoc converts from any of these to any of these

HTML formats: XHTML, HTML5, and HTML slide shows using Slidy, reveal.js, Slideous, S5, or DZSlides

Word processor formats: Microsoft Word docx, OpenOffice/LibreOffice ODT, OpenDocument XML, Microsoft PowerPoint.

Ebooks: EPUB version 2 or 3, FictionBook2

Documentation formats: DocBook version 4 or 5, TEI Simple, GNU TexInfo, Groff man, Groff ms, Haddock markup

Archival formats: JATS

Page layout formats: InDesign ICML

Outline formats: OPML

TeX formats: LaTeX, ConTeXt, LaTeX Beamer slides

PDF: via pdflatex, xelatex, lualatex, pdfroff, wkhtml2pdf, prince, or weasyprint.

Lightweight markup formats: Markdown (including CommonMark and GitHub-flavored Markdown), reStructuredText, AsciiDoc, Emacs Org-Mode, Emacs Muse, Textile, txt2tags, MediaWiki markup, DokuWiki markup, TikiWiki markup, TWiki markup, Vimwiki markup, and ZimWiki markup.

Custom formats: custom writers can be written in lua.

**more info on pandoc.org**

---

You can write all your notes in class in markdown because it is insanely fast and simple.

If the profesor needs you making a presentation of a sertain subject, you could simply: select the subject from your notes **import it** into *pandoc* and have a rough slideshow ready for you to present ***in one minute***.

---

# best of both worlds

Pandoc recognizes Latex code when he sees it, therefore you have full Latex suport and the simplicity of markdown,
**all in one!**

---

# werever you go.

Use Google Drive/Dropbox/Github to store your documents and use writeboxapps.com to write in markdown, sharelatex.com to make Latex documents and pandoc.org/try/ to convert them online.

On all platforms, Windows, iOS, iOSX, Android, Linux and even Windows Phone!

Offline versions available asswell.

---
So forget about word because This holly trinity of markdown, latex and pandock will teach you to focus and stop woring and love typesetting

<div class="theme-font-montserrat theme-color-white-blue" style="width: 100%; height: 100%;">
    <div class="reveal">
        <div class="slides">
            <section id="best-way-to-write-digital-notes" class="slide level1">
                <div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 960px; left: 0px; top: 253px;">
                    <div class="sl-block-content" data-has-custom-html="" style="z-index: 11;">
                        <h1>Best way to write digital notes</h1>
                    </div>
                </div>
            </section>
            <section class="slide level1">
                <div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 960px; left: 0px; top: 311px;">
                    <div class="sl-block-content" data-has-custom-html="" style="z-index: 11;">
                        <figure>
                            <img alt="word logo" data-lazy-loaded="" data-src="https://vignette.wikia.nocookie.net/logopedia/images/8/85/Word.png/revision/latest?cb=20120509173410"/>
                            <figcaption>word logo</figcaption>
                        </figure>
                    </div>
                </div>
            </section>
            <section id="dont-use-microsoft-word" class="slide level1">
                <div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 960px; left: 0px; top: 302px;">
                    <div class="sl-block-content" data-has-custom-html="" style="z-index: 11;">
                        <h1>Dont use microsoft word</h1>
                    </div>
                </div>
            </section>
            <section id="ummm-why-not" class="slide level1">
                <div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 960px; left: 0px; top: 302px;">
                    <div class="sl-block-content" data-has-custom-html="" style="z-index: 11;">
                        <h1>ummm… why not?</h1>
                    </div>
                </div>
            </section>
            <section class="slide level1">
                <div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 960px; left: 0px; top: 248px;">
                    <div class="sl-block-content" data-has-custom-html="" style="z-index: 11;">
                        <h3 id="price">Price</h3>
                        <p>100/year for 5 users, 70/year for 1 user or 150 for one user (lifetime)</p>
                        <h3 id="to-slow">To slow</h3>
                        <p>if you think about it…</p>
                    </div>
                </div>
            </section>
            <section class="slide level1">
                <div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 960px; left: 0px; top: 83px;">
                    <div class="sl-block-content" data-has-custom-html="" style="z-index: 11;">
                        <h3 id="compatibility">Compatibility</h3>
                        <p>old documents look terible, importing stuff from the internet looks awful aswell.</p>
                        <h3 id="its-full-of-endless-menus">It’s full of endless menus</h3>
                        <p>unnesesarily comlex, good god I just need to take quick notes!</p>
                        <h3 id="good-luck-taking-math-notes-with-it.">Good luck taking math notes with it.</h3>
                        <p>you have to click a bunch of times to even insert a greek letter or symbol.</p>
                        <h3 id="bad-formating-system">Bad Formating system</h3>
                        <p>formating always changes for whatever reson. I should’t have to worry about it when i need quick notes!</p>
                    </div>
                </div>
            </section>
            <section class="slide level1">
                <div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 960px; left: 0px; top: 331px;">
                    <div class="sl-block-content" data-has-custom-html="" style="z-index: 11;">
                        <p>
                            <img data-lazy-loaded="" data-src="http://www.funnyscreenshots.com/wp-content/uploads/2010/04/microsoft-word-formatting.png"/>
                        </p>
                    </div>
                </div>
            </section>
            <section id="its-not-profesional" class="slide level1">
                <div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 960px; left: 0px; top: 234px;">
                    <div class="sl-block-content" data-has-custom-html="" style="z-index: 11;">
                        <h1>Its not profesional</h1>
                        <p>Maybe back in 2006 you could impress you teacher with the look of your report but nowadays the magic is gone.</p>
                        <p>it can even be realy ugly and obnoxious.</p>
                    </div>
                </div>
            </section>
            <section id="pictures-and-images-never-work-ever." class="slide level1">
                <div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 960px; left: 0px; top: 209px;">
                    <div class="sl-block-content" data-has-custom-html="" style="z-index: 11;">
                        <h1>Pictures and images never work, ever.</h1>
                        <p>https://www.youtube.com/watch?v=EMiRWeaUXog&amp;ab_channel=PissedOFFRanting</p>
                    </div>
                </div>
            </section>
            <section id="its-just-to-complex." class="slide level1">
                <div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 960px; left: 0px; top: 277px;">
                    <div class="sl-block-content" data-has-custom-html="" style="z-index: 11;">
                        <h1>Its just to complex.</h1>
                        <p>so much that quality sufers from it.</p>
                    </div>
                </div>
            </section>
            <section class="slide level1">
                <div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 960px; left: 0px; top: 268px;">
                    <div class="sl-block-content" data-has-custom-html="" style="z-index: 11;">
                        <p>well, maybe you can try something else more modern like pages, right?</p>
                        <figure>
                            <img alt="pages ipad" style="width:40.0%" data-lazy-loaded="" data-src="https://charlottestreetcomputers.com/wp-content/uploads/2016/07/pages-ios-1024x1008.png"/>
                            <figcaption>pages ipad</figcaption>
                        </figure>
                    </div>
                </div>
            </section>
            <section id="or-any-other-hipster-programs-that-nobady-uses." class="slide level1">
                <div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 960px; left: 0px; top: 160px;">
                    <div class="sl-block-content" data-has-custom-html="" style="z-index: 11;">
                        <h1>Or any other hipster programs that nobady uses.</h1>
                        <p>if you use an app that nobody uses you will suffer from more compatibility problems</p>
                    </div>
                </div>
            </section>
            <section class="slide level1">
                <div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 960px; left: 0px; top: 331px;">
                    <div class="sl-block-content" data-has-custom-html="" style="z-index: 11;">
                        <h4 id="word-pages-and-drive.-hmmm">Word, Pages and drive. HMMM…</h4>
                    </div>
                </div>
            </section>
            <section id="what-do-they-have-in-common" class="slide level1">
                <div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 960px; left: 0px; top: 253px;">
                    <div class="sl-block-content" data-has-custom-html="" style="z-index: 11;">
                        <h1>What do they have in common?</h1>
                    </div>
                </div>
            </section>
            <section class="slide level1">
                <div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 960px; left: 0px; top: 331px;">
                    <div class="sl-block-content" data-has-custom-html="" style="z-index: 11;">
                        <p>They all folow the same 
                            <strong>philosophy</strong>
                        </p>
                    </div>
                </div>
            </section>
            <section id="what-you-see-is-what-you-get" class="slide level1">
                <div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 960px; left: 0px; top: 166px;">
                    <div class="sl-block-content" data-has-custom-html="" style="z-index: 11;">
                        <h1>“What you see is what you get”</h1>
                        <p>That’s why formating sucks on all of them:</p>
                        <p>if you write a paragraph it adds writen content, but if you add images, graphs and maths it adds graphic content 
                            <em>on the asumtion that they are the same.</em>
                        </p>
                    </div>
                </div>
            </section>
            <section id="when-desgin-and-content-are-treated-equaly-one-change-afects-the-other." class="slide level1">
                <div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 960px; left: 0px; top: 131px;">
                    <div class="sl-block-content" data-has-custom-html="" style="z-index: 11;">
                        <h1>when desgin and content are treated equaly, one change afects the other.</h1>
                        <p>What you see is what you get.</p>
                    </div>
                </div>
            </section>
            <section id="when-taking-notes-you-cant-aford-to-wrestle-with-your-computer." class="slide level1">
                <div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 960px; left: 0px; top: 180px;">
                    <div class="sl-block-content" data-has-custom-html="" style="z-index: 11;">
                        <h1>when taking notes you cant aford to wrestle with your computer.</h1>
                        <p>Its your tool, its suposed to help you!</p>
                    </div>
                </div>
            </section>
            <section class="slide level1">
                <div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 960px; left: 0px; top: 331px;">
                    <div class="sl-block-content" data-has-custom-html="" style="z-index: 11;">
                        <p>ok ok, here is my trick</p>
                    </div>
                </div>
            </section>
            <section id="markdown-documents-latex-and-pandoc." class="slide level1">
                <div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 960px; left: 0px; top: 228px;">
                    <div class="sl-block-content" data-has-custom-html="" style="z-index: 11;">
                        <h1>Markdown documents, Latex and Pandoc.</h1>
                        <p>so I’d set myself up with these programs.</p>
                    </div>
                </div>
            </section>
            <section id="and-they-are-all-100-free-and-custumizable." class="slide level1">
                <div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 960px; left: 0px; top: 228px;">
                    <div class="sl-block-content" data-has-custom-html="" style="z-index: 11;">
                        <h1>And they are all 100% free and custumizable.</h1>
                        <p>(not sponsored just a big fan)</p>
                    </div>
                </div>
            </section>
            <section id="with-markdown-you-can" class="slide level1">
                <div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 960px; left: 0px; top: 234px;">
                    <div class="sl-block-content" data-has-custom-html="" style="z-index: 11;">
                        <h1>With markdown you can:</h1>
                        <p>focus on writing on any device, phone/computer/tablet because it requires 
                            <strong>minimum</strong> imput from you.
                        </p>
                        <p>Quick and easy</p>
                    </div>
                </div>
            </section>
            <section class="slide level1">
                <div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 960px; left: 0px; top: 167px;">
                    <div class="sl-block-content" data-has-custom-html="" style="z-index: 11;">
                        <p>For example:</p>
                        <p>On word to make a title you need to write the title, then get your hands off your keyboard, grab the mouse, drag the mouse to your soon to be title, hold click to select the words, right click, click on styles, then click on title, and then and only then you can write the 
                            <strong>actual document</strong>.
                        </p>
                        <p>I know you can do it a tini bit difrent but you get the idea: lots of steps, lots of clicks and they all draw atention to themselfs instead of alowing oyu to focus on the notes.</p>
                    </div>
                </div>
            </section>
            <section id="on-markdonw-you-type-hashtag-then-your-title-and-you-are-done." class="slide level1">
                <div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 960px; left: 0px; top: 205px;">
                    <div class="sl-block-content" data-has-custom-html="" style="z-index: 11;">
                        <h1>On markdonw you type hashtag then your title and you are done.</h1>
                    </div>
                </div>
            </section>
            <section class="slide level1">
                <div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 960px; left: 0px; top: 331px;">
                    <div class="sl-block-content" data-has-custom-html="" style="z-index: 11;">
                        <p>it allows you to 
                            <strong>focus</strong> on whats important.
                        </p>
                    </div>
                </div>
            </section>
            <section id="its-so-simple" class="slide level1">
                <div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 960px; left: 0px; top: 257px;">
                    <div class="sl-block-content" data-has-custom-html="" style="z-index: 11;">
                        <h1>Its so simple!</h1>
                        <p>so much that im going to teach you in 1 slide all the basics, here we go!</p>
                    </div>
                </div>
            </section>
            <section class="slide level1">
                <div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 960px; left: 0px; top: 163px;">
                    <div class="sl-block-content" data-has-custom-html="" style="z-index: 11;">
                        <p>type # before your titles, you can write ## for subtitles, and ### for sub-subtitles 
                            <strong>and so on…</strong>
                        </p>
                        <p>Type 2 * without spaces around your text to make it 
                            <em>italics</em> *one of each side* , or 2 on each side to make it 
                            <strong>bold</strong> *
                            <em>like this*</em>
                        </p>
                        <p>to make numbered list type any number folowed by a point and a space like this: “1.” do one of these for each item on the list, or type * then space to make a bulletpoint list.</p>
                        <p>tree minuss signs then enter make a line on your document that goes across the page</p>
                    </div>
                </div>
            </section>
            <section id="to-recap" class="slide level1">
                <div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 960px; left: 0px; top: 214px;">
                    <div class="sl-block-content" data-has-custom-html="" style="z-index: 11;">
                        <h1>To recap:</h1>
                        <ul>
                            <li>Titles and subtitles with #</li>
                            <li>italics and bold with 1 or 2 * wraped around some words</li>
                            <li>use 1. and space or * and space to make lists</li>
                            <li>separate difrent topics with “enter — enter”</li>
                        </ul>
                    </div>
                </div>
            </section>
            <section id="super-simple-right" class="slide level1">
                <div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 960px; left: 0px; top: 277px;">
                    <div class="sl-block-content" data-has-custom-html="" style="z-index: 11;">
                        <h1>Super simple right?</h1>
                        <p>So simple in fact that markdown is just to quicky write simple stuff.</p>
                    </div>
                </div>
            </section>
            <section id="it-makes-plain-simple-documents-and-pdfs" class="slide level1">
                <div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 960px; left: 0px; top: 253px;">
                    <div class="sl-block-content" data-has-custom-html="" style="z-index: 11;">
                        <h1>It makes plain, simple documents and PDF’s</h1>
                    </div>
                </div>
            </section>
            <section id="but-what-if-you-need-more-features" class="slide level1">
                <div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 960px; left: 0px; top: 228px;">
                    <div class="sl-block-content" data-has-custom-html="" style="z-index: 11;">
                        <h1>But what if you need more features?</h1>
                        <p>do you need to go back to word to suffer some more?</p>
                    </div>
                </div>
            </section>
            <section id="no-of-course-you-dont-because-we-have-latex." class="slide level1">
                <div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 960px; left: 0px; top: 253px;">
                    <div class="sl-block-content" data-has-custom-html="" style="z-index: 11;">
                        <h1>No of course you dont, because we have Latex.</h1>
                    </div>
                </div>
            </section>
            <section class="slide level1">
                <div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 960px; left: 0px; top: 331px;">
                    <div class="sl-block-content" data-has-custom-html="" style="z-index: 11;">
                        <p>(yes pronounced la-tech)</p>
                    </div>
                </div>
            </section>
            <section id="latex-documnents-take-more-efort-but-the-results-are-just-beautiful." class="slide level1">
                <div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 960px; left: 0px; top: 205px;">
                    <div class="sl-block-content" data-has-custom-html="" style="z-index: 11;">
                        <h1>Latex documnents take more efort but the results are just beautiful.</h1>
                    </div>
                </div>
            </section>
            <section id="the-real-profesional-look-you-are-looking-for." class="slide level1">
                <div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 960px; left: 0px; top: 209px;">
                    <div class="sl-block-content" data-has-custom-html="" style="z-index: 11;">
                        <h1>The real profesional look you are looking for.</h1>
                        <p>Do you think books are writen in MS Word? they likely sue latex instead.</p>
                    </div>
                </div>
            </section>
            <section id="sience-journals-thesis-and-probably-your-math-textbook-are-made-in-latex." class="slide level1">
                <div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 960px; left: 0px; top: 131px;">
                    <div class="sl-block-content" data-has-custom-html="" style="z-index: 11;">
                        <h1>Sience journals, Thesis and probably your math textbook are made in Latex.</h1>
                        <p>Most universities recomend it for academic writing.</p>
                    </div>
                </div>
            </section>
            <section id="easy-to-pick-up-but-hard-to-master-but-damm-it-is-worth-it" class="slide level1">
                <div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 960px; left: 0px; top: 160px;">
                    <div class="sl-block-content" data-has-custom-html="" style="z-index: 11;">
                        <h1>Easy to pick up but hard to master, but damm it is worth it!</h1>
                        <p>Writing Latex documents is a marketable skill and it will be forever usefull.</p>
                    </div>
                </div>
            </section>
            <section class="slide level1">
                <div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 960px; left: 0px; top: 109px;">
                    <div class="sl-block-content" data-has-custom-html="" style="z-index: 11;">
                        <p>Latex also has some game changing features like:</p>
                        <ul>
                            <li>It outputs PDF’s, so you will never have any compatibility issues.</li>
                            <li>Advanced Math mode without it being colmplicated.</li>
                            <li>Automaticly made table of contents.</li>
                            <li>Automaticly traked figure system for images and examples.</li>
                            <li>Automaticly tracked biliographies and refrences.</li>
                            <li>Never worry about the desighn and formating, its made for you automaticly.</li>
                            <li>Expandibility: Packages are avalable to expand the feature-set, so you can write music, make graphics, run python code and much more.</li>
                            <li>It can even transform your allready made document</li>
                        </ul>
                    </div>
                </div>
            </section>
            <section id="easy-to-pick-up-but-hard-to-master-but-damm-it-is-worth-it" class="slide level1">
                <div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 960px; left: 0px; top: 160px;">
                    <div class="sl-block-content" data-has-custom-html="" style="z-index: 11;">
                        <h1>Easy to pick up but hard to master, but damm it is worth it!</h1>
                        <p>Writing Latex documents is a marketable skill and it will be forever usefull.</p>
                    </div>
                </div>
            </section>
            <section class="slide level1">
                <div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 960px; left: 0px; top: 89px;">
                    <div class="sl-block-content" data-has-custom-html="" style="z-index: 11;">
                        <p>Latex also has some game changing features like:</p>
                        <ul>
                            <li>It outputs PDF’s, so you will never have any compatibility issues.</li>
                            <li>Advanced Math mode without it being colmplicated.</li>
                            <li>Automaticly made table of contents.</li>
                            <li>Automaticly traked figure system for images and examples.</li>
                            <li>Automaticly tracked biliographies and refrences.</li>
                            <li>Never worry about the desighn and formating, its made for you automaticly.</li>
                            <li>Expandibility: Packages are avalable to expand the feature-set, so you can write music, make graphics, run python code and much more.</li>
                            <li>It can even transform your allready made document into a presentation automaticly.</li>
                        </ul>
                    </div>
                </div>
            </section>
            <section class="slide level1">
                <div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 960px; left: 0px; top: 276px;">
                    <div class="sl-block-content" data-has-custom-html="" style="z-index: 11;">
                        <h2 id="and-to-tie-it-all-up-nicely-there-is-pandoc.">And to tie it all up nicely there is 
                            <em>pandoc</em>.
                        </h2>
                    </div>
                </div>
            </section>
            <section class="slide level1">
                <div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 960px; left: 0px; top: 61px;">
                    <div class="sl-block-content" data-has-custom-html="" style="z-index: 11;">
                        <p>Pandoc is a simple program that transforms documents from one type to another.</p>
                        <p>For example, this slide presentation was made roughly in 
                            <em>markdown</em>, then transformed into 
                            <em>reveal.js</em> code, and finaly imported into 
                            <em>slides.com</em>.
                        </p>
                        <p>This prosess createsa barebones presentation, but slides.com can easily manipulate styles and es easy enough to add finishing touches.</p>
                        <p>You can write all your notes in class in markdown because it is insanely fast and simple.</p>
                        <p>If the profesor needs you making a presentation of a sertain subject, you could simply: select the subject from your notes 
                            <strong>import it</strong> into 
                            <em>pandoc</em> and have a rough slideshow ready for you to present 
                            <strong>
                                <em>in one minute</em>
                            </strong>.
                        </p>
                    </div>
                </div>
            </section>
            <section id="best-of-both-worlds" class="slide level1">
                <div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 960px; left: 0px; top: 257px;">
                    <div class="sl-block-content" data-has-custom-html="" style="z-index: 11;">
                        <h1>best of both worlds</h1>
                        <p>Pandoc recognizes Latex code when he sees it, therefore you have full Latex suport and the simplicity of markdown, 
                            <strong>all in one!</strong>
                        </p>
                    </div>
                </div>
            </section>
            <section id="werever-you-go." class="slide level1">
                <div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 960px; left: 0px; top: 172px;">
                    <div class="sl-block-content" data-has-custom-html="" style="z-index: 11;">
                        <h1>werever you go.</h1>
                        <p>Use Google Drive/Dropbox/Github to store your documents and use writeboxapps.com to write in markdown, sharelatex.com to make Latex documents and pandoc.org/try/ to convert them online.</p>
                        <p>On all platforms, Windows, iOS, iOSX, Android, Linux and even Windows Phone!</p>
                        <p>Offline versions available asswell.</p>
                    </div>
                </div>
            </section>
            <section class="slide level1">
                <div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 960px; left: 0px; top: 292px;">
                    <div class="sl-block-content" data-has-custom-html="" style="z-index: 11;">
                        <p>So forget about word because This holly trinity of markdown, latex and pandock will teach you to focus and stop woring and love typesetting</p>
                    </div>
                </div>
            </section>
        </div>
    </div>
</div>

From Markdown to Reveal.js using Pandoc

Change theme and add pictures & animations here and there

You can write all your notes in class using markdown because it's insanely fast and simple.

Lets say you need to do a presentation of a certain subject for homework, you could simply:

select the subject from your notes import them into pandoc and have a rough slideshow ready for you to present in one minute.

Pandoc Tutorial

(unfinished)

Pandoc converts from any of these to any of these

HTML formats: XHTML, HTML5, and HTML slide shows using Slidy, reveal.js, Slideous, S5, or DZSlides
Word processor formats: Microsoft Word docx, OpenOffice/LibreOffice ODT, OpenDocument XML, Microsoft PowerPoint.
Ebooks: EPUB version 2 or 3, FictionBook2
Documentation formats: DocBook version 4 or 5, TEI Simple, GNU TexInfo, Groff man, Groff ms, Haddock markup
Archival formats: JATS
Page layout formats: InDesign ICML
Outline formats: OPML
TeX formats: LaTeX, ConTeXt, LaTeX Beamer slides
PDF: via pdflatex, xelatex, lualatex, pdfroff, wkhtml2pdf, prince, or weasyprint.
Lightweight markup formats: Markdown (including CommonMark and GitHub-flavored Markdown), reStructuredText, AsciiDoc, Emacs Org-Mode, Emacs Muse, Textile, txt2tags, MediaWiki markup, DokuWiki markup, TikiWiki markup, TWiki markup, Vimwiki markup, and ZimWiki markup.
Custom formats: custom writers can be written in lua.

more info on pandoc.org

best of both worlds

Pandoc recognizes Latex code when he sees it, therefore you have full Latex suport and the simplicity of markdown, all in one!

werever you go.

Use Google Drive/Dropbox/Github to store your documents and use writeboxapps.com to write in markdown, sharelatex.com to make Latex documents and pandoc.org/try to convert them online.

On all platforms (even Windows Phone!)

Offline versions available aswell.

will teach you to focus,

stop worrying and love typesetting

So forget about word because

this holly trinity of markdown, latex and pandoc

Forget about Microsoft Word

By Alejandro Escalante

Forget about Microsoft Word

An introduction on my tutorial series about typesetting with LaTeX + Markdown + Pandoc.

Alejandro Escalante

All of my slide presentations are licensed under creative commons Attribution 4.0 International (CC BY 4.0)

alex-esc.github.io

Best way to

take digital notes

Don't use microsoft word

ummm… why not?

Price

And using word is too slow

Compatibility

Compatibility

It’s full of endless menus

Compatibility

It’s full of endless menus

Good luck taking math notes with it.

Compatibility

It’s full of endless menus

Good luck taking math notes with it.

Bad Formating system

Its not profesional

Pictures and images never work, ever.

Its just to complex.

Don't use pages.

Or any other hipster programs that nobody uses.

What do they have in common?

Word, Pages and drive. HMMM…

“What you see is what you get”

when desgin and content are treated equaly, one change afects the other.

when taking notes you cant aford to wrestle with your computer.

Markdown documents, Latex and Pandoc.

And they are all 100% free and custumizable.

With markdown you can:

On markdonw you type hashtag then your title and you are done.

Its so simple!

To recap:

Deep dive on Markdown

Link to full tutorial

Super simple right?

It makes plain, simple documents and PDF’s

But what if you need more features?

No of course you dont, because we have Latex.

Latex documents take more effort but the results are just beautiful.

The real profesional look you are looking for.

Science journals, Thesis and probably your math textbook are all made in Latex.

Easy to pick up but hard to master, but damn it is worth it!

Beginner's Latex Tutorial

And to tie it all up nicely there is pandoc.

Pandoc Tutorial

Pandoc converts from any of these to any of these

more info on pandoc.org

best of both worlds

werever you go.

Forget about Microsoft Word

More from Alejandro Escalante