From f0fd826932634590cc7c0a327c2633d470e62a9b Mon Sep 17 00:00:00 2001 From: Tony Chen Date: Tue, 2 Oct 2018 06:54:13 +0000 Subject: [PATCH] Try out the static-site generator Jekyll --- 2013/12/31/whats-jekyll/index.html | 99 +++++++ 2014/01/01/example-content/index.html | 277 +++++++++++++++++++ 2014/01/02/introducing-poole/index.html | 131 +++++++++ 2016-11-10-rainy.txt | 29 -- 2016/11/10/rainy/index.html | 121 +++++++++ 2018-03-15-sunny.txt | 0 2018-03-19-night.txt | 16 -- 2018/03/15/sunny/index.html | 93 +++++++ 2018/03/19/night/index.html | 108 ++++++++ 404.html | 55 ++++ LICENSE | 21 -- LICENSE.md | 9 + README.md | 121 +++++++++ about/index.html | 84 ++++++ atom.xml | 341 ++++++++++++++++++++++++ index.html | 126 ++++++--- page2/index.html | 76 ++++++ page3/index.html | 104 ++++++++ page4/index.html | 114 ++++++++ page5/index.html | 260 ++++++++++++++++++ page6/index.html | 82 ++++++ public/apple-touch-icon-precomposed.png | Bin 0 -> 1430 bytes public/favicon.ico | Bin 0 -> 486 bytes styles.css | 1 + swap.html | 49 ---- swap/index.html | 100 +++++++ 26 files changed, 2261 insertions(+), 156 deletions(-) create mode 100644 2013/12/31/whats-jekyll/index.html create mode 100644 2014/01/01/example-content/index.html create mode 100644 2014/01/02/introducing-poole/index.html delete mode 100644 2016-11-10-rainy.txt create mode 100644 2016/11/10/rainy/index.html delete mode 100644 2018-03-15-sunny.txt delete mode 100644 2018-03-19-night.txt create mode 100644 2018/03/15/sunny/index.html create mode 100644 2018/03/19/night/index.html create mode 100644 404.html delete mode 100644 LICENSE create mode 100644 LICENSE.md create mode 100644 README.md create mode 100644 about/index.html create mode 100644 atom.xml create mode 100644 page2/index.html create mode 100644 page3/index.html create mode 100644 page4/index.html create mode 100644 page5/index.html create mode 100644 page6/index.html create mode 100644 public/apple-touch-icon-precomposed.png create mode 100644 public/favicon.ico create mode 100644 styles.css delete mode 100644 swap.html create mode 100644 swap/index.html diff --git a/2013/12/31/whats-jekyll/index.html b/2013/12/31/whats-jekyll/index.html new file mode 100644 index 0000000..37172c6 --- /dev/null +++ b/2013/12/31/whats-jekyll/index.html @@ -0,0 +1,99 @@ + + + + + + + + + + + + + What's Jekyll? · Mr. Rogbeer is from Mauritius but not ~rogbeer + + + + + + + + + + + + + + + + + +
+
+

+ Mr. Rogbeer is from Mauritius but not ~rogbeer + What are you doing with your sack of flesh? That's the question +

+
+ +
+
+

What's Jekyll?

+ +

Jekyll is a static site generator, an open-source tool for creating simple yet powerful websites of all shapes and sizes. From the project’s readme:

+ +
+

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 project’s page or blog right here from GitHub.

+
+ +

It’s an immensely useful tool. Find out more by visiting the project on GitHub.

+ +
+ + + + + +
+ +
+ + © . All rights reserved. + +
+
+ + + diff --git a/2014/01/01/example-content/index.html b/2014/01/01/example-content/index.html new file mode 100644 index 0000000..08ade7f --- /dev/null +++ b/2014/01/01/example-content/index.html @@ -0,0 +1,277 @@ + + + + + + + + + + + + + Example content · Mr. Rogbeer is from Mauritius but not ~rogbeer + + + + + + + + + + + + + + + + + +
+
+

+ Mr. Rogbeer is from Mauritius but not ~rogbeer + What are you doing with your sack of flesh? That's the question +

+
+ +
+
+

Example content

+ +
+ Howdy! This is an example blog post that shows several types of HTML content supported in this theme. +
+ +

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Sed posuere consectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum.

+ +
+

Curabitur blandit tempus porttitor. Nullam quis risus eget urna mollis ornare vel eu leo. Nullam id dolor id nibh ultricies vehicula ut id elit.

+
+ +

Etiam porta sem malesuada magna mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.

+ +

Inline HTML elements

+ +

HTML defines a long list of available inline tags, a complete list of which can be found on the Mozilla Developer Network.

+ +
    +
  • To bold text, use <strong>.
    • +
  • To italicize text, use <em>.
    • +
  • Abbreviations, like HTML should use <abbr>, with an optional title attribute for the full phrase.
    • +
  • Citations, like — Mark otto, should use <cite>.
    • +
  • Deleted text should use <del> and inserted text should use <ins>.
    • +
  • Superscript text uses <sup> and subscript text uses <sub>.
    • +
