Add initial layout

6 years ago · 92c9c65a0e
--- a/404.html
+++ b/404.html
@ -0,0 +1,10 @@
 ---
 layout: default
 title: "404: Page not found"
 permalink: 404.html
 ---

 <div class="page">
  <h1 class="page-title">404: Page not found</h1>
  <p class="lead">Sorry, we've misplaced that URL or it's pointing to something that doesn't exist. <a href="{{ site.baseurl }}">Head back home</a> to try finding it again.</p>
 </div>
--- a/_config.yml
+++ b/_config.yml
@ -0,0 +1,24 @@
 # Dependencies
 markdown:         redcarpet
 highlighter:      pygments

 # Permalinks
 permalink:        pretty
 relative_permalinks: true

 # Setup
 title:            PicoLisp Libraries
 tagline:          "AW's collection of PicoLisp libraries"
 description:      ''
 url:              https://aw.github.com/picolisp
 baseurl:          /

 author:
  name:           'Alexander Williams'
  url:            https://github.com/aw

 paginate:         10

 # Custom vars
 github:
  repo:           https://github.com/aw/picolisp
--- a/_includes/head.html
+++ b/_includes/head.html
@ -0,0 +1,29 @@
 <head>
  <link href="http://gmpg.org/xfn/11" rel="profile">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta http-equiv="content-type" content="text/html; charset=utf-8">

  <!-- Enable responsiveness on mobile devices-->
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">

  <title>
    {% if page.title == "Home" %}
      {{ site.title }} &middot; {{ site.tagline }}
    {% else %}
      {{ page.title }} &middot; {{ site.title }}
    {% endif %}
  </title>

  <!-- CSS -->
  <link rel="stylesheet" href="{{ site.baseurl }}public/css/poole.css">
  <link rel="stylesheet" href="{{ site.baseurl }}public/css/syntax.css">
  <link rel="stylesheet" href="{{ site.baseurl }}public/css/hyde.css">
  <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700|Abril+Fatface">

  <!-- Icons -->
  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="{{ site.baseurl }}public/apple-touch-icon-144-precomposed.png">
                                 <link rel="shortcut icon" href="{{ site.baseurl }}public/favicon.ico">

  <!-- RSS -->
  <link rel="alternate" type="application/rss+xml" title="RSS" href="/atom.xml">
 </head>
--- a/_includes/sidebar.html
+++ b/_includes/sidebar.html
@ -0,0 +1,24 @@
 <div class="sidebar">
  <div class="container sidebar-sticky">
    <div class="sidebar-about">
      <h1>
        <a href="{{ site.baseurl }}">
          {{ site.title }}
        </a>
      </h1>
      <p class="lead">{{ site.description }}</p>
    </div>

    <nav class="sidebar-nav">
      <ul>
      {% for post in site.posts %}
        <li><a href="{{ post.url }}">
          {{ post.name }}
        </a></li>
      {% endfor %}
      </ul>
    </nav>

    <p>This work is created by <a href="https://github.com/aw" target="_blank">@aw</a> and licensed under a Creative Commons Attribution-ShareAlike 4.0 International License</a>.</p>
  </div>
 </div>
--- a/_layouts/default.html
+++ b/_layouts/default.html
@ -0,0 +1,15 @@
 <!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-us">

  {% include head.html %}

  <body class="theme-base-aw">

    {% include sidebar.html %}

    <div class="content container">
      {{ content }}
    </div>

  </body>
 </html>
--- a/_layouts/page.html
+++ b/_layouts/page.html
@ -0,0 +1,8 @@
 ---
 layout: default
 ---

 <div class="page">
  <h1 class="page-title">{{ page.title }}</h1>
  {{ content }}
 </div>
--- a/_layouts/post.html
+++ b/_layouts/post.html
@ -0,0 +1,25 @@
 ---
 layout: default
 ---

 <div class="post">
  <h1 class="post-title">{{ page.title }}</h1>
  <span class="post-date">{{ page.date | date_to_string }}</span>
  {{ content }}
 </div>

 <div class="related">
  <h2>Related Posts</h2>
  <ul class="related-posts">
    {% for post in site.related_posts limit:3 %}
      <li>
        <h3>
          <a href="{{ post.url }}">
            {{ post.title }}
            <small>{{ post.date | date_to_string }}</small>
          </a>
        </h3>
      </li>
    {% endfor %}
  </ul>
 </div>
