Try out the static-site generator Jekyll

master
Tony Chen 2018-10-02 06:54:13 +00:00
parent 8ffba7f1fc
commit f0fd826932
26 changed files with 2261 additions and 156 deletions

View File

@ -0,0 +1,99 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link href="http://gmpg.org/xfn/11" rel="profile">
<!-- Enable responsiveness on mobile devices-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>
What's Jekyll? &middot; Mr. Rogbeer is from Mauritius but not ~rogbeer
</title>
<!-- CSS -->
<link rel="stylesheet" href="/~rogbeer/styles.css">
<!-- Icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/~rogbeer/public/apple-touch-icon-precomposed.png">
<link rel="shortcut icon" href="/~rogbeer/public/favicon.ico">
<!-- RSS -->
<link rel="alternate" type="application/atom+xml" title="Mr. Rogbeer is from Mauritius but not ~rogbeer" href="/~rogbeer/atom.xml">
</head>
<body>
<div class="container content">
<header class="masthead">
<h3 class="masthead-title">
<a href="/~rogbeer/" title="Home">Mr. Rogbeer is from Mauritius but not ~rogbeer</a>
<small>What are you doing with your sack of flesh? That's the question</small>
</h3>
</header>
<main>
<article class="post">
<h1 class="post-title">What's Jekyll?</h1>
<time datetime="2013-12-31T00:00:00+00:00" class="post-date">31 Dec 2013</time>
<p><a href="http://jekyllrb.com">Jekyll</a> is a static site generator, an open-source tool for creating simple yet powerful websites of all shapes and sizes. From <a href="https://github.com/jekyll/jekyll/blob/master/README.markdown">the projects readme</a>:</p>
<blockquote>
<p>Jekyll is a simple, blog aware, static site generator. It takes a template directory […] and spits out a complete, static website suitable for serving with Apache or your favorite web server. This is also the engine behind GitHub Pages, which you can use to host your projects page or blog right here from GitHub.</p>
</blockquote>
<p>Its an immensely useful tool. Find out more by <a href="https://github.com/jekyll/jekyll">visiting the project on GitHub</a>.</p>
</article>
<aside class="related">
<h2>Related Posts</h2>
<ul class="related-posts">
<li>
<h3>
<a href="/~rogbeer/2018/03/19/night/">
Night
<small><time datetime="2018-03-19T00:00:00+00:00">19 Mar 2018</time></small>
</a>
</h3>
</li>
<li>
<h3>
<a href="/~rogbeer/2018/03/15/sunny/">
<small><time datetime="2018-03-15T00:00:00+00:00">15 Mar 2018</time></small>
</a>
</h3>
</li>
<li>
<h3>
<a href="/~rogbeer/2016/11/10/rainy/">
Rainy
<small><time datetime="2016-11-10T00:00:00+00:00">10 Nov 2016</time></small>
</a>
</h3>
</li>
</ul>
</aside>
</main>
<footer class="footer">
<small>
&copy; <time datetime="2018-10-02T06:38:29+00:00">2018</time>. All rights reserved.
</small>
</footer>
</div>
</body>
</html>

View File

@ -0,0 +1,277 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link href="http://gmpg.org/xfn/11" rel="profile">
<!-- Enable responsiveness on mobile devices-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>
Example content &middot; Mr. Rogbeer is from Mauritius but not ~rogbeer
</title>
<!-- CSS -->
<link rel="stylesheet" href="/~rogbeer/styles.css">
<!-- Icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/~rogbeer/public/apple-touch-icon-precomposed.png">
<link rel="shortcut icon" href="/~rogbeer/public/favicon.ico">
<!-- RSS -->
<link rel="alternate" type="application/atom+xml" title="Mr. Rogbeer is from Mauritius but not ~rogbeer" href="/~rogbeer/atom.xml">
</head>
<body>
<div class="container content">
<header class="masthead">
<h3 class="masthead-title">
<a href="/~rogbeer/" title="Home">Mr. Rogbeer is from Mauritius but not ~rogbeer</a>
<small>What are you doing with your sack of flesh? That's the question</small>
</h3>
</header>
<main>
<article class="post">
<h1 class="post-title">Example content</h1>
<time datetime="2014-01-01T00:00:00+00:00" class="post-date">01 Jan 2014</time>
<div class="message">
Howdy! This is an example blog post that shows several types of HTML content supported in this theme.
</div>
<p>Cum sociis natoque penatibus et magnis <a href="#">dis parturient montes</a>, nascetur ridiculus mus. <em>Aenean eu leo quam.</em> Pellentesque ornare sem lacinia quam venenatis vestibulum. Sed posuere consectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum.</p>
<blockquote>
<p>Curabitur blandit tempus porttitor. Nullam quis risus eget urna mollis ornare vel eu leo. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
</blockquote>
<p>Etiam porta <strong>sem malesuada magna</strong> mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.</p>
<h2 id="inline-html-elements">Inline HTML elements</h2>
<p>HTML defines a long list of available inline tags, a complete list of which can be found on the <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element">Mozilla Developer Network</a>.</p>
<ul>
<li><strong>To bold text</strong>, use <code class="highlighter-rouge">&lt;strong&gt;</code>.</li>
<li><em>To italicize text</em>, use <code class="highlighter-rouge">&lt;em&gt;</code>.</li>
<li>Abbreviations, like <abbr title="HyperText Markup Langage">HTML</abbr> should use <code class="highlighter-rouge">&lt;abbr&gt;</code>, with an optional <code class="highlighter-rouge">title</code> attribute for the full phrase.</li>
<li>Citations, like <cite>— Mark otto</cite>, should use <code class="highlighter-rouge">&lt;cite&gt;</code>.</li>
<li><del>Deleted</del> text should use <code class="highlighter-rouge">&lt;del&gt;</code> and <ins>inserted</ins> text should use <code class="highlighter-rouge">&lt;ins&gt;</code>.</li>
<li>Superscript <sup>text</sup> uses <code class="highlighter-rouge">&lt;sup&gt;</code> and subscript <sub>text</sub> uses <code class="highlighter-rouge">&lt;sub&gt;</code>.</li>
</ul>
<p>Most of these elements are styled by browsers with few modifications on our part.</p>
<h2 id="footnotes">Footnotes</h2>
<p>Footnotes are supported as part of the Markdown syntax. Heres one in action. Clicking this number<sup id="fnref:fn-sample_footnote"><a href="#fn:fn-sample_footnote" class="footnote">1</a></sup> will lead you to a footnote. The syntax looks like:</p>
<figure class="highlight"><pre><code class="language-text" data-lang="text">Clicking this number[^fn-sample_footnote]</code></pre></figure>
<p>Each footnote needs the <code class="highlighter-rouge">^fn-</code> prefix and a unique ID to be referenced for the footnoted content. The syntax for that list looks something like this:</p>
<figure class="highlight"><pre><code class="language-text" data-lang="text">[^fn-sample_footnote]: Handy! Now click the return link to go back.</code></pre></figure>
<p>You can place the footnoted content wherever you like. Markdown parsers should properly place it at the bottom of the post.</p>
<h2 id="heading">Heading</h2>
<p>Vivamus sagittis lacus vel augue rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>
<h3 id="code">Code</h3>
<p>Inline code is available with the <code class="highlighter-rouge">&lt;code&gt;</code> element. Snippets of multiple lines of code are supported through Pygments. Longer lines will automatically scroll horizontally when needed.</p>
<figure class="highlight"><pre><code class="language-js" data-lang="js"><span class="c1">// Example can be run directly in your JavaScript console
</span>
<span class="c1">// Create a function that takes two arguments and returns the sum of those arguments
</span>
<span class="kd">var</span> <span class="nx">adder</span> <span class="o">=</span> <span class="k">new</span> <span class="nb">Function</span><span class="p">(</span><span class="s2">"a"</span><span class="p">,</span> <span class="s2">"b"</span><span class="p">,</span> <span class="s2">"return a + b"</span><span class="p">);</span>
<span class="c1">// Call the function
</span>
<span class="nx">adder</span><span class="p">(</span><span class="mi">2</span><span class="p">,</span> <span class="mi">6</span><span class="p">);</span>
<span class="c1">// &gt; 8</span></code></pre></figure>
<p>You may also optionally show code snippets with line numbers. Add <code class="highlighter-rouge">linenos</code> to the Pygments tags.</p>
<figure class="highlight"><pre><code class="language-js" data-lang="js"><table class="rouge-table"><tbody><tr><td class="gutter gl"><pre class="lineno">1
2
3
4
5
6
7
8
</pre></td><td class="code"><pre><span class="c1">// Example can be run directly in your JavaScript console
</span>
<span class="c1">// Create a function that takes two arguments and returns the sum of those arguments
</span>
<span class="kd">var</span> <span class="nx">adder</span> <span class="o">=</span> <span class="k">new</span> <span class="nb">Function</span><span class="p">(</span><span class="s2">"a"</span><span class="p">,</span> <span class="s2">"b"</span><span class="p">,</span> <span class="s2">"return a + b"</span><span class="p">);</span>
<span class="c1">// Call the function
</span>
<span class="nx">adder</span><span class="p">(</span><span class="mi">2</span><span class="p">,</span> <span class="mi">6</span><span class="p">);</span>
<span class="c1">// &gt; 8</span></pre></td></tr></tbody></table></code></pre></figure>
<p>Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa.</p>
<h3 id="gists-via-github-pages">Gists via GitHub Pages</h3>
<p>Vestibulum id ligula porta felis euismod semper. Nullam quis risus eget urna mollis ornare vel eu leo. Donec sed odio dui.</p>
<noscript><pre>400: Invalid request
</pre></noscript>
<script src="https://gist.github.com/13f94b734a4ddb132735.js?file=gist.md"> </script>
<p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec sed odio dui. Vestibulum id ligula porta felis euismod semper.</p>
<h3 id="lists">Lists</h3>
<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
<ul>
<li>Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</li>
<li>Donec id elit non mi porta gravida at eget metus.</li>
<li>Nulla vitae elit libero, a pharetra augue.</li>
</ul>
<p>Donec ullamcorper nulla non metus auctor fringilla. Nulla vitae elit libero, a pharetra augue.</p>
<ol>
<li>Vestibulum id ligula porta felis euismod semper.</li>
<li>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</li>
<li>Maecenas sed diam eget risus varius blandit sit amet non magna.</li>
</ol>
<p>Cras mattis consectetur purus sit amet fermentum. Sed posuere consectetur est at lobortis.</p>
<dl>
<dt>HyperText Markup Language (HTML)</dt>
<dd>The language used to describe and define the content of a Web page</dd>
<dt>Cascading Style Sheets (CSS)</dt>
<dd>Used to describe the appearance of Web content</dd>
<dt>JavaScript (JS)</dt>
<dd>The programming language used to build advanced Web sites and applications</dd>
</dl>
<p>Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Nullam quis risus eget urna mollis ornare vel eu leo.</p>
<h3 id="images">Images</h3>
<p>Quisque consequat sapien eget quam rhoncus, sit amet laoreet diam tempus. Aliquam aliquam metus erat, a pulvinar turpis suscipit at.</p>
<p><img src="http://placehold.it/800x400" alt="placeholder" title="Large example image" />
<img src="http://placehold.it/400x200" alt="placeholder" title="Medium example image" />
<img src="http://placehold.it/200x200" alt="placeholder" title="Small example image" /></p>
<h3 id="tables">Tables</h3>
<p>Aenean lacinia bibendum nulla sed consectetur. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<table>
<thead>
<tr>
<th>Name</th>
<th>Upvotes</th>
<th>Downvotes</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Totals</td>
<td>21</td>
<td>23</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>Alice</td>
<td>10</td>
<td>11</td>
</tr>
<tr>
<td>Bob</td>
<td>4</td>
<td>3</td>
</tr>
<tr>
<td>Charlie</td>
<td>7</td>
<td>9</td>
</tr>
</tbody>
</table>
<p>Nullam id dolor id nibh ultricies vehicula ut id elit. Sed posuere consectetur est at lobortis. Nullam quis risus eget urna mollis ornare vel eu leo.</p>
<hr />
<p>Want to see something else added? <a href="https://github.com/poole/poole/issues/new">Open an issue.</a></p>
<div class="footnotes">
<ol>
<li id="fn:fn-sample_footnote">
<p>Handy! Now click the return link to go back. <a href="#fnref:fn-sample_footnote" class="reversefootnote">&#8617;</a></p>
</li>
</ol>
</div>
</article>
<aside class="related">
<h2>Related Posts</h2>
<ul class="related-posts">
<li>
<h3>
<a href="/~rogbeer/2018/03/19/night/">
Night
<small><time datetime="2018-03-19T00:00:00+00:00">19 Mar 2018</time></small>
</a>
</h3>
</li>
<li>
<h3>
<a href="/~rogbeer/2018/03/15/sunny/">
<small><time datetime="2018-03-15T00:00:00+00:00">15 Mar 2018</time></small>
</a>
</h3>
</li>
<li>
<h3>
<a href="/~rogbeer/2016/11/10/rainy/">
Rainy
<small><time datetime="2016-11-10T00:00:00+00:00">10 Nov 2016</time></small>
</a>
</h3>
</li>
</ul>
</aside>
</main>
<footer class="footer">
<small>
&copy; <time datetime="2018-10-02T06:38:29+00:00">2018</time>. All rights reserved.
</small>
</footer>
</div>
</body>
</html>

