diff --git a/404.html b/404.html new file mode 100644 index 0000000..4bf3f7d --- /dev/null +++ b/404.html @@ -0,0 +1,10 @@ +--- +layout: default +title: "404: Page not found" +permalink: 404.html +--- + +
+

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.

+
diff --git a/Gemfile b/Gemfile new file mode 100644 index 0000000..c802e0d --- /dev/null +++ b/Gemfile @@ -0,0 +1,6 @@ +source "https://rubygems.org" + +gem "jekyll" +gem "jekyll-gist" +gem "jekyll-paginate" +gem "jekyll-seo-tag" diff --git a/Gemfile.lock b/Gemfile.lock new file mode 100644 index 0000000..ad9265f --- /dev/null +++ b/Gemfile.lock @@ -0,0 +1,82 @@ +GEM + remote: https://rubygems.org/ + specs: + addressable (2.7.0) + public_suffix (>= 2.0.2, < 5.0) + colorator (1.1.0) + concurrent-ruby (1.1.6) + em-websocket (0.5.1) + eventmachine (>= 0.12.9) + http_parser.rb (~> 0.6.0) + eventmachine (1.2.7) + faraday (1.0.1) + multipart-post (>= 1.2, < 3) + ffi (1.12.2) + forwardable-extended (2.6.0) + http_parser.rb (0.6.0) + i18n (1.8.2) + concurrent-ruby (~> 1.0) + jekyll (4.0.0) + addressable (~> 2.4) + colorator (~> 1.0) + em-websocket (~> 0.5) + i18n (>= 0.9.5, < 2) + jekyll-sass-converter (~> 2.0) + jekyll-watch (~> 2.0) + kramdown (~> 2.1) + kramdown-parser-gfm (~> 1.0) + liquid (~> 4.0) + mercenary (~> 0.3.3) + pathutil (~> 0.9) + rouge (~> 3.0) + safe_yaml (~> 1.0) + terminal-table (~> 1.8) + jekyll-gist (1.5.0) + octokit (~> 4.2) + jekyll-paginate (1.1.0) + jekyll-sass-converter (2.1.0) + sassc (> 2.0.1, < 3.0) + jekyll-seo-tag (2.6.1) + jekyll (>= 3.3, < 5.0) + jekyll-watch (2.2.1) + listen (~> 3.0) + kramdown (2.1.0) + kramdown-parser-gfm (1.1.0) + kramdown (~> 2.0) + liquid (4.0.3) + listen (3.2.1) + rb-fsevent (~> 0.10, >= 0.10.3) + rb-inotify (~> 0.9, >= 0.9.10) + mercenary (0.3.6) + multipart-post (2.1.1) + octokit (4.18.0) + faraday (>= 0.9) + sawyer (~> 0.8.0, >= 0.5.3) + pathutil (0.16.2) + forwardable-extended (~> 2.6) + public_suffix (4.0.4) + rb-fsevent (0.10.3) + rb-inotify (0.10.1) + ffi (~> 1.0) + rouge (3.17.0) + safe_yaml (1.0.5) + sassc (2.2.1) + ffi (~> 1.9) + sawyer (0.8.2) + addressable (>= 2.3.5) + faraday (> 0.8, < 2.0) + terminal-table (1.8.0) + unicode-display_width (~> 1.1, >= 1.1.1) + unicode-display_width (1.7.0) + +PLATFORMS + ruby + +DEPENDENCIES + jekyll + jekyll-gist + jekyll-paginate + jekyll-seo-tag + +BUNDLED WITH + 2.1.4 diff --git a/README.md b/README.md new file mode 100644 index 0000000..8a0cd84 --- /dev/null +++ b/README.md @@ -0,0 +1,92 @@ +# 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](https://demo.getpoole.com). + +There are currently two official themes built on Poole: + +* [Hyde](https://hyde.getpoole.com) +* [Lanyon](https://lanyon.getpoole.com) + +Individual theme feedback and bug reports should be submitted to the theme's individual repository. + + +## Contents + +- [Usage](#usage) +- [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 and related dependencies: + +```bash +$ gem install jekyll jekyll-gist jekyll-sitemap jekyll-seo-tag +``` + +**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 `assets/` 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. + +## 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/_config.yml b/_config.yml new file mode 100644 index 0000000..ed6c774 --- /dev/null +++ b/_config.yml @@ -0,0 +1,41 @@ +# Setup +title: Deep Sukhwani +# tagline: The Jekyll Butler +url: https://deeps.dev +paginate: 1 +baseurl: "" +permalink: pretty + +# Gems +plugins: + - jekyll-gist + - jekyll-paginate + - jekyll-seo-tag + +# Optimize Jekyll +exclude: + - .editorconfig + - .git + - .jekyll-cache + - Gemfile + - Gemfile.lock + - LICENSE.md + - README.md + +sass: + sass_dir: _sass + style: :compressed + +# Options + +# Replace this value and uncomment to enable Google Analytics tracking +# ga_analytics: UA-000000-0 + +# Specify the author for blog posts +author: + name: Deep Sukhwani + url: https://deeps.dev + email: deepsukhwani@gmail.com + +# Custom vars +version: 3.0.0 diff --git a/_includes/head.html b/_includes/head.html new file mode 100644 index 0000000..4ff2d3e --- /dev/null +++ b/_includes/head.html @@ -0,0 +1,19 @@ + + + + + + {% if page.title == "Home" %} + {{ site.title }}{% if site.tagline %} · {{ site.tagline }}{% endif %} + {% else %} + {{ page.title }} · {{ site.title }} + {% endif %} + + + + + + + + {% seo title=false %} + diff --git a/_layouts/default.html b/_layouts/default.html new file mode 100644 index 0000000..7d4af13 --- /dev/null +++ b/_layouts/default.html @@ -0,0 +1,38 @@ + + + + {% include head.html %} + + + +
+
+

