Date: Sun, 17 Sep 2017 16:05:25 +0200 Subject: Strip indentation (to ease tracking later conversion to Markdown). --- demo.html | 252 +++++++++++++++++----------------- pocketCSS.html | 410 ++++++++++++++++++++++++++++---------------------------- pocketHelp.html | 384 ++++++++++++++++++++++++++-------------------------- 3 files changed, 523 insertions(+), 523 deletions(-) diff --git a/demo.html b/demo.html index 11d2523..5a74e3c 100644 --- a/demo.html +++ b/demo.html @@ -3,137 +3,137 @@ - - Pocket Project - - - - - - - - - + +Pocket Project + + + + + + + + + - -

1

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.

Some adddress
Or Other

- -

This is a header

consectetur adipisicing elit,
consectetur adipisicing elit,consectetur adipisicing elit,consectetur adipisicing elit,consectetur adipisicing elit,

Two default list types

consectetur adipisicing elit,
consectetur adipisicing elit,consectetur adipisicing elit,consectetur adipisicing elit,consectetur adipisicing elit,

- -

center: 50.8197155,-0.1365716
key: ABQIAAAAoC20TTVpl16JBF_GkXMC5BRTuTV1twEsA44375wZQuE6wastexRkbT7ZN3IzmX9Q09IoxiZsVa_qAQ
zoom: 13

- -

5

consectetur adipisicing elit,
Lorem ipsum dolor sit amet,
consectetur adipisicing elit,consectetur adipisicing elit,consectetur adipisicing elit,consectetur adipisicing elit,

Ordered and unorderd todo lists

- -

6

quis nostrud exercitation

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. 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.

- -

7

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Header	Header 2	Header 3
Header Horiz	Content 2	Content 3
Header Horiz	Content 2	Content 3
Header Horiz	Content 2	Content 3
Header Horiz	Content 2	Content 3

- -

8

Lorem ipsum dolor sit amet, consectetur adipisicing elit,

+ +

1

Some adddress
Or Other

+ +

This is a header

consectetur adipisicing elit,
consectetur adipisicing elit,consectetur adipisicing elit,consectetur adipisicing elit,consectetur adipisicing elit,

Two default list types

consectetur adipisicing elit,
consectetur adipisicing elit,consectetur adipisicing elit,consectetur adipisicing elit,consectetur adipisicing elit,

+ +

center: 50.8197155,-0.1365716
key: ABQIAAAAoC20TTVpl16JBF_GkXMC5BRTuTV1twEsA44375wZQuE6wastexRkbT7ZN3IzmX9Q09IoxiZsVa_qAQ
zoom: 13

+ +

5

consectetur adipisicing elit,
Lorem ipsum dolor sit amet,
consectetur adipisicing elit,consectetur adipisicing elit,consectetur adipisicing elit,consectetur adipisicing elit,

Ordered and unorderd todo lists

+ +

6

quis nostrud exercitation

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,

+ +

7

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

Header	Header 2	Header 3
Header Horiz	Content 2	Content 3
Header Horiz	Content 2	Content 3
Header Horiz	Content 2	Content 3
Header Horiz	Content 2	Content 3

+ +

8

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. Duis aute irure dolor

Normal sized paragraph

Small Paragraph

- -

Normal sized paragraph

Small Paragraph

+ +

diff --git a/pocketCSS.html b/pocketCSS.html index c874ef4..9808095 100644 --- a/pocketCSS.html +++ b/pocketCSS.html @@ -3,214 +3,214 @@ - - pocket wiki - Terminal commands - - - - - - - - - + +pocket wiki - Terminal commands + + + + + + + + + - +

dinky pocket bookCSS Selectors

- - -

- -

Simple selectors

- -

assume throughout that E and F are elements, they can have attribute foo e.g. <e foo="bar"> you can replace these with any elements or attributes.

In HTML, elements in CSS can be uppercase like these examples. In XHTML, elements must be lower case. Classes and IDs are always case sensitive

- -

universal selector, match any element - * -

type (or element) selector - E -

ID selector an E element with ID equal to "myid", e.g. <e id="myid"> - E#myid -

class selector an E element whose class is "myclass", e.g. <e class="myclass"> - E.myclass -

- -

Combinators & negation

descendant combinator to style an F element, which is a descendant of an E element - E F -

child combinator an F element which is the direct child of an E element - E > F -

adjacent sibling combinator an F element that is immediately preceded by an E element - E + F -

general sibling combinator an F element preceded at some point by an E element - E ~ F -

negation pseudo-class an E element that does not match simple selector s - E:not(s) -

- -

Attribute selectors

element E with a "foo" attribute - E[foo] -

E’s attribute foo, value exactly equal to bar - E[foo="bar"] -

E’s attribute foo, value is whitespace-separated values, one of which is exactly "bar" - E[foo~="bar"] -

E’s attribute foo, value begins exactly "bar" - E[foo^="bar"] -

E’s attribute foo, value ends exactly "bar" - E[foo$="bar"] -

E’s attribute foo, value contains substring "bar" - E[foo*="bar"] -

