From 200842a3afd8a55b79402d4a75c3c828cdaa3f98 Mon Sep 17 00:00:00 2001 From: Jonas Smedegaard Date: Sun, 17 Sep 2017 16:08:12 +0200 Subject: Minimally convert demo pages to Markdown. --- Makefile | 2 +- demo.html | 139 ------------------------------------ demo.md | 111 +++++++++++++++++++++++++++++ pocketCSS.html | 216 -------------------------------------------------------- pocketCSS.md | 182 +++++++++++++++++++++++++++++++++++++++++++++++ pocketHelp.html | 202 ---------------------------------------------------- pocketHelp.md | 174 +++++++++++++++++++++++++++++++++++++++++++++ 7 files changed, 468 insertions(+), 558 deletions(-) delete mode 100644 demo.html create mode 100644 demo.md delete mode 100644 pocketCSS.html create mode 100644 pocketCSS.md delete mode 100644 pocketHelp.html create mode 100644 pocketHelp.md diff --git a/Makefile b/Makefile index fc7800f..25c7f5e 100644 --- a/Makefile +++ b/Makefile @@ -1,4 +1,4 @@ -htmlpages = index.html +htmlpages = index.html demo.html pocketCSS.html pocketHelp.html htmlheader = templates/header.html htmlfooter = templates/footer.html cssfiles := css/main.css css/print.css diff --git a/demo.html b/demo.html deleted file mode 100644 index 5a74e3c..0000000 --- a/demo.html +++ /dev/null @@ -1,139 +0,0 @@ - - - - - -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,

-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

- -

- - - diff --git a/demo.md b/demo.md new file mode 100644 index 0000000..a285f7c --- /dev/null +++ b/demo.md @@ -0,0 +1,111 @@ +

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

+ +--- + +--- + +

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

diff --git a/pocketCSS.html b/pocketCSS.html deleted file mode 100644 index 9808095..0000000 --- a/pocketCSS.html +++ /dev/null @@ -1,216 +0,0 @@ - - - - - -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/

- -

- - - diff --git a/pocketCSS.md b/pocketCSS.md new file mode 100644 index 0000000..43f7d54 --- /dev/null +++ b/pocketCSS.md @@ -0,0 +1,182 @@ +

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 deleted file mode 100644 index 113c982..0000000 --- a/pocketHelp.html +++ /dev/null @@ -1,202 +0,0 @@ - - - - - -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 -

- -

- - - diff --git a/pocketHelp.md b/pocketHelp.md new file mode 100644 index 0000000..3c0216d --- /dev/null +++ b/pocketHelp.md @@ -0,0 +1,174 @@ +

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