View File

@ -0,0 +1,131 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link href="http://gmpg.org/xfn/11" rel="profile">
<!-- Enable responsiveness on mobile devices-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>
Introducing Poole &middot; Mr. Rogbeer is from Mauritius but not ~rogbeer
</title>
<!-- CSS -->
<link rel="stylesheet" href="/~rogbeer/styles.css">
<!-- Icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/~rogbeer/public/apple-touch-icon-precomposed.png">
<link rel="shortcut icon" href="/~rogbeer/public/favicon.ico">
<!-- RSS -->
<link rel="alternate" type="application/atom+xml" title="Mr. Rogbeer is from Mauritius but not ~rogbeer" href="/~rogbeer/atom.xml">
</head>
<body>
<div class="container content">
<header class="masthead">
<h3 class="masthead-title">
<a href="/~rogbeer/" title="Home">Mr. Rogbeer is from Mauritius but not ~rogbeer</a>
<small>What are you doing with your sack of flesh? That's the question</small>
</h3>
</header>
<main>
<article class="post">
<h1 class="post-title">Introducing Poole</h1>
<time datetime="2014-01-02T00:00:00+00:00" class="post-date">02 Jan 2014</time>
<p><em>The Strange Case of Dr. Jekyll and Mr. Hyde</em> tells the story of a lawyer investigating the connection of two persons, Dr. Henry Jekyll and Mr. Edward Hyde. Chief among the novels supporting cast is a man by the name of Mr. Poole, Dr. Jekylls loyal butler.</p>
<hr />
<p>Poole is the butler for <a href="http://jekyllrb.com">Jekyll</a>, the static site generator. Its designed and developed by <a href="https://twitter.com/mdo">@mdo</a> to provide a clear and concise foundational setup for any Jekyll site. It does so by furnishing a full vanilla Jekyll install with example templates, pages, posts, and styles.</p>
<p>There are currently two themes built on Poole:</p>
<ul>
<li><a href="http://hyde.getpoole.com">Hyde</a></li>
<li><a href="http://lanyon.getpoole.com">Lanyon</a></li>
</ul>
<p>Learn more and contribute on <a href="https://github.com/poole">GitHub</a>.</p>
<h3 id="whats-included">Whats included</h3>
<p>Poole is a streamlined Jekyll site designed and built as a foundation for building more meaningful themes. Poole, and every theme built on it, includes the following:</p>
<ul>
<li>Complete Jekyll setup included (layouts, config, <a href="/~rogbeer/404.html">404</a>, <a href="/~rogbeer/atom.xml">RSS feed</a>, posts, and <a href="/~rogbeer/about">example page</a>)</li>
<li>Mobile friendly design and development</li>
<li>Easily scalable text and component sizing with <code class="highlighter-rouge">rem</code> units in the CSS</li>
<li>Support for a wide gamut of HTML elements</li>
<li>Related posts (time-based, because Jekyll) below each post</li>
<li>Syntax highlighting, courtesy Pygments (the Python-based code snippet highlighter)</li>
</ul>
<p>Additional features are available in individual themes.</p>
<h3 id="browser-support">Browser support</h3>
<p>Poole and its themes are by preference a forward-thinking project. In addition to the latest versions of Chrome, Safari (mobile and desktop), and Firefox, it is only compatible with Internet Explorer 9 and above.</p>
<h3 id="download">Download</h3>
<p>Poole is developed on and hosted with GitHub. Head to the <a href="https://github.com/poole/poole">GitHub repository</a> for downloads, bug reports, and features requests.</p>
<p>Thanks!</p>
</article>
<aside class="related">
<h2>Related Posts</h2>
<ul class="related-posts">
<li>
<h3>
<a href="/~rogbeer/2018/03/19/night/">
Night
<small><time datetime="2018-03-19T00:00:00+00:00">19 Mar 2018</time></small>
</a>
</h3>
</li>
<li>
<h3>
<a href="/~rogbeer/2018/03/15/sunny/">
<small><time datetime="2018-03-15T00:00:00+00:00">15 Mar 2018</time></small>
</a>
</h3>
</li>
<li>
<h3>
<a href="/~rogbeer/2016/11/10/rainy/">
Rainy
<small><time datetime="2016-11-10T00:00:00+00:00">10 Nov 2016</time></small>
</a>
</h3>
</li>
</ul>
</aside>
</main>
<footer class="footer">
<small>
&copy; <time datetime="2018-10-02T06:38:29+00:00">2018</time>. All rights reserved.
</small>
</footer>
</div>
</body>
</html>

View File

@ -1,29 +0,0 @@
I'm suffering. They are suffering.
How to put an end to suffering? For myself.
Others can try out my methods if they want.
And of course they have to find out their own way.
Kodo Suzuki Roshi said that adults have to become like children, and children have to become like adults,
for children to grow. Apparently, he said that.
If I were a foster parent of all these lovable children in the world, my impending death is something
I have to deal with. Preparations have to be made for other people to help all these children grow,
so that my death will not stop their growth.
Yes, as Jobs said, death means having to tell your children what you thought you would
have the rest of your life so tell.
THere is a temple called Antaiji in Japan. The people there practice zazen that is good for nothing.
There is a person who is helping people to find a suitable livelihood. She also practises Zen. Her
book is a work-in-progress. It is predicted to be published in Fall 2017. Her name is Maia Duerr.
There are people who teach Zen in Singapore. Their names are Vivienne and Boey Wah Keong.
They will do what I amy not have the time to do. At least, they can do what I may run out of time to do.
Zazen is good for nothing. It is the way to liberate-save suffering people-human. Suzuki Roshi
said that.

View File

@ -0,0 +1,121 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link href="http://gmpg.org/xfn/11" rel="profile">
<!-- Enable responsiveness on mobile devices-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>
Rainy &middot; Mr. Rogbeer is from Mauritius but not ~rogbeer
</title>
<!-- CSS -->
<link rel="stylesheet" href="/~rogbeer/styles.css">
<!-- Icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/~rogbeer/public/apple-touch-icon-precomposed.png">
<link rel="shortcut icon" href="/~rogbeer/public/favicon.ico">
<!-- RSS -->
<link rel="alternate" type="application/atom+xml" title="Mr. Rogbeer is from Mauritius but not ~rogbeer" href="/~rogbeer/atom.xml">
</head>
<body>
<div class="container content">
<header class="masthead">
<h3 class="masthead-title">
<a href="/~rogbeer/" title="Home">Mr. Rogbeer is from Mauritius but not ~rogbeer</a>
<small>What are you doing with your sack of flesh? That's the question</small>
</h3>
</header>
<main>
<article class="post">
<h1 class="post-title">Rainy</h1>
<time datetime="2016-11-10T00:00:00+00:00" class="post-date">10 Nov 2016</time>
<p>Im suffering. They are suffering.</p>
<p>How to put an end to suffering? For myself.</p>
<p>Others can try out my methods if they want.</p>
<p>And of course they have to find out their own way.</p>
<p>Kodo Suzuki Roshi said that adults have to become like children, and children have to become like adults,
for children to grow. Apparently, he said that.</p>
<p>If I were a foster parent of all these lovable children in the world, my impending death is something
I have to deal with. Preparations have to be made for other people to help all these children grow,
so that my death will not stop their growth.</p>
<p>Yes, as Jobs said, death means having to tell your children what you thought you would
have the rest of your life so tell.</p>
<p>THere is a temple called Antaiji in Japan. The people there practice zazen that is good for nothing.</p>
<p>There is a person who is helping people to find a suitable livelihood. She also practises Zen. Her
book is a work-in-progress. It is predicted to be published in Fall 2017. Her name is Maia Duerr.</p>
<p>There are people who teach Zen in Singapore. Their names are Vivienne and Boey Wah Keong.</p>
<p>They will do what I amy not have the time to do. At least, they can do what I may run out of time to do.</p>
<p>Zazen is good for nothing. It is the way to liberate-save suffering people-human. Suzuki Roshi
said that.</p>
</article>
<aside class="related">
<h2>Related Posts</h2>
<ul class="related-posts">
<li>
<h3>
<a href="/~rogbeer/2018/03/19/night/">
Night
<small><time datetime="2018-03-19T00:00:00+00:00">19 Mar 2018</time></small>
</a>
</h3>
</li>
<li>
<h3>
<a href="/~rogbeer/2018/03/15/sunny/">
<small><time datetime="2018-03-15T00:00:00+00:00">15 Mar 2018</time></small>
</a>
</h3>
</li>
<li>
<h3>
<a href="/~rogbeer/2014/01/02/introducing-poole/">
Introducing Poole
<small><time datetime="2014-01-02T00:00:00+00:00">02 Jan 2014</time></small>
</a>
</h3>
</li>
</ul>
</aside>
</main>
<footer class="footer">
<small>
&copy; <time datetime="2018-10-02T06:38:29+00:00">2018</time>. All rights reserved.
</small>
</footer>
</div>
</body>
</html>