+ +

Most of these elements are styled by browsers with few modifications on our part.

+ +

Footnotes

+ +

Footnotes are supported as part of the Markdown syntax. Here’s one in action. Clicking this number1 will lead you to a footnote. The syntax looks like:

+ +
Clicking this number[^fn-sample_footnote]
+ +

Each footnote needs the ^fn- prefix and a unique ID to be referenced for the footnoted content. The syntax for that list looks something like this:

+ +
[^fn-sample_footnote]: Handy! Now click the return link to go back.
+ +

You can place the footnoted content wherever you like. Markdown parsers should properly place it at the bottom of the post.

+ +

Heading

+ +

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.

+ +

Code

+ +

Inline code is available with the <code> element. Snippets of multiple lines of code are supported through Pygments. Longer lines will automatically scroll horizontally when needed.

+ +
// Example can be run directly in your JavaScript console
+
+
+// Create a function that takes two arguments and returns the sum of those arguments
+
+var adder = new Function("a", "b", "return a + b");
+
+// Call the function
+
+adder(2, 6);
+// > 8
+ +

You may also optionally show code snippets with line numbers. Add linenos to the Pygments tags.

+ +
1
+2
+3
+4
+5
+6
+7
+8
+
// Example can be run directly in your JavaScript console
+
+
+// Create a function that takes two arguments and returns the sum of those arguments
+
+var adder = new Function("a", "b", "return a + b");
+
+// Call the function
+
+adder(2, 6);
+// > 8
+ +

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.

+ +

Gists via GitHub Pages

+ +

Vestibulum id ligula porta felis euismod semper. Nullam quis risus eget urna mollis ornare vel eu leo. Donec sed odio dui.

+ + + + +

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.

+ +

Lists

+ +

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.

+ +
    +
  • Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
    • +
  • Donec id elit non mi porta gravida at eget metus.
    • +
  • Nulla vitae elit libero, a pharetra augue.
    • +
+ +

Donec ullamcorper nulla non metus auctor fringilla. Nulla vitae elit libero, a pharetra augue.

+ +
    +
  1. Vestibulum id ligula porta felis euismod semper.
    2. +
  2. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
    3. +
  3. Maecenas sed diam eget risus varius blandit sit amet non magna.
    4. +
+ +

Cras mattis consectetur purus sit amet fermentum. Sed posuere consectetur est at lobortis.

+ +
+
HyperText Markup Language (HTML)
+
The language used to describe and define the content of a Web page
+ +
Cascading Style Sheets (CSS)
+
Used to describe the appearance of Web content
+ +
JavaScript (JS)
+
The programming language used to build advanced Web sites and applications
+
+ +

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.

+ +

Images

+ +

Quisque consequat sapien eget quam rhoncus, sit amet laoreet diam tempus. Aliquam aliquam metus erat, a pulvinar turpis suscipit at.

+ +

placeholder +placeholder +placeholder

+ +

Tables

+ +

Aenean lacinia bibendum nulla sed consectetur. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameUpvotesDownvotes
Totals2123
Alice1011
Bob43
Charlie79
+ +

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.

+ +
+ +

Want to see something else added? Open an issue.

+ +
+
    +
  1. +

    Handy! Now click the return link to go back. ↩

    +
    2. +
+
+ +
+ + + + + +
+ +
+ + © . All rights reserved. + +
+
+ + + diff --git a/2014/01/02/introducing-poole/index.html b/2014/01/02/introducing-poole/index.html new file mode 100644 index 0000000..b2e21ff --- /dev/null +++ b/2014/01/02/introducing-poole/index.html @@ -0,0 +1,131 @@ + + + + + + + + + + + + + Introducing Poole · Mr. Rogbeer is from Mauritius but not ~rogbeer + + + + + + + + + + + + + + + + + +
+
+

+ Mr. Rogbeer is from Mauritius but not ~rogbeer + What are you doing with your sack of flesh? That's the question +

+
+ +
+
+

Introducing 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, the static site generator. It’s designed and developed by @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.

+ +

There are currently two themes built on Poole:

+ + + +

Learn more and contribute on GitHub.

+ +

What’s included

+ +

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:

+ +
    +
  • Complete Jekyll setup included (layouts, config, 404, RSS feed, posts, and example page)
    • +
  • Mobile friendly design and development
    • +
  • Easily scalable text and component sizing with rem units in the CSS
    • +
  • Support for a wide gamut of HTML elements
    • +
  • Related posts (time-based, because Jekyll) below each post
    • +
  • Syntax highlighting, courtesy Pygments (the Python-based code snippet highlighter)
    • +
+ +

Additional features are available in individual themes.

+ +

Browser support

+ +

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.

+ +

Download

+ +

