diff options
| -rw-r--r-- | demo.html | 252 | ||||
| -rw-r--r-- | pocketCSS.html | 410 | ||||
| -rw-r--r-- | pocketHelp.html | 384 |
3 files changed, 523 insertions, 523 deletions
@@ -3,137 +3,137 @@ <html lang="en"> <head> - <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> - <title>Pocket Project</title> - <meta name="author" content="Natalie Downe"> - <!-- Date: 2009-05-21 --> - - <link rel="stylesheet" href="css/main.css" type="text/css"> - <link rel="stylesheet" href="css/print.css" type="text/css" media="print"> - - <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> - <script type="text/javascript" src="js/dynamic.js"></script> - +<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> +<title>Pocket Project</title> +<meta name="author" content="Natalie Downe"> +<!-- Date: 2009-05-21 --> + +<link rel="stylesheet" href="css/main.css" type="text/css"> +<link rel="stylesheet" href="css/print.css" type="text/css" media="print"> + +<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> +<script type="text/javascript" src="js/dynamic.js"></script> + </head> <body> - - <div id="book"> - <div id="page1" class="page"> - <div class="inner"> - <h1>1</h1> - <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> - </div> - </div> - - <div id="page2" class="page lines"> - </div> - - <div id="page3" class="page"> - <div class="inner"> - <h2>This is a header</h2> - <ul> - <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> - <ol> - <li>consectetur adipisicing elit,</li> - <li>consectetur adipisicing elit,consectetur adipisicing elit,consectetur adipisicing elit,consectetur adipisicing elit,</li> - </ol> - </div> - </div> - - <div id="page4" class="page gmap"> - <dl> - <dt>center</dt> - <dd>50.8197155,-0.1365716</dd> - - <dt>key</dt> - <dd>ABQIAAAAoC20TTVpl16JBF_GkXMC5BRTuTV1twEsA44375wZQuE6wastexRkbT7ZN3IzmX9Q09IoxiZsVa_qAQ</dd> - - <dt>zoom</dt> - <dd>13</dd> - </dl> - </div> - - <div id="page5" class="page"> - <div class="inner"> - <h2>5</h2> - <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> - <ul class="todo"> - <li> </li> - <li> </li> - </ul> - </div> - </div> - - <div id="page6" class="page"> - <div class="inner"> - <h2>6</h2> - <h5>quis nostrud exercitation</h5> - <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> - </div> - </div> - - <div id="page7" class="page"> - <div class="inner"> - <h2>7</h2> - <table> - <thead> - <tr> - <th>Header</th> - <th>Header 2</th> - <th>Header 3</th> - </tr> - </thead> - <tbody> - <tr> - <th>Header Horiz</th> - <td>Content 2</td> - <td>Content 3</td> - </tr> - <tr> - <th>Header Horiz</th> - <td>Content 2</td> - <td>Content 3</td> - </tr> - <tr> - <th>Header Horiz</th> - <td>Content 2</td> - <td>Content 3</td> - </tr> - <tr> - <th>Header Horiz</th> - <td>Content 2</td> - <td>Content 3</td> - </tr> - </tbody> - </table> - </div> - </div> - - <div id="page8" class="page"> - <div class="inner"> - <h2>8</h2> - <p>Lorem ipsum <code>dolor sit amet</code>, consectetur adipisicing elit,</p> - <pre> + +<div id="book"> +<div id="page1" class="page"> +<div class="inner"> +<h1>1</h1> +<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> +</div> +</div> + +<div id="page2" class="page lines"> +</div> + +<div id="page3" class="page"> +<div class="inner"> +<h2>This is a header</h2> +<ul> +<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> +<ol> +<li>consectetur adipisicing elit,</li> +<li>consectetur adipisicing elit,consectetur adipisicing elit,consectetur adipisicing elit,consectetur adipisicing elit,</li> +</ol> +</div> +</div> + +<div id="page4" class="page gmap"> +<dl> +<dt>center</dt> +<dd>50.8197155,-0.1365716</dd> + +<dt>key</dt> +<dd>ABQIAAAAoC20TTVpl16JBF_GkXMC5BRTuTV1twEsA44375wZQuE6wastexRkbT7ZN3IzmX9Q09IoxiZsVa_qAQ</dd> + +<dt>zoom</dt> +<dd>13</dd> +</dl> +</div> + +<div id="page5" class="page"> +<div class="inner"> +<h2>5</h2> +<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> +<ul class="todo"> +<li> </li> +<li> </li> +</ul> +</div> +</div> + +<div id="page6" class="page"> +<div class="inner"> +<h2>6</h2> +<h5>quis nostrud exercitation</h5> +<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> +</div> +</div> + +<div id="page7" class="page"> +<div class="inner"> +<h2>7</h2> +<table> +<thead> +<tr> +<th>Header</th> +<th>Header 2</th> +<th>Header 3</th> +</tr> +</thead> +<tbody> +<tr> +<th>Header Horiz</th> +<td>Content 2</td> +<td>Content 3</td> +</tr> +<tr> +<th>Header Horiz</th> +<td>Content 2</td> +<td>Content 3</td> +</tr> +<tr> +<th>Header Horiz</th> +<td>Content 2</td> +<td>Content 3</td> +</tr> +<tr> +<th>Header Horiz</th> +<td>Content 2</td> +<td>Content 3</td> +</tr> +</tbody> +</table> +</div> +</div> + +<div id="page8" class="page"> +<div class="inner"> +<h2>8</h2> +<p>Lorem ipsum <code>dolor sit amet</code>, consectetur adipisicing elit,</p> +<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> - <p class="micro">Small Paragraph</p> - - </div> - </div> - </div> +<p>Normal sized paragraph</p> +<p class="micro">Small Paragraph</p> + +</div> +</div> +</div> </body> </html> diff --git a/pocketCSS.html b/pocketCSS.html index c874ef4..9808095 100644 --- a/pocketCSS.html +++ b/pocketCSS.html @@ -3,214 +3,214 @@ <html lang="en"> <head> - <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> - <title>pocket wiki - Terminal commands</title> - <meta name="author" content="Natalie Downe"> - <!-- Date: 2009-05-23 --> - - <link rel="stylesheet" href="css/main.css" type="text/css"> - <link rel="stylesheet" href="css/print.css" type="text/css" media="print"> - - <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> - <script type="text/javascript" src="js/dynamic.js"></script> - +<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> +<title>pocket wiki - Terminal commands</title> +<meta name="author" content="Natalie Downe"> +<!-- Date: 2009-05-23 --> + +<link rel="stylesheet" href="css/main.css" type="text/css"> +<link rel="stylesheet" href="css/print.css" type="text/css" media="print"> + +<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> +<script type="text/javascript" src="js/dynamic.js"></script> + </head> <body> - + <div id="book"> - <div id="page1" class="page"> - <div class="inner"> - <h1><span>dinky pocket book</span>CSS Selectors</h1> - - <div class="footer"> - <p>This book belongs to:</p><br><br> - <hr> - </div> - </div> - </div> - - <div id="page2" class="page"> - <div class="inner"> - <h2>Simple selectors</h2> - - <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> - - <p><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> - <code>E</code> - </p> - <p><span class="micro"><strong>ID selector</strong> an E element with ID equal to "myid", e.g. <code><e id="myid"></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><e class="myclass"></code></span> - <code>E.myclass</code> - </p> - - </div> - </div> - - <div id="page3" class="page"> - <div class="inner"> - <h2>Combinators <abbr class="amp" title="and">&</abbr> negation</h2> - <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> - <p><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> - <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> - <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> - <code>E:not(s)</code> - </p> - - </div> - </div> - - <div id="page4" class="page"> - <div class="inner"> - <h2>Attribute selectors</h2> - <p><span class="micro">element E with a "foo" attribute</span> - <code>E[foo]</code> - </p> - <p><span class="micro">E’s attribute <code>foo</code>, value exactly equal to <code>bar</code></span> - <code>E[foo="bar"]</code> - </p> - <p><span class="micro">E’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’s attribute <code>foo</code>, value begins exactly "bar"</span> - <code>E[foo^="bar"]</code> - </p> - <p><span class="micro">E’s attribute <code>foo</code>, value ends exactly "bar"</span> - <code>E[foo$="bar"]</code> - </p> - <p><span class="micro">E’s attribute <code>foo</code>, value contains substring "bar"</span> - <code>E[foo*="bar"]</code> - </p> - <p><span class="micro">E’s attribute <code>foo</code> has a hyphen-separated list of values beginning (from the left) with "en"</span> - <code>E[foo|="en"]</code> - </p> - </div> - </div> - - <div id="page5" class="page"> - <div class="inner"> - <h2>Structural pseudo-classes</h2> - <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> - </p> - <p><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> - <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> - <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> - <code>E:root</code> - </p> - </div> - </div> - <div id="page6" class="page"> - <div class="inner"> - <h2>Structural pseudo-classes</h2> - - <p><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> - <code>E:first-of-type</code> - </p> - <p><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> - <code>E:last-of-type</code> - </p> - <p><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> - <code>E:only-of-type</code> - </p> - <p><span class="micro">an E element that has no children (including text nodes)</span> - <code>E:empty</code> - </p> - - </div> - </div> - - <div id="page7" class="page"> - <div class="inner"> - <h2>Pseudo-classes</h2> - <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> - <p><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> - <code>E:active</code> - </p> - <p><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> - <code>E:focus</code> - </p> - <p><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> - <code>E:lang(fr)</code> - </p> - - - </div> - </div> - - <div id="page8" class="page"> - <div class="inner"> - <h2>Forms <abbr class="amp" title="and">&</abbr> <span style="white-space: nowrap">Pseudo-elements</span></h2> - <p><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> - <code>E:disabled</code> - </p> - <p><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> - <code>E::first-line</code> - </p> - <p><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> - <code>E::before</code> - </p> - <p><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> - </div> - </div> - - </div> +<div id="page1" class="page"> +<div class="inner"> +<h1><span>dinky pocket book</span>CSS Selectors</h1> + +<div class="footer"> +<p>This book belongs to:</p><br><br> +<hr> +</div> +</div> +</div> + +<div id="page2" class="page"> +<div class="inner"> +<h2>Simple selectors</h2> + +<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> + +<p><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> +<code>E</code> +</p> +<p><span class="micro"><strong>ID selector</strong> an E element with ID equal to "myid", e.g. <code><e id="myid"></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><e class="myclass"></code></span> +<code>E.myclass</code> +</p> + +</div> +</div> + +<div id="page3" class="page"> +<div class="inner"> +<h2>Combinators <abbr class="amp" title="and">&</abbr> negation</h2> +<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> +<p><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> +<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> +<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> +<code>E:not(s)</code> +</p> + +</div> +</div> + +<div id="page4" class="page"> +<div class="inner"> +<h2>Attribute selectors</h2> +<p><span class="micro">element E with a "foo" attribute</span> +<code>E[foo]</code> +</p> +<p><span class="micro">E’s attribute <code>foo</code>, value exactly equal to <code>bar</code></span> +<code>E[foo="bar"]</code> +</p> +<p><span class="micro">E’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’s attribute <code>foo</code>, value begins exactly "bar"</span> +<code>E[foo^="bar"]</code> +</p> +<p><span class="micro">E’s attribute <code>foo</code>, value ends exactly "bar"</span> +<code>E[foo$="bar"]</code> +</p> +<p><span class="micro">E’s attribute <code>foo</code>, value contains substring "bar"</span> +<code>E[foo*="bar"]</code> +</p> +<p><span class="micro">E’s attribute <code>foo</code> has a hyphen-separated list of values beginning (from the left) with "en"</span> +<code>E[foo|="en"]</code> +</p> +</div> +</div> + +<div id="page5" class="page"> +<div class="inner"> +<h2>Structural pseudo-classes</h2> +<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> +</p> +<p><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> +<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> +<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> +<code>E:root</code> +</p> +</div> +</div> +<div id="page6" class="page"> +<div class="inner"> +<h2>Structural pseudo-classes</h2> + +<p><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> +<code>E:first-of-type</code> +</p> +<p><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> +<code>E:last-of-type</code> +</p> +<p><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> +<code>E:only-of-type</code> +</p> +<p><span class="micro">an E element that has no children (including text nodes)</span> +<code>E:empty</code> +</p> + +</div> +</div> + +<div id="page7" class="page"> +<div class="inner"> +<h2>Pseudo-classes</h2> +<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> +<p><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> +<code>E:active</code> +</p> +<p><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> +<code>E:focus</code> +</p> +<p><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> +<code>E:lang(fr)</code> +</p> + + +</div> +</div> + +<div id="page8" class="page"> +<div class="inner"> +<h2>Forms <abbr class="amp" title="and">&</abbr> <span style="white-space: nowrap">Pseudo-elements</span></h2> +<p><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> +<code>E:disabled</code> +</p> +<p><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> +<code>E::first-line</code> +</p> +<p><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> +<code>E::before</code> +</p> +<p><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> +</div> +</div> + +</div> </body> </html> diff --git a/pocketHelp.html b/pocketHelp.html index c442524..113c982 100644 --- a/pocketHelp.html +++ b/pocketHelp.html @@ -3,200 +3,200 @@ <html lang="en"> <head> - <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> - <title>pocket wiki - Terminal commands</title> - <meta name="author" content="Natalie Downe"> - <!-- Date: 2009-05-23 --> - - <link rel="stylesheet" href="css/main.css" type="text/css"> - <link rel="stylesheet" href="css/print.css" type="text/css" media="print"> - - <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> - <script type="text/javascript" src="js/dynamic.js"></script> - +<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> +<title>pocket wiki - Terminal commands</title> +<meta name="author" content="Natalie Downe"> +<!-- Date: 2009-05-23 --> + +<link rel="stylesheet" href="css/main.css" type="text/css"> +<link rel="stylesheet" href="css/print.css" type="text/css" media="print"> + +<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> +<script type="text/javascript" src="js/dynamic.js"></script> + </head> <body> - - <div id="book"> - <div id="page1" class="page"> - <div class="inner"> - <h1><span>pocket wiki</span>Terminal commands</h1> - - <div class="footer"> - <p>This book belongs to:</p><br><br> - <hr> - </div> - </div> - </div> - - <div id="page2" class="page"> - <div class="inner"> - <h2>navigate the file tree</h2> - - <p><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> - <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> - <code>cd -</code> - </p> - <p><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> - <code>ls</code> - </p> - <p><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> - <code>ssh user@domain.com</code> - </p> - </div> - </div> - - <div id="page3" class="page"> - <div class="inner"> - <h2>find <abbr class="amp" title="and">&</abbr> open</h2> - <p><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> - <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> - <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> - <code>open filename</code> - </p> - <p><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> - <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> - <code>touch filename</code> - </p> - </div> - </div> - - <div id="page4" class="page"> - <div class="inner"> - <h2>move, remove <abbr class="amp" title="and">&</abbr> copy</h2> - <p><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> - <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> - <code>rm -rf dirname</code> - </p> - <p><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> - <code>cp -r olddirname newdirname</code> - </p> - <p><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> - - </div> - </div> - - <div id="page5" class="page"> - <div class="inner"> - <h2>subversion</h2> - <p><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> - <code>svn up</code> - </p> - - <p><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> - <code>svn add filename</code> - </p> - <p><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> - <code>svn resolved filename</code> - </p> - <p><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> - <code>svn commit -m "commit msg"</code> - </p> - </div> - </div> - - <div id="page6" class="page"> - <div class="inner"> - <h2>subversion <abbr class="amp" title="and">&</abbr> download</h2> - <p><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> - <code>svn diff</code> - </p> - <p><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> - <code>svn propedit svn:ignore .</code> - </p> - <p><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> - <code>curl URL</code> - </p> - </div> - </div> - - <div id="page7" class="page"> - <div class="inner"> - <h2>help <abbr class="amp" title="and">&</abbr> information</h2> - <p><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> - <code>svn --help</code> - </p> - <p><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> - <code>du -h</code> - </p> - <p><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> - <code>ctrl + a</code> - </p> - <p><span class="micro">go to the end of the line in the terminal</span> - <code>ctrl + e</code> - </p> - </div> - </div> - - <div id="page8" class="page lines"> - </div> - </div> + +<div id="book"> +<div id="page1" class="page"> +<div class="inner"> +<h1><span>pocket wiki</span>Terminal commands</h1> + +<div class="footer"> +<p>This book belongs to:</p><br><br> +<hr> +</div> +</div> +</div> + +<div id="page2" class="page"> +<div class="inner"> +<h2>navigate the file tree</h2> + +<p><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> +<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> +<code>cd -</code> +</p> +<p><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> +<code>ls</code> +</p> +<p><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> +<code>ssh user@domain.com</code> +</p> +</div> +</div> + +<div id="page3" class="page"> +<div class="inner"> +<h2>find <abbr class="amp" title="and">&</abbr> open</h2> +<p><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> +<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> +<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> +<code>open filename</code> +</p> +<p><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> +<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> +<code>touch filename</code> +</p> +</div> +</div> + +<div id="page4" class="page"> +<div class="inner"> +<h2>move, remove <abbr class="amp" title="and">&</abbr> copy</h2> +<p><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> +<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> +<code>rm -rf dirname</code> +</p> +<p><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> +<code>cp -r olddirname newdirname</code> +</p> +<p><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> + +</div> +</div> + +<div id="page5" class="page"> +<div class="inner"> +<h2>subversion</h2> +<p><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> +<code>svn up</code> +</p> + +<p><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> +<code>svn add filename</code> +</p> +<p><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> +<code>svn resolved filename</code> +</p> +<p><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> +<code>svn commit -m "commit msg"</code> +</p> +</div> +</div> + +<div id="page6" class="page"> +<div class="inner"> +<h2>subversion <abbr class="amp" title="and">&</abbr> download</h2> +<p><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> +<code>svn diff</code> +</p> +<p><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> +<code>svn propedit svn:ignore .</code> +</p> +<p><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> +<code>curl URL</code> +</p> +</div> +</div> + +<div id="page7" class="page"> +<div class="inner"> +<h2>help <abbr class="amp" title="and">&</abbr> information</h2> +<p><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> +<code>svn --help</code> +</p> +<p><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> +<code>du -h</code> +</p> +<p><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> +<code>ctrl + a</code> +</p> +<p><span class="micro">go to the end of the line in the terminal</span> +<code>ctrl + e</code> +</p> +</div> +</div> + +<div id="page8" class="page lines"> +</div> +</div> </body> </html> |