E’s attribute foo has a hyphen-separated list of values beginning (from the left) with "en" - E[foo|="en"] -

- -

Structural pseudo-classes

n can be replaced with an expression in all following cases n can be (odd), (even) or expressions such as (3n + 1)

an E element, the n-th child of its parent

- E:nth-child(n) -

an E element, the n-th child of its parent, counting from the last one - E:nth-last-child(n) -

an E element, the n-th sibling of its type - E:nth-of-type(n) -

- -

an E element, the n-th sibling of its type, counting from the last one - E:nth-last-of-type(n) -

an E element that is the document root, i.e. html - E:root -

Structural pseudo-classes

- -

an E element, first child of its parent - E:first-child -

an E element, first sibling of its type - E:first-of-type -

an E element, last child of its parent - E:last-child -

an E element, last sibling of its type - E:last-of-type -

an E element, only child of its parent - E:only-child -

an E element, only sibling of its type - E:only-of-type -

an E element that has no children (including text nodes) - E:empty -

- -

Pseudo-classes

matches a link E when E is a link and not visited, hovered over focused on or active - E:link -

the href target of the link E has been visited - E:visited -

the link E has been activated - E:active -

any element E when hovered over with a mouse - E:hover -

the link or form control E when tabbed to with a keyboard - E:focus -

element E is the fragment in the referring URI - E:target -

an element of type E in language "fr" - E:lang(fr) -

- - -

- -

Forms & Pseudo-elements

a user interface element E which is enabled - E:enabled -

a user interface element E which is disabled - E:disabled -

a user interface element E which is checked - E:checked -

the first formatted line of an E element - E::first-line -

the first formatted letter of an E element - E::first-letter -

generated content before an E element - E::before -

generated content after an E element - E::after -

- -

http://www.w3.org/TR/css3-selectors/

- -

dinky pocket bookCSS Selectors

+ + +

+ +

Simple selectors

+ +

assume throughout that E and F are elements, they can have attribute foo e.g. <e foo="bar"> you can replace these with any elements or attributes.

In HTML, elements in CSS can be uppercase like these examples. In XHTML, elements must be lower case. Classes and IDs are always case sensitive

+ +

universal selector, match any element +* +

type (or element) selector +E +

ID selector an E element with ID equal to "myid", e.g. <e id="myid"> +E#myid +

class selector an E element whose class is "myclass", e.g. <e class="myclass"> +E.myclass +

+ +

Combinators & negation

descendant combinator to style an F element, which is a descendant of an E element +E F +

child combinator an F element which is the direct child of an E element +E > F +

adjacent sibling combinator an F element that is immediately preceded by an E element +E + F +

general sibling combinator an F element preceded at some point by an E element +E ~ F +

negation pseudo-class an E element that does not match simple selector s +E:not(s) +

+ +

Attribute selectors

element E with a "foo" attribute +E[foo] +

E’s attribute foo, value exactly equal to bar +E[foo="bar"] +

E’s attribute foo, value is whitespace-separated values, one of which is exactly "bar" +E[foo~="bar"] +

E’s attribute foo, value begins exactly "bar" +E[foo^="bar"] +

E’s attribute foo, value ends exactly "bar" +E[foo$="bar"] +

E’s attribute foo, value contains substring "bar" +E[foo*="bar"] +

E’s attribute foo has a hyphen-separated list of values beginning (from the left) with "en" +E[foo|="en"] +

+ +

Structural pseudo-classes

n can be replaced with an expression in all following cases n can be (odd), (even) or expressions such as (3n + 1)

an E element, the n-th child of its parent

+E:nth-child(n) +

an E element, the n-th child of its parent, counting from the last one +E:nth-last-child(n) +

an E element, the n-th sibling of its type +E:nth-of-type(n) +

+ +

an E element, the n-th sibling of its type, counting from the last one +E:nth-last-of-type(n) +

an E element that is the document root, i.e. html +E:root +

Structural pseudo-classes

+ +

an E element, first child of its parent +E:first-child +

an E element, first sibling of its type +E:first-of-type +

an E element, last child of its parent +E:last-child +

an E element, last sibling of its type +E:last-of-type +

an E element, only child of its parent +E:only-child +

an E element, only sibling of its type +E:only-of-type +

an E element that has no children (including text nodes) +E:empty +

+ +

Pseudo-classes

matches a link E when E is a link and not visited, hovered over focused on or active +E:link +

the href target of the link E has been visited +E:visited +

the link E has been activated +E:active +

any element E when hovered over with a mouse +E:hover +

the link or form control E when tabbed to with a keyboard +E:focus +

element E is the fragment in the referring URI +E:target +

an element of type E in language "fr" +E:lang(fr) +

+ + +

+ +

Forms & Pseudo-elements

a user interface element E which is enabled +E:enabled +

a user interface element E which is disabled +E:disabled +

a user interface element E which is checked +E:checked +

the first formatted line of an E element +E::first-line +

the first formatted letter of an E element +E::first-letter +

generated content before an E element +E::before +

generated content after an E element +E::after +

+ +