Poole is developed on and hosted with GitHub. Head to the GitHub repository for downloads, bug reports, and features requests.

+ +

Thanks!

+ +
+ + + + + +
+ +
+ + © . All rights reserved. + +
+
+ + + diff --git a/2016-11-10-rainy.txt b/2016-11-10-rainy.txt deleted file mode 100644 index b238aa5..0000000 --- a/2016-11-10-rainy.txt +++ /dev/null @@ -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. diff --git a/2016/11/10/rainy/index.html b/2016/11/10/rainy/index.html new file mode 100644 index 0000000..e32b50f --- /dev/null +++ b/2016/11/10/rainy/index.html @@ -0,0 +1,121 @@ + + + + + + + + + + + + + Rainy · Mr. Rogbeer is from Mauritius but not ~rogbeer + + + + + + + + + + + + + + + + + +
+
+

+ Mr. Rogbeer is from Mauritius but not ~rogbeer + What are you doing with your sack of flesh? That's the question +

+
+ +
+
+

Rainy

+ +

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.

+ +
+ + + + + +
+ +
+ + © . All rights reserved. + +
+
+ + + diff --git a/2018-03-15-sunny.txt b/2018-03-15-sunny.txt deleted file mode 100644 index e69de29..0000000 diff --git a/2018-03-19-night.txt b/2018-03-19-night.txt deleted file mode 100644 index 9b40389..0000000 --- a/2018-03-19-night.txt +++ /dev/null @@ -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. diff --git a/2018/03/15/sunny/index.html b/2018/03/15/sunny/index.html new file mode 100644 index 0000000..68ead51 --- /dev/null +++ b/2018/03/15/sunny/index.html @@ -0,0 +1,93 @@ + + + + + + + + + + + + + · Mr. Rogbeer is from Mauritius but not ~rogbeer + + + + + + + + + + + + + + + + + +
+
+

+ Mr. Rogbeer is from Mauritius but not ~rogbeer + What are you doing with your sack of flesh? That's the question +

+
+ +
+
+

+ + + +
+ + + + + +
+ +
+ + © . All rights reserved. + +
+
+ + + diff --git a/2018/03/19/night/index.html b/2018/03/19/night/index.html new file mode 100644 index 0000000..11aa23c --- /dev/null +++ b/2018/03/19/night/index.html @@ -0,0 +1,108 @@ + + + + + + + + + + + + + Night · Mr. Rogbeer is from Mauritius but not ~rogbeer + + + + + + + + + + + + + + + + + +
+
+

+ Mr. Rogbeer is from Mauritius but not ~rogbeer + What are you doing with your sack of flesh? That's the question +

+
+ +
+
+

Night

+ +

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.

+ +
+ + + + + +
+ +
+ + © . All rights reserved. + +
+
+ + + diff --git a/404.html b/404.html new file mode 100644 index 0000000..6972b3b --- /dev/null +++ b/404.html @@ -0,0 +1,55 @@ + + + + + + + + + + + + + 404: Page not found · Mr. Rogbeer is from Mauritius but not ~rogbeer + + + + + + + + + + + + + + + + + +
+
+

+ Mr. Rogbeer is from Mauritius but not ~rogbeer + What are you doing with your sack of flesh? That's the question +

+
+ +
+
+

404: Page not found

+

Sorry, we've misplaced that URL or it's pointing to something that doesn't exist. Head back home to try finding it again.

+
+ +
+ +
+ + © . All rights reserved. + +
+
+ + + diff --git a/LICENSE b/LICENSE deleted file mode 100644 index f8fe602..0000000 --- a/LICENSE +++ /dev/null @@ -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. diff --git a/LICENSE.md b/LICENSE.md new file mode 100644 index 0000000..c344d14 --- /dev/null +++ b/LICENSE.md @@ -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. \ No newline at end of file diff --git a/README.md b/README.md new file mode 100644 index 0000000..a34a7a6 --- /dev/null +++ b/README.md @@ -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 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 `` 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, ``. + +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** +- +- + + +## License + +Open sourced under the [MIT license](LICENSE.md). + +<3 diff --git a/about/index.html b/about/index.html new file mode 100644 index 0000000..322b622 --- /dev/null +++ b/about/index.html @@ -0,0 +1,84 @@ + + + + + + + + + + + + + About · Mr. Rogbeer is from Mauritius but not ~rogbeer + + + + + + + + + + + + + + + + + +
+
+

+ Mr. Rogbeer is from Mauritius but not ~rogbeer + What are you doing with your sack of flesh? That's the question +

+
+ +
+
+

About

+

+ Hey there! This page is included as an example. Feel free to customize it for your own use upon downloading. Carry on! +

+ +

In the novel, The Strange Case of Dr. Jekyll and Mr. Hyde, Mr. Poole is Dr. Jekyll’s virtuous and loyal butler. Similarly, Poole is an upstanding and effective butler that helps you build Jekyll themes. It’s made by @mdo.

