summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorJonas Smedegaard <dr@jones.dk>2017-09-17 16:08:12 +0200
committerJonas Smedegaard <dr@jones.dk>2017-09-17 16:33:12 +0200
commit200842a3afd8a55b79402d4a75c3c828cdaa3f98 (patch)
tree1b199d5c953836daa05fa39aa61a679dbab1f23a
parent425b7bd0280b49d8f0ad54248256f1680b31e548 (diff)
Minimally convert demo pages to Markdown.
-rw-r--r--Makefile2
-rw-r--r--demo.md (renamed from demo.html)82
-rw-r--r--pocketCSS.md (renamed from pocketCSS.html)82
-rw-r--r--pocketHelp.md (renamed from pocketHelp.html)78
4 files changed, 77 insertions, 167 deletions
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.md
index 5a74e3c..a285f7c 100644
--- a/demo.html
+++ b/demo.md
@@ -1,36 +1,15 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
- "http://www.w3.org/TR/html4/strict.dtd">
-
-<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>
-
-</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>
@@ -41,11 +20,11 @@
<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>
@@ -54,11 +33,11 @@
<dt>zoom</dt>
<dd>13</dd>
-</dl>
-</div>
-<div id="page5" class="page">
-<div class="inner">
+---
+
+---
+
<h2>5</h2>
<ol class="todo">
<li>&nbsp;</li>
@@ -71,20 +50,20 @@
<li>&nbsp;</li>
<li>&nbsp;</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>
@@ -117,11 +96,11 @@
</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>
@@ -130,10 +109,3 @@ 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>
-
-</body>
-</html>
diff --git a/pocketCSS.html b/pocketCSS.md
index 9808095..43f7d54 100644
--- a/pocketCSS.html
+++ b/pocketCSS.md
@@ -1,36 +1,14 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
- "http://www.w3.org/TR/html4/strict.dtd">
-
-<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>
-
-</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">&lt;e foo="bar"&gt;</code> you can replace these with any elements or attributes.</p>
@@ -49,11 +27,10 @@
<code>E.myclass</code>
</p>
-</div>
-</div>
+---
+
+---
-<div id="page3" class="page">
-<div class="inner">
<h2>Combinators <abbr class="amp" title="and">&amp;</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>
@@ -71,11 +48,10 @@
<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>
@@ -97,12 +73,11 @@
</p>
<p><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>
-</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>
@@ -121,10 +96,11 @@
<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>
@@ -149,11 +125,10 @@
<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>
@@ -177,12 +152,10 @@
<code>E:lang(fr)</code>
</p>
+---
-</div>
-</div>
+---
-<div id="page8" class="page">
-<div class="inner">
<h2>Forms <abbr class="amp" title="and">&amp;</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>
@@ -207,10 +180,3 @@
</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.md
index 113c982..3c0216d 100644
--- a/pocketHelp.html
+++ b/pocketHelp.md
@@ -1,36 +1,14 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
- "http://www.w3.org/TR/html4/strict.dtd">
-
-<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>
-
-</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>
@@ -55,11 +33,11 @@
<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">&amp;</abbr> open</h2>
<p><span class="micro">list all files recursively in subdomains</span>
<code>find .</code>
@@ -82,11 +60,11 @@
<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">&amp;</abbr> copy</h2>
<p><span class="micro">move or rename a file or directory</span>
<code>mv oldname newname</code>
@@ -108,11 +86,10 @@
<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>
@@ -139,11 +116,11 @@
<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">&amp;</abbr> download</h2>
<p><span class="micro">is this directory checked out from svn? and where?</span>
<code>svn info</code>
@@ -164,11 +141,11 @@
<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">&amp;</abbr> information</h2>
<p><span class="micro">run any command as root</span>
<code>sudo your-command-here</code>
@@ -191,12 +168,7 @@
<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>
+---