--- a/atom.xml
+++ b/atom.xml
@ -0,0 +1,28 @@
 ---
 layout: null
 ---

 <?xml version="1.0" encoding="utf-8"?>
 <feed xmlns="http://www.w3.org/2005/Atom">

 <title>{{ site.title }}</title>
 <link href="{{ site.url }}/atom.xml" rel="self"/>
 <link href="{{ site.url }}/"/>
 <updated>{{ site.time | date_to_xmlschema }}</updated>
 <id>{{ site.url }}</id>
 <author>
   <name>{{ site.author.name }}</name>
   <email>{{ site.author.email }}</email>
 </author>

 {% for post in site.posts %}
 <entry>
   <title>{{ post.title }}</title>
   <link href="{{ site.url }}{{ post.url }}"/>
   <updated>{{ post.date | date_to_xmlschema }}</updated>
   <id>{{ site.url }}{{ post.id }}</id>
   <content type="html">{{ post.content | xml_escape }}</content>
 </entry>
 {% endfor %}

 </feed>
--- a/index.html
+++ b/index.html
@ -0,0 +1,37 @@
 ---
 layout: default
 title: Home
 ---

 <div class="posts">
  {% for post in paginator.posts %}
  <div class="post">
    <h1 class="post-title">
      <a href="{{ post.url }}">
        {{ post.title }}
      </a>
    </h1>

    <span class="post-date">{{ post.date | date_to_string }}</span>

    {{ post.content }}
  </div>
  {% endfor %}
 </div>

 <div class="pagination">
  {% if paginator.next_page %}
    <a class="pagination-item older" href="{{ site.baseurl }}page{{paginator.next_page}}">Older</a>
  {% else %}
    <span class="pagination-item older">Older</span>
  {% endif %}
  {% if paginator.previous_page %}
    {% if paginator.page == 2 %}
      <a class="pagination-item newer" href="{{ site.baseurl }}">Newer</a>
    {% else %}
      <a class="pagination-item newer" href="{{ site.baseurl }}page{{paginator.previous_page}}">Newer</a>
    {% endif %}
  {% else %}
    <span class="pagination-item newer">Newer</span>
  {% endif %}
 </div>
--- a/public/apple-touch-icon-144-precomposed.png
+++ b/public/apple-touch-icon-144-precomposed.png
--- a/public/css/hyde.css
+++ b/public/css/hyde.css
@ -0,0 +1,264 @@
 /*
 *  __                  __
 * /\ \                /\ \
 * \ \ \___   __  __   \_\ \     __
 *  \ \  _ `\/\ \/\ \  /'_` \  /'__`\
 *   \ \ \ \ \ \ \_\ \/\ \_\ \/\  __/
 *    \ \_\ \_\/`____ \ \___,_\ \____\
 *     \/_/\/_/`/___/> \/__,_ /\/____/
 *                /\___/
 *                \/__/
 *
 * Designed, built, and released under MIT license by @mdo. Learn more at
 * https://github.com/poole/hyde.
 */


 /*
 * Contents
 *
 * Global resets
 * Sidebar
 * Container
 * Reverse layout
 * Themes
 */


 /*
 * Global resets
 *
 * Update the foundational and global aspects of the page.
 */

 html {
  font-family: "PT Sans", Helvetica, Arial, sans-serif;
 }
@media (min-width: 48em) {
  html {
    font-size: 16px;
  }
 }
@media (min-width: 58em) {
  html {
    font-size: 20px;
  }
 }


 /*
 * Sidebar
 *
 * Flexible banner for housing site name, intro, and "footer" content. Starts
 * out above content in mobile and later moves to the side with wider viewports.
 */

 .sidebar {
  text-align: center;
  padding: 2rem 1rem;
  color: rgba(255,255,255,.5);
  background-color: #202020;
 }
@media (min-width: 48em) {
  .sidebar {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 18rem;
    text-align: left;
  }
 }

 /* Sidebar links */
 .sidebar a {
  color: #fff;
  font-size: 0.9em;
 }

 .sidebar p {
  font-size: 0.9em;
 }

 /* About section */
 .sidebar-about h1 {
  color: #fff;
  margin-top: 0;
  font-family: "Abril Fatface", serif;
  font-size: 3.25rem;
 }

 /* Sidebar nav */
 .sidebar-nav {
  margin-bottom: 1rem;
 }
 .sidebar-nav-item {
  display: block;
  line-height: 1.75;
 }
 a.sidebar-nav-item:hover,
 a.sidebar-nav-item:focus {
  text-decoration: underline;
 }
 .sidebar-nav-item.active {
  font-weight: bold;
 }

 /* Sticky sidebar
 *
 * Add the `sidebar-sticky` class to the sidebar's container to affix it the
 * contents to the bottom of the sidebar in tablets and up.
 */