+ +

There are currently two themes built on Poole:

+ + + +

Learn more and contribute on GitHub.

+ +

Setup

+ +

Some fun facts about the setup of this project include:

+ + + +

Have questions or suggestions? Feel free to open an issue on GitHub or ask me on Twitter.

+ +

Thanks for reading!

+ +
+ +
+ +
+ + © . All rights reserved. + +
+
+ + + diff --git a/atom.xml b/atom.xml new file mode 100644 index 0000000..f4488cd --- /dev/null +++ b/atom.xml @@ -0,0 +1,341 @@ + + + + Mr. Rogbeer is from Mauritius but not ~rogbeer + + + 2018-10-02T06:38:29+00:00 + http://tilde.town + + Tony Chen + phtan90@gmail.com + + + + + Night + + 2018-03-19T00:00:00+00:00 + http://tilde.town/2018/03/19/night + <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’ - +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.</p> + + + + + + + 2018-03-15T00:00:00+00:00 + http://tilde.town/2018/03/15/sunny + + + + + + Rainy + + 2016-11-10T00:00:00+00:00 + http://tilde.town/2016/11/10/rainy + <p>I’m 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> + + + + + Introducing Poole + + 2014-01-02T00:00:00+00:00 + http://tilde.town/2014/01/02/introducing-poole + <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 novel’s supporting cast is a man by the name of Mr. Poole, Dr. Jekyll’s loyal butler.</p> + +<hr /> + +<p>Poole is the butler for <a href="http://jekyllrb.com">Jekyll</a>, the static site generator. It’s 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">What’s 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> + + + + + Example content + + 2014-01-01T00:00:00+00:00 + http://tilde.town/2014/01/01/example-content + <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. Here’s 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> + + + + + What's Jekyll? + + 2013-12-31T00:00:00+00:00 + http://tilde.town/2013/12/31/whats-jekyll + <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 project’s 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 project’s page or blog right here from GitHub.</p> +</blockquote> + +<p>It’s an immensely useful tool. Find out more by <a href="https://github.com/jekyll/jekyll">visiting the project on GitHub</a>.</p> + + + + + diff --git a/index.html b/index.html index 6e3a490..0c37d66 100644 --- a/index.html +++ b/index.html @@ -1,47 +1,91 @@ - - -welcome to my ~ page - + + + + + + + + + + + + + Mr. Rogbeer is from Mauritius but not ~rogbeer · What are you doing with your sack of flesh? That's the question + + + + + + + + + + + + - -

What are you doing with your sack of flesh? That's the question

-
- - - -
+
+
+

+ Mr. Rogbeer is from Mauritius but not ~rogbeer + What are you doing with your sack of flesh? That's the question +

+
-
-

Do you want more information about me? Please feel free to check out -another home-page of mine. -

-

Do you want this account and web address? Please feel free to - e-mail me at the following address: -
- phtan90 [at] gmail [dot] com
-

+
+
+ +
+

+ + Night + +

+ + + +

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.

+ +
+ +
+ + + +
+ +
+ + © . All rights reserved. + +
+ + + diff --git a/page2/index.html b/page2/index.html new file mode 100644 index 0000000..8888a1b --- /dev/null +++ b/page2/index.html @@ -0,0 +1,76 @@ + + + + + + + + + + + + + Mr. Rogbeer is from Mauritius but not ~rogbeer · What are you doing with your sack of flesh? That's the question + + + + + + + + + + + + + + + + + +
+
+

+ Mr. Rogbeer is from Mauritius but not ~rogbeer + What are you doing with your sack of flesh? That's the question +

+
+ +
+
+ +
+

+ + + +

+ + + + + +
+ +
+ + + +
+ +
+ + © . All rights reserved. + +
+
+ + + diff --git a/page3/index.html b/page3/index.html new file mode 100644 index 0000000..394054a --- /dev/null +++ b/page3/index.html @@ -0,0 +1,104 @@ + + + + + + + + + + + + + Mr. Rogbeer is from Mauritius but not ~rogbeer · What are you doing with your sack of flesh? That's the question + + + + + + + + + + + + + + + + + +
+
+

+ Mr. Rogbeer is from Mauritius but not ~rogbeer + What are you doing with your sack of flesh? That's the question +

+
+ +
+
+ +
+

+ + Rainy + +

+ + + +

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.

+ +
+ +
+ + + +
+ +
+ + © . All rights reserved. + +
+
+ + + diff --git a/page4/index.html b/page4/index.html new file mode 100644 index 0000000..50ebba6 --- /dev/null +++ b/page4/index.html @@ -0,0 +1,114 @@ + + + + + + + + + + + + + Mr. Rogbeer is from Mauritius but not ~rogbeer · What are you doing with your sack of flesh? That's the question + + + + + + + + + + + + + + + + + +
+
+

