diff options
| -rw-r--r-- | demo.md | 25 | ||||
| -rw-r--r-- | pocketCSS.md | 21 | ||||
| -rw-r--r-- | pocketHelp.md | 19 |
3 files changed, 42 insertions, 23 deletions
@@ -1,4 +1,5 @@ -<h1>1</h1> +# 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> <address>Some adddress<br>Or Other</address> @@ -10,7 +11,8 @@ --- -<h2>This is a header</h2> +## This is a header + <ul> <li>consectetur adipisicing elit,</li> <li>consectetur adipisicing elit,consectetur adipisicing elit,consectetur adipisicing elit,consectetur adipisicing elit,</li> @@ -38,14 +40,17 @@ --- -<h2>5</h2> +## 5 + <ol class="todo"> <li> </li> <li>consectetur adipisicing elit,</li> <li>Lorem ipsum dolor sit amet,</li> <li>consectetur adipisicing elit,consectetur adipisicing elit,consectetur adipisicing elit,consectetur adipisicing elit,</li> </ol> -<h4>Ordered and unorderd todo lists</h4> + +#### Ordered and unorderd todo lists + <ul class="todo"> <li> </li> <li> </li> @@ -55,8 +60,10 @@ --- -<h2>6</h2> -<h5>quis nostrud exercitation</h5> +## 6 + +##### 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> @@ -64,7 +71,8 @@ --- -<h2>7</h2> +## 7 + <table> <thead> <tr> @@ -101,7 +109,8 @@ --- -<h2>8</h2> +## 8 + <p>Lorem ipsum <code>dolor sit amet</code>, consectetur adipisicing elit,</p> <pre> sed do eiusmod tempor incididunt diff --git a/pocketCSS.md b/pocketCSS.md index 43f7d54..05acdf7 100644 --- a/pocketCSS.md +++ b/pocketCSS.md @@ -1,4 +1,4 @@ -<h1><span>dinky pocket book</span>CSS Selectors</h1> +# <span>dinky pocket book</span>CSS Selectors <div class="footer"> <p>This book belongs to:</p><br><br> @@ -9,7 +9,7 @@ --- -<h2>Simple selectors</h2> +## 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"><e foo="bar"></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> @@ -31,7 +31,8 @@ --- -<h2>Combinators <abbr class="amp" title="and">&</abbr> negation</h2> +## Combinators <abbr class="amp" title="and">&</abbr> negation + <p><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> @@ -52,7 +53,8 @@ --- -<h2>Attribute selectors</h2> +## Attribute selectors + <p><span class="micro">element E with a "foo" attribute</span> <code>E[foo]</code> </p> @@ -78,7 +80,8 @@ --- -<h2>Structural pseudo-classes</h2> +## 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> <code>E:nth-child(n)</code> @@ -101,7 +104,7 @@ --- -<h2>Structural pseudo-classes</h2> +## Structural pseudo-classes <p><span class="micro">an E element, first child of its parent</span> <code>E:first-child</code> @@ -129,7 +132,8 @@ --- -<h2>Pseudo-classes</h2> +## 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> <code>E:link</code> </p> @@ -156,7 +160,8 @@ --- -<h2>Forms <abbr class="amp" title="and">&</abbr> <span style="white-space: nowrap">Pseudo-elements</span></h2> +## Forms <abbr class="amp" title="and">&</abbr> <span style="white-space: nowrap">Pseudo-elements</span> + <p><span class="micro">a user interface element E which is enabled</span> <code>E:enabled</code> </p> diff --git a/pocketHelp.md b/pocketHelp.md index 3c0216d..0ca54fe 100644 --- a/pocketHelp.md +++ b/pocketHelp.md @@ -1,4 +1,4 @@ -<h1><span>pocket wiki</span>Terminal commands</h1> +# <span>pocket wiki</span>Terminal commands <div class="footer"> <p>This book belongs to:</p><br><br> @@ -9,7 +9,7 @@ --- -<h2>navigate the file tree</h2> +## navigate the file tree <p><span class="micro">changing directory to <code>dirname</code></span> <code>cd dirname</code> @@ -38,7 +38,8 @@ --- -<h2>find <abbr class="amp" title="and">&</abbr> open</h2> +## find <abbr class="amp" title="and">&</abbr> open + <p><span class="micro">list all files recursively in subdomains</span> <code>find .</code> </p> @@ -65,7 +66,8 @@ --- -<h2>move, remove <abbr class="amp" title="and">&</abbr> copy</h2> +## move, remove <abbr class="amp" title="and">&</abbr> copy + <p><span class="micro">move or rename a file or directory</span> <code>mv oldname newname</code> </p> @@ -90,7 +92,8 @@ --- -<h2>subversion</h2> +## subversion</h2> + <p><span class="micro">check out a repository to the current directory</span> <code>svn co URL .</code> </p> @@ -121,7 +124,8 @@ --- -<h2>subversion <abbr class="amp" title="and">&</abbr> download</h2> +## subversion <abbr class="amp" title="and">&</abbr> download + <p><span class="micro">is this directory checked out from svn? and where?</span> <code>svn info</code> </p> @@ -146,7 +150,8 @@ --- -<h2>help <abbr class="amp" title="and">&</abbr> information</h2> +## help <abbr class="amp" title="and">&</abbr> information + <p><span class="micro">run any command as root</span> <code>sudo your-command-here</code> </p> |