@media (min-width: 48em) {
  .sidebar-sticky {
    position: absolute;
    right:  1rem;
    bottom: 1rem;
    left:   1rem;
  }
 }


 /* Container
 *
 * Align the contents of the site above the proper threshold with some margin-fu
 * with a 25%-wide `.sidebar`.
 */

 .content {
  padding-top:    4rem;
  padding-bottom: 4rem;
 }

@media (min-width: 48em) {
  .content {
    max-width: 38rem;
    margin-left: 20rem;
    margin-right: 2rem;
  }
 }

@media (min-width: 64em) {
  .content {
    margin-left: 22rem;
    margin-right: 4rem;
  }
 }


 /*
 * Reverse layout
 *
 * Flip the orientation of the page by placing the `.sidebar` on the right.
 */

@media (min-width: 48em) {
  .layout-reverse .sidebar {
    left: auto;
    right: 0;
  }
  .layout-reverse .content {
    margin-left: 2rem;
    margin-right: 20rem;
  }
 }

@media (min-width: 64em) {
  .layout-reverse .content {
    margin-left: 4rem;
    margin-right: 22rem;
  }
 }



 /*
 * Themes
 *
 * As of v1.1, Hyde includes optional themes to color the sidebar and links
 * within blog posts. To use, add the class of your choosing to the `body`.
 */

 /* Base16 (http://chriskempson.github.io/base16/#default) */

 /* Red */
 .theme-base-08 .sidebar {
  background-color: #ac4142;
 }
 .theme-base-08 .content a,
 .theme-base-08 .related-posts li a:hover {
  color: #ac4142;
 }

 /* Orange */
 .theme-base-09 .sidebar {
  background-color: #d28445;
 }
 .theme-base-09 .content a,
 .theme-base-09 .related-posts li a:hover {
  color: #d28445;
 }

 /* Yellow */
 .theme-base-0a .sidebar {
  background-color: #f4bf75;
 }
 .theme-base-0a .content a,
 .theme-base-0a .related-posts li a:hover {
  color: #f4bf75;
 }

 /* Green */
 .theme-base-0b .sidebar {
  background-color: #90a959;
 }
 .theme-base-0b .content a,
 .theme-base-0b .related-posts li a:hover {
  color: #90a959;
 }

 /* Cyan */
 .theme-base-0c .sidebar {
  background-color: #75b5aa;
 }
 .theme-base-0c .content a,
 .theme-base-0c .related-posts li a:hover {
  color: #75b5aa;
 }

 /* Blue */
 .theme-base-0d .sidebar {
  background-color: #6a9fb5;
 }
 .theme-base-0d .content a,
 .theme-base-0d .related-posts li a:hover {
  color: #6a9fb5;
 }

 /* Magenta */
 .theme-base-0e .sidebar {
  background-color: #aa759f;
 }
 .theme-base-0e .content a,
 .theme-base-0e .related-posts li a:hover {
  color: #aa759f;
 }

 /* Brown */
 .theme-base-0f .sidebar {
  background-color: #8f5536;
 }
 .theme-base-0f .content a,
 .theme-base-0f .related-posts li a:hover {
  color: #8f5536;
 }

 /* Alex */
 .theme-base-aw .sidebar {
  background-color: #208EBC;
 }
 .theme-base-aw .content a,
 .theme-base-aw .related-posts li a:hover {
  color: #208EBC;
 }