+ Mr. Rogbeer is from Mauritius but not ~rogbeer + What are you doing with your sack of flesh? That's the question +

+
+ +
+
+ +
+

+ + Introducing 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, the static site generator. It’s designed and developed by @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.

+ +

There are currently two themes built on Poole:

+ + + +

Learn more and contribute on GitHub.

+ +

What’s included

+ +

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:

+ +
    +
  • Complete Jekyll setup included (layouts, config, 404, RSS feed, posts, and example page)
    • +
  • Mobile friendly design and development
    • +
  • Easily scalable text and component sizing with rem units in the CSS
    • +
  • Support for a wide gamut of HTML elements
    • +
  • Related posts (time-based, because Jekyll) below each post
    • +
  • Syntax highlighting, courtesy Pygments (the Python-based code snippet highlighter)
    • +
+ +

Additional features are available in individual themes.

+ +

Browser support

+ +

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.

+ +

Download

+ +

Poole is developed on and hosted with GitHub. Head to the GitHub repository for downloads, bug reports, and features requests.

+ +

Thanks!

+ +
+ +
+ + + +
+ +
+ + © . All rights reserved. + +
+
+ + + diff --git a/page5/index.html b/page5/index.html new file mode 100644 index 0000000..3977af4 --- /dev/null +++ b/page5/index.html @@ -0,0 +1,260 @@ + + + + + + + + + + + + + Mr. Rogbeer is from Mauritius but not ~rogbeer · What are you doing with your sack of flesh? That's the question + + + + + + + + + + + + + + + + + +
+
+

+ Mr. Rogbeer is from Mauritius but not ~rogbeer + What are you doing with your sack of flesh? That's the question +

+
+ +
+
+ +
+

+ + Example content + +

+ + + +
+ Howdy! This is an example blog post that shows several types of HTML content supported in this theme. +
+ +

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Sed posuere consectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum.

+ +
+

Curabitur blandit tempus porttitor. Nullam quis risus eget urna mollis ornare vel eu leo. Nullam id dolor id nibh ultricies vehicula ut id elit.

+
+ +

Etiam porta sem malesuada magna mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.

+ +

Inline HTML elements

+ +

HTML defines a long list of available inline tags, a complete list of which can be found on the Mozilla Developer Network.

+ +
    +
  • To bold text, use <strong>.
    • +
  • To italicize text, use <em>.
    • +
  • Abbreviations, like HTML should use <abbr>, with an optional title attribute for the full phrase.
    • +
  • Citations, like — Mark otto, should use <cite>.
    • +
  • Deleted text should use <del> and inserted text should use <ins>.
    • +
  • Superscript text uses <sup> and subscript text uses <sub>.
    • +
+ +

Most of these elements are styled by browsers with few modifications on our part.

+ +

Footnotes

+ +

Footnotes are supported as part of the Markdown syntax. Here’s one in action. Clicking this number1 will lead you to a footnote. The syntax looks like:

+ +
Clicking this number[^fn-sample_footnote]
+ +

Each footnote needs the ^fn- prefix and a unique ID to be referenced for the footnoted content. The syntax for that list looks something like this:

+ +
[^fn-sample_footnote]: Handy! Now click the return link to go back.
+ +

You can place the footnoted content wherever you like. Markdown parsers should properly place it at the bottom of the post.

+ +

Heading

+ +

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.

+ +

Code

+ +

Inline code is available with the <code> element. Snippets of multiple lines of code are supported through Pygments. Longer lines will automatically scroll horizontally when needed.

+ +
// Example can be run directly in your JavaScript console
+
+
+// Create a function that takes two arguments and returns the sum of those arguments
+
+var adder = new Function("a", "b", "return a + b");
+
+// Call the function
+
+adder(2, 6);
+// > 8
+ +

You may also optionally show code snippets with line numbers. Add linenos to the Pygments tags.

+ +
1
+2
+3
+4
+5
+6
+7
+8
+
// Example can be run directly in your JavaScript console
+
+
+// Create a function that takes two arguments and returns the sum of those arguments
+
+var adder = new Function("a", "b", "return a + b");
+
+// Call the function
+
+adder(2, 6);
+// > 8
+ +

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.

+ +

Gists via GitHub Pages

+ +

Vestibulum id ligula porta felis euismod semper. Nullam quis risus eget urna mollis ornare vel eu leo. Donec sed odio dui.

+ + + + +

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.

+ +

Lists

+ +

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.

+ +
    +
  • Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
    • +
  • Donec id elit non mi porta gravida at eget metus.
    • +
  • Nulla vitae elit libero, a pharetra augue.
    • +
+ +

Donec ullamcorper nulla non metus auctor fringilla. Nulla vitae elit libero, a pharetra augue.

+ +
    +
  1. Vestibulum id ligula porta felis euismod semper.
    2. +
  2. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
    3. +
  3. Maecenas sed diam eget risus varius blandit sit amet non magna.
    4. +
+ +

