jekyll-theme-leap-month 0.2.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: d12a8c6427ecf60f6033699759ed4de83b2ae1f7
+  data.tar.gz: f9417dc4222f6de20733a1059e1bb2ea86eb6dac
+SHA512:
+  metadata.gz: 876008e1d60e3e00e40e435e7eb29662a8b6e97f8d575d1d1795506ad0e026631fe6b14a42270d6aaa2a61836550baf0caabaac5a496b48326999b7e109b6989
+  data.tar.gz: 71d61ec2995e649c1d74161afbeac3bd55fc99484e031869329f33b02648251d6798b61d0b3610cbf2bfb6a24b0691642ce006ee103a1eba24eb3de5f46bc350

data/LICENSE

@@ -0,0 +1,113 @@
+CC0 1.0 Universal
+
+Statement of Purpose
+
+The laws of most jurisdictions throughout the world automatically confer
+exclusive Copyright and Related Rights (defined below) upon the creator
+and subsequent owner(s) (each and all, an "owner") of an original work of
+authorship and/or a database (each, a "Work").
+
+Certain owners wish to permanently relinquish those rights to a Work for
+the purpose of contributing to a commons of creative, cultural and
+scientific works ("Commons") that the public can reliably and without fear
+of later claims of infringement build upon, modify, incorporate in other
+works, reuse and redistribute as freely as possible in any form whatsoever
+and for any purposes, including without limitation commercial purposes.
+These owners may contribute to the Commons to promote the ideal of a free
+culture and the further production of creative, cultural and scientific
+works, or to gain reputation or greater distribution for their Work in
+part through the use and efforts of others.
+
+For these and/or other purposes and motivations, and without any
+expectation of additional consideration or compensation, the person
+associating CC0 with a Work (the "Affirmer"), to the extent that he or she
+is an owner of Copyright and Related Rights in the Work, voluntarily
+elects to apply CC0 to the Work and publicly distribute the Work under its
+terms, with knowledge of his or her Copyright and Related Rights in the
+Work and the meaning and intended legal effect of CC0 on those rights.
+
+1. Copyright and Related Rights. A Work made available under CC0 may be
+protected by copyright and related or neighboring rights ("Copyright and
+Related Rights"). Copyright and Related Rights include, but are not
+limited to, the following:
+
+  i. the right to reproduce, adapt, distribute, perform, display,
+     communicate, and translate a Work;
+ ii. moral rights retained by the original author(s) and/or performer(s);
+iii. publicity and privacy rights pertaining to a person's image or
+     likeness depicted in a Work;
+ iv. rights protecting against unfair competition in regards to a Work,
+     subject to the limitations in paragraph 4(a), below;
+  v. rights protecting the extraction, dissemination, use and reuse of data
+     in a Work;
+ vi. database rights (such as those arising under Directive 96/9/EC of the
+     European Parliament and of the Council of 11 March 1996 on the legal
+     protection of databases, and under any national implementation
+     thereof, including any amended or successor version of such
+     directive); and
+vii. other similar, equivalent or corresponding rights throughout the
+     world based on applicable law or treaty, and any national
+     implementations thereof.
+
+2. Waiver. To the greatest extent permitted by, but not in contravention
+of, applicable law, Affirmer hereby overtly, fully, permanently,
+irrevocably and unconditionally waives, abandons, and surrenders all of
+Affirmer's Copyright and Related Rights and associated claims and causes
+of action, whether now known or unknown (including existing as well as
+future claims and causes of action), in the Work (i) in all territories
+worldwide, (ii) for the maximum duration provided by applicable law or
+treaty (including future time extensions), (iii) in any current or future
+medium and for any number of copies, and (iv) for any purpose whatsoever,
+including without limitation commercial, advertising or promotional
+purposes (the "Waiver"). Affirmer makes the Waiver for the benefit of each
+member of the public at large and to the detriment of Affirmer's heirs and
+successors, fully intending that such Waiver shall not be subject to
+revocation, rescission, cancellation, termination, or any other legal or
+equitable action to disrupt the quiet enjoyment of the Work by the public
+as contemplated by Affirmer's express Statement of Purpose.
+
+3. Public License Fallback. Should any part of the Waiver for any reason
+be judged legally invalid or ineffective under applicable law, then the
+Waiver shall be preserved to the maximum extent permitted taking into
+account Affirmer's express Statement of Purpose. In addition, to the
+extent the Waiver is so judged Affirmer hereby grants to each affected
+person a royalty-free, non transferable, non sublicensable, non exclusive,
+irrevocable and unconditional license to exercise Affirmer's Copyright and
+Related Rights in the Work (i) in all territories worldwide, (ii) for the
+maximum duration provided by applicable law or treaty (including future
+time extensions), (iii) in any current or future medium and for any number
+of copies, and (iv) for any purpose whatsoever, including without
+limitation commercial, advertising or promotional purposes (the
+"License"). The License shall be deemed effective as of the date CC0 was
+applied by Affirmer to the Work. Should any part of the License for any
+reason be judged legally invalid or ineffective under applicable law, such
+partial invalidity or ineffectiveness shall not invalidate the remainder
+of the License, and in such case Affirmer hereby affirms that he or she
+will not (i) exercise any of his or her remaining Copyright and Related
+Rights in the Work or (ii) assert any associated claims and causes of
+action with respect to the Work, in either case contrary to Affirmer's
+express Statement of Purpose.
+
+4. Limitations and Disclaimers.
+
+ a. No trademark or patent rights held by Affirmer are waived, abandoned,
+    surrendered, licensed or otherwise affected by this document.
+ b. Affirmer offers the Work as-is and makes no representations or
+    warranties of any kind concerning the Work, express, implied,
+    statutory or otherwise, including without limitation warranties of
+    title, merchantability, fitness for a particular purpose, non
+    infringement, or the absence of latent or other defects, accuracy, or
+    the present or absence of errors, whether or not discoverable, all to
+    the greatest extent permissible under applicable law.
+ c. Affirmer disclaims responsibility for clearing rights of other persons
+    that may apply to the Work or any use thereof, including without
+    limitation any person's Copyright and Related Rights in the Work.
+    Further, Affirmer disclaims responsibility for obtaining any necessary
+    consents, permissions or other rights required for any use of the
+    Work.
+ d. Affirmer understands and acknowledges that Creative Commons is not a
+    party to this document and has no duty or obligation with respect to
+    this CC0 or use of the Work.
+
+For more information, please see
+<http://creativecommons.org/publicdomain/zero/1.0/>

data/README.md

@@ -0,0 +1,63 @@
+# 闰月主题 The Leap Month theme
+
+[![releases](https://img.shields.io/github/v/release/qyxf/leap-month)](https://github.com/qyxf/leap-month/releases)
+[![license](https://img.shields.io/github/license/qyxf/leap-month)](https://creativecommons.org/share-your-work/public-domain/cc0/)
+
+Leap month 或「闰月」主题，是一款为 GitHub Jekyll（GitHub Pages 所驱动的 Jekyll）定制的网页主题，fork 自 GitHub Pages 官方推出的 [Leap day](https://github.com/page-themes/leap-day) 或「闰日」主题。
+
+> 由于本主题为 GitHub Jekyll 定制，因此依赖于其所额外引入的若干插件；在原生 Jekyll 下使用本主题时，可能出现若干问题。
+
+相较于原来的闰日主题，闰月对页面样式、配色、框架等都做了较大的改动，改进了若干已知问题，对中文内容支持更佳。
+
+本主题目前由[钱院学辅技术小组](https://github.com/qyxf)维护。事实上，本主题正好来自于钱院学辅使用 Leap day 主题过程中对其的优化与改进。
+
+## 特性
+
+- 为中文页面量身定制，更符合国内人士的建站需求；
+- 充分优化了页面布局、正文排版，改善了移动端展示效果；
+- 采用对比更鲜明的配色方案，视觉效果好；
+- 页面内容精简，充分给予使用者自定义的空间；
+- 默认引入 Font Awesome、pangu.js、MathJax 等基本插件，并使用国内 CDN（[BootCDN](https://bootcdn.cn/)）加载插件，提升效果的同时不影响页面加载速度；
+
+本主题衍生自[钱院学辅信息站](https://qyxf.site)所采用的若干主题文件，因此更适合搭建「自由风」站点（不限于用 `_posts` 文件夹发布文章，而是在各级自定义目录下创建页面）——如项目主页、社团网站等，对一般的「博客风」站点也有较好支持。
+
+## 使用
+
+### 布置主题
+
+如果您是从头开始新建一个用于 GitHub Pages 的代码仓库，请您：
+
+- 将该仓库 fork 到自己名下；
+- 将 fork 来的仓库克隆到本地，将仓库更名为自己所需的名称；
+- 将新的仓库上传至 GitHub；
+- 修改 `_config.yml` 配置文件，使之符合自己的需求；
+- 撰写首页 `index.md`、关于页面 `about.md`、日志页面 `log.md`（该页面可在 `_config.yml` 中关闭）；
+- 基本工作完成，即可在 `_posts` 文件夹下以「博客风」新建文章，或在其他任何地方以「自由风」新建任意页面。
+
+如果您已经有一个使用其他 Jekyll 主题的代码仓库，您需要：
+
+- 在 `_config.yml` 或其他位置移除与旧主题相关的配置信息、样式文件；
+- 克隆本仓库，并将本仓库中的：
+  - `_config.yml` 配置文件
+  - `_sass` 目录（Sass 样式表）
+  - `index.md`、`about.md`、`log.md` 文件（必要的基本页面，您可以自己创建或覆盖同名文件）
+  - `assets` 目录（JavaScript 代码、图片元素、webfonts）
+
+  复制/覆盖到自己的仓库中——注意保留好自己的信息；
+- 提交改动，push 到 GitHub 上即可。
+
+### 配置选项
+
+本主题提供了五个选项接口，均已在本仓库的 `_config.yml` 展示：
+
+- `title`：网站标题，默认值为 GitHub 上的项目标题；
+- `subtitle`：网站副标题，默认值为 GitHub 上的项目描述；
+- `author`：网站作者/维护者，默认值为 GitHub 上的项目所有者（用户/组织）；
+- `log_button` 选项：是否在导航栏打开「维护日志」选项；
+- `cdnjs` 选项：是否采用 [cdnjs](https://cdnjs.com/) 提供的 CDN 服务加载插件，不声明或声明为 `false` 将使得网站用国内的 [BootCDN](https://bootcdn.cn/) 加载。
+
+### 自定义
+
+修改主题所定义的样式表，是最为普遍的需求。建议您在修改样式时，通过在 `assets/css` 目录下的 `style.scss` 增加条目来实现（覆盖），而尽量不要在 `_sass` 下已确定的主题文件中直接修改对应样式。
+
+如您需要移除本主题默认支持的插件（不推荐），请您到 `_includes/head.html` 布局模块中移除代码引用，并同时在 `assets/js/main.js` 中移除对应的脚本实现。

data/_includes/banner.html

@@ -0,0 +1,12 @@
+<div id="banner">
+  <div class="menu">
+    <ul>
+      <li><a href="/" class="button"><i class="fa fa-home"></i> 网站首页</a></li>
+      {% if site.log_button %}
+      <li id="log"><a href="/log" class="button"><i class="fa fa-file-text"></i> 维护日志</a></li>
+      {% endif %}
+      <li><a href="/about" class="button"><i class="fa fa-users"></i> 关于我们</a></li>
+      <li id="project-page"><a href="{{ site.github.repository_url }}" class="button"><i class="fa fa-github"></i> 项目页面</a></li>
+    </ul>
+  </div>
+</div><!-- end banner -->

data/_includes/footer.html

@@ -0,0 +1,5 @@
+<footer><p>
+  <a href="/about">{{ site.author | default: site.github.owner_name }}</a>出品<br>
+  托管于 <a href="https://pages.github.com"><i class="fa fa-github-alt"></i> GitHub Pages</a>
+  并由 <a href="http://jekyllcn.com"><i class="fa fa-flask"></i> Jekyll</a> 强力驱动
+</p></footer>

data/_includes/head.html

@@ -0,0 +1,29 @@
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
+    {% seo %}
+
+    {% if site.cdnjs %}
+    {% assign cdn = 'cdnjs.cloudflare.com/ajax/libs' %}
+    {% else %}
+    {% assign cdn = 'cdn.bootcss.com' %}
+    {% endif %}
+    <link rel="stylesheet" href="{{ /assets/css/style.css | relative_url }}">
+    <link href="https://{{ cdn }}/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
+    <script src="https://{{ cdn }}/jquery/3.3.0/jquery.min.js"></script>
+    <script src="https://{{ cdn }}/pangu/4.0.7/pangu.min.js"></script>
+    <script src="https://{{ cdn }}/mathjax/2.7.6/latest.js"></script>
+    <script src="{{ /assets/js/main.js | relative_url }}"></script>
+    <script type="text/x-mathjax-config">
+      MathJax.Hub.Config({
+        extensions: ["MathMenu.js", "MathZoom.js", "AssistiveMML.js", "a11y/accessibility-menu.js"],
+        jax: ["input/TeX", "output/CommonHTML"],
+        TeX: { extensions: ["AMSmath.js", "AMSsymbols.js", "noErrors.js", "noUndefined.js"] }
+      });
+    </script>
+    <!--[if lt IE 9]>
+      <script src="https://{{ cdn }}/html5shiv/3.7.3/html5shiv.min.js"></script>
+    <![endif]-->
+    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
+</head>

data/_includes/header.html

@@ -0,0 +1,4 @@
+<header>
+    <h1><a href="/">{{ site.title | default: site.github.project_title }}</a></h1>
+    <p>{{ site.subtitle | default: site.github.project_tagline }}</p>
+</header>

data/_includes/nav-menu.html

@@ -0,0 +1,8 @@
+<div id="nav-wrapper">
+    <div id="toc"><span>目</span><span>录</span></div>
+    <div id="nav-bar">
+        <nav>
+          <ul></ul>
+      </nav>
+  </div>
+</div>

data/_includes/page-info.html

@@ -0,0 +1,7 @@
+<div class="page-info">
+  {% if page.date %}
+  <span class="metadata">
+    <i class="fa fa-clock-o"></i>{{ page.date | date:'%Y 年 %m 月 %d 日' }}
+  </span>
+  {% endif %}
+</div>

data/_includes/post-list.html

@@ -0,0 +1,5 @@
+<ul class="postlist">
+  {% for post in site.posts %}
+    <li><a href="{{ post.url | remove: '.html' }}">{{ post.title }}</a> @ {{ post.date | date: '%Y.%m.%d' }}</li>
+  {% endfor %}
+</ul>

data/_layouts/default.html

@@ -0,0 +1,22 @@
+<!--- Jekyll theme: Leap month --->
+<!--- repo: https://github.com/qyxf/leap-month --->
+
+<!doctype html>
+<html lang="{{ site.lang | default: 'zh-CN' }}">
+  {% include head.html %}
+  <body>
+      {% include header.html %}
+      {% include banner.html %}
+
+    <div class="wrapper">
+      {% include nav-menu.html %}
+
+      <section>
+        {{ content }}
+      </section>
+
+      {% include footer.html %}
+    </div>
+
+  </body>
+</html>

data/_layouts/post.html

@@ -0,0 +1,9 @@
+---
+layout: default
+---
+
+<h1>{{ page.title }}</h1>
+
+{% include page-info.html %}
+
+{{ content }}

data/_sass/fonts.scss

@@ -0,0 +1,55 @@
+
+@font-face {
+    font-family: 'Quattrocento Sans';
+    src: url('../fonts/quattrocentosans-bold-webfont.eot');
+    src: url('../fonts/quattrocentosans-bold-webfont.eot?#iefix') format('embedded-opentype'),
+         url('../fonts/quattrocentosans-bold-webfont.woff') format('woff'),
+         url('../fonts/quattrocentosans-bold-webfont.ttf') format('truetype'),
+         url('../fonts/quattrocentosans-bold-webfont.svg#QuattrocentoSansBold') format('svg');
+    font-weight: bold;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Quattrocento Sans';
+    src: url('../fonts/quattrocentosans-bolditalic-webfont.eot');
+    src: url('../fonts/quattrocentosans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
+         url('../fonts/quattrocentosans-bolditalic-webfont.woff') format('woff'),
+         url('../fonts/quattrocentosans-bolditalic-webfont.ttf') format('truetype'),
+         url('../fonts/quattrocentosans-bolditalic-webfont.svg#QuattrocentoSansBoldItalic') format('svg');
+    font-weight: bold;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Quattrocento Sans';
+    src: url('../fonts/quattrocentosans-italic-webfont.eot');
+    src: url('../fonts/quattrocentosans-italic-webfont.eot?#iefix') format('embedded-opentype'),
+         url('../fonts/quattrocentosans-italic-webfont.woff') format('woff'),
+         url('../fonts/quattrocentosans-italic-webfont.ttf') format('truetype'),
+         url('../fonts/quattrocentosans-italic-webfont.svg#QuattrocentoSansItalic') format('svg');
+    font-weight: normal;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Quattrocento Sans';
+    src: url('../fonts/quattrocentosans-regular-webfont.eot');
+    src: url('../fonts/quattrocentosans-regular-webfont.eot?#iefix') format('embedded-opentype'),
+         url('../fonts/quattrocentosans-regular-webfont.woff') format('woff'),
+         url('../fonts/quattrocentosans-regular-webfont.ttf') format('truetype'),
+         url('../fonts/quattrocentosans-regular-webfont.svg#QuattrocentoSansRegular') format('svg');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Copse';
+    src: url('../fonts/copse-regular-webfont.eot');
+    src: url('../fonts/copse-regular-webfont.eot?#iefix') format('embedded-opentype'),
+         url('../fonts/copse-regular-webfont.woff') format('woff'),
+         url('../fonts/copse-regular-webfont.ttf') format('truetype'),
+         url('../fonts/copse-regular-webfont.svg#CopseRegular') format('svg');
+    font-weight: normal;
+    font-style: normal;
+}

data/_sass/leap-month.scss

@@ -0,0 +1,386 @@
+/* Leap Month Theme <https://github.com/qyxf/leap-month> */
+/* Forked from Leap Day Theme <https://github.com/pages-themes/leap-day> */
+
+@import "normalize";
+@import "fonts";
+@import "rouge-base16-dark";
+
+$background-color: #333;
+$default-color: #555;
+$light-color: #999;
+$title-color: #111;
+$border-color: #111;
+$image-border-color: #777;
+$light-border-color: #ccc;
+$section-color: #fcfcfc;
+$highlight-color: #fff;
+$link-color: #4276b6;
+$theme-color: #7cafc2;
+
+body {
+  font: 14px 'Quattrocento Sans', sans-serif;
+  line-height: 1.7em;
+  color: $default-color;
+  font-weight: normal;
+  margin: 0px;
+  padding: 0px 0 20px 0px;
+  background: url(../images/body-background.png) $background-color;
+  @media print, screen and (max-width: 720px) {
+    word-wrap: break-word; }}
+
+h1, h2, h3, h4, h5, h6 {
+  color: $title-color;
+  margin: 0 0 1em; }
+
+p, ul, ol, table, pre, dl {
+  margin: 0 0 1em; }
+
+small { font-size: 0.9em; }
+
+strong, dt {
+  font-weight: bold;
+  color: $background-color; }
+
+a {
+  color: $link-color;
+  font-weight: normal;
+  text-decoration: none;
+  strong {
+      color: inherit;
+  } }
+
+ul { list-style-image: url('../images/bullet.png'); }
+
+.wrapper {
+  width: 1000px;
+  margin: 0 auto;
+  position: relative;
+  @media print, screen and (max-width: 1060px) {
+    width: auto;
+    margin: 0; }}
+
+code {
+  font-family: 'Lucida Sans', Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal, monospace;
+  font-size: 0.9em;
+  color: $highlight-color;
+  text-shadow: 0px 1px 0px $border-color;
+  margin: 0;
+  padding: 1px 4px;
+  background: $background-color;
+  border-radius: 2px; }
+
+kbd {
+    border: 1px solid lightgray;
+    padding: 0px;
+    border-radius: 2px;
+    background: #eee; }
+
+pre {
+  padding: 8px 15px;
+  background: $background-color;
+  border-radius: 3px;
+  border: 1px solid #c7c7c7;
+  overflow: auto;
+  overflow-y: hidden;
+  code {
+    margin: 0px;
+    padding: 0px;
+  } }
+
+table {
+  width: 100%;
+  border-collapse: collapse; }
+
+td {
+  text-align:left;
+  padding:5px 10px;
+  border-bottom:1px solid $light-border-color;
+  border-right: 1px solid $theme-color;
+  &:first-child {
+    border-left: 1px solid $theme-color;
+  } }
+
+th {
+  @extend td;
+  border-top: 1px solid $light-border-color; }
+
+hr {
+  border: 0;
+  outline: none;
+  height: 11px;
+  background: transparent url('../images/hr.gif') center center repeat-x;
+  margin: 0 0 20px;
+  &.heading {
+    height: 2px;
+    background-image: linear-gradient(to right, #fbfbfb 15%, #333333 50%, #fbfbfb 85%);
+  } }
+
+header {
+  padding: 25px 20px 40px 20px;
+  margin: 0;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  text-align: center;
+  background: linear-gradient(to bottom, #30cfd0 0%, #330867 100%);
+  box-shadow: 1px 0px 2px rgba(0,0,0,.75);
+  z-index: 99;
+  -webkit-font-smoothing: antialiased;
+  min-height: 76px;
+  @media print, screen and (max-width: 1060px) {
+    padding-left: 0;
+    padding-right: 0;
+    float: none; }
+  @media print, screen and (max-width: 720px) {
+    padding: 20px 0;
+    margin: 0; }
+  @media print, screen and (max-width: 480px) {
+    position: relative;
+    padding: 5px 0px;
+    min-height: 0px; }
+  p {
+    font: 18px/30px 'Copse', serif;
+    color: $light-border-color;
+    text-shadow: 1px 1px 1px darken($theme-color, 40%);
+    margin: 0px;
+    @media print, screen and (max-width: 720px) {
+      display: none; } }
+  h1 {
+    font: 40px/48px 'Copse', sans-serif;
+    text-shadow: 2px 2px 2px darken($theme-color, 40%);
+    margin: 0px;
+    white-space: normal;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    -o-text-overflow: ellipsis;
+    -ms-text-overflow: ellipsis;
+    @media print, screen and (max-width: 720px) { font-size: 32px; }
+    @media print, screen and (max-width: 480px) { font-size: 24px; }
+    a {
+      color: $highlight-color;
+    } } }
+
+#banner {
+  z-index: 100;
+  left: 0;
+  right: 0;
+  height: 50px;
+  position: absolute;
+  top: 115px;
+  background: $background-color;
+  border: 1px solid $border-color;
+  border-left: 0;
+  border-right: 0;
+  box-shadow: 0px 1px 3px rgba(0,0,0,.25);
+  @media print, screen and (max-width: 1060px) { width: 100%; }
+  @media print, screen and (max-width: 720px) { top: 80px; }
+  @media print, screen and (max-width: 480px) { top: 55px; }
+  .menu {
+    float: unset;
+    display: flex;
+    margin: 0; }
+  .button {
+    border: 1px solid $light-border-color;
+    background: none;
+    border-radius: 2px;
+    margin-left: 5px;
+    padding: 10px 12px;
+    margin-top: 6px;
+    line-height: 14px;
+    font-size: 1em;
+    color: $light-border-color;
+    font-weight: bold;
+    display: inline-block;
+    text-align: center;
+    @media print, screen and (max-width: 480px) { font-size: small; }
+    &:hover {
+      color: $highlight-color;
+    } }
+  ul {
+    list-style: none;
+    height: 40px;
+    padding: 0;
+    float: left;
+    display: block;
+    margin: 0 auto;
+    li {
+      display:inline; } } }
+
+section {
+  width: 80%;
+  padding: 30px 30px 50px;
+  margin: 20px auto;
+  margin-top: 190px;
+  position: relative;
+  background: $section-color;
+  border-radius: 3px;
+  border: 1px solid $light-border-color;
+  box-shadow: 0px 1px 2px rgba(0,0,0,.09),
+              inset 0px 0px 2px 2px rgba(255,255,255,.5),
+              inset 0 0 5px 5px rgba(255,255,255,.4);
+  @media print, screen and (max-width: 1060px) {
+    float: none;
+    border:1px solid #e5e5e5;
+    border-width:1px 0;
+    padding:20px auto;
+    margin: 190px auto 20px;
+    max-width: 720px; }
+  @media print, screen and (max-width: 720px) {
+    margin-top: 130px;
+    margin-bottom: 0px;
+    width: auto; }
+  @media print, screen and (max-width: 480px) {
+    margin-top: 40px; }
+  h2, h3, h4 {
+    padding-top: 1em;
+    + h3, + h4 {
+      padding-top: 0; }}
+  h1 {
+      text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
+      text-align: center;
+      white-space: pre-wrap;
+      padding-top: 0.8em; }
+  h2 {
+      border-bottom: 1px solid $light-border-color;
+      padding-bottom: 10px; }
+  u { text-underline-position: under; }
+  li p { margin-bottom: 5px; }
+  li + li { margin-top: 5px; }
+  img + img { margin-top: 10px; }
+  &> p > img {
+    max-width: 90%;
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+    border-radius: 5px;
+    border: 2px solid $image-border-color;
+    box-shadow: 1px 1px 3px $background-color; }
+  blockquote {
+    border: 1px solid $theme-color;
+    border-radius: 5px;
+    margin: 10px;
+    padding: 12px 10px 7px;
+    font-size: 0.9em;
+    & > * { margin-bottom: 5px; } } }
+  .footnotes {
+    background: linear-gradient(to top left, rgba(255, 140, 0, .4), rgba(144, 238, 144, .4));
+    border: 1px solid $light-border-color;
+    border-radius: 5px;
+    padding: 5px;
+    margin: 10px;
+    ol {
+      padding-left: 20px;
+      margin: 5px 5px 0;
+      li p {
+        margin-bottom: 5px; } }
+      h2 {
+      text-align: center;
+      margin: 10px 20px 10px 0;
+      padding: 0;
+      border: 0; } }
+
+#nav-wrapper {
+  background: $background-color;
+  color: $light-border-color;
+  border: 1px solid $border-color;
+  border-left: 0;
+  border-radius: 0 5px 5px 0;
+  position: fixed;
+  width: 250px;
+  height: 280px;
+  z-index: 100;
+  top: 35%;
+  left: 0;
+  overflow: hidden;
+  transition: width 0.3s, height 0.3s;
+  display: none;
+  #toc {
+    border-bottom: 1px solid $border-color;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 5px;
+    font-weight: bold;
+    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
+    height: 20px; }
+  #nav-bar {
+    height: 250px;
+    width: 100%;
+    overflow-x: hidden;
+    overflow-y: auto;
+    transition: height 0.3s, opacity 0.3s 0.3s;
+    nav {
+      position: relative;
+      text-align: left;
+      ul {
+        list-style: none;
+        list-style-image: none;
+        font-size: 14px;
+        line-height: 24px;
+        margin-bottom: unset;
+        padding: 0 0 0 10px;
+        a {
+          color: $light-border-color; }
+        li {
+          padding: 5px 0px;
+          line-height: 16px;
+          &.tag-h2 {
+            + .tag-h1 {
+              margin-top:10px; } }
+          &.active {
+            a {
+              color: $highlight-color;
+              text-shadow: 2px 2px $border-color;
+              font-weight: bold; } } } } } } }
+
+footer {
+    text-align: center;
+    margin: 20px auto;
+    position: relative;
+    left: auto;
+    bottom: auto;
+    width: auto;
+    color: $light-color;
+    @media print, screen and (max-width: 1060px) {
+      float: none; } }
+
+.page-info {
+display: flex;
+justify-content: center;
+flex-wrap: wrap;
+.metadata {
+  display: inline-flex;
+  align-items: baseline;
+  i {
+    margin: {
+      left: 6px;
+      right: 3px; } } } }
+
+h1 {
+  @media print, screen and (max-width: 1060px) {
+    white-space: normal;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    -o-text-overflow: ellipsis;
+    -ms-text-overflow: ellipsis; } }
+
+@-webkit-keyframes blink {
+  0% { color: $background-color; }
+  80% { color: $background-color; }
+  100% { color: $light-border-color; } }
+
+@keyframes blink {
+  0% {color: $background-color; }
+  80% {color: $background-color; }
+  100% {color: $light-border-color;} }
+
+@-webkit-keyframes blinkback {
+  0% {color: $background-color; }
+  80% {color: $background-color; }
+  100% {color: $light-border-color; } }
+
+@keyframes blinkback {
+  0% {color: $background-color; }
+  80% {color: $background-color; }
+  100% {color: $light-border-color; } }