--- a/public/css/poole.css
+++ b/public/css/poole.css
@ -0,0 +1,430 @@
 /*
 *                        ___
 *                       /\_ \
 *  _____     ___     ___\//\ \      __
 * /\ '__`\  / __`\  / __`\\ \ \   /'__`\
 * \ \ \_\ \/\ \_\ \/\ \_\ \\_\ \_/\  __/
 *  \ \ ,__/\ \____/\ \____//\____\ \____\
 *   \ \ \/  \/___/  \/___/ \/____/\/____/
 *    \ \_\
 *     \/_/
 *
 * Designed, built, and released under MIT license by @mdo. Learn more at
 * https://github.com/poole/poole.
 */


 /*
 * Contents
 *
 * Body resets
 * Custom type
 * Messages
 * Container
 * Masthead
 * Posts and pages
 * Pagination
 * Reverse layout
 * Themes
 */


 /*
 * Body resets
 *
 * Update the foundational and global aspects of the page.
 */

 * {
  -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: 20px;
  }
 }

 body {
  color: #515151;
  background-color: #fff;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
 }

 /* No `:visited` state is required by default (browsers will use `a`) */
 a {
  color: #268bd2;
  text-decoration: none;
 }
 a strong {
  color: inherit;
 }
 /* `:focus` is linked to `:hover` for basic accessibility */
 a:hover,
 a:focus {
  text-decoration: underline;
 }

 /* Headings */
 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;
 }

 /* Body text */
 p {
  margin-top: 0;
  margin-bottom: 1rem;
 }

 strong {
  color: #303030;
 }


 /* Lists */
 ul, ol, dl {
  margin-top: 0;
  margin-bottom: 1rem;
 }

 dt {
  font-weight: bold;
 }
 dd {
  margin-bottom: .5rem;
 }

 /* Misc */
 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;
 }

 /* Code */
 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 {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  padding: 1rem;
  font-size: .8rem;
  line-height: 1.4;
  white-space: pre;
  white-space: pre-wrap;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f9f9f9;
 }
 pre code {
  padding: 0;
  font-size: 100%;
  color: inherit;
  background-color: transparent;
 }

 /* Pygments via Jekyll */
 .highlight {
  margin-bottom: 1rem;
  border-radius: 4px;
 }
 .highlight pre {
  margin-bottom: 0;
 }

 /* Gist via GitHub Pages */
 .gist .gist-file {
  font-family: Menlo, Monaco, "Courier New", monospace !important;
 }
 .gist .markdown-body {
  padding: 15px;
 }
 .gist pre {
  padding: 0;
  background-color: transparent;
 }
 .gist .gist-file .gist-data {
  font-size: .8rem !important;
  line-height: 1.4;
 }
 .gist code {
  padding: 0;
  color: inherit;
  background-color: transparent;
  border-radius: 0;
 }

 /* Quotes */
 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;
  }
 }

 img {
  display: block;
  max-width: 100%;
  margin: 0 0 1rem;
  border-radius: 5px;
 }

 /* Tables */
 table {
  margin-bottom: 1rem;
  width: 100%;
  border: 1px solid #e5e5e5;
  border-collapse: collapse;
 }
 td,
 th {
  padding: .25rem .5rem;
  border: 1px solid #e5e5e5;
 }
 tbody tr:nth-child(odd) td,
 tbody tr:nth-child(odd) th {
  background-color: #f9f9f9;
 }


 /*
 * Custom type
 *
 * Extend paragraphs with `.lead` for larger introductory text.
 */

 .lead {
  font-size: 1.25rem;
  font-weight: 300;
 }


 /*
 * Messages
 *
 * Show alert messages to users. You may add it to single elements like a `<p>`,
 * or to a parent if there are multiple elements to show.
 */

 .message {
  margin-bottom: 1rem;
  padding: 1rem;
  color: #717171;
  background-color: #f9f9f9;
 }


 /*
 * Container
 *
 * Center the page content.
 */

 .container {
  max-width: 38rem;
  padding-left:  1rem;
  padding-right: 1rem;
  margin-left:  auto;
  margin-right: auto;
 }


 /*
 * Masthead
 *
 * Super small header above the content for site name and short description.
 */

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


 /*
 * 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;
 }

 /* Blog post or page title */
 .page-title,
 .post-title,
 .post-title a {
  color: #303030;
 }
 .page-title,
 .post-title {
  margin-top: 0;
 }

 /* Meta data line below post title */
 .post-date {
  display: block;
  margin-top: -.5rem;
  margin-bottom: 1rem;
  color: #9a9a9a;
 }

 /* Related posts */
 .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
 *
 * Super lightweight (HTML-wise) blog pagination. `span`s are provide for when
 * there are no more previous or next posts to show.
 */

 .pagination {
  overflow: hidden; /* clearfix */
  margin-left: -1rem;
  margin-right: -1rem;
  font-family: "PT Sans", Helvetica, Arial, sans-serif;
  color: #ccc;
  text-align: center;
 }

 /* Pagination items can be `span`s or `a`s */
 .pagination-item {
  display: block;
  padding: 1rem;
  border: 1px solid #eee;
 }
 .pagination-item:first-child {
  margin-bottom: -1px;
 }

 /* Only provide a hover state for linked pagination items */
 a.pagination-item:hover {
  background-color: #f5f5f5;
 }

@media (min-width: 30em) {
  .pagination {
    margin: 3rem 0;
  }
  .pagination-item {
    float: left;
    width: 50%;
  }
  .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;
  }
 }
--- a/public/css/syntax.css
+++ b/public/css/syntax.css
@ -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; }
--- a/public/favicon.ico
+++ b/public/favicon.ico