summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorJonas Smedegaard <dr@jones.dk>2017-09-17 16:30:23 +0200
committerJonas Smedegaard <dr@jones.dk>2017-09-17 16:34:17 +0200
commitb19a6fc772569a9a8d96b0d2818e5e42b9080f68 (patch)
treee06a59490d43be107c7871a4a9b27be831330393
parent23b66c18c0d664e3ac45bd9de419d72dc7f88832 (diff)
Convert paragraphs to markdown.
-rw-r--r--demo.md17
-rw-r--r--pocketCSS.md160
-rw-r--r--pocketHelp.md156
3 files changed, 163 insertions, 170 deletions
diff --git a/demo.md b/demo.md
index 17996a2..bd4b4c2 100644
--- a/demo.md
+++ b/demo.md
@@ -1,6 +1,7 @@
# 1
-<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
<address>Some adddress<br>Or Other</address>
---
@@ -17,7 +18,9 @@
<li>consectetur adipisicing elit,</li>
<li>consectetur adipisicing elit,consectetur adipisicing elit,consectetur adipisicing elit,consectetur adipisicing elit,</li>
</ul>
-<p>Two default list types</p>
+
+Two default list types
+
<ol>
<li>consectetur adipisicing elit,</li>
<li>consectetur adipisicing elit,consectetur adipisicing elit,consectetur adipisicing elit,consectetur adipisicing elit,</li>
@@ -65,7 +68,8 @@
##### quis nostrud exercitation
<blockquote><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,</p></blockquote>
-<p><ins>quis nostrud exercitation</ins> ullamco <del>laboris nisi</del> ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+
+<ins>quis nostrud exercitation</ins> ullamco <del>laboris nisi</del> ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
---
@@ -111,10 +115,13 @@
## 8
-<p>Lorem ipsum <code>dolor sit amet</code>, consectetur adipisicing elit,</p>
+Lorem ipsum <code>dolor sit amet</code>, consectetur adipisicing elit,
+
<pre>
sed do eiusmod tempor incididunt
ut labore
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor</pre>
-<p>Normal sized paragraph</p>
+
+Normal sized paragraph
+
<p class="micro">Small Paragraph</p>
diff --git a/pocketCSS.md b/pocketCSS.md
index 05acdf7..14ea67c 100644
--- a/pocketCSS.md
+++ b/pocketCSS.md
@@ -14,18 +14,17 @@
<p class="micro">assume throughout that <code>E</code> and <code>F</code> are elements, they can have attribute <code>foo</code> e.g. <code style="white-space: nowrap">&lt;e foo="bar"&gt;</code> you can replace these with any elements or attributes.</p>
<p class="micro">In HTML, elements in CSS can be uppercase like these examples. In XHTML, elements must be lower case. Classes and IDs are <strong>always</strong> case sensitive</p>
-<p><span class="micro"><strong>universal selector</strong>, match any element</span>
+<span class="micro"><strong>universal selector</strong>, match any element</span>
<code>*</code>
-</p>
-<p><span class="micro"><strong>type</strong> (or element) selector</span>
+
+<span class="micro"><strong>type</strong> (or element) selector</span>
<code>E</code>
-</p>
-<p><span class="micro"><strong>ID selector</strong> an E element with ID equal to "myid", e.g. <code>&lt;e id="myid"&gt;</code></span>
+
+<span class="micro"><strong>ID selector</strong> an E element with ID equal to "myid", e.g. <code>&lt;e id="myid"&gt;</code></span>
<code>E#myid</code>
-</p>
-<p><span class="micro"><strong>class selector</strong> an E element whose class is "myclass", e.g. <code>&lt;e class="myclass"&gt;</code></span>
+
+<span class="micro"><strong>class selector</strong> an E element whose class is "myclass", e.g. <code>&lt;e class="myclass"&gt;</code></span>
<code>E.myclass</code>
-</p>
---
@@ -33,21 +32,20 @@
## Combinators <abbr class="amp" title="and">&amp;</abbr> negation
-<p><span class="micro"><strong>descendant combinator</strong> to style an F element, which is a descendant of an E element</span>
+<span class="micro"><strong>descendant combinator</strong> to style an F element, which is a descendant of an E element</span>
<code>E F</code>
-</p>
-<p><span class="micro"><strong>child combinator</strong> an F element which is the direct child of an E element</span>
+
+<span class="micro"><strong>child combinator</strong> an F element which is the direct child of an E element</span>
<code>E > F</code>
-</p>
-<p><span class="micro"><strong>adjacent sibling combinator</strong> an F element that is immediately preceded by an E element</span>
+
+<span class="micro"><strong>adjacent sibling combinator</strong> an F element that is immediately preceded by an E element</span>
<code>E + F</code>
-</p>
-<p><span class="micro"><strong>general sibling combinator</strong> an F element preceded at some point by an E element</span>
+
+<span class="micro"><strong>general sibling combinator</strong> an F element preceded at some point by an E element</span>
<code>E ~ F</code>
-</p>
-<p><span class="micro"><strong>negation pseudo-class</strong> an E element that does not match simple selector <code>s</code></span>
+
+<span class="micro"><strong>negation pseudo-class</strong> an E element that does not match simple selector <code>s</code></span>
<code>E:not(s)</code>
-</p>
---
@@ -55,25 +53,25 @@
## Attribute selectors
-<p><span class="micro">element E with a "foo" attribute</span>
+<span class="micro">element E with a "foo" attribute</span>
<code>E[foo]</code>
-</p>
-<p><span class="micro">E&#8217;s attribute <code>foo</code>, value exactly equal to <code>bar</code></span>
+
+<span class="micro">E&#8217;s attribute <code>foo</code>, value exactly equal to <code>bar</code></span>
<code>E[foo="bar"]</code>
-</p>
-<p><span class="micro">E&#8217;s attribute <code>foo</code>, value is whitespace-separated values, one of which is exactly "bar"</span>
+
+<span class="micro">E&#8217;s attribute <code>foo</code>, value is whitespace-separated values, one of which is exactly "bar"</span>
<code>E[foo~="bar"]</code>
-</p>
-<p><span class="micro">E&#8217;s attribute <code>foo</code>, value begins exactly "bar"</span>
+
+<span class="micro">E&#8217;s attribute <code>foo</code>, value begins exactly "bar"</span>
<code>E[foo^="bar"]</code>
-</p>
-<p><span class="micro">E&#8217;s attribute <code>foo</code>, value ends exactly "bar"</span>
+
+<span class="micro">E&#8217;s attribute <code>foo</code>, value ends exactly "bar"</span>
<code>E[foo$="bar"]</code>
-</p>
-<p><span class="micro">E&#8217;s attribute <code>foo</code>, value contains substring "bar"</span>
+
+<span class="micro">E&#8217;s attribute <code>foo</code>, value contains substring "bar"</span>
<code>E[foo*="bar"]</code>
-</p>
-<p><span class="micro">E&#8217;s attribute <code>foo</code> has a hyphen-separated list of values beginning (from the left) with "en"</span>
+
+<span class="micro">E&#8217;s attribute <code>foo</code> has a hyphen-separated list of values beginning (from the left) with "en"</span>
<code>E[foo|="en"]</code>
---
@@ -83,22 +81,21 @@
## Structural pseudo-classes
<p class="micro"><code>n</code> can be replaced with an expression in all following cases <code>n</code> can be (odd), (even) or expressions such as (3n + 1)</span></p>
-<p><span class="micro">an E element, the n-th child of its parent</p>
+
+<span class="micro">an E element, the n-th child of its parent</span>
<code>E:nth-child(n)</code>
-</p>
-<p><span class="micro">an E element, the n-th child of its parent, counting from the last one</span>
+
+<span class="micro">an E element, the n-th child of its parent, counting from the last one</span>
<code>E:nth-last-child(n)</code>
-</p>
-<p><span class="micro">an E element, the n-th sibling of its type</span>
+
+<span class="micro">an E element, the n-th sibling of its type</span>
<code>E:nth-of-type(n)</code>
-</p>
-<p><span class="micro">an E element, the n-th sibling of its type, counting from the last one</span>
+<span class="micro">an E element, the n-th sibling of its type, counting from the last one</span>
<code>E:nth-last-of-type(n)</code>
-</p>
-<p><span class="micro">an E element that is the document root, i.e. html</span>
+
+<span class="micro">an E element that is the document root, i.e. html</span>
<code>E:root</code>
-</p>
---
@@ -106,27 +103,26 @@
## Structural pseudo-classes
-<p><span class="micro">an E element, first child of its parent</span>
+<span class="micro">an E element, first child of its parent</span>
<code>E:first-child</code>
-</p>
-<p><span class="micro">an E element, first sibling of its type</span>
+
+<span class="micro">an E element, first sibling of its type</span>
<code>E:first-of-type</code>
-</p>
-<p><span class="micro">an E element, last child of its parent</span>
+
+<span class="micro">an E element, last child of its parent</span>
<code>E:last-child </code>
-</p>
-<p><span class="micro">an E element, last sibling of its type</span>
+
+<span class="micro">an E element, last sibling of its type</span>
<code>E:last-of-type</code>
-</p>
-<p><span class="micro">an E element, only child of its parent</span>
+
+<span class="micro">an E element, only child of its parent</span>
<code>E:only-child</code>
-</p>
-<p><span class="micro">an E element, only sibling of its type</span>
+
+<span class="micro">an E element, only sibling of its type</span>
<code>E:only-of-type</code>
-</p>
-<p><span class="micro">an E element that has no children (including text nodes)</span>
+
+<span class="micro">an E element that has no children (including text nodes)</span>
<code>E:empty</code>
-</p>
---
@@ -134,27 +130,26 @@
## Pseudo-classes
-<p><span class="micro">matches a link E when E is a link and not visited, hovered over focused on or active</span>
+<span class="micro">matches a link E when E is a link and not visited, hovered over focused on or active</span>
<code>E:link</code>
-</p>
-<p><span class="micro">the href target of the link E has been visited</span>
+
+<span class="micro">the href target of the link E has been visited</span>
<code>E:visited</code>
-</p>
-<p><span class="micro">the link E has been activated</span>
+
+<span class="micro">the link E has been activated</span>
<code>E:active</code>
-</p>
-<p><span class="micro">any element E when hovered over with a mouse</span>
+
+<span class="micro">any element E when hovered over with a mouse</span>
<code>E:hover</code>
-</p>
-<p><span class="micro">the link or form control E when tabbed to with a keyboard</span>
+
+<span class="micro">the link or form control E when tabbed to with a keyboard</span>
<code>E:focus</code>
-</p>
-<p><span class="micro">element E is the fragment in the referring URI</span>
+
+<span class="micro">element E is the fragment in the referring URI</span>
<code>E:target</code>
-</p>
-<p><span class="micro">an element of type E in language "fr"</span>
+
+<span class="micro">an element of type E in language "fr"</span>
<code>E:lang(fr)</code>
-</p>
---
@@ -162,26 +157,25 @@
## Forms <abbr class="amp" title="and">&amp;</abbr> <span style="white-space: nowrap">Pseudo-elements</span>
-<p><span class="micro">a user interface element E which is enabled</span>
+<span class="micro">a user interface element E which is enabled</span>
<code>E:enabled</code>
-</p>
-<p><span class="micro">a user interface element E which is disabled </span>
+
+<span class="micro">a user interface element E which is disabled </span>
<code>E:disabled</code>
-</p>
-<p><span class="micro">a user interface element E which is checked</span>
+
+<span class="micro">a user interface element E which is checked</span>
<code>E:checked</code>
-</p>
-<p><span class="micro">the first formatted line of an E element</span>
+
+<span class="micro">the first formatted line of an E element</span>
<code>E::first-line</code>
-</p>
-<p><span class="micro">the first formatted letter of an E element</span>
+
+<span class="micro">the first formatted letter of an E element</span>
<code>E::first-letter</code>
-</p>
-<p><span class="micro">generated content before an E element</span>
+
+<span class="micro">generated content before an E element</span>
<code>E::before</code>
-</p>
-<p><span class="micro">generated content after an E element</span>
+
+<span class="micro">generated content after an E element</span>
<code>E::after</code>
-</p>
<p class="micro" style="text-align: right; border-top: 1px solid #E0E0E0; margin-top: 3em"><span class="micro">http://www.w3.org/TR/css3-selectors/</span></p>
diff --git a/pocketHelp.md b/pocketHelp.md
index 0ca54fe..44c5278 100644
--- a/pocketHelp.md
+++ b/pocketHelp.md
@@ -11,28 +11,27 @@
## navigate the file tree
-<p><span class="micro">changing directory to <code>dirname</code></span>
+<span class="micro">changing directory to <code>dirname</code></span>
<code>cd dirname</code>
-</p>
-<p><span class="micro">move up a directory in the tree</span>
+
+<span class="micro">move up a directory in the tree</span>
<code>cd ..</code>
<span class="micro">dont forget you can drag a folder in from the finder to get a path to that directory</span>
-</p>
-<p><span class="micro">go back to the last directory I was in</span>
+
+<span class="micro">go back to the last directory I was in</span>
<code>cd -</code>
-</p>
-<p><span class="micro">where am I? (present working directory)</span>
+
+<span class="micro">where am I? (present working directory)</span>
<code>pwd</code>
-</p>
-<p><span class="micro">list what's in this directory</span>
+
+<span class="micro">list what's in this directory</span>
<code>ls</code>
-</p>
-<p><span class="micro">now give me more information in the listing</span>
+
+<span class="micro">now give me more information in the listing</span>
<code>ls -lah</code>
-</p>
-<p><span class="micro">ssh to server</span>
+
+<span class="micro">ssh to server</span>
<code>ssh user@domain.com</code>
-</p>
---
@@ -40,27 +39,26 @@
## find <abbr class="amp" title="and">&amp;</abbr> open
-<p><span class="micro">list all files recursively in subdomains</span>
+<span class="micro">list all files recursively in subdomains</span>
<code>find .</code>
-</p>
-<p><span class="micro">find all files with '<code>.css</code>' in the name</span>
+
+<span class="micro">find all files with '<code>.css</code>' in the name</span>
<code>find . | grep .css</code>
-</p>
-<p><span class="micro">find the string '<code>prose</code>' in the contents of all the files in this directory</span>
+
+<span class="micro">find the string '<code>prose</code>' in the contents of all the files in this directory</span>
<code>grep -r "prose" .</code>
-</p>
-<p><span class="micro">open a file as if you had double clicked it in the finder (mac only)</span>
+
+<span class="micro">open a file as if you had double clicked it in the finder (mac only)</span>
<code>open filename</code>
-</p>
-<p><span class="micro">open the current directory in the finder</span>
+
+<span class="micro">open the current directory in the finder</span>
<code>open .</code>
-</p>
-<p><span class="micro">make a directory called <code>dirname</code></span>
+
+<span class="micro">make a directory called <code>dirname</code></span>
<code>mkdir dirname</code>
-</p>
-<p><span class="micro">create a file called <code>filename</code> if it doesnt exist or update last modified date if it does</span>
+
+<span class="micro">create a file called <code>filename</code> if it doesnt exist or update last modified date if it does</span>
<code>touch filename</code>
-</p>
---
@@ -68,25 +66,24 @@
## move, remove <abbr class="amp" title="and">&amp;</abbr> copy
-<p><span class="micro">move or rename a file or directory</span>
+<span class="micro">move or rename a file or directory</span>
<code>mv oldname newname</code>
-</p>
-<p><span class="micro">remove a file</span>
+
+<span class="micro">remove a file</span>
<code>rm filename</code>
-</p>
-<p><span class="micro">remove a directory and all its contents. <strong>BE VERY CAREFUL!</strong> you could easily delete everything!</span>
+
+<span class="micro">remove a directory and all its contents. <strong>BE VERY CAREFUL!</strong> you could easily delete everything!</span>
<code>rm -rf dirname</code>
-</p>
-<p><span class="micro">copy a file</span>
+
+<span class="micro">copy a file</span>
<code>cp oldfilename newfilename</code>
-</p>
-<p><span class="micro">copy a directory and everything in it</span>
+
+<span class="micro">copy a directory and everything in it</span>
<code>cp -r olddirname newdirname</code>
-</p>
-<p><span class="micro">securely copy a file to / on a remote server</span>
+
+<span class="micro">securely copy a file to / on a remote server</span>
<code>scp file user@domain.com:</code>
<span class="micro">you can also copy a directory using <code>scp -r</code></span>
-</p>
---
@@ -94,31 +91,29 @@
## subversion</h2>
-<p><span class="micro">check out a repository to the current directory</span>
+<span class="micro">check out a repository to the current directory</span>
<code>svn co URL .</code>
-</p>
-<p><span class="micro">update local directory from repository</span>
+
+<span class="micro">update local directory from repository</span>
<code>svn up</code>
-</p>
-<p><span class="micro">are there new or modified files?</span>
+<span class="micro">are there new or modified files?</span>
<code>svn status</code>
-</p>
-<p><span class="micro">add new files to the repository</span>
+
+<span class="micro">add new files to the repository</span>
<code>svn add filename</code>
-</p>
-<p><span class="micro">remove a file from subversion</span>
+
+<span class="micro">remove a file from subversion</span>
<code>svn remove filename</code>
-</p>
-<p><span class="micro">mark a previously conflicted file as resolved</span>
+
+<span class="micro">mark a previously conflicted file as resolved</span>
<code>svn resolved filename</code>
-</p>
-<p><span class="micro">who changed what line number of this file</span>
+
+<span class="micro">who changed what line number of this file</span>
<code>svn blame filename</code>
-</p>
-<p><span class="micro">commit all changes in this directory</span>
+
+<span class="micro">commit all changes in this directory</span>
<code>svn commit -m "commit msg"</code>
-</p>
---
@@ -126,25 +121,23 @@
## subversion <abbr class="amp" title="and">&amp;</abbr> download
-<p><span class="micro">is this directory checked out from svn? and where?</span>
+<span class="micro">is this directory checked out from svn? and where?</span>
<code>svn info</code>
-</p>
-<p><span class="micro">show everything that has changed</span>
+
+<span class="micro">show everything that has changed</span>
<code>svn diff</code>
-</p>
-<p><span class="micro">show what has changed in one file</span>
+
+<span class="micro">show what has changed in one file</span>
<code>svn diff filename</code>
-</p>
-<p><span class="micro">open text editor in order to specify which files to ignore from svn</span>
+<span class="micro">open text editor in order to specify which files to ignore from svn</span>
<code>svn propedit svn:ignore .</code>
-</p>
-<p><span class="micro">download a file to the current directory</span>
+
+<span class="micro">download a file to the current directory</span>
<code>wget URL</code>
-</p>
-<p><span class="micro">show the contents of a file in the terminal</span>
+
+<span class="micro">show the contents of a file in the terminal</span>
<code>curl URL</code>
-</p>
---
@@ -152,27 +145,26 @@
## help <abbr class="amp" title="and">&amp;</abbr> information
-<p><span class="micro">run any command as root</span>
+<span class="micro">run any command as root</span>
<code>sudo your-command-here</code>
-</p>
-<p><span class="micro">get help for any command, eg <code>svn</code></span>
+
+<span class="micro">get help for any command, eg <code>svn</code></span>
<code>svn --help</code>
-</p>
-<p><span class="micro">how long has this computer been on?</span>
+
+<span class="micro">how long has this computer been on?</span>
<code>uptime</code>
-</p>
-<p><span class="micro">what is the size of the current directory and all the contents</span>
+
+<span class="micro">what is the size of the current directory and all the contents</span>
<code>du -h</code>
-</p>
-<p><span class="micro">cancel the command you were currently typing</span>
+
+<span class="micro">cancel the command you were currently typing</span>
<code>ctrl + c</code>
-</p>
-<p><span class="micro">go to the beginning of the line in the terminal</span>
+
+<span class="micro">go to the beginning of the line in the terminal</span>
<code>ctrl + a</code>
-</p>
-<p><span class="micro">go to the end of the line in the terminal</span>
+
+<span class="micro">go to the end of the line in the terminal</span>
<code>ctrl + e</code>
-</p>
---