Cras mattis consectetur purus sit amet fermentum. Sed posuere consectetur est at lobortis.

+ +
+
HyperText Markup Language (HTML)
+
The language used to describe and define the content of a Web page
+ +
Cascading Style Sheets (CSS)
+
Used to describe the appearance of Web content
+ +
JavaScript (JS)
+
The programming language used to build advanced Web sites and applications
+
+ +

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.

+ +

Images

+ +

Quisque consequat sapien eget quam rhoncus, sit amet laoreet diam tempus. Aliquam aliquam metus erat, a pulvinar turpis suscipit at.

+ +

placeholder +placeholder +placeholder

+ +

Tables

+ +

Aenean lacinia bibendum nulla sed consectetur. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameUpvotesDownvotes
Totals2123
Alice1011
Bob43
Charlie79
+ +

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.

+ +
+ +

Want to see something else added? Open an issue.

+ +
+
    +
  1. +

    Handy! Now click the return link to go back. ↩

    +
    2. +
+
+ +
+ +
+ + + +
+ +
+ + © . All rights reserved. + +
+
+ + + diff --git a/page6/index.html b/page6/index.html new file mode 100644 index 0000000..b3f291c --- /dev/null +++ b/page6/index.html @@ -0,0 +1,82 @@ + + + + + + + + + + + + + Mr. Rogbeer is from Mauritius but not ~rogbeer · What are you doing with your sack of flesh? That's the question + + + + + + + + + + + + + + + + + +
+
+

+ Mr. Rogbeer is from Mauritius but not ~rogbeer + What are you doing with your sack of flesh? That's the question +

+
+ +
+
+ +
+

+ + What's Jekyll? + +

+ + + +

Jekyll is a static site generator, an open-source tool for creating simple yet powerful websites of all shapes and sizes. From the project’s readme:

+ +
+

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 project’s page or blog right here from GitHub.

+
+ +

It’s an immensely useful tool. Find out more by visiting the project on GitHub.