+ {{ site.title }} + {{ site.tagline }} +

+
+ +
+ {{ content }} +
+ +
+ + © . All rights reserved. + +
+
+ + {% if site.ga_analytics %} + + {% endif %} + + diff --git a/_layouts/page.html b/_layouts/page.html new file mode 100644 index 0000000..960f767 --- /dev/null +++ b/_layouts/page.html @@ -0,0 +1,8 @@ +--- +layout: default +--- + +
+

{{ page.title }}

+ {{ content }} +
diff --git a/_layouts/post.html b/_layouts/post.html new file mode 100644 index 0000000..c802d09 --- /dev/null +++ b/_layouts/post.html @@ -0,0 +1,25 @@ +--- +layout: default +--- + +
+

{{ page.title }}

+ + {{ content }} +
+ +{% if site.related_posts != empty %} + +{% endif %} diff --git a/_sass/_base.scss b/_sass/_base.scss new file mode 100644 index 0000000..05e71db --- /dev/null +++ b/_sass/_base.scss @@ -0,0 +1,70 @@ +// Body resets +// +// Update the foundational and global aspects of the page. + +* { + box-sizing: border-box; +} + +body { + margin: 0; + font-family: var(--body-font); + font-size: var(--body-font-size); + line-height: var(--body-line-height); + color: var(--body-color); + background-color: var(--body-bg); + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} + +// No `:visited` state is required by default (browsers will use `a`) +a { + color: var(--link-color); + + // `:focus` is linked to `:hover` for basic accessibility + &:hover, + &:focus { + color: var(--link-hover-color); + } + + strong { + color: inherit; + } +} + +img { + display: block; + max-width: 100%; + margin-bottom: var(--spacer); + border-radius: var(--border-radius); +} + +table { + margin-bottom: 1rem; + width: 100%; + border: 0 solid var(--border-color); + border-collapse: collapse; +} + +td, +th { + padding: .25rem .5rem; + border-color: inherit; + border-style: solid; + border-width: 0; + border-bottom-width: 1px; +} + +th { + text-align: left; +} + +thead th { + border-bottom-color: currentColor; +} + +mark { + padding: .15rem; + background-color: var(--yellow-100); + border-radius: .125rem; +} diff --git a/_sass/_code.scss b/_sass/_code.scss new file mode 100644 index 0000000..edb007d --- /dev/null +++ b/_sass/_code.scss @@ -0,0 +1,58 @@ +// Code +// +// Inline and block-level code snippets. Includes tweaks to syntax highlighted +// snippets from Pygments/Rouge and Gist embeds. + +code, +pre { + font-family: var(--code-font); +} + +code { + font-size: 85%; +} + +pre { + display: block; + margin-top: 0; + margin-bottom: var(--spacer-3); + overflow: auto; +} + +.highlight { + padding: var(--spacer); + margin-bottom: var(--spacer); + background-color: var(--code-bg); + border-radius: var(--border-radius); + + pre { + margin-bottom: 0; + } + + // Triple backticks (code fencing) doubles the .highlight elements + .highlight { + padding: 0; + } +} + +.rouge-table { + margin-bottom: 0; + font-size: 100%; + + &, + td, + th { + border: 0; + } + + .gutter { + vertical-align: top; + user-select: none; + opacity: .25; + } +} + +// Gist via GitHub Pages +.gist .markdown-body { + padding: 15px !important; +} diff --git a/_sass/_layout.scss b/_sass/_layout.scss new file mode 100644 index 0000000..8e74c0e --- /dev/null +++ b/_sass/_layout.scss @@ -0,0 +1,16 @@ +// Layout +// +// Styles for managing the structural hierarchy of the site. + +.container { + max-width: 45rem; + padding-left: var(--spacer-2); + padding-right: var(--spacer-2); + margin-left: auto; + margin-right: auto; +} + +footer { + margin-top: var(--spacer-3); + margin-bottom: var(--spacer-3); +} diff --git a/_sass/_masthead.scss b/_sass/_masthead.scss new file mode 100644 index 0000000..096abb7 --- /dev/null +++ b/_sass/_masthead.scss @@ -0,0 +1,23 @@ +// Masthead +// +// Super small header above the content for site name and short description. + +.masthead { + padding-top: var(--spacer); + padding-bottom: var(--spacer); + margin-bottom: var(--spacer-3); +} + +.masthead-title { + margin-bottom: 0; + + a { + color: inherit; + text-decoration: none; + } + + small { + font-weight: 400; + opacity: .5; + } +} diff --git a/_sass/_message.scss b/_sass/_message.scss new file mode 100644 index 0000000..ac1d93b --- /dev/null +++ b/_sass/_message.scss @@ -0,0 +1,12 @@ +// Messages +// +// Show alert messages to users. You may add it to single elements like a `