http://www.w3.org/TR/css3-selectors/

+ + diff --git a/pocketHelp.html b/pocketHelp.html index c442524..113c982 100644 --- a/pocketHelp.html +++ b/pocketHelp.html @@ -3,200 +3,200 @@ - - pocket wiki - Terminal commands - - - - - - - - - + +pocket wiki - Terminal commands + + + + + + + + + - -

pocket wikiTerminal commands

- - -

- -

navigate the file tree

- -

changing directory to dirname - cd dirname -

move up a directory in the tree - cd .. - dont forget you can drag a folder in from the finder to get a path to that directory -

go back to the last directory I was in - cd - -

where am I? (present working directory) - pwd -

list what's in this directory - ls -

now give me more information in the listing - ls -lah -

ssh to server - ssh user@domain.com -

- -

find & open

list all files recursively in subdomains - find . -

find all files with '.css' in the name - find . | grep .css -

find the string 'prose' in the contents of all the files in this directory - grep -r "prose" . -

open a file as if you had double clicked it in the finder (mac only) - open filename -

open the current directory in the finder - open . -

make a directory called dirname - mkdir dirname -

create a file called filename if it doesnt exist or update last modified date if it does - touch filename -

- -

move, remove & copy

move or rename a file or directory - mv oldname newname -

remove a file - rm filename -

remove a directory and all its contents. BE VERY CAREFUL! you could easily delete everything! - rm -rf dirname -

copy a file - cp oldfilename newfilename -

copy a directory and everything in it - cp -r olddirname newdirname -

securely copy a file to / on a remote server - scp file user@domain.com: - you can also copy a directory using scp -r -

- -

subversion

check out a repository to the current directory - svn co URL . -

update local directory from repository - svn up -

- -

are there new or modified files? - svn status -

add new files to the repository - svn add filename -

remove a file from subversion - svn remove filename -

mark a previously conflicted file as resolved - svn resolved filename -

who changed what line number of this file - svn blame filename -

commit all changes in this directory - svn commit -m "commit msg" -

- -

subversion & download

is this directory checked out from svn? and where? - svn info -

show everything that has changed - svn diff -

show what has changed in one file - svn diff filename -

- -

open text editor in order to specify which files to ignore from svn - svn propedit svn:ignore . -

download a file to the current directory - wget URL -

show the contents of a file in the terminal - curl URL -

- -

help & information

run any command as root - sudo your-command-here -

get help for any command, eg svn - svn --help -

how long has this computer been on? - uptime -

what is the size of the current directory and all the contents - du -h -

cancel the command you were currently typing - ctrl + c -

go to the beginning of the line in the terminal - ctrl + a -

go to the end of the line in the terminal - ctrl + e -

- -

+ +

pocket wikiTerminal commands

+ + +

+ +

navigate the file tree

+ +

changing directory to dirname +cd dirname +

move up a directory in the tree +cd .. +dont forget you can drag a folder in from the finder to get a path to that directory +

go back to the last directory I was in +cd - +

where am I? (present working directory) +pwd +

list what's in this directory +ls +

now give me more information in the listing +ls -lah +

ssh to server +ssh user@domain.com +

+ +

find & open

list all files recursively in subdomains +find . +

find all files with '.css' in the name +find . | grep .css +

find the string 'prose' in the contents of all the files in this directory +grep -r "prose" . +

open a file as if you had double clicked it in the finder (mac only) +open filename +

open the current directory in the finder +open . +

make a directory called dirname +mkdir dirname +

create a file called filename if it doesnt exist or update last modified date if it does +touch filename +

+ +

move, remove & copy

move or rename a file or directory +mv oldname newname +

remove a file +rm filename +

remove a directory and all its contents. BE VERY CAREFUL! you could easily delete everything! +rm -rf dirname +

copy a file +cp oldfilename newfilename +

copy a directory and everything in it +cp -r olddirname newdirname +

securely copy a file to / on a remote server +scp file user@domain.com: +you can also copy a directory using scp -r +

+ +

subversion

check out a repository to the current directory +svn co URL . +

update local directory from repository +svn up +

+ +

are there new or modified files? +svn status +

add new files to the repository +svn add filename +

remove a file from subversion +svn remove filename +

mark a previously conflicted file as resolved +svn resolved filename +

who changed what line number of this file +svn blame filename +

commit all changes in this directory +svn commit -m "commit msg" +

+ +

subversion & download

is this directory checked out from svn? and where? +svn info +

show everything that has changed +svn diff +

show what has changed in one file +svn diff filename +

+ +

open text editor in order to specify which files to ignore from svn +svn propedit svn:ignore . +

download a file to the current directory +wget URL +

show the contents of a file in the terminal +curl URL +

+ +

help & information

run any command as root +sudo your-command-here +

get help for any command, eg svn +svn --help +

how long has this computer been on? +uptime +

what is the size of the current directory and all the contents +du -h +

cancel the command you were currently typing +ctrl + c +

go to the beginning of the line in the terminal +ctrl + a +

go to the end of the line in the terminal +ctrl + e +

+ +

-- cgit v1.2.3