+ +
+ +
+ + + +
+ +
+ + © . All rights reserved. + +
+
+ + + diff --git a/public/apple-touch-icon-precomposed.png b/public/apple-touch-icon-precomposed.png new file mode 100644 index 0000000000000000000000000000000000000000..ef9f26b43d2382c23875eebad795a100deeac40e GIT binary patch literal 1430 zcmY+EdpHw%7{|92$2g9YOOE?o3gwb(6Jsu8i*S_8z1fCxX1T3-Le#Sf$7R&qV#UPF zCAx?TCt22WOdeyAp{GJFQ^Xnvhc3@^&L8jZ{e7O_`#kUWdA`5ro8{~6Aup>g3jhG* zQAjtxonEqAGN7Ha_+}evr>P|((1|CBk%<>D@pynUju?T5pa_^KydNHeOOE5>9RL6+ zD9X+G6nShx80vL00MH$mbnu*)hms5hW7%#3kECF2%MsiWpp+B+kPZzG#ejQ2Je)rbbS$p;47IaF*o(v6)*Dagfz@nZ zN;&fCWbDSuMCG0*Z8=zhfmu~I5$ppj*lPep!9ggv;?C_GC>DGLAb9uX2YjEg&Y_## zd9K8EbK3GGqf1Pm+Lr6KJ&&DizbIZ}vEB??KvtcWvcU6^$=ICU!l@-rc2&b&!{1tA zo2lB(g4e@I9~7F!BX@`)6*9_wz0;MmW#xAl`#e0DsU&N`^fXbj7$O0yk5&LO*EG%66zZo79_B{18>GnFHPK!kXS-$ho+UQJ89`} z`FU+K-i&o3)x>pxLLK$`XAOH{tAV|ZnO)D7DK{P8uMMZuXH1EriKKAyj@Y&N6ZB4NprL1Qn+5wS?y6=L=w`->G8Y>f>|6=5yL?-iCw>ceJ62Ey6p;<(bNj zKIp@iAs>qk;p!vP_pF6jk5v7YOA#goX+bS1qr7pgj?AOB))q0>t4sq+kMZnEsSe4q zNMq7-mzgvgCDT|{6R^yk=o1>Z+RJwCQ9xp|{i{N2%!EB`c72p%g+iYs+8^hJe{VtK z&J7N{=pQ3PYE`<}O^SAP`&CqYU}PC)DIwlK?hsweY<~6Uk}to~rR^|vHqZQ*!`9X` zY4$9m=DK>8jW}bkG4lcERdgG1@>2)ojow)^=@x))QDKpzsr~qH5_hS~9f25K%yJKX z<*L|A0kfX)@gDE5E}a`_IL{aoPUv#0BU`I$w;X*qF@eiQmZO71w+daOgfk~X&H~PM zAC5S&D2@-yRqcy9I;X)}pMFiZio$o^v@Eca*w|W!E-YAIs8L{gKduyM6F$WE4iQK4 zyE1N6`i<~48Sh!Q>yKGLp-{WzZBBprTd_#$h<0q;1lME1^FLfEOgGr^ z=bJ?akc?dbDen5U1J|0-2ZAOkwkn804mHU2vaDZ|4@^+GnX6$7)#OrBuBJ|P5*&PW zbr>?0+q~EA703nE)u)n?ytO>W^d{(rGmy0}mixjaQKZ^l#R)-ZXp}Kw_GZ4i6&JTb=lqt`%+g7~U0i{Foaa;NLXEn3EE_ikOQYHLAWcsjq{R2`R@?992nUwL?Vv{s$^)y5_;QN4fu zl<8p)itJ8`v9z-uKHDlH`kPPg-?zu?a=J?*8P1v&fB0#!43y85}Sb4q9e0JR&<;Q#;t literal 0 HcmV?d00001 diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..bb3cade --- /dev/null +++ b/styles.css @@ -0,0 +1 @@ +*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html,body{margin:0;padding:0}html{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:16px;line-height:1.5}@media (min-width: 38em){html{font-size:18px}}body{color:#515151;background-color:#fff;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a{color:#268bd2;text-decoration:none}a:hover,a:focus{text-decoration:underline}a strong{color:inherit}img{display:block;max-width:100%;margin:0 0 1rem;border-radius:5px}table{margin-bottom:1rem;width:100%;font-size:85%;border:1px solid #e5e5e5;border-collapse:collapse}td,th{padding:.25rem .5rem;border:1px solid #e5e5e5}th{text-align:left}tbody tr:nth-child(odd) td,tbody tr:nth-child(odd) th{background-color:#f9f9f9}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:bold;line-height:1.25;color:#313131;text-rendering:optimizeLegibility}h1{font-size:2rem}h2{margin-top:1rem;font-size:1.5rem}h3{margin-top:1.5rem;font-size:1.25rem}h4,h5,h6{margin-top:1rem;font-size:1rem}p{margin-top:0;margin-bottom:1rem}strong{color:#303030}ul,ol,dl{margin-top:0;margin-bottom:1rem}dt{font-weight:bold}dd{margin-bottom:.5rem}hr{position:relative;margin:1.5rem 0;border:0;border-top:1px solid #eee;border-bottom:1px solid #fff}abbr{font-size:85%;font-weight:bold;color:#555;text-transform:uppercase}abbr[title]{cursor:help;border-bottom:1px dotted #e5e5e5}blockquote{padding:.5rem 1rem;margin:.8rem 0;color:#7a7a7a;border-left:.25rem solid #e5e5e5}blockquote p:last-child{margin-bottom:0}@media (min-width: 30em){blockquote{padding-right:5rem;padding-left:1.25rem}}a[href^="#fn:"],a[href^="#fnref:"]{display:inline-block;margin-left:.1rem;font-weight:bold}.footnotes{margin-top:2rem;font-size:85%}.lead{font-size:1.25rem;font-weight:300}.highlight .hll{background-color:#ffc}.highlight .c{color:#999}.highlight .err{color:#a00;background-color:#faa}.highlight .k{color:#069}.highlight .o{color:#555}.highlight .cm{color:#09f;font-style:italic}.highlight .cp{color:#099}.highlight .c1{color:#999}.highlight .cs{color:#999}.highlight .gd{background-color:#fcc;border:1px solid #c00}.highlight .ge{font-style:italic}.highlight .gr{color:red}.highlight .gh{color:#030}.highlight .gi{background-color:#cfc;border:1px solid #0c0}.highlight .go{color:#aaa}.highlight .gp{color:#009}.highlight .gu{color:#030}.highlight .gt{color:#9c6}.highlight .kc{color:#069}.highlight .kd{color:#069}.highlight .kn{color:#069}.highlight .kp{color:#069}.highlight .kr{color:#069}.highlight .kt{color:#078}.highlight .m{color:#f60}.highlight .s{color:#d44950}.highlight .na{color:#4f9fcf}.highlight .nb{color:#366}.highlight .nc{color:#0a8}.highlight .no{color:#360}.highlight .nd{color:#99f}.highlight .ni{color:#999}.highlight .ne{color:#c00}.highlight .nf{color:#c0f}.highlight .nl{color:#99f}.highlight .nn{color:#0cf}.highlight .nt{color:#2f6f9f}.highlight .nv{color:#033}.highlight .ow{color:#000}.highlight .w{color:#bbb}.highlight .mf{color:#f60}.highlight .mh{color:#f60}.highlight .mi{color:#f60}.highlight .mo{color:#f60}.highlight .sb{color:#c30}.highlight .sc{color:#c30}.highlight .sd{color:#c30;font-style:italic}.highlight .s2{color:#c30}.highlight .se{color:#c30}.highlight .sh{color:#c30}.highlight .si{color:#a00}.highlight .sx{color:#c30}.highlight .sr{color:#3aa}.highlight .s1{color:#c30}.highlight .ss{color:#fc3}.highlight .bp{color:#366}.highlight .vc{color:#033}.highlight .vg{color:#033}.highlight .vi{color:#033}.highlight .il{color:#f60}.css .o,.css .o+.nt,.css .nt+.nt{color:#999}code,pre{font-family:Menlo, Monaco, "Courier New", monospace}code{padding:.25em .5em;font-size:85%;color:#bf616a;background-color:#f9f9f9;border-radius:3px}pre{margin-top:0;margin-bottom:1rem}pre code{padding:0;font-size:100%;color:inherit;background-color:transparent}.highlight{padding:1rem;margin-bottom:1rem;font-size:.8rem;line-height:1.4;background-color:#f9f9f9;border-radius:.25rem}.highlight pre{margin-bottom:0;overflow-x:auto}.highlight .lineno{display:inline-block;padding-right:.75rem;padding-left:.25rem;color:#999;-webkit-user-select:none;-moz-user-select:none;user-select:none}.container{max-width:38rem;padding-left:1.5rem;padding-right:1.5rem;margin-left:auto;margin-right:auto}footer{margin-bottom:2rem}.masthead{padding-top:1rem;padding-bottom:1rem;margin-bottom:3rem}.masthead-title{margin-top:0;margin-bottom:0;color:#505050}.masthead-title a{color:#505050}.masthead-title small{font-size:75%;font-weight:400;color:#c0c0c0;letter-spacing:0}.page,.post{margin-bottom:4em}.page-title,.post-title,.post-title a{color:#303030}.page-title,.post-title{margin-top:0}.post-date{display:block;margin-top:-.5rem;margin-bottom:1rem;color:#9a9a9a}.related{padding-top:2rem;padding-bottom:2rem;border-top:1px solid #eee}.related-posts{padding-left:0;list-style:none}.related-posts h3{margin-top:0}.related-posts li small{font-size:75%;color:#999}.related-posts li a:hover{color:#268bd2;text-decoration:none}.related-posts li a:hover small{color:inherit}.pagination{overflow:hidden;margin:0 -1.5rem 1rem;font-family:"PT Sans", Helvetica, Arial, sans-serif;color:#ccc;text-align:center}.pagination-item{display:block;padding:1rem;border:solid #eee;border-width:1px 0}.pagination-item:first-child{margin-bottom:-1px}a.pagination-item:hover{background-color:#f5f5f5}@media (min-width: 30em){.pagination{margin:3rem 0}.pagination-item{float:left;width:50%;border-width:1px}.pagination-item:first-child{margin-bottom:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination-item:last-child{margin-left:-1px;border-top-right-radius:4px;border-bottom-right-radius:4px}}.message{margin-bottom:1rem;padding:1rem;color:#717171;background-color:#f9f9f9} diff --git a/swap.html b/swap.html deleted file mode 100644 index 286ea38..0000000 --- a/swap.html +++ /dev/null @@ -1,49 +0,0 @@ - - -

A story

- -

-On the 28th of October, 2016 A.D., -I bought a cassette tape -at Lithe House. -

-

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

-

-He and I exchanged a few glances. Later, he invited me to his house. -

-

-Another evening, at his house, he passed a few more cassette tapes to me. -

-

-Will someone value the cassette tapes more than I do? -

-

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

-

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

-

-This effort will last for forty-five days, beginning from 9th November, -2016 A.D. -

-

A few cassette tapes

-

-Details of the cassette tapes are available at -a shop at Carousell -

- -

-An attempt to catalogue cassette tapes, that are located in Singapore, -is viewable at -a wiki -

- - diff --git a/swap/index.html b/swap/index.html new file mode 100644 index 0000000..2b50fad --- /dev/null +++ b/swap/index.html @@ -0,0 +1,100 @@ + + + + + + + + + + + + + What would people give, for a cassette tape? · Mr. Rogbeer is from Mauritius but not ~rogbeer + + + + + + + + + + + + + + + + + +
+
+

+ Mr. Rogbeer is from Mauritius but not ~rogbeer + What are you doing with your sack of flesh? That's the question +

+
+ +
+
+

What would people give, for a cassette tape?

+

A story

+ +

On the http://youtu.be/Boc7GZ86Qag”, +I bought a cassette tape +at Lithe House.

+ +

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

+

+He and I exchanged a few glances. Later, he invited me to his house. +

+

+Another evening, at his house, he passed a few more cassette tapes to me. +

+

+Will someone value the cassette tapes more than I do? +

+

+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? +

+

+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? +

+

+This effort will last for forty-five days, beginning from 9th November, +2016 A.D. +

+

A few cassette tapes

+

+Details of the cassette tapes are available at +a shop at Carousell +

+ +

+An attempt to catalogue cassette tapes, that are located in Singapore, +is viewable at +a wiki +

+ + +
+ +
+ + +
+ + +