View File

View File

@ -1,16 +0,0 @@
When did it become an assumption that I have to have a password on the
Internet or even my desktop-computer? I was inspired to think if
something has gone wrong, in the design of Internet-and-computer
technologies, when I realised that an engineering problem - how to
display certain information on a web-site - could possibly be solved by
letting users run commands on the server (as opposed as viewing data on
a client) Passwords, levels of privilege, 'admininistrator-rights' -
don't all these scream 'I don't trust you. I don't trust others' Now is
that what I want in my life, I ask. Do I want to indirectly say 'I don't
trust others' every time I use a technology. Or do I want to spend time
building (trust in) relationships that arguably are made and broken by
(mutual) trust. Does using technology necessarily mean that I have to
give up on trust and/or trust-building. Is it possible we could find a
new way to use technology so that we find the satisfaction (and
intimacy) that comes from a rewarding relationship with a something. A
god. A business-partner. So on and so forth.

View File

@ -0,0 +1,93 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link href="http://gmpg.org/xfn/11" rel="profile">
<!-- Enable responsiveness on mobile devices-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>
&middot; Mr. Rogbeer is from Mauritius but not ~rogbeer
</title>
<!-- CSS -->
<link rel="stylesheet" href="/~rogbeer/styles.css">
<!-- Icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/~rogbeer/public/apple-touch-icon-precomposed.png">
<link rel="shortcut icon" href="/~rogbeer/public/favicon.ico">
<!-- RSS -->
<link rel="alternate" type="application/atom+xml" title="Mr. Rogbeer is from Mauritius but not ~rogbeer" href="/~rogbeer/atom.xml">
</head>
<body>
<div class="container content">
<header class="masthead">
<h3 class="masthead-title">
<a href="/~rogbeer/" title="Home">Mr. Rogbeer is from Mauritius but not ~rogbeer</a>
<small>What are you doing with your sack of flesh? That's the question</small>
</h3>
</header>
<main>
<article class="post">
<h1 class="post-title"></h1>
<time datetime="2018-03-15T00:00:00+00:00" class="post-date">15 Mar 2018</time>
</article>
<aside class="related">
<h2>Related Posts</h2>
<ul class="related-posts">
<li>
<h3>
<a href="/~rogbeer/2018/03/19/night/">
Night
<small><time datetime="2018-03-19T00:00:00+00:00">19 Mar 2018</time></small>
</a>
</h3>
</li>
<li>
<h3>
<a href="/~rogbeer/2016/11/10/rainy/">
Rainy
<small><time datetime="2016-11-10T00:00:00+00:00">10 Nov 2016</time></small>
</a>
</h3>
</li>
<li>
<h3>
<a href="/~rogbeer/2014/01/02/introducing-poole/">
Introducing Poole
<small><time datetime="2014-01-02T00:00:00+00:00">02 Jan 2014</time></small>
</a>
</h3>
</li>
</ul>
</aside>
</main>
<footer class="footer">
<small>
&copy; <time datetime="2018-10-02T06:38:29+00:00">2018</time>. All rights reserved.
</small>
</footer>
</div>
</body>
</html>

View File

@ -0,0 +1,108 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link href="http://gmpg.org/xfn/11" rel="profile">
<!-- Enable responsiveness on mobile devices-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>
Night &middot; Mr. Rogbeer is from Mauritius but not ~rogbeer
</title>
<!-- CSS -->
<link rel="stylesheet" href="/~rogbeer/styles.css">
<!-- Icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/~rogbeer/public/apple-touch-icon-precomposed.png">
<link rel="shortcut icon" href="/~rogbeer/public/favicon.ico">
<!-- RSS -->
<link rel="alternate" type="application/atom+xml" title="Mr. Rogbeer is from Mauritius but not ~rogbeer" href="/~rogbeer/atom.xml">
</head>
<body>
<div class="container content">
<header class="masthead">
<h3 class="masthead-title">
<a href="/~rogbeer/" title="Home">Mr. Rogbeer is from Mauritius but not ~rogbeer</a>
<small>What are you doing with your sack of flesh? That's the question</small>
</h3>
</header>
<main>
<article class="post">
<h1 class="post-title">Night</h1>
<time datetime="2018-03-19T00:00:00+00:00" class="post-date">19 Mar 2018</time>
<p>When did it become an assumption that I have to have a password on the
Internet or even my desktop-computer? I was inspired to think if
something has gone wrong, in the design of Internet-and-computer
technologies, when I realised that an engineering problem - how to
display certain information on a web-site - could possibly be solved by
letting users run commands on the server (as opposed as viewing data on
a client) Passwords, levels of privilege, admininistrator-rights -
dont all these scream I dont trust you. I dont trust others Now is
that what I want in my life, I ask. Do I want to indirectly say I dont
trust others every time I use a technology. Or do I want to spend time
building (trust in) relationships that arguably are made and broken by
(mutual) trust. Does using technology necessarily mean that I have to
give up on trust and/or trust-building. Is it possible we could find a
new way to use technology so that we find the satisfaction (and
intimacy) that comes from a rewarding relationship with a something. A
god. A business-partner. So on and so forth.</p>
</article>
<aside class="related">
<h2>Related Posts</h2>
<ul class="related-posts">
<li>
<h3>
<a href="/~rogbeer/2018/03/15/sunny/">
<small><time datetime="2018-03-15T00:00:00+00:00">15 Mar 2018</time></small>
</a>
</h3>
</li>
<li>
<h3>
<a href="/~rogbeer/2016/11/10/rainy/">
Rainy
<small><time datetime="2016-11-10T00:00:00+00:00">10 Nov 2016</time></small>
</a>
</h3>
</li>
<li>
<h3>
<a href="/~rogbeer/2014/01/02/introducing-poole/">
Introducing Poole
<small><time datetime="2014-01-02T00:00:00+00:00">02 Jan 2014</time></small>
</a>
</h3>
</li>
</ul>
</aside>
</main>
<footer class="footer">
<small>
&copy; <time datetime="2018-10-02T06:38:29+00:00">2018</time>. All rights reserved.
</small>
</footer>
</div>
</body>
</html>

55
404.html 100644
View File

@ -0,0 +1,55 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link href="http://gmpg.org/xfn/11" rel="profile">
<!-- Enable responsiveness on mobile devices-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>
404: Page not found &middot; Mr. Rogbeer is from Mauritius but not ~rogbeer
</title>
<!-- CSS -->
<link rel="stylesheet" href="/~rogbeer/styles.css">
<!-- Icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/~rogbeer/public/apple-touch-icon-precomposed.png">
<link rel="shortcut icon" href="/~rogbeer/public/favicon.ico">
<!-- RSS -->
<link rel="alternate" type="application/atom+xml" title="Mr. Rogbeer is from Mauritius but not ~rogbeer" href="/~rogbeer/atom.xml">
</head>
<body>
<div class="container content">
<header class="masthead">
<h3 class="masthead-title">
<a href="/~rogbeer/" title="Home">Mr. Rogbeer is from Mauritius but not ~rogbeer</a>
<small>What are you doing with your sack of flesh? That's the question</small>
</h3>
</header>
<main>
<div class="page">
<h1 class="page-title">404: Page not found</h1>
<p class="lead">Sorry, we've misplaced that URL or it's pointing to something that doesn't exist. <a href="/~rogbeer/">Head back home</a> to try finding it again.</p>
</div>
</main>
<footer class="footer">
<small>
&copy; <time datetime="2018-10-02T06:38:29+00:00">2018</time>. All rights reserved.
</small>
</footer>
</div>
</body>
</html>

21
LICENSE
View File

@ -1,21 +0,0 @@
MIT License
Copyright (c) 2018 Pheng Heong TAN
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

9
LICENSE.md 100644
View File

@ -0,0 +1,9 @@
# Released under MIT License
Copyright (c) 2013 Mark Otto.
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

121
README.md 100644
View File