`, +// or to a parent if there are multiple elements to show. + +.message { + padding: var(--spacer); + margin-bottom: var(--spacer); + color: var(--gray-900); + background-color: var(--yellow-100); + border-radius: var(--border-radius); +} diff --git a/_sass/_pagination.scss b/_sass/_pagination.scss new file mode 100644 index 0000000..6ef79b3 --- /dev/null +++ b/_sass/_pagination.scss @@ -0,0 +1,52 @@ +// Pagination +// +// Super lightweight (HTML-wise) blog pagination. `span`s are provide for when +// there are no more previous or next posts to show. + +.pagination { + display: flex; + margin: 0 -1.5rem var(--spacer); + color: var(--gray-500); + text-align: center; +} + +// Pagination items can be `span`s or `a`s +.pagination-item { + display: block; + padding: var(--spacer); + text-decoration: none; + border: solid var(--border-color); + border-width: 1px 0; + + &:first-child { + margin-bottom: -1px; + } +} + +// Only provide a hover state for linked pagination items +a.pagination-item:hover { + background-color: var(--border-color); +} + +@media (min-width: 30em) { + .pagination { + margin: var(--spacer-3) 0; + } + + .pagination-item { + float: left; + width: 50%; + border-width: 1px; + + &:first-child { + margin-bottom: 0; + border-top-left-radius: var(--border-radius); + border-bottom-left-radius: var(--border-radius); + } + &:last-child { + margin-left: -1px; + border-top-right-radius: var(--border-radius); + border-bottom-right-radius: var(--border-radius); + } + } +} diff --git a/_sass/_posts.scss b/_sass/_posts.scss new file mode 100644 index 0000000..1ef5201 --- /dev/null +++ b/_sass/_posts.scss @@ -0,0 +1,67 @@ +// Posts and pages +// +// Each post is wrapped in `.post` and is used on default and post layouts. Each +// page is wrapped in `.page` and is only used on the page layout. + +.page, +.post { + margin-bottom: 4em; + + li + li { + margin-top: .25rem; + } +} + +// Blog post or page title +.page-title, +.post-title { + color: var(--heading-color); +} +.page-title, +.post-title { + margin-top: 0; +} +.post-title a { + color: inherit; + text-decoration: none; + + &:hover, + &:focus { + text-decoration: underline; + } +} + +// Meta data line below post title +.post-date { + display: block; + margin-top: -.5rem; + margin-bottom: var(--spacer); + color: var(--gray-600); +} + + +// Related posts +.related { + padding-top: var(--spacer-2); + padding-bottom: var(--spacer-2); + margin-bottom: var(--spacer-2); + border-top: 1px solid var(--border-color); + border-bottom: 1px solid var(--border-color); +} + +.related-posts { + padding-left: 0; + list-style: none; + + h3 { + margin-top: 0; + } + + a { + text-decoration: none; + + small { + color: var(--gray-600); + } + } +} diff --git a/_sass/_syntax.scss b/_sass/_syntax.scss new file mode 100644 index 0000000..15ad797 --- /dev/null +++ b/_sass/_syntax.scss @@ -0,0 +1,65 @@ +.highlight .hll { background-color: #ffc; } +.highlight .c { color: #999; } /* Comment */ +.highlight .err { color: #a00; background-color: #faa } /* Error */ +.highlight .k { color: #069; } /* Keyword */ +.highlight .o { color: #555 } /* Operator */ +.highlight .cm { color: #09f; font-style: italic } /* Comment.Multiline */ +.highlight .cp { color: #099 } /* Comment.Preproc */ +.highlight .c1 { color: #999; } /* Comment.Single */ +.highlight .cs { color: #999; } /* Comment.Special */ +.highlight .gd { background-color: #fcc; border: 1px solid #c00 } /* Generic.Deleted */ +.highlight .ge { font-style: italic } /* Generic.Emph */ +.highlight .gr { color: #f00 } /* Generic.Error */ +.highlight .gh { color: #030; } /* Generic.Heading */ +.highlight .gi { background-color: #cfc; border: 1px solid #0c0 } /* Generic.Inserted */ +.highlight .go { color: #aaa } /* Generic.Output */ +.highlight .gp { color: #009; } /* Generic.Prompt */ +.highlight .gs { } /* Generic.Strong */ +.highlight .gu { color: #030; } /* Generic.Subheading */ +.highlight .gt { color: #9c6 } /* Generic.Traceback */ +.highlight .kc { color: #069; } /* Keyword.Constant */ +.highlight .kd { color: #069; } /* Keyword.Declaration */ +.highlight .kn { color: #069; } /* Keyword.Namespace */ +.highlight .kp { color: #069 } /* Keyword.Pseudo */ +.highlight .kr { color: #069; } /* Keyword.Reserved */ +.highlight .kt { color: #078; } /* Keyword.Type */ +.highlight .m { color: #f60 } /* Literal.Number */ +.highlight .s { color: #d44950 } /* Literal.String */ +.highlight .na { color: #4f9fcf } /* Name.Attribute */ +.highlight .nb { color: #366 } /* Name.Builtin */ +.highlight .nc { color: #0a8; } /* Name.Class */ +.highlight .no { color: #360 } /* Name.Constant */ +.highlight .nd { color: #99f } /* Name.Decorator */ +.highlight .ni { color: #999; } /* Name.Entity */ +.highlight .ne { color: #c00; } /* Name.Exception */ +.highlight .nf { color: #c0f } /* Name.Function */ +.highlight .nl { color: #99f } /* Name.Label */ +.highlight .nn { color: #0cf; } /* Name.Namespace */ +.highlight .nt { color: #2f6f9f; } /* Name.Tag */ +.highlight .nv { color: #033 } /* Name.Variable */ +.highlight .ow { color: #000; } /* Operator.Word */ +.highlight .w { color: #bbb } /* Text.Whitespace */ +.highlight .mf { color: #f60 } /* Literal.Number.Float */ +.highlight .mh { color: #f60 } /* Literal.Number.Hex */ +.highlight .mi { color: #f60 } /* Literal.Number.Integer */ +.highlight .mo { color: #f60 } /* Literal.Number.Oct */ +.highlight .sb { color: #c30 } /* Literal.String.Backtick */ +.highlight .sc { color: #c30 } /* Literal.String.Char */ +.highlight .sd { color: #c30; font-style: italic } /* Literal.String.Doc */ +.highlight .s2 { color: #c30 } /* Literal.String.Double */ +.highlight .se { color: #c30; } /* Literal.String.Escape */ +.highlight .sh { color: #c30 } /* Literal.String.Heredoc */ +.highlight .si { color: #a00 } /* Literal.String.Interpol */ +.highlight .sx { color: #c30 } /* Literal.String.Other */ +.highlight .sr { color: #3aa } /* Literal.String.Regex */ +.highlight .s1 { color: #c30 } /* Literal.String.Single */ +.highlight .ss { color: #fc3 } /* Literal.String.Symbol */ +.highlight .bp { color: #366 } /* Name.Builtin.Pseudo */ +.highlight .vc { color: #033 } /* Name.Variable.Class */ +.highlight .vg { color: #033 } /* Name.Variable.Global */ +.highlight .vi { color: #033 } /* Name.Variable.Instance */ +.highlight .il { color: #f60 } /* Literal.Number.Integer.Long */ + +.css .o, +.css .o + .nt, +.css .nt + .nt { color: #999; } diff --git a/_sass/_toc.scss b/_sass/_toc.scss new file mode 100644 index 0000000..f004db7 --- /dev/null +++ b/_sass/_toc.scss @@ -0,0 +1,16 @@ +// Table of Contents + +#markdown-toc { + padding: var(--spacer-2) var(--spacer-3); + margin-bottom: var(--spacer-2); + border: solid var(--border-color); + border-width: 1px 0; + + &::before { + display: block; + margin-left: calc(var(--spacer-3) * -1); + content: "Contents"; + font-size: 85%; + font-weight: 500; + } +} diff --git a/_sass/_type.scss b/_sass/_type.scss new file mode 100644 index 0000000..a26964f --- /dev/null +++ b/_sass/_type.scss @@ -0,0 +1,115 @@ +// Typography +// +// Headings, body text, lists, and other misc typographic elements. + +h1, h2, h3, h4, h5, h6 { + margin-bottom: .5rem; + font-weight: 600; + line-height: 1.25; + color: var(--heading-color); +} + +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; +} + +ul, ol, dl { + margin-top: 0; + margin-bottom: 1rem; +} + +dt { + font-weight: bold; +} + +dd { + margin-bottom: .5rem; +} + +hr { + position: relative; + margin: var(--spacer-2) 0; + border: 0; + border-top: 1px solid var(--border-color); +} + +abbr { + font-size: 85%; + font-weight: bold; + color: var(--gray-600); + text-transform: uppercase; + + &[title] { + cursor: help; + border-bottom: 1px dotted var(--border-color); + } +} + +blockquote { + padding: .5rem 1rem; + margin: .8rem 0; + color: var(--gray-500); + border-left: .25rem solid var(--border-color); + + p:last-child { + margin-bottom: 0; + } + + @media (min-width: 30em) { + padding-right: 5rem; + padding-left: 1.25rem; + } +} + +figure { + margin: 0; +} + + +// Markdown footnotes +// +// See the example content post for an example. + +// Footnote number within body text +a[href^="#fn:"], +// Back to footnote link +a[href^="#fnref:"] { + display: inline-block; + margin-left: .1rem; + font-weight: bold; +} + +// List of footnotes +.footnotes { + margin-top: 2rem; + font-size: 85%; +} + +// Custom type +// +// Extend paragraphs with `.lead` for larger introductory text. + +.lead { + font-size: 1.25rem; + font-weight: 300; +} diff --git a/_sass/_variables.scss b/_sass/_variables.scss new file mode 100644 index 0000000..4fa181f --- /dev/null +++ b/_sass/_variables.scss @@ -0,0 +1,66 @@ +:root { + --gray-000: #f8f9fa; + --gray-100: #f1f3f5; + --gray-200: #e9ecef; + --gray-300: #dee2e6; + --gray-400: #ced4da; + --gray-500: #adb5bd; + --gray-600: #868e96; + --gray-700: #495057; + --gray-800: #343a40; + --gray-900: #212529; + + --red: #fa5252; + --pink: #e64980; + --grape: #be4bdb; + --purple: #7950f2; + --indigo: #4c6ef5; + --blue: #228be6; + --cyan: #15aabf; + --teal: #12b886; + --green: #40c057; + --yellow: #fab005; + --orange: #fd7e14; + + --blue-300: #74c0fc; + --blue-400: #4dabf7; + --yellow-100: #fff3bf; + + --body-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + --body-font-size: 16px; + --body-line-height: 1.5; + --body-color: var(--gray-700); + --body-bg: #fff; + + --link-color: var(--blue); + --link-hover-color: #1c7ed6; + + --heading-color: var(--gray-900); + + --border-color: var(--gray-300); + --border-radius: .25rem; + + --code-font: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + --code-color: var(--grape); + --code-bg: var(--gray-000); + + --spacer: 1rem; + --spacer-2: calc(var(--spacer) * 1.5); + --spacer-3: calc(var(--spacer) * 3); +} + +@media (prefers-color-scheme: dark) { + :root { + --body-color: var(--gray-300); + --body-bg: var(--gray-800); + + --heading-color: #fff; + + --link-color: var(--blue-300); + --link-hover-color: var(--blue-400); + + --border-color: rgba(255,255,255,.15); + + --code-bg: var(--gray-900); + } +} diff --git a/about.md b/about.md new file mode 100644 index 0000000..7cce079 --- /dev/null +++ b/about.md @@ -0,0 +1,29 @@ +--- +layout: page +title: 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](https://twitter.com/mdo). + +There are currently two themes built on Poole: + +- [Hyde](https://hyde.getpoole.com) +- [Lanyon](https://lanyon.getpoole.com) + +Learn more and contribute on [GitHub](https://github.com/poole). + +## Setup + +Some fun facts about the setup of this project include: + +- Built for [Jekyll](https://jekyllrb.com) +- Developed on GitHub and hosted for free on [GitHub Pages](https://pages.github.com) +- Coded with [Atom](https://atom.io), an amazing open source code editor + +Have questions or suggestions? Feel free to [open an issue on GitHub](https://github.com/poole/poole/issues/new) or [ask me on Twitter](https://twitter.com/mdo). + +Thanks for reading! diff --git a/archive.md b/archive.md new file mode 100644 index 0000000..f5df744 --- /dev/null +++ b/archive.md @@ -0,0 +1,18 @@ +--- +layout: default +title: Archive +--- + +# Archive + +Browse all posts by month and year. + +{% assign postsByYearMonth = site.posts | group_by_exp: "post", "post.date | date: '%B %Y'" %} +{% for yearMonth in postsByYearMonth %} +

{{ yearMonth.name }}

+ +{% endfor %} diff --git a/assets/apple-touch-icon-precomposed.png b/assets/apple-touch-icon-precomposed.png new file mode 100644 index 0000000..ef9f26b Binary files /dev/null and b/assets/apple-touch-icon-precomposed.png differ diff --git a/assets/favicon.ico b/assets/favicon.ico new file mode 100644 index 0000000..34b4206 Binary files /dev/null and b/assets/favicon.ico differ diff --git a/atom.xml b/atom.xml new file mode 100644 index 0000000..5e5f444 --- /dev/null +++ b/atom.xml @@ -0,0 +1,28 @@ +--- +layout: null +--- + + + + + {{ site.title }} + + + {{ site.time | date_to_xmlschema }} + {{ site.url }} + + {{ site.author.name }} + {{ site.author.email }} + + + {% for post in site.posts %} + + {{ post.title | xml_escape }} + + {{ post.date | date_to_xmlschema }} + {{ site.url }}{{ post.id }} + {{ post.content | xml_escape }} + + {% endfor %} + + diff --git a/backup/404.html b/backup/404.html deleted file mode 100644 index c472b4e..0000000 --- a/backup/404.html +++ /dev/null @@ -1,24 +0,0 @@ ---- -layout: default ---- - - - -
-

404

- -

Page not found :(

-

The requested page could not be found.

-
diff --git a/backup/Gemfile b/backup/Gemfile deleted file mode 100644 index 42b6af7..0000000 --- a/backup/Gemfile +++ /dev/null @@ -1,29 +0,0 @@ -source "https://rubygems.org" - -# Hello! This is where you manage which Jekyll version is used to run. -# When you want to use a different version, change it below, save the -# file and run `bundle install`. Run Jekyll with `bundle exec`, like so: -# -# bundle exec jekyll serve -# -# This will help ensure the proper Jekyll version is running. -# Happy Jekylling! -# gem "jekyll", "~> 3.8.5" - -# This is the default theme for new Jekyll sites. You may change this to anything you like. -gem "minima", "~> 2.0" - -# If you want to use GitHub Pages, remove the "gem "jekyll"" above and -# uncomment the line below. To upgrade, run `bundle update github-pages`. -gem "github-pages", group: :jekyll_plugins - -# If you have any plugins, put them here! -group :jekyll_plugins do - gem "jekyll-feed", "~> 0.6" -end - -# Windows does not include zoneinfo files, so bundle the tzinfo-data gem -gem "tzinfo-data", platforms: [:mingw, :mswin, :x64_mingw, :jruby] - -# Performance-booster for watching directories on Windows -gem "wdm", "~> 0.1.0" if Gem.win_platform? diff --git a/backup/_config.yml b/backup/_config.yml deleted file mode 100644 index f91333e..0000000 --- a/backup/_config.yml +++ /dev/null @@ -1,43 +0,0 @@ -# Welcome to Jekyll! -# -# This config file is meant for settings that affect your whole blog, values -# which you are expected to set up once and rarely edit after that. If you find -# yourself editing this file very often, consider using Jekyll's data files -# feature for the data you need to update frequently. -# -# For technical reasons, this file is *NOT* reloaded automatically when you use -# 'bundle exec jekyll serve'. If you change this file, please restart the server process. - -# Site settings -# These are used to personalize your new site. If you look in the HTML files, -# you will see them accessed via {{ site.title }}, {{ site.email }}, and so on. -# You can create any custom variable you would like, and they will be accessible -# in the templates via {{ site.myvariable }}. -title: Your awesome title -email: your-email@example.com -description: >- # this means to ignore newlines until "baseurl:" - Write an awesome description for your new site here. You can edit this - line in _config.yml. It will appear in your document head meta (for - Google search results) and in your feed.xml site description. -baseurl: "" # the subpath of your site, e.g. /blog -url: "" # the base hostname & protocol for your site, e.g. http://example.com -twitter_username: jekyllrb -github_username: jekyll - -# Build settings -markdown: kramdown -theme: minima -plugins: - - jekyll-feed - -# Exclude from processing. -# The following items will not be processed, by default. Create a custom list -# to override the default setting. -# exclude: -# - Gemfile -# - Gemfile.lock -# - node_modules -# - vendor/bundle/ -# - vendor/cache/ -# - vendor/gems/ -# - vendor/ruby/ diff --git a/backup/_posts/2020-04-07-welcome-to-jekyll.markdown b/backup/_posts/2020-04-07-welcome-to-jekyll.markdown deleted file mode 100644 index 7fddb08..0000000 --- a/backup/_posts/2020-04-07-welcome-to-jekyll.markdown +++ /dev/null @@ -1,25 +0,0 @@ ---- -layout: post -title: "Welcome to Jekyll!" -date: 2020-04-07 21:11:26 +0530 -categories: jekyll update ---- -You’ll find this post in your `_posts` directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run `jekyll serve`, which launches a web server and auto-regenerates your site when a file is updated. - -To add new posts, simply add a file in the `_posts` directory that follows the convention `YYYY-MM-DD-name-of-post.ext` and includes the necessary front matter. Take a look at the source for this post to get an idea about how it works. - -Jekyll also offers powerful support for code snippets: - -{% highlight ruby %} -def print_hi(name) - puts "Hi, #{name}" -end -print_hi('Tom') -#=> prints 'Hi, Tom' to STDOUT. -{% endhighlight %} - -Check out the [Jekyll docs][jekyll-docs] for more info on how to get the most out of Jekyll. File all bugs/feature requests at [Jekyll’s GitHub repo][jekyll-gh]. If you have questions, you can ask them on [Jekyll Talk][jekyll-talk]. - -[jekyll-docs]: https://jekyllrb.com/docs/home -[jekyll-gh]: https://github.com/jekyll/jekyll -[jekyll-talk]: https://talk.jekyllrb.com/ diff --git a/backup/about.md b/backup/about.md deleted file mode 100644 index 8b4e0b2..0000000 --- a/backup/about.md +++ /dev/null @@ -1,18 +0,0 @@ ---- -layout: page -title: About -permalink: /about/ ---- - -This is the base Jekyll theme. You can find out more info about customizing your Jekyll theme, as well as basic Jekyll usage documentation at [jekyllrb.com](https://jekyllrb.com/) - -You can find the source code for Minima at GitHub: -[jekyll][jekyll-organization] / -[minima](https://github.com/jekyll/minima) - -You can find the source code for Jekyll at GitHub: -[jekyll][jekyll-organization] / -[jekyll](https://github.com/jekyll/jekyll) - - -[jekyll-organization]: https://github.com/jekyll diff --git a/backup/index.md b/backup/index.md deleted file mode 100644 index 0671507..0000000 --- a/backup/index.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -# Feel free to add content and custom Front Matter to this file. -# To modify the layout, see https://jekyllrb.com/docs/themes/#overriding-theme-defaults - -layout: home ---- diff --git a/copy-from-poole.sh b/copy-from-poole.sh new file mode 100755 index 0000000..f91fc3c --- /dev/null +++ b/copy-from-poole.sh @@ -0,0 +1,37 @@ +#!/bin/bash + +# What we need to achieve: +## Copy files from ./poole/ submodule into the directories below as called out in variable 'DIRECTORIES_TO_ITERATE_OVER' + +# If you want to iterate over more directories, add them to this variable in space separated manner +OBJECTS_TO_SYNC="_layouts _includes _sass assets _config.yml 404.html Gemfile about.md archive.md atom.xml index.html + README.md styles.scss" + +for object in ${OBJECTS_TO_SYNC} +do +# echo "Listing contents of ./poole/${item}" +# ls ./poole/${item} + echo "Syncing ./poole/${object} to ${object}" + rsync --archive --verbose --compress --update ./poole/${object} ./ + + + # iterate over all the files in ./poole/${item} and if its a file, create a symlink for it in ${directory} (the + # folder in parent directory) +# FILES_IN_DIR=./poole/${directory}/* + +# for file in ${FILES_IN_DIR} +# do +# # If the object that we are iterating over is a file +# if [[ -f ${file} ]]; then +# # Create symlink for that object (file) +# +# # cp -nvU - description: https://unix.stackexchange.com/a/294969/314497 +# # Using rsync instead of cp because cp command on Mac is not updated to include -u option +# rsync --archive --verbose --compress --update --dry-run ${file} ./${directory}/ +# echo "A copy of File: ${file} created in ./${directory}/" +# echo "Browsing contents of ./${directory}" +# ls -al ./${directory} +# fi +# done + +done diff --git a/index.html b/index.html new file mode 100644 index 0000000..8517659 --- /dev/null +++ b/index.html @@ -0,0 +1,33 @@ +--- +layout: default +title: Home +--- + +
+ {% for post in paginator.posts %} + + {% endfor %} +
+ + diff --git a/styles.scss b/styles.scss new file mode 100644 index 0000000..e02d902 --- /dev/null +++ b/styles.scss @@ -0,0 +1,47 @@ +--- +# Use a comment to ensure Jekyll reads the file to be transformed into CSS later +# only main files contain this front matter, not partials. +--- + +// +// ___ +// /\_ \ +// _____ ___ ___\//\ \ __ +// /\ '__`\ / __`\ / __`\\ \ \ /'__`\ +// \ \ \_\ \/\ \_\ \/\ \_\ \\_\ \_/\ __/ +// \ \ ,__/\ \____/\ \____//\____\ \____\ +// \ \ \/ \/___/ \/___/ \/____/\/____/ +// \ \_\ +// \/_/ +// +// Designed, built, and released under MIT license by @mdo. Learn more at +// https://github.com/poole/poole. + +@import "variables"; +@import "base"; +@import "type"; +@import "syntax"; +@import "code"; +@import "layout"; +@import "masthead"; +@import "posts"; +@import "pagination"; +@import "message"; +@import "toc"; + +// Sass for creating the swatches +.colors { + display: grid; + grid-template-columns: max-content 1fr; + + dt { + width: 3rem; + height: 3rem; + border-radius: var(--border-radius); + box-shadow: inset 0 0 0 1px rgba(255,255,255,.15); + } + + dd { + margin-left: var(--spacer); + } +}