summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorJonas Smedegaard <dr@jones.dk>2017-09-17 16:47:12 +0200
committerJonas Smedegaard <dr@jones.dk>2017-09-17 16:56:07 +0200
commitb06c69128ab0c8e5ebf4ef494e151e81e7c32490 (patch)
tree8a7436b12fd048a8a6e2f0aeee9534dc2b65bd33
parentb19a6fc772569a9a8d96b0d2818e5e42b9080f68 (diff)
Convert code spans to markdown.
-rw-r--r--demo.md2
-rw-r--r--pocketCSS.md106
-rw-r--r--pocketHelp.md96
3 files changed, 102 insertions, 102 deletions
diff --git a/demo.md b/demo.md
index bd4b4c2..4958187 100644
--- a/demo.md
+++ b/demo.md
@@ -115,7 +115,7 @@ Two default list types
## 8
-Lorem ipsum <code>dolor sit amet</code>, consectetur adipisicing elit,
+Lorem ipsum `dolor sit amet`, consectetur adipisicing elit,
<pre>
sed do eiusmod tempor incididunt
diff --git a/pocketCSS.md b/pocketCSS.md
index 14ea67c..527feb0 100644
--- a/pocketCSS.md
+++ b/pocketCSS.md
@@ -11,20 +11,20 @@
## Simple selectors
-<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">assume throughout that `E` and `F` are elements, they can have attribute `foo` 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>
<span class="micro"><strong>universal selector</strong>, match any element</span>
-<code>*</code>
+`*`
<span class="micro"><strong>type</strong> (or element) selector</span>
-<code>E</code>
+`E`
-<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>
+<span class="micro"><strong>ID selector</strong> an E element with ID equal to "myid", e.g. `&lt;e id="myid"&gt;`</span>
+`E#myid`
-<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>
+<span class="micro"><strong>class selector</strong> an E element whose class is "myclass", e.g. `&lt;e class="myclass"&gt;`</span>
+`E.myclass`
---
@@ -33,19 +33,19 @@
## Combinators <abbr class="amp" title="and">&amp;</abbr> negation
<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>
+`E F`
<span class="micro"><strong>child combinator</strong> an F element which is the direct child of an E element</span>
-<code>E > F</code>
+`E > F`
<span class="micro"><strong>adjacent sibling combinator</strong> an F element that is immediately preceded by an E element</span>
-<code>E + F</code>
+`E + F`
<span class="micro"><strong>general sibling combinator</strong> an F element preceded at some point by an E element</span>
-<code>E ~ F</code>
+`E ~ F`
-<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>
+<span class="micro"><strong>negation pseudo-class</strong> an E element that does not match simple selector `s`</span>
+`E:not(s)`
---
@@ -54,25 +54,25 @@
## Attribute selectors
<span class="micro">element E with a "foo" attribute</span>
-<code>E[foo]</code>
+`E[foo]`
-<span class="micro">E&#8217;s attribute <code>foo</code>, value exactly equal to <code>bar</code></span>
-<code>E[foo="bar"]</code>
+<span class="micro">E&#8217;s attribute `foo`, value exactly equal to `bar`</span>
+`E[foo="bar"]`
-<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>
+<span class="micro">E&#8217;s attribute `foo`, value is whitespace-separated values, one of which is exactly "bar"</span>
+`E[foo~="bar"]`
-<span class="micro">E&#8217;s attribute <code>foo</code>, value begins exactly "bar"</span>
-<code>E[foo^="bar"]</code>
+<span class="micro">E&#8217;s attribute `foo`, value begins exactly "bar"</span>
+`E[foo^="bar"]`
-<span class="micro">E&#8217;s attribute <code>foo</code>, value ends exactly "bar"</span>
-<code>E[foo$="bar"]</code>
+<span class="micro">E&#8217;s attribute `foo`, value ends exactly "bar"</span>
+`E[foo$="bar"]`
-<span class="micro">E&#8217;s attribute <code>foo</code>, value contains substring "bar"</span>
-<code>E[foo*="bar"]</code>
+<span class="micro">E&#8217;s attribute `foo`, value contains substring "bar"</span>
+`E[foo*="bar"]`
-<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>
+<span class="micro">E&#8217;s attribute `foo` has a hyphen-separated list of values beginning (from the left) with "en"</span>
+`E[foo|="en"]`
---
@@ -80,22 +80,22 @@
## 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 class="micro">`n` can be replaced with an expression in all following cases `n` can be (odd), (even) or expressions such as (3n + 1)</span></p>
<span class="micro">an E element, the n-th child of its parent</span>
-<code>E:nth-child(n)</code>
+`E:nth-child(n)`
<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>
+`E:nth-last-child(n)`
<span class="micro">an E element, the n-th sibling of its type</span>
-<code>E:nth-of-type(n)</code>
+`E:nth-of-type(n)`
<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>
+`E:nth-last-of-type(n)`
<span class="micro">an E element that is the document root, i.e. html</span>
-<code>E:root</code>
+`E:root`
---
@@ -104,25 +104,25 @@
## Structural pseudo-classes
<span class="micro">an E element, first child of its parent</span>
-<code>E:first-child</code>
+`E:first-child`
<span class="micro">an E element, first sibling of its type</span>
-<code>E:first-of-type</code>
+`E:first-of-type`
<span class="micro">an E element, last child of its parent</span>
-<code>E:last-child </code>
+`E:last-child `
<span class="micro">an E element, last sibling of its type</span>
-<code>E:last-of-type</code>
+`E:last-of-type`
<span class="micro">an E element, only child of its parent</span>
-<code>E:only-child</code>
+`E:only-child`
<span class="micro">an E element, only sibling of its type</span>
-<code>E:only-of-type</code>
+`E:only-of-type`
<span class="micro">an E element that has no children (including text nodes)</span>
-<code>E:empty</code>
+`E:empty`
---
@@ -131,25 +131,25 @@
## Pseudo-classes
<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>
+`E:link`
<span class="micro">the href target of the link E has been visited</span>
-<code>E:visited</code>
+`E:visited`
<span class="micro">the link E has been activated</span>
-<code>E:active</code>
+`E:active`
<span class="micro">any element E when hovered over with a mouse</span>
-<code>E:hover</code>
+`E:hover`
<span class="micro">the link or form control E when tabbed to with a keyboard</span>
-<code>E:focus</code>
+`E:focus`
<span class="micro">element E is the fragment in the referring URI</span>
-<code>E:target</code>
+`E:target`
<span class="micro">an element of type E in language "fr"</span>
-<code>E:lang(fr)</code>
+`E:lang(fr)`
---
@@ -158,24 +158,24 @@
## Forms <abbr class="amp" title="and">&amp;</abbr> <span style="white-space: nowrap">Pseudo-elements</span>
<span class="micro">a user interface element E which is enabled</span>
-<code>E:enabled</code>
+`E:enabled`
<span class="micro">a user interface element E which is disabled </span>
-<code>E:disabled</code>
+`E:disabled`
<span class="micro">a user interface element E which is checked</span>
-<code>E:checked</code>
+`E:checked`
<span class="micro">the first formatted line of an E element</span>
-<code>E::first-line</code>
+`E::first-line`
<span class="micro">the first formatted letter of an E element</span>
-<code>E::first-letter</code>
+`E::first-letter`
<span class="micro">generated content before an E element</span>
-<code>E::before</code>
+`E::before`
<span class="micro">generated content after an E element</span>
-<code>E::after</code>
+`E::after`
<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 44c5278..36772b0 100644
--- a/pocketHelp.md
+++ b/pocketHelp.md
@@ -11,27 +11,27 @@
## navigate the file tree
-<span class="micro">changing directory to <code>dirname</code></span>
-<code>cd dirname</code>
+<span class="micro">changing directory to `dirname`</span>
+`cd dirname`
<span class="micro">move up a directory in the tree</span>
-<code>cd ..</code>
+`cd ..`
<span class="micro">dont forget you can drag a folder in from the finder to get a path to that directory</span>
<span class="micro">go back to the last directory I was in</span>
-<code>cd -</code>
+`cd -`
<span class="micro">where am I? (present working directory)</span>
-<code>pwd</code>
+`pwd`
<span class="micro">list what's in this directory</span>
-<code>ls</code>
+`ls`
<span class="micro">now give me more information in the listing</span>
-<code>ls -lah</code>
+`ls -lah`
<span class="micro">ssh to server</span>
-<code>ssh user@domain.com</code>
+`ssh user@domain.com`
---
@@ -40,25 +40,25 @@
## find <abbr class="amp" title="and">&amp;</abbr> open
<span class="micro">list all files recursively in subdomains</span>
-<code>find .</code>
+`find .`
-<span class="micro">find all files with '<code>.css</code>' in the name</span>
-<code>find . | grep .css</code>
+<span class="micro">find all files with '`.css`' in the name</span>
+`find . | grep .css`
-<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>
+<span class="micro">find the string '`prose`' in the contents of all the files in this directory</span>
+`grep -r "prose" .`
<span class="micro">open a file as if you had double clicked it in the finder (mac only)</span>
-<code>open filename</code>
+`open filename`
<span class="micro">open the current directory in the finder</span>
-<code>open .</code>
+`open .`
-<span class="micro">make a directory called <code>dirname</code></span>
-<code>mkdir dirname</code>
+<span class="micro">make a directory called `dirname`</span>
+`mkdir dirname`
-<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>
+<span class="micro">create a file called `filename` if it doesnt exist or update last modified date if it does</span>
+`touch filename`
---
@@ -67,23 +67,23 @@
## move, remove <abbr class="amp" title="and">&amp;</abbr> copy
<span class="micro">move or rename a file or directory</span>
-<code>mv oldname newname</code>
+`mv oldname newname`
<span class="micro">remove a file</span>
-<code>rm filename</code>
+`rm filename`
<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>
+`rm -rf dirname`
<span class="micro">copy a file</span>
-<code>cp oldfilename newfilename</code>
+`cp oldfilename newfilename`
<span class="micro">copy a directory and everything in it</span>
-<code>cp -r olddirname newdirname</code>
+`cp -r olddirname newdirname`
<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>
+`scp file user@domain.com:`
+<span class="micro">you can also copy a directory using `scp -r`</span>
---
@@ -92,28 +92,28 @@
## subversion</h2>
<span class="micro">check out a repository to the current directory</span>
-<code>svn co URL .</code>
+`svn co URL .`
<span class="micro">update local directory from repository</span>
-<code>svn up</code>
+`svn up`
<span class="micro">are there new or modified files?</span>
-<code>svn status</code>
+`svn status`
<span class="micro">add new files to the repository</span>
-<code>svn add filename</code>
+`svn add filename`
<span class="micro">remove a file from subversion</span>
-<code>svn remove filename</code>
+`svn remove filename`
<span class="micro">mark a previously conflicted file as resolved</span>
-<code>svn resolved filename</code>
+`svn resolved filename`
<span class="micro">who changed what line number of this file</span>
-<code>svn blame filename</code>
+`svn blame filename`
<span class="micro">commit all changes in this directory</span>
-<code>svn commit -m "commit msg"</code>
+`svn commit -m "commit msg"`
---
@@ -122,22 +122,22 @@
## subversion <abbr class="amp" title="and">&amp;</abbr> download
<span class="micro">is this directory checked out from svn? and where?</span>
-<code>svn info</code>
+`svn info`
<span class="micro">show everything that has changed</span>
-<code>svn diff</code>
+`svn diff`
<span class="micro">show what has changed in one file</span>
-<code>svn diff filename</code>
+`svn diff filename`
<span class="micro">open text editor in order to specify which files to ignore from svn</span>
-<code>svn propedit svn:ignore .</code>
+`svn propedit svn:ignore .`
<span class="micro">download a file to the current directory</span>
-<code>wget URL</code>
+`wget URL`
<span class="micro">show the contents of a file in the terminal</span>
-<code>curl URL</code>
+`curl URL`
---
@@ -146,25 +146,25 @@
## help <abbr class="amp" title="and">&amp;</abbr> information
<span class="micro">run any command as root</span>
-<code>sudo your-command-here</code>
+`sudo your-command-here`
-<span class="micro">get help for any command, eg <code>svn</code></span>
-<code>svn --help</code>
+<span class="micro">get help for any command, eg `svn`</span>
+`svn --help`
<span class="micro">how long has this computer been on?</span>
-<code>uptime</code>
+`uptime`
<span class="micro">what is the size of the current directory and all the contents</span>
-<code>du -h</code>
+`du -h`
<span class="micro">cancel the command you were currently typing</span>
-<code>ctrl + c</code>
+`ctrl + c`
<span class="micro">go to the beginning of the line in the terminal</span>
-<code>ctrl + a</code>
+`ctrl + a`
<span class="micro">go to the end of the line in the terminal</span>
-<code>ctrl + e</code>
+`ctrl + e`
---