@ -0,0 +1,121 @@
# Poole
*The Strange Case of Dr. Jekyll and Mr. Hyde* tells the story of a lawyer investigating the connection of two persons, Dr. Henry Jekyll and Mr. Edward Hyde. Chief among the novel's supporting cast is a man by the name of Mr. Poole, Dr. Jekyll's loyal butler.
-----
Poole is the butler for [Jekyll](http://jekyllrb.com), the static site generator. It's designed and developed by [@mdo](https://twitter.com/mdo) to provide a clear and concise foundational setup for any Jekyll site. It does so by furnishing a full vanilla Jekyll install with example templates, pages, posts, and styles.
![Poole](https://f.cloud.github.com/assets/98681/1834359/71ae4048-73db-11e3-9a3c-df38eb170537.png)
See Poole in action with [the demo site](http://demo.getpoole.com).
There are currently two official themes built on Poole:
* [Hyde](http://hyde.getpoole.com)
* [Lanyon](http://lanyon.getpoole.com)
Individual theme feedback and bug reports should be submitted to the theme's individual repository.
## Contents
- [Usage](#usage)
- [Options](#options)
- [Rems, `font-size`, and scaling](#rems-font-size-and-scaling)
- [Development](#development)
- [Author](#author)
- [License](#license)
## Usage
### 1. Install dependencies
Poole is built on Jekyll and uses its built-in SCSS compiler to generate our CSS. Before getting started, you'll need to install the Jekyll gem:
```bash
$ gem install jekyll
```
**Windows users:** Windows users have a bit more work to do, but luckily [@juthilo](https://github.com/juthilo) has your back with his [Run Jekyll on Windows](https://github.com/juthilo/run-jekyll-on-windows) guide.
**Need syntax highlighting?** Poole includes support for Pygments or Rouge, so install your gem of choice to make use of the built-in styling. Read more about this [in the Jekyll docs](http://jekyllrb.com/docs/templates/#code_snippet_highlighting).
### 2a. Quick start
To help anyone with any level of familiarity with Jekyll quickly get started, Poole includes everything you need for a basic Jekyll site. To that end, just download Poole and start up Jekyll.
### 2b. Roll your own Jekyll site
Folks wishing to use Jekyll's templates and styles can do so with a little bit of manual labor. Download Poole and then copy what you need (likely `_layouts/`, `*.html` files, `atom.xml` for RSS, and `public/` for CSS, JS, etc.).
### 3. Running locally
To see your Jekyll site with Poole applied, start a Jekyll server. In Terminal, from `/poole` (or whatever your Jekyll site's root directory is named):
```bash
$ jekyll serve
```
Open <http://localhost:4000> in your browser, and voilà.
### 4. Serving it up
If you host your code on GitHub, you can use [GitHub Pages](https://pages.github.com) to host your project.
1. Fork this repo and switch to the `gh-pages` branch.
1. If you're [using a custom domain name](https://help.github.com/articles/setting-up-a-custom-domain-with-github-pages), modify the `CNAME` file to point to your new domain.
2. If you're not using a custom domain name, **modify the `baseurl` in `_config.yml`** to point to your GitHub Pages URL. Example: for a repo at `github.com/username/poole`, use `http://username.github.io/poole/`. **Be sure to include the trailing slash.**
3. Done! Head to your GitHub Pages URL or custom domain.
No matter your production or hosting setup, be sure to verify the `baseurl` option file and `CNAME` settings. Not applying this correctly can mean broken styles on your site.
## Options
Poole includes some customizable options, typically applied via classes on the `<body>` element.
### Rems, `font-size`, and scaling
Poole is built almost entirely with `rem`s (instead of pixels). `rem`s are like `em`s, but instead of building on the immediate parent's `font-size`, they build on the root element, `<html>`.
By default, we use the following:
```css
html {
font-size: 16px;
line-height: 1.5;
}
@media (min-width: 38em) {
html {
font-size: 20px;
}
}
```
To easily scale your site's typography and components, simply customize the base `font-size`s here.
## Development
Poole has two branches, but only one is used for active development.
- `master` for development. **All pull requests should be to submitted against `master`.**
- `gh-pages` for our hosted site, which includes our analytics tracking code. **Please avoid using this branch.**
CSS is handled via Jeykll's built-in Sass compiler. Source Sass files are located in `_sass/`, included into `styles.scss`, and compile to `styles.css`.
## Author
**Mark Otto**
- <https://github.com/mdo>
- <https://twitter.com/mdo>
## License
Open sourced under the [MIT license](LICENSE.md).
<3

84
about/index.html 100644
View File

@ -0,0 +1,84 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link href="http://gmpg.org/xfn/11" rel="profile">
<!-- Enable responsiveness on mobile devices-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>
About &middot; Mr. Rogbeer is from Mauritius but not ~rogbeer
</title>
<!-- CSS -->
<link rel="stylesheet" href="/~rogbeer/styles.css">
<!-- Icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/~rogbeer/public/apple-touch-icon-precomposed.png">
<link rel="shortcut icon" href="/~rogbeer/public/favicon.ico">
<!-- RSS -->
<link rel="alternate" type="application/atom+xml" title="Mr. Rogbeer is from Mauritius but not ~rogbeer" href="/~rogbeer/atom.xml">
</head>
<body>
<div class="container content">
<header class="masthead">
<h3 class="masthead-title">
<a href="/~rogbeer/" title="Home">Mr. Rogbeer is from Mauritius but not ~rogbeer</a>
<small>What are you doing with your sack of flesh? That's the question</small>
</h3>
</header>
<main>
<article class="page">
<h1 class="page-title">About</h1>
<p class="message">
Hey there! This page is included as an example. Feel free to customize it for your own use upon downloading. Carry on!
</p>
<p>In the novel, <em>The Strange Case of Dr. Jekyll and Mr. Hyde</em>, Mr. Poole is Dr. Jekylls virtuous and loyal butler. Similarly, Poole is an upstanding and effective butler that helps you build Jekyll themes. Its made by <a href="https://twitter.com/mdo">@mdo</a>.</p>
<p>There are currently two themes built on Poole:</p>
<ul>
<li><a href="http://hyde.getpoole.com">Hyde</a></li>
<li><a href="http://lanyon.getpoole.com">Lanyon</a></li>
</ul>
<p>Learn more and contribute on <a href="https://github.com/poole">GitHub</a>.</p>
<h2 id="setup">Setup</h2>
<p>Some fun facts about the setup of this project include:</p>
<ul>
<li>Built for <a href="http://jekyllrb.com">Jekyll</a></li>
<li>Developed on GitHub and hosted for free on <a href="https://pages.github.com">GitHub Pages</a></li>
<li>Coded with <a href="http://sublimetext.com">Sublime Text 2</a>, an amazing code editor</li>
<li>Designed and developed while listening to music like <a href="https://soundcloud.com/maddecent/sets/blood-bros-series">Blood Bros Trilogy</a></li>
</ul>
<p>Have questions or suggestions? Feel free to <a href="https://github.com/poole/poole/issues/new">open an issue on GitHub</a> or <a href="https://twitter.com/mdo">ask me on Twitter</a>.</p>
<p>Thanks for reading!</p>
</article>
</main>
<footer class="footer">
<small>
&copy; <time datetime="2018-10-02T06:38:29+00:00">2018</time>. All rights reserved.
</small>
</footer>
</div>
</body>
</html>

341
atom.xml 100644
View File

@ -0,0 +1,341 @@
<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
<title>Mr. Rogbeer is from Mauritius but not ~rogbeer</title>
<link href="http://tilde.town/~rogbeer/atom.xml" rel="self"/>
<link href="http://tilde.town/~rogbeer/"/>
<updated>2018-10-02T06:38:29+00:00</updated>
<id>http://tilde.town</id>
<author>
<name>Tony Chen</name>
<email>phtan90@gmail.com</email>
</author>
<entry>
<title>Night</title>
<link href="http://tilde.town/~rogbeer/2018/03/19/night/"/>
<updated>2018-03-19T00:00:00+00:00</updated>
<id>http://tilde.town/2018/03/19/night</id>
<content type="html">&lt;p&gt;When did it become an assumption that I have to have a password on the
Internet or even my desktop-computer? I was inspired to think if
something has gone wrong, in the design of Internet-and-computer
technologies, when I realised that an engineering problem - how to
display certain information on a web-site - could possibly be solved by
letting users run commands on the server (as opposed as viewing data on
a client) Passwords, levels of privilege, admininistrator-rights -
dont all these scream I dont trust you. I dont trust others Now is
that what I want in my life, I ask. Do I want to indirectly say I dont
trust others every time I use a technology. Or do I want to spend time
building (trust in) relationships that arguably are made and broken by
(mutual) trust. Does using technology necessarily mean that I have to
give up on trust and/or trust-building. Is it possible we could find a
new way to use technology so that we find the satisfaction (and
intimacy) that comes from a rewarding relationship with a something. A
god. A business-partner. So on and so forth.&lt;/p&gt;
</content>
</entry>
<entry>
<title></title>
<link href="http://tilde.town/~rogbeer/2018/03/15/sunny/"/>
<updated>2018-03-15T00:00:00+00:00</updated>
<id>http://tilde.town/2018/03/15/sunny</id>
<content type="html">
</content>
</entry>
<entry>
<title>Rainy</title>
<link href="http://tilde.town/~rogbeer/2016/11/10/rainy/"/>
<updated>2016-11-10T00:00:00+00:00</updated>
<id>http://tilde.town/2016/11/10/rainy</id>
<content type="html">&lt;p&gt;Im suffering. They are suffering.&lt;/p&gt;
&lt;p&gt;How to put an end to suffering? For myself.&lt;/p&gt;
&lt;p&gt;Others can try out my methods if they want.&lt;/p&gt;
&lt;p&gt;And of course they have to find out their own way.&lt;/p&gt;
&lt;p&gt;Kodo Suzuki Roshi said that adults have to become like children, and children have to become like adults,
for children to grow. Apparently, he said that.&lt;/p&gt;
&lt;p&gt;If I were a foster parent of all these lovable children in the world, my impending death is something
I have to deal with. Preparations have to be made for other people to help all these children grow,
so that my death will not stop their growth.&lt;/p&gt;
&lt;p&gt;Yes, as Jobs said, death means having to tell your children what you thought you would
have the rest of your life so tell.&lt;/p&gt;
&lt;p&gt;THere is a temple called Antaiji in Japan. The people there practice zazen that is good for nothing.&lt;/p&gt;
&lt;p&gt;There is a person who is helping people to find a suitable livelihood. She also practises Zen. Her
book is a work-in-progress. It is predicted to be published in Fall 2017. Her name is Maia Duerr.&lt;/p&gt;
&lt;p&gt;There are people who teach Zen in Singapore. Their names are Vivienne and Boey Wah Keong.&lt;/p&gt;
&lt;p&gt;They will do what I amy not have the time to do. At least, they can do what I may run out of time to do.&lt;/p&gt;
&lt;p&gt;Zazen is good for nothing. It is the way to liberate-save suffering people-human. Suzuki Roshi
said that.&lt;/p&gt;
</content>
</entry>
<entry>
<title>Introducing Poole</title>
<link href="http://tilde.town/~rogbeer/2014/01/02/introducing-poole/"/>
<updated>2014-01-02T00:00:00+00:00</updated>
<id>http://tilde.town/2014/01/02/introducing-poole</id>
<content type="html">&lt;p&gt;&lt;em&gt;The Strange Case of Dr. Jekyll and Mr. Hyde&lt;/em&gt; tells the story of a lawyer investigating the connection of two persons, Dr. Henry Jekyll and Mr. Edward Hyde. Chief among the novels supporting cast is a man by the name of Mr. Poole, Dr. Jekylls loyal butler.&lt;/p&gt;
&lt;hr /&gt;
&lt;p&gt;Poole is the butler for &lt;a href=&quot;http://jekyllrb.com&quot;&gt;Jekyll&lt;/a&gt;, the static site generator. Its designed and developed by &lt;a href=&quot;https://twitter.com/mdo&quot;&gt;@mdo&lt;/a&gt; to provide a clear and concise foundational setup for any Jekyll site. It does so by furnishing a full vanilla Jekyll install with example templates, pages, posts, and styles.&lt;/p&gt;
&lt;p&gt;There are currently two themes built on Poole:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;http://hyde.getpoole.com&quot;&gt;Hyde&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://lanyon.getpoole.com&quot;&gt;Lanyon&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Learn more and contribute on &lt;a href=&quot;https://github.com/poole&quot;&gt;GitHub&lt;/a&gt;.&lt;/p&gt;
&lt;h3 id=&quot;whats-included&quot;&gt;Whats included&lt;/h3&gt;
&lt;p&gt;Poole is a streamlined Jekyll site designed and built as a foundation for building more meaningful themes. Poole, and every theme built on it, includes the following:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Complete Jekyll setup included (layouts, config, &lt;a href=&quot;/~rogbeer/404.html&quot;&gt;404&lt;/a&gt;, &lt;a href=&quot;/~rogbeer/atom.xml&quot;&gt;RSS feed&lt;/a&gt;, posts, and &lt;a href=&quot;/~rogbeer/about&quot;&gt;example page&lt;/a&gt;)&lt;/li&gt;
&lt;li&gt;Mobile friendly design and development&lt;/li&gt;
&lt;li&gt;Easily scalable text and component sizing with &lt;code class=&quot;highlighter-rouge&quot;&gt;rem&lt;/code&gt; units in the CSS&lt;/li&gt;
&lt;li&gt;Support for a wide gamut of HTML elements&lt;/li&gt;
&lt;li&gt;Related posts (time-based, because Jekyll) below each post&lt;/li&gt;
&lt;li&gt;Syntax highlighting, courtesy Pygments (the Python-based code snippet highlighter)&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Additional features are available in individual themes.&lt;/p&gt;
&lt;h3 id=&quot;browser-support&quot;&gt;Browser support&lt;/h3&gt;
&lt;p&gt;Poole and its themes are by preference a forward-thinking project. In addition to the latest versions of Chrome, Safari (mobile and desktop), and Firefox, it is only compatible with Internet Explorer 9 and above.&lt;/p&gt;
&lt;h3 id=&quot;download&quot;&gt;Download&lt;/h3&gt;
&lt;p&gt;Poole is developed on and hosted with GitHub. Head to the &lt;a href=&quot;https://github.com/poole/poole&quot;&gt;GitHub repository&lt;/a&gt; for downloads, bug reports, and features requests.&lt;/p&gt;
&lt;p&gt;Thanks!&lt;/p&gt;
</content>
</entry>
<entry>
<title>Example content</title>
<link href="http://tilde.town/~rogbeer/2014/01/01/example-content/"/>
<updated>2014-01-01T00:00:00+00:00</updated>
<id>http://tilde.town/2014/01/01/example-content</id>
<content type="html">&lt;div class=&quot;message&quot;&gt;
Howdy! This is an example blog post that shows several types of HTML content supported in this theme.
&lt;/div&gt;
&lt;p&gt;Cum sociis natoque penatibus et magnis &lt;a href=&quot;#&quot;&gt;dis parturient montes&lt;/a&gt;, nascetur ridiculus mus. &lt;em&gt;Aenean eu leo quam.&lt;/em&gt; Pellentesque ornare sem lacinia quam venenatis vestibulum. Sed posuere consectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Curabitur blandit tempus porttitor. Nullam quis risus eget urna mollis ornare vel eu leo. Nullam id dolor id nibh ultricies vehicula ut id elit.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Etiam porta &lt;strong&gt;sem malesuada magna&lt;/strong&gt; mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.&lt;/p&gt;
&lt;h2 id=&quot;inline-html-elements&quot;&gt;Inline HTML elements&lt;/h2&gt;
&lt;p&gt;HTML defines a long list of available inline tags, a complete list of which can be found on the &lt;a href=&quot;https://developer.mozilla.org/en-US/docs/Web/HTML/Element&quot;&gt;Mozilla Developer Network&lt;/a&gt;.&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;To bold text&lt;/strong&gt;, use &lt;code class=&quot;highlighter-rouge&quot;&gt;&amp;lt;strong&amp;gt;&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;&lt;em&gt;To italicize text&lt;/em&gt;, use &lt;code class=&quot;highlighter-rouge&quot;&gt;&amp;lt;em&amp;gt;&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;Abbreviations, like &lt;abbr title=&quot;HyperText Markup Langage&quot;&gt;HTML&lt;/abbr&gt; should use &lt;code class=&quot;highlighter-rouge&quot;&gt;&amp;lt;abbr&amp;gt;&lt;/code&gt;, with an optional &lt;code class=&quot;highlighter-rouge&quot;&gt;title&lt;/code&gt; attribute for the full phrase.&lt;/li&gt;
&lt;li&gt;Citations, like &lt;cite&gt;— Mark otto&lt;/cite&gt;, should use &lt;code class=&quot;highlighter-rouge&quot;&gt;&amp;lt;cite&amp;gt;&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;&lt;del&gt;Deleted&lt;/del&gt; text should use &lt;code class=&quot;highlighter-rouge&quot;&gt;&amp;lt;del&amp;gt;&lt;/code&gt; and &lt;ins&gt;inserted&lt;/ins&gt; text should use &lt;code class=&quot;highlighter-rouge&quot;&gt;&amp;lt;ins&amp;gt;&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;Superscript &lt;sup&gt;text&lt;/sup&gt; uses &lt;code class=&quot;highlighter-rouge&quot;&gt;&amp;lt;sup&amp;gt;&lt;/code&gt; and subscript &lt;sub&gt;text&lt;/sub&gt; uses &lt;code class=&quot;highlighter-rouge&quot;&gt;&amp;lt;sub&amp;gt;&lt;/code&gt;.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Most of these elements are styled by browsers with few modifications on our part.&lt;/p&gt;
&lt;h2 id=&quot;footnotes&quot;&gt;Footnotes&lt;/h2&gt;
&lt;p&gt;Footnotes are supported as part of the Markdown syntax. Heres one in action. Clicking this number&lt;sup id=&quot;fnref:fn-sample_footnote&quot;&gt;&lt;a href=&quot;#fn:fn-sample_footnote&quot; class=&quot;footnote&quot;&gt;1&lt;/a&gt;&lt;/sup&gt; will lead you to a footnote. The syntax looks like:&lt;/p&gt;
&lt;figure class=&quot;highlight&quot;&gt;&lt;pre&gt;&lt;code class=&quot;language-text&quot; data-lang=&quot;text&quot;&gt;Clicking this number[^fn-sample_footnote]&lt;/code&gt;&lt;/pre&gt;&lt;/figure&gt;
&lt;p&gt;Each footnote needs the &lt;code class=&quot;highlighter-rouge&quot;&gt;^fn-&lt;/code&gt; prefix and a unique ID to be referenced for the footnoted content. The syntax for that list looks something like this:&lt;/p&gt;
&lt;figure class=&quot;highlight&quot;&gt;&lt;pre&gt;&lt;code class=&quot;language-text&quot; data-lang=&quot;text&quot;&gt;[^fn-sample_footnote]: Handy! Now click the return link to go back.&lt;/code&gt;&lt;/pre&gt;&lt;/figure&gt;
&lt;p&gt;You can place the footnoted content wherever you like. Markdown parsers should properly place it at the bottom of the post.&lt;/p&gt;
&lt;h2 id=&quot;heading&quot;&gt;Heading&lt;/h2&gt;
&lt;p&gt;Vivamus sagittis lacus vel augue rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.&lt;/p&gt;
&lt;h3 id=&quot;code&quot;&gt;Code&lt;/h3&gt;
&lt;p&gt;Inline code is available with the &lt;code class=&quot;highlighter-rouge&quot;&gt;&amp;lt;code&amp;gt;&lt;/code&gt; element. Snippets of multiple lines of code are supported through Pygments. Longer lines will automatically scroll horizontally when needed.&lt;/p&gt;
&lt;figure class=&quot;highlight&quot;&gt;&lt;pre&gt;&lt;code class=&quot;language-js&quot; data-lang=&quot;js&quot;&gt;&lt;span class=&quot;c1&quot;&gt;// Example can be run directly in your JavaScript console
&lt;/span&gt;
&lt;span class=&quot;c1&quot;&gt;// Create a function that takes two arguments and returns the sum of those arguments
&lt;/span&gt;
&lt;span class=&quot;kd&quot;&gt;var&lt;/span&gt; &lt;span class=&quot;nx&quot;&gt;adder&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;k&quot;&gt;new&lt;/span&gt; &lt;span class=&quot;nb&quot;&gt;Function&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;&quot;a&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;b&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;return a + b&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;);&lt;/span&gt;
&lt;span class=&quot;c1&quot;&gt;// Call the function
&lt;/span&gt;
&lt;span class=&quot;nx&quot;&gt;adder&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;mi&quot;&gt;2&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;mi&quot;&gt;6&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;);&lt;/span&gt;
&lt;span class=&quot;c1&quot;&gt;// &amp;gt; 8&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/figure&gt;
&lt;p&gt;You may also optionally show code snippets with line numbers. Add &lt;code class=&quot;highlighter-rouge&quot;&gt;linenos&lt;/code&gt; to the Pygments tags.&lt;/p&gt;
&lt;figure class=&quot;highlight&quot;&gt;&lt;pre&gt;&lt;code class=&quot;language-js&quot; data-lang=&quot;js&quot;&gt;&lt;table class=&quot;rouge-table&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td class=&quot;gutter gl&quot;&gt;&lt;pre class=&quot;lineno&quot;&gt;1
2
3
4
5
6
7
8
&lt;/pre&gt;&lt;/td&gt;&lt;td class=&quot;code&quot;&gt;&lt;pre&gt;&lt;span class=&quot;c1&quot;&gt;// Example can be run directly in your JavaScript console
&lt;/span&gt;
&lt;span class=&quot;c1&quot;&gt;// Create a function that takes two arguments and returns the sum of those arguments
&lt;/span&gt;
&lt;span class=&quot;kd&quot;&gt;var&lt;/span&gt; &lt;span class=&quot;nx&quot;&gt;adder&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;k&quot;&gt;new&lt;/span&gt; &lt;span class=&quot;nb&quot;&gt;Function&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;&quot;a&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;b&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;return a + b&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;);&lt;/span&gt;
&lt;span class=&quot;c1&quot;&gt;// Call the function
&lt;/span&gt;
&lt;span class=&quot;nx&quot;&gt;adder&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;mi&quot;&gt;2&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;mi&quot;&gt;6&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;);&lt;/span&gt;
&lt;span class=&quot;c1&quot;&gt;// &amp;gt; 8&lt;/span&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/figure&gt;
&lt;p&gt;Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa.&lt;/p&gt;
&lt;h3 id=&quot;gists-via-github-pages&quot;&gt;Gists via GitHub Pages&lt;/h3&gt;
&lt;p&gt;Vestibulum id ligula porta felis euismod semper. Nullam quis risus eget urna mollis ornare vel eu leo. Donec sed odio dui.&lt;/p&gt;
&lt;noscript&gt;&lt;pre&gt;400: Invalid request
&lt;/pre&gt;&lt;/noscript&gt;
&lt;script src=&quot;https://gist.github.com/13f94b734a4ddb132735.js?file=gist.md&quot;&gt; &lt;/script&gt;
&lt;p&gt;Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec sed odio dui. Vestibulum id ligula porta felis euismod semper.&lt;/p&gt;
&lt;h3 id=&quot;lists&quot;&gt;Lists&lt;/h3&gt;
&lt;p&gt;Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Praesent commodo cursus magna, vel scelerisque nisl consectetur et.&lt;/li&gt;
&lt;li&gt;Donec id elit non mi porta gravida at eget metus.&lt;/li&gt;
&lt;li&gt;Nulla vitae elit libero, a pharetra augue.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Donec ullamcorper nulla non metus auctor fringilla. Nulla vitae elit libero, a pharetra augue.&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;Vestibulum id ligula porta felis euismod semper.&lt;/li&gt;
&lt;li&gt;Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.&lt;/li&gt;
&lt;li&gt;Maecenas sed diam eget risus varius blandit sit amet non magna.&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;Cras mattis consectetur purus sit amet fermentum. Sed posuere consectetur est at lobortis.&lt;/p&gt;
&lt;dl&gt;
&lt;dt&gt;HyperText Markup Language (HTML)&lt;/dt&gt;
&lt;dd&gt;The language used to describe and define the content of a Web page&lt;/dd&gt;
&lt;dt&gt;Cascading Style Sheets (CSS)&lt;/dt&gt;
&lt;dd&gt;Used to describe the appearance of Web content&lt;/dd&gt;
&lt;dt&gt;JavaScript (JS)&lt;/dt&gt;
&lt;dd&gt;The programming language used to build advanced Web sites and applications&lt;/dd&gt;
&lt;/dl&gt;
&lt;p&gt;Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Nullam quis risus eget urna mollis ornare vel eu leo.&lt;/p&gt;
&lt;h3 id=&quot;images&quot;&gt;Images&lt;/h3&gt;
&lt;p&gt;Quisque consequat sapien eget quam rhoncus, sit amet laoreet diam tempus. Aliquam aliquam metus erat, a pulvinar turpis suscipit at.&lt;/p&gt;
&lt;p&gt;&lt;img src=&quot;http://placehold.it/800x400&quot; alt=&quot;placeholder&quot; title=&quot;Large example image&quot; /&gt;
&lt;img src=&quot;http://placehold.it/400x200&quot; alt=&quot;placeholder&quot; title=&quot;Medium example image&quot; /&gt;
&lt;img src=&quot;http://placehold.it/200x200&quot; alt=&quot;placeholder&quot; title=&quot;Small example image&quot; /&gt;&lt;/p&gt;
&lt;h3 id=&quot;tables&quot;&gt;Tables&lt;/h3&gt;
&lt;p&gt;Aenean lacinia bibendum nulla sed consectetur. Lorem ipsum dolor sit amet, consectetur adipiscing elit.&lt;/p&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Name&lt;/th&gt;
&lt;th&gt;Upvotes&lt;/th&gt;
&lt;th&gt;Downvotes&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tfoot&gt;
&lt;tr&gt;
&lt;td&gt;Totals&lt;/td&gt;
&lt;td&gt;21&lt;/td&gt;
&lt;td&gt;23&lt;/td&gt;
&lt;/tr&gt;
&lt;/tfoot&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Alice&lt;/td&gt;
&lt;td&gt;10&lt;/td&gt;
&lt;td&gt;11&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Bob&lt;/td&gt;
&lt;td&gt;4&lt;/td&gt;
&lt;td&gt;3&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Charlie&lt;/td&gt;
&lt;td&gt;7&lt;/td&gt;
&lt;td&gt;9&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;Nullam id dolor id nibh ultricies vehicula ut id elit. Sed posuere consectetur est at lobortis. Nullam quis risus eget urna mollis ornare vel eu leo.&lt;/p&gt;
&lt;hr /&gt;
&lt;p&gt;Want to see something else added? &lt;a href=&quot;https://github.com/poole/poole/issues/new&quot;&gt;Open an issue.&lt;/a&gt;&lt;/p&gt;
&lt;div class=&quot;footnotes&quot;&gt;
&lt;ol&gt;
&lt;li id=&quot;fn:fn-sample_footnote&quot;&gt;
&lt;p&gt;Handy! Now click the return link to go back. &lt;a href=&quot;#fnref:fn-sample_footnote&quot; class=&quot;reversefootnote&quot;&gt;&amp;#8617;&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;/div&gt;
</content>
</entry>
<entry>
<title>What's Jekyll?</title>
<link href="http://tilde.town/~rogbeer/2013/12/31/whats-jekyll/"/>
<updated>2013-12-31T00:00:00+00:00</updated>
<id>http://tilde.town/2013/12/31/whats-jekyll</id>
<content type="html">&lt;p&gt;&lt;a href=&quot;http://jekyllrb.com&quot;&gt;Jekyll&lt;/a&gt; is a static site generator, an open-source tool for creating simple yet powerful websites of all shapes and sizes. From &lt;a href=&quot;https://github.com/jekyll/jekyll/blob/master/README.markdown&quot;&gt;the projects readme&lt;/a&gt;:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Jekyll is a simple, blog aware, static site generator. It takes a template directory […] and spits out a complete, static website suitable for serving with Apache or your favorite web server. This is also the engine behind GitHub Pages, which you can use to host your projects page or blog right here from GitHub.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Its an immensely useful tool. Find out more by &lt;a href=&quot;https://github.com/jekyll/jekyll&quot;&gt;visiting the project on GitHub&lt;/a&gt;.&lt;/p&gt;
</content>
</entry>
</feed>

View File

@ -1,47 +1,91 @@
<html>
<head>
<title>welcome to my ~ page</title>
<style type="text/css">
body {
background-color:pink;
font-family: courier;
}
</style>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link href="http://gmpg.org/xfn/11" rel="profile">
<!-- Enable responsiveness on mobile devices-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>
Mr. Rogbeer is from Mauritius but not ~rogbeer &middot; What are you doing with your sack of flesh? That's the question
</title>
<!-- CSS -->
<link rel="stylesheet" href="/~rogbeer/styles.css">
<!-- Icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/~rogbeer/public/apple-touch-icon-precomposed.png">
<link rel="shortcut icon" href="/~rogbeer/public/favicon.ico">
<!-- RSS -->
<link rel="alternate" type="application/atom+xml" title="Mr. Rogbeer is from Mauritius but not ~rogbeer" href="/~rogbeer/atom.xml">
</head>
<body>
<p>What are you doing with your sack of flesh? That's the question</p>
<hr>
<ul>
<li>
<p><a href="swap.html">What would people give, for a cassette tape?</a></p>
</li>
<li>
<p><a href="2016-11-10-rainy.txt">10th November 2016: Rainy</a></p>
</li>
<li>
<p>
<a href="2018-03-15-sunny.txt">fifteenth of March 2018: Sunny
<body>
<div class="container content">
<header class="masthead">
<h3 class="masthead-title">
<a href="/~rogbeer/" title="Home">Mr. Rogbeer is from Mauritius but not ~rogbeer</a>
<small>What are you doing with your sack of flesh? That's the question</small>
</h3>
</header>
<main>
<div class="posts">
<article class="post">
<h1 class="post-title">
<a href="/~rogbeer/2018/03/19/night/">
Night
</a>
</h1>
</p>
<time datetime="2018-03-19T00:00:00+00:00" class="post-date">19 Mar 2018</time>
</li>
<li>
<p><a href="2018-03-19-night.txt">A new way? nineteenth of March 2018: Night
</p></li>
</ul>
</a>
</body>
<footer>
<p>When did it become an assumption that I have to have a password on the
Internet or even my desktop-computer? I was inspired to think if
something has gone wrong, in the design of Internet-and-computer
technologies, when I realised that an engineering problem - how to
display certain information on a web-site - could possibly be solved by
letting users run commands on the server (as opposed as viewing data on
a client) Passwords, levels of privilege, admininistrator-rights -
dont all these scream I dont trust you. I dont trust others Now is
that what I want in my life, I ask. Do I want to indirectly say I dont
trust others every time I use a technology. Or do I want to spend time
building (trust in) relationships that arguably are made and broken by
(mutual) trust. Does using technology necessarily mean that I have to
give up on trust and/or trust-building. Is it possible we could find a
new way to use technology so that we find the satisfaction (and
intimacy) that comes from a rewarding relationship with a something. A
god. A business-partner. So on and so forth.</p>
<hr>
<p>Do you want more information about me? Please feel free to check out
<a href="http://phtan.github.io">another home-page of mine</a>.
</p>
<p>Do you want this account and web address? Please feel free to
e-mail me at the following address:
<br />
phtan90 [at] gmail [dot] com<br />
</footer>
</article>
</div>
<div class="pagination">
<a class="pagination-item older" href="/~rogbeer/page2">Older</a>
<span class="pagination-item newer">Newer</span>
</div>
</main>
<footer class="footer">
<small>
&copy; <time datetime="2018-10-02T06:38:29+00:00">2018</time>. All rights reserved.
</small>
</footer>
</div>
</body>
</html>

76
page2/index.html 100644
View File

@ -0,0 +1,76 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link href="http://gmpg.org/xfn/11" rel="profile">
<!-- Enable responsiveness on mobile devices-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>
Mr. Rogbeer is from Mauritius but not ~rogbeer &middot; What are you doing with your sack of flesh? That's the question
</title>
<!-- CSS -->
<link rel="stylesheet" href="/~rogbeer/styles.css">
<!-- Icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/~rogbeer/public/apple-touch-icon-precomposed.png">
<link rel="shortcut icon" href="/~rogbeer/public/favicon.ico">
<!-- RSS -->
<link rel="alternate" type="application/atom+xml" title="Mr. Rogbeer is from Mauritius but not ~rogbeer" href="/~rogbeer/atom.xml">
</head>
<body>
<div class="container content">
<header class="masthead">
<h3 class="masthead-title">
<a href="/~rogbeer/" title="Home">Mr. Rogbeer is from Mauritius but not ~rogbeer</a>
<small>What are you doing with your sack of flesh? That's the question</small>
</h3>
</header>
<main>
<div class="posts">
<article class="post">
<h1 class="post-title">
<a href="/~rogbeer/2018/03/15/sunny/">
</a>
</h1>
<time datetime="2018-03-15T00:00:00+00:00" class="post-date">15 Mar 2018</time>
</article>
</div>
<div class="pagination">
<a class="pagination-item older" href="/~rogbeer/page3">Older</a>
<a class="pagination-item newer" href="/~rogbeer/">Newer</a>
</div>
</main>
<footer class="footer">
<small>
&copy; <time datetime="2018-10-02T06:38:29+00:00">2018</time>. All rights reserved.
</small>
</footer>
</div>
</body>
</html>

104
page3/index.html 100644
View File

@ -0,0 +1,104 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link href="http://gmpg.org/xfn/11" rel="profile">
<!-- Enable responsiveness on mobile devices-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>
Mr. Rogbeer is from Mauritius but not ~rogbeer &middot; What are you doing with your sack of flesh? That's the question
</title>
<!-- CSS -->
<link rel="stylesheet" href="/~rogbeer/styles.css">
<!-- Icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/~rogbeer/public/apple-touch-icon-precomposed.png">
<link rel="shortcut icon" href="/~rogbeer/public/favicon.ico">
<!-- RSS -->
<link rel="alternate" type="application/atom+xml" title="Mr. Rogbeer is from Mauritius but not ~rogbeer" href="/~rogbeer/atom.xml">
</head>
<body>
<div class="container content">
<header class="masthead">
<h3 class="masthead-title">
<a href="/~rogbeer/" title="Home">Mr. Rogbeer is from Mauritius but not ~rogbeer</a>
<small>What are you doing with your sack of flesh? That's the question</small>
</h3>
</header>
<main>
<div class="posts">
<article class="post">
<h1 class="post-title">
<a href="/~rogbeer/2016/11/10/rainy/">
Rainy
</a>
</h1>
<time datetime="2016-11-10T00:00:00+00:00" class="post-date">10 Nov 2016</time>
<p>Im suffering. They are suffering.</p>
<p>How to put an end to suffering? For myself.</p>
<p>Others can try out my methods if they want.</p>
<p>And of course they have to find out their own way.</p>
<p>Kodo Suzuki Roshi said that adults have to become like children, and children have to become like adults,
for children to grow. Apparently, he said that.</p>
<p>If I were a foster parent of all these lovable children in the world, my impending death is something
I have to deal with. Preparations have to be made for other people to help all these children grow,
so that my death will not stop their growth.</p>
<p>Yes, as Jobs said, death means having to tell your children what you thought you would
have the rest of your life so tell.</p>
<p>THere is a temple called Antaiji in Japan. The people there practice zazen that is good for nothing.</p>
<p>There is a person who is helping people to find a suitable livelihood. She also practises Zen. Her
book is a work-in-progress. It is predicted to be published in Fall 2017. Her name is Maia Duerr.</p>
<p>There are people who teach Zen in Singapore. Their names are Vivienne and Boey Wah Keong.</p>
<p>They will do what I amy not have the time to do. At least, they can do what I may run out of time to do.</p>
<p>Zazen is good for nothing. It is the way to liberate-save suffering people-human. Suzuki Roshi
said that.</p>
</article>
</div>
<div class="pagination">
<a class="pagination-item older" href="/~rogbeer/page4">Older</a>
<a class="pagination-item newer" href="/~rogbeer/page2">Newer</a>
</div>
</main>
<footer class="footer">
<small>
&copy; <time datetime="2018-10-02T06:38:29+00:00">2018</time>. All rights reserved.
</small>
</footer>
</div>
</body>
</html>

114
page4/index.html 100644
View File

@ -0,0 +1,114 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link href="http://gmpg.org/xfn/11" rel="profile">
<!-- Enable responsiveness on mobile devices-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>
Mr. Rogbeer is from Mauritius but not ~rogbeer &middot; What are you doing with your sack of flesh? That's the question
</title>
<!-- CSS -->
<link rel="stylesheet" href="/~rogbeer/styles.css">
<!-- Icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/~rogbeer/public/apple-touch-icon-precomposed.png">
<link rel="shortcut icon" href="/~rogbeer/public/favicon.ico">
<!-- RSS -->
<link rel="alternate" type="application/atom+xml" title="Mr. Rogbeer is from Mauritius but not ~rogbeer" href="/~rogbeer/atom.xml">
</head>
<body>
<div class="container content">
<header class="masthead">
<h3 class="masthead-title">
<a href="/~rogbeer/" title="Home">Mr. Rogbeer is from Mauritius but not ~rogbeer</a>
<small>What are you doing with your sack of flesh? That's the question</small>
</h3>
</header>
<main>
<div class="posts">
<article class="post">
<h1 class="post-title">
<a href="/~rogbeer/2014/01/02/introducing-poole/">
Introducing Poole
</a>
</h1>
<time datetime="2014-01-02T00:00:00+00:00" class="post-date">02 Jan 2014</time>
<p><em>The Strange Case of Dr. Jekyll and Mr. Hyde</em> tells the story of a lawyer investigating the connection of two persons, Dr. Henry Jekyll and Mr. Edward Hyde. Chief among the novels supporting cast is a man by the name of Mr. Poole, Dr. Jekylls loyal butler.</p>
<hr />
<p>Poole is the butler for <a href="http://jekyllrb.com">Jekyll</a>, the static site generator. Its designed and developed by <a href="https://twitter.com/mdo">@mdo</a> to provide a clear and concise foundational setup for any Jekyll site. It does so by furnishing a full vanilla Jekyll install with example templates, pages, posts, and styles.</p>
<p>There are currently two themes built on Poole:</p>
<ul>
<li><a href="http://hyde.getpoole.com">Hyde</a></li>
<li><a href="http://lanyon.getpoole.com">Lanyon</a></li>
</ul>
<p>Learn more and contribute on <a href="https://github.com/poole">GitHub</a>.</p>
<h3 id="whats-included">Whats included</h3>
<p>Poole is a streamlined Jekyll site designed and built as a foundation for building more meaningful themes. Poole, and every theme built on it, includes the following:</p>
<ul>
<li>Complete Jekyll setup included (layouts, config, <a href="/~rogbeer/404.html">404</a>, <a href="/~rogbeer/atom.xml">RSS feed</a>, posts, and <a href="/~rogbeer/about">example page</a>)</li>
<li>Mobile friendly design and development</li>
<li>Easily scalable text and component sizing with <code class="highlighter-rouge">rem</code> units in the CSS</li>
<li>Support for a wide gamut of HTML elements</li>
<li>Related posts (time-based, because Jekyll) below each post</li>
<li>Syntax highlighting, courtesy Pygments (the Python-based code snippet highlighter)</li>
</ul>
<p>Additional features are available in individual themes.</p>
<h3 id="browser-support">Browser support</h3>
<p>Poole and its themes are by preference a forward-thinking project. In addition to the latest versions of Chrome, Safari (mobile and desktop), and Firefox, it is only compatible with Internet Explorer 9 and above.</p>
<h3 id="download">Download</h3>
<p>Poole is developed on and hosted with GitHub. Head to the <a href="https://github.com/poole/poole">GitHub repository</a> for downloads, bug reports, and features requests.</p>
<p>Thanks!</p>
</article>
</div>
<div class="pagination">
<a class="pagination-item older" href="/~rogbeer/page5">Older</a>
<a class="pagination-item newer" href="/~rogbeer/page3">Newer</a>
</div>
</main>
<footer class="footer">
<small>
&copy; <time datetime="2018-10-02T06:38:29+00:00">2018</time>. All rights reserved.
</small>
</footer>
</div>
</body>
</html>

260
page5/index.html 100644
View File

@ -0,0 +1,260 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link href="http://gmpg.org/xfn/11" rel="profile">
<!-- Enable responsiveness on mobile devices-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>
Mr. Rogbeer is from Mauritius but not ~rogbeer &middot; What are you doing with your sack of flesh? That's the question
</title>
<!-- CSS -->
<link rel="stylesheet" href="/~rogbeer/styles.css">
<!-- Icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/~rogbeer/public/apple-touch-icon-precomposed.png">
<link rel="shortcut icon" href="/~rogbeer/public/favicon.ico">
<!-- RSS -->
<link rel="alternate" type="application/atom+xml" title="Mr. Rogbeer is from Mauritius but not ~rogbeer" href="/~rogbeer/atom.xml">
</head>
<body>
<div class="container content">
<header class="masthead">
<h3 class="masthead-title">
<a href="/~rogbeer/" title="Home">Mr. Rogbeer is from Mauritius but not ~rogbeer</a>
<small>What are you doing with your sack of flesh? That's the question</small>
</h3>
</header>
<main>
<div class="posts">
<article class="post">
<h1 class="post-title">
<a href="/~rogbeer/2014/01/01/example-content/">
Example content
</a>
</h1>
<time datetime="2014-01-01T00:00:00+00:00" class="post-date">01 Jan 2014</time>
<div class="message">
Howdy! This is an example blog post that shows several types of HTML content supported in this theme.
</div>
<p>Cum sociis natoque penatibus et magnis <a href="#">dis parturient montes</a>, nascetur ridiculus mus. <em>Aenean eu leo quam.</em> Pellentesque ornare sem lacinia quam venenatis vestibulum. Sed posuere consectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum.</p>
<blockquote>
<p>Curabitur blandit tempus porttitor. Nullam quis risus eget urna mollis ornare vel eu leo. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
</blockquote>
<p>Etiam porta <strong>sem malesuada magna</strong> mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.</p>
<h2 id="inline-html-elements">Inline HTML elements</h2>
<p>HTML defines a long list of available inline tags, a complete list of which can be found on the <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element">Mozilla Developer Network</a>.</p>
<ul>
<li><strong>To bold text</strong>, use <code class="highlighter-rouge">&lt;strong&gt;</code>.</li>
<li><em>To italicize text</em>, use <code class="highlighter-rouge">&lt;em&gt;</code>.</li>
<li>Abbreviations, like <abbr title="HyperText Markup Langage">HTML</abbr> should use <code class="highlighter-rouge">&lt;abbr&gt;</code>, with an optional <code class="highlighter-rouge">title</code> attribute for the full phrase.</li>
<li>Citations, like <cite>— Mark otto</cite>, should use <code class="highlighter-rouge">&lt;cite&gt;</code>.</li>
<li><del>Deleted</del> text should use <code class="highlighter-rouge">&lt;del&gt;</code> and <ins>inserted</ins> text should use <code class="highlighter-rouge">&lt;ins&gt;</code>.</li>
<li>Superscript <sup>text</sup> uses <code class="highlighter-rouge">&lt;sup&gt;</code> and subscript <sub>text</sub> uses <code class="highlighter-rouge">&lt;sub&gt;</code>.</li>
</ul>
<p>Most of these elements are styled by browsers with few modifications on our part.</p>
<h2 id="footnotes">Footnotes</h2>
<p>Footnotes are supported as part of the Markdown syntax. Heres one in action. Clicking this number<sup id="fnref:fn-sample_footnote"><a href="#fn:fn-sample_footnote" class="footnote">1</a></sup> will lead you to a footnote. The syntax looks like:</p>
<figure class="highlight"><pre><code class="language-text" data-lang="text">Clicking this number[^fn-sample_footnote]</code></pre></figure>
<p>Each footnote needs the <code class="highlighter-rouge">^fn-</code> prefix and a unique ID to be referenced for the footnoted content. The syntax for that list looks something like this:</p>
<figure class="highlight"><pre><code class="language-text" data-lang="text">[^fn-sample_footnote]: Handy! Now click the return link to go back.</code></pre></figure>
<p>You can place the footnoted content wherever you like. Markdown parsers should properly place it at the bottom of the post.</p>
<h2 id="heading">Heading</h2>
<p>Vivamus sagittis lacus vel augue rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>
<h3 id="code">Code</h3>
<p>Inline code is available with the <code class="highlighter-rouge">&lt;code&gt;</code> element. Snippets of multiple lines of code are supported through Pygments. Longer lines will automatically scroll horizontally when needed.</p>
<figure class="highlight"><pre><code class="language-js" data-lang="js"><span class="c1">// Example can be run directly in your JavaScript console
</span>
<span class="c1">// Create a function that takes two arguments and returns the sum of those arguments
</span>
<span class="kd">var</span> <span class="nx">adder</span> <span class="o">=</span> <span class="k">new</span> <span class="nb">Function</span><span class="p">(</span><span class="s2">"a"</span><span class="p">,</span> <span class="s2">"b"</span><span class="p">,</span> <span class="s2">"return a + b"</span><span class="p">);</span>
<span class="c1">// Call the function
</span>
<span class="nx">adder</span><span class="p">(</span><span class="mi">2</span><span class="p">,</span> <span class="mi">6</span><span class="p">);</span>
<span class="c1">// &gt; 8</span></code></pre></figure>
<p>You may also optionally show code snippets with line numbers. Add <code class="highlighter-rouge">linenos</code> to the Pygments tags.</p>
<figure class="highlight"><pre><code class="language-js" data-lang="js"><table class="rouge-table"><tbody><tr><td class="gutter gl"><pre class="lineno">1
2
3
4
5
6
7
8
</pre></td><td class="code"><pre><span class="c1">// Example can be run directly in your JavaScript console
</span>
<span class="c1">// Create a function that takes two arguments and returns the sum of those arguments
</span>
<span class="kd">var</span> <span class="nx">adder</span> <span class="o">=</span> <span class="k">new</span> <span class="nb">Function</span><span class="p">(</span><span class="s2">"a"</span><span class="p">,</span> <span class="s2">"b"</span><span class="p">,</span> <span class="s2">"return a + b"</span><span class="p">);</span>
<span class="c1">// Call the function
</span>
<span class="nx">adder</span><span class="p">(</span><span class="mi">2</span><span class="p">,</span> <span class="mi">6</span><span class="p">);</span>
<span class="c1">// &gt; 8</span></pre></td></tr></tbody></table></code></pre></figure>
<p>Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa.</p>
<h3 id="gists-via-github-pages">Gists via GitHub Pages</h3>
<p>Vestibulum id ligula porta felis euismod semper. Nullam quis risus eget urna mollis ornare vel eu leo. Donec sed odio dui.</p>
<noscript><pre>400: Invalid request
</pre></noscript>
<script src="https://gist.github.com/13f94b734a4ddb132735.js?file=gist.md"> </script>
<p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec sed odio dui. Vestibulum id ligula porta felis euismod semper.</p>
<h3 id="lists">Lists</h3>
<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
<ul>
<li>Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</li>
<li>Donec id elit non mi porta gravida at eget metus.</li>
<li>Nulla vitae elit libero, a pharetra augue.</li>
</ul>
<p>Donec ullamcorper nulla non metus auctor fringilla. Nulla vitae elit libero, a pharetra augue.</p>
<ol>
<li>Vestibulum id ligula porta felis euismod semper.</li>
<li>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</li>
<li>Maecenas sed diam eget risus varius blandit sit amet non magna.</li>
</ol>
<p>Cras mattis consectetur purus sit amet fermentum. Sed posuere consectetur est at lobortis.</p>
<dl>
<dt>HyperText Markup Language (HTML)</dt>
<dd>The language used to describe and define the content of a Web page</dd>
<dt>Cascading Style Sheets (CSS)</dt>
<dd>Used to describe the appearance of Web content</dd>
<dt>JavaScript (JS)</dt>
<dd>The programming language used to build advanced Web sites and applications</dd>
</dl>
<p>Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Nullam quis risus eget urna mollis ornare vel eu leo.</p>
<h3 id="images">Images</h3>
<p>Quisque consequat sapien eget quam rhoncus, sit amet laoreet diam tempus. Aliquam aliquam metus erat, a pulvinar turpis suscipit at.</p>
<p><img src="http://placehold.it/800x400" alt="placeholder" title="Large example image" />
<img src="http://placehold.it/400x200" alt="placeholder" title="Medium example image" />
<img src="http://placehold.it/200x200" alt="placeholder" title="Small example image" /></p>
<h3 id="tables">Tables</h3>
<p>Aenean lacinia bibendum nulla sed consectetur. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<table>
<thead>
<tr>
<th>Name</th>
<th>Upvotes</th>
<th>Downvotes</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Totals</td>
<td>21</td>
<td>23</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>Alice</td>
<td>10</td>
<td>11</td>
</tr>
<tr>
<td>Bob</td>
<td>4</td>
<td>3</td>
</tr>
<tr>
<td>Charlie</td>
<td>7</td>
<td>9</td>
</tr>
</tbody>
</table>
<p>Nullam id dolor id nibh ultricies vehicula ut id elit. Sed posuere consectetur est at lobortis. Nullam quis risus eget urna mollis ornare vel eu leo.</p>
<hr />
<p>Want to see something else added? <a href="https://github.com/poole/poole/issues/new">Open an issue.</a></p>
<div class="footnotes">
<ol>
<li id="fn:fn-sample_footnote">
<p>Handy! Now click the return link to go back. <a href="#fnref:fn-sample_footnote" class="reversefootnote">&#8617;</a></p>
</li>
</ol>
</div>
</article>
</div>
<div class="pagination">
<a class="pagination-item older" href="/~rogbeer/page6">Older</a>
<a class="pagination-item newer" href="/~rogbeer/page4">Newer</a>
</div>
</main>
<footer class="footer">
<small>
&copy; <time datetime="2018-10-02T06:38:29+00:00">2018</time>. All rights reserved.
</small>
</footer>
</div>
</body>
</html>

82
page6/index.html 100644
View File

@ -0,0 +1,82 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link href="http://gmpg.org/xfn/11" rel="profile">
<!-- Enable responsiveness on mobile devices-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>
Mr. Rogbeer is from Mauritius but not ~rogbeer &middot; What are you doing with your sack of flesh? That's the question
</title>
<!-- CSS -->
<link rel="stylesheet" href="/~rogbeer/styles.css">
<!-- Icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/~rogbeer/public/apple-touch-icon-precomposed.png">
<link rel="shortcut icon" href="/~rogbeer/public/favicon.ico">
<!-- RSS -->
<link rel="alternate" type="application/atom+xml" title="Mr. Rogbeer is from Mauritius but not ~rogbeer" href="/~rogbeer/atom.xml">
</head>
<body>
<div class="container content">
<header class="masthead">
<h3 class="masthead-title">
<a href="/~rogbeer/" title="Home">Mr. Rogbeer is from Mauritius but not ~rogbeer</a>
<small>What are you doing with your sack of flesh? That's the question</small>
</h3>
</header>
<main>
<div class="posts">
<article class="post">
<h1 class="post-title">
<a href="/~rogbeer/2013/12/31/whats-jekyll/">
What's Jekyll?
</a>
</h1>
<time datetime="2013-12-31T00:00:00+00:00" class="post-date">31 Dec 2013</time>
<p><a href="http://jekyllrb.com">Jekyll</a> is a static site generator, an open-source tool for creating simple yet powerful websites of all shapes and sizes. From <a href="https://github.com/jekyll/jekyll/blob/master/README.markdown">the projects readme</a>:</p>
<blockquote>
<p>Jekyll is a simple, blog aware, static site generator. It takes a template directory […] and spits out a complete, static website suitable for serving with Apache or your favorite web server. This is also the engine behind GitHub Pages, which you can use to host your projects page or blog right here from GitHub.</p>
</blockquote>
<p>Its an immensely useful tool. Find out more by <a href="https://github.com/jekyll/jekyll">visiting the project on GitHub</a>.</p>
</article>
</div>
<div class="pagination">
<span class="pagination-item older">Older</span>
<a class="pagination-item newer" href="/~rogbeer/page5">Newer</a>
</div>
</main>
<footer class="footer">
<small>
&copy; <time datetime="2018-10-02T06:38:29+00:00">2018</time>. All rights reserved.
</small>
</footer>
</div>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
public/favicon.ico 100644

Binary file not shown.

After

Width:  |  Height:  |  Size: 486 B

1
styles.css 100644

File diff suppressed because one or more lines are too long

View File

@ -1,49 +0,0 @@
<html>
<h2>A story</h2>
<p>
On the <a href="http://youtu.be/Boc7GZ86Qag">28th of October, 2016 A.D.</a>,
I bought <a href="http://litherecords.bandcamp.com/album/lithe001-qu-sub-shaman-ilm-split-ep">a cassette tape</a>
at <a href="http://www.facebook.com/litheparalogue">Lithe House</a>.
</p>
<p>
On the evening of the same day, as I distractedly looked at the cassette
tape, on the bus home, wondering if the cassette deck at my house was still
functional, I looked up to see a stranger smiling at me.
</p>
<p>
He and I exchanged a few glances. Later, he invited me to his house.
</p>
<p>
Another evening, at his house, he passed a few more cassette tapes to me.
</p>
<p>
Will someone value the cassette tapes more than I do?
</p>
<p>
Out of curiosity, I am experimenting with a swap to see what value cassette tapes
have in a world where technology changes. There will be no money involved.
What would people offer in exchange for these tapes?
</p>
<p>
I didn't want to swap, until the cassette tapes started to gather dust
at my father's house. Will there be a better use for them?
</p>
<p>
This effort will last for forty-five days, beginning from 9th November,
2016 A.D.
</p>
<h2>A few cassette tapes</h2>
<p>
Details of the cassette tapes are available at
<a href="http://carousell.com/phtan90">a shop at Carousell</a>
</p>
<p>
An attempt to catalogue cassette tapes, that are located in Singapore,
is viewable at
<a href="http://en.sgtapes.shoutwiki.com/wiki/Main_Page">a wiki</a>
</p>
</html>

100
swap/index.html 100644
View File

@ -0,0 +1,100 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link href="http://gmpg.org/xfn/11" rel="profile">
<!-- Enable responsiveness on mobile devices-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>
What would people give, for a cassette tape? &middot; Mr. Rogbeer is from Mauritius but not ~rogbeer
</title>
<!-- CSS -->
<link rel="stylesheet" href="/~rogbeer/styles.css">
<!-- Icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/~rogbeer/public/apple-touch-icon-precomposed.png">
<link rel="shortcut icon" href="/~rogbeer/public/favicon.ico">
<!-- RSS -->
<link rel="alternate" type="application/atom+xml" title="Mr. Rogbeer is from Mauritius but not ~rogbeer" href="/~rogbeer/atom.xml">
</head>
<body>
<div class="container content">
<header class="masthead">
<h3 class="masthead-title">
<a href="/~rogbeer/" title="Home">Mr. Rogbeer is from Mauritius but not ~rogbeer</a>
<small>What are you doing with your sack of flesh? That's the question</small>
</h3>
</header>
<main>
<article class="page">
<h1 class="page-title">What would people give, for a cassette tape?</h1>
<h3 id="a-story">A story</h3>
<p>On the <a href="28th of October, 2016 A.D.">http://youtu.be/Boc7GZ86Qag”</a>,
I bought <a href="http://litherecords.bandcamp.com/album/lithe001-qu-sub-shaman-ilm-split-ep">a cassette tape</a>
at <a href="http://www.facebook.com/litheparalogue">Lithe House</a>.</p>
<p>
On the evening of the same day, as I distractedly looked at the cassette
tape, on the bus home, wondering if the cassette deck at my house was still
functional, I looked up to see a stranger smiling at me.
</p>
<p>
He and I exchanged a few glances. Later, he invited me to his house.
</p>
<p>
Another evening, at his house, he passed a few more cassette tapes to me.
</p>
<p>
Will someone value the cassette tapes more than I do?
</p>
<p>
Out of curiosity, I am experimenting with a swap to see what value cassette tapes
have in a world where technology changes. There will be no money involved.
What would people offer in exchange for these tapes?
</p>
<p>
I didn't want to swap, until the cassette tapes started to gather dust
at my father's house. Will there be a better use for them?
</p>
<p>
This effort will last for forty-five days, beginning from 9th November,
2016 A.D.
</p>
<h3 id="a-few-cassette-tapes">A few cassette tapes</h3>
<p>
Details of the cassette tapes are available at
<a href="http://carousell.com/phtan90">a shop at Carousell</a>
</p>
<p>
An attempt to catalogue cassette tapes, that are located in Singapore,
is viewable at
<a href="http://en.sgtapes.shoutwiki.com/wiki/Main_Page">a wiki</a>
</p>
</article>
</main>
<footer class="footer">
<small>
&copy; <time datetime="2018-10-02T06:38:29+00:00">2018</time>. All rights reserved.
</small>
</footer>
</div>
</body>
</html>