Initial commit

LICENSE.md

@@ -0,0 +1,20 @@
+The MIT License (MIT)
+
+Copyright (c) 2020 kimcc
+
+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.

README.md

@@ -0,0 +1,83 @@
+# Noteworthy
+
+Noteworthy is a minimalist Hugo theme for writers and bloggers.
+
+![Noteworthy desktop screenshot](https://github.com/kimcc/hugo-theme-noteworthy/blob/master/images/screenshot.png)
+
+
+## Features
+
+* Fully responsive
+* Google Analytics and Disqus integration
+* Syntax highlighting
+* Mathematical notations with KaTex
+* About, Tags, and Archives pages
+* RSS feeds
+* Social media links
+* SCSS for styling
+
+
+## Installation
+
+Navigate to the root directory of your Hugo site and clone this repository.
+
+```
+git clone https://github.com/kimcc/hugo-theme-noteworthy.git themes/noteworthy
+```
+
+Refer to the [Hugo docs](https://gohugo.io/getting-started/quick-start/) for more information.
+
+
+## Social media accounts
+
+In the `params` section of the `config.toml` file, you can add links to your social media accounts. Simply remove the ones that you don't want to include, and their icons will disappear from the site.
+
+```
+# Main
+email = ""
+facebook = ""
+twitter = ""
+instagram = ""
+tumblr = ""
+reddit = ""
+pinterest = ""
+youtube = ""
+weibo = ""
+vk = ""
+linkedin = ""
+
+# Writing
+medium = ""
+blogger = ""
+wordpress = ""
+
+# Creative & Visual
+dribbble = ""
+behance = ""
+deviantart = ""
+flickr = ""
+
+# Programming
+github = ""
+stackoverflow = ""
+gitlab = ""
+codepen = ""
+```
+
+
+## Disqus and Google Analytics
+
+Add your Disqus shortname and Google Analytics identifier in the `config.toml` file.
+
+```
+# Add your Disqus shortname here.
+disqusShortname = ""      
+
+# Add your Google Analytics identifier: UA-XXXXXXXX-X
+googleAnalytics = "" 
+```
+
+
+## License
+
+Released under the [MIT License](https://github.com/kimcc/hugo-theme-noteworthy/blob/master/LICENSE.md).

archetypes/default.md

@@ -0,0 +1,4 @@
++++
+title = ""
+date = ""
++++

assets/css/main.scss

@@ -0,0 +1,495 @@
+/* VARIABLES ========================================================================== */
+
+// COLORS
+$teal: #63BDA2;
+$teal-darker: #359377;
+$gray-background: #F7F7F7;
+$gray-table-border: #EEEEEE;
+$gray-lightest: #D2D2D2;
+$gray-light: #ABABAB;
+$gray-medium: #898989;
+$gray-dark: #5F5F5F;
+$highlight: #FFEC5C;
+
+// FONTS
+$serif: "Noto Serif","Segoe UI","Helvetica Neue",Helvetica,Roboto,FreeSans,serif;
+$sans-serif: "Noto Sans","Segoe UI","Helvetica Neue",Helvetica,Roboto,FreeSans,sans-serif;
+$code: Menlo,Monaco,"Courier New",monospace;
+
+/* SASS IMPORT ========================================================================== */
+
+// CUSTOM FONTS
+@import "partials/_fonts";
+
+// THRID PARTY
+@import "vendor/normalize";
+@import "vendor/syntax";
+
+/* STYLES ========================================================================== */
+
+html,
+body {
+  height: 100%;
+}
+
+html {
+  margin: 0;
+  line-height: 170%;
+  -ms-overflow-style: -ms-autohiding-scrollbar;
+}
+
+body {
+  color: $gray-dark;
+  font-family: $sans-serif;
+  margin: 0;
+  font-size: 1.1rem;
+}
+
+// TEXT
+article p {
+  a {
+    text-decoration: underline;
+    text-decoration-skip-ink: auto;
+    color: $gray-dark;
+  }
+}
+
+article .post-footer>a {
+  text-decoration: none;
+}
+
+h1 {
+  font-size: 1.9em;
+  padding-top: 0.2em;
+  margin: 0.5em 0em 0.75em 0em;
+  font-family: $serif;
+  font-weight: 600;
+  line-height: 1.3em;
+}
+
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin: 1.25em 0em 0.75em 0em;
+  font-family: $serif;
+  font-weight: 600;
+}
+
+h2 {
+  font-size: 1.25em;
+  line-height: 1.4em;
+
+  a {
+    text-decoration: none;
+    position: relative;
+    text-shadow: 0px -2px 0 white, 0px -1px 0 white, 0px 0px 0 white, 2px -2px 0 white, 2px -1px 0 white, 2px 0px 0 white, -2px -2px 0 white, -2px -1px 0 white, -2px 0px 0 white, 1px -2px 0 white, 1px -1px 0 white, 1px 0px 0 white, -1px -2px 0 white, -1px -1px 0 white, -1px 0px 0 white, 0px -2px 0 white, 0px -1px 0 white, 0px 0px 0 white;
+    box-shadow: 0 -1px 0 0 white inset, 0 -2px 0 0 transparent inset;
+    background-size: 1px 1em;
+    position: relative;
+    transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
+
+    &:hover {
+      box-shadow: 0 -1px 0 0 white inset, 0 -2px 0 0 $gray-dark inset;
+      transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);
+    }
+  }
+}
+
+h5,
+h6 {
+  font-weight: 700;
+  line-height: 1.3em;
+}
+
+h4 {
+  line-height: 1.3em;
+}
+
+h3 {
+  font-size: 1.1em;
+  line-height: 1.3em;
+}
+
+p {
+  margin: 0em 0 1em 0;
+}
+
+// LINKS AND TAGS
+a {
+  text-decoration: underline;
+  text-decoration-skip-ink: auto;
+  color: $gray-dark;
+}
+
+a,
+a>svg {
+  transition: 0.1s cubic-bezier(0.075, 0.82, 0.165, 1);
+}
+
+a:visited {
+  color: $gray-dark;
+}
+
+.color-link {
+  text-decoration: none;
+  color: $teal;
+  font-family: $sans-serif;
+  margin-right: 1.5em;
+}
+
+.color-link:visited {
+  color: $teal;
+}
+
+.color-link:hover {
+  color: $teal-darker;
+
+  .color-arrow {
+    fill: $teal-darker;
+  }
+}
+
+.tag {
+  margin-right: 0.75em;
+  margin-bottom: 1em;
+  line-height: 1.75em;
+  color: $gray-light;
+}
+
+.tag:visited {
+  color: $gray-light;
+}
+
+.tag:hover {
+  color: $gray-medium;
+}
+
+// ARTICLE FORMATTING
+time {
+  margin-right: 1.5em;
+  color: $gray-light;
+}
+
+hr {
+  border: 0;
+  height: 0;
+  border-bottom: 1px solid $gray-lightest;
+}
+
+ul,
+ol {
+  margin: 1em 0em;
+  padding-left: 2em;
+}
+
+li {
+  line-height: 150%;
+}
+
+mark {
+  background-color: $highlight;
+}
+
+blockquote {
+  border-left: 4px solid $gray-lightest;
+  padding-left: 1.3em;
+  margin-left: 0em;
+  margin-top: 0em;
+
+  p {
+    margin-bottom: 0em;
+  }
+}
+
+cite {
+  font-size: 0.95em;
+}
+
+pre {
+  padding: 1em;
+  background-color: $gray-background;
+  max-width: 100%;
+  overflow: scroll;
+}
+
+p code,
+kbd {
+  font-size: 0.95rem;
+  background: $gray-background;
+  padding: 0.2em;
+}
+
+code,
+pre,
+kbd {
+  font-family: $code;
+  font-size: 0.95rem;
+  line-height: 154%;
+}
+
+.table-wrapper {
+  overflow-x: auto;
+}
+
+table {
+  max-width: 100%;
+  border-spacing: 0;
+
+  thead {
+    background: $gray-background;
+  }
+
+  th,
+  td {
+    padding: 0.5em 1em;
+    border: 1px double $gray-table-border;
+  }
+}
+
+// TOP NAV
+nav {
+  padding: 0.25em 1.5em 1em 1.5em;
+  max-width: 100%;
+}
+
+.site-title {
+  margin: 1.5em 0em 1em 0em;
+  text-align: center;
+  line-height: 1.7em;
+
+  a {
+    font-family: $serif;
+    font-size: 1.5em;
+    text-decoration: none;
+    margin-top: 0.75em;
+  }
+}
+
+.nav-menu {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  flex-wrap: wrap;
+}
+
+.nav-link {
+  margin-bottom: 0.5em;
+}
+
+.description {
+  font-style: italic;
+  color: $gray-medium;
+  text-align: center;
+  margin-bottom: 3.7em;
+  margin-top: -0.75em;
+}
+
+// CONTENT
+.content-container {
+  padding: 0.5em 1.5em 0em 1.5em;
+  margin: 0em;
+  max-width: 100%;
+}
+
+.paginator {
+  flex-shrink: 0;
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-end;
+  margin-top: 1em;
+  padding-bottom: 1.5em;
+  align-items: center;
+
+  .older {
+    margin-left: 1em;
+  }
+
+  p {
+    font-size: 0.95rem;
+    margin: 0px;
+  }
+
+  a {
+    text-decoration: none;
+    color: $teal;
+    font-size: 0.95rem;
+  }
+}
+
+// ARTICLE CONTENT
+.article-content {
+  flex: 1 0 auto;
+}
+
+.canon {
+  width: 100%;
+  height: auto;
+}
+
+.footnote-ref {
+  a {
+    margin-left: 0.3em;
+  }
+
+  a::before {
+    content: "[";
+  }
+
+  a::after {
+    content: "]";
+  }
+}
+
+.emojify {
+  font-family: Apple Color Emoji, Segoe UI Emoji, NotoColorEmoji, Segoe UI Symbol, Android Emoji, EmojiSymbols;
+  font-size: 1.5rem;
+  vertical-align: middle;
+}
+
+// SHORTCODE CONTENT
+.twitter-tweet {
+  font-family: $sans-serif !important;
+  border-left: 4px solid $teal !important;
+  color: $gray-dark !important;
+  font-size: 1rem !important;
+  font-style: italic !important;
+  margin-left: 0em;
+  padding-left: 1.3em !important;
+
+  p {
+    font-size: 1.1em;
+    font-style: normal;
+    margin-bottom: 1em;
+    line-height: 155%;
+  }
+
+  a {
+    color: $gray-dark !important;
+    text-decoration: underline !important;
+  }
+
+  a:hover,
+  a:focus {
+    text-decoration: underline !important;
+  }
+}
+
+.__h_instagram.card {
+  font-family: $sans-serif !important;
+  font-size: 1.1em !important;
+  border: 1px solid $gray-light;
+  margin-top: 1.2em !important;
+}
+
+// ARTICLE FOOTER
+.post-footer {
+  font-size: 0.95rem;
+  color: $gray-light;
+  border-bottom: 1px solid $gray-lightest;
+  padding-bottom: 1.8em;
+}
+
+.hidden {
+  visibility: hidden;
+  border-bottom: 0px solid;
+}
+
+.page-footer {
+  padding: 1.5em 0em 2em 0em;
+  font-size: 0.95rem;
+  color: $gray-light;
+
+  a {
+    text-decoration: none;
+    color: $gray-light;
+  }
+}
+
+.footer-divider {
+  color: $gray-lightest;
+  margin-bottom: 1.5em;
+}
+
+// ARCHIVES PAGE
+.archives-list {
+  padding-left: 0em;
+}
+
+.archives-list-item {
+  display: flex;
+  margin: 0.5em 0em;
+}
+
+.archives-list-item-date {
+  width: 60px;
+  margin-right: 0.25em;
+  color: $gray-light;
+}
+
+// 404 PAGE
+.not-found-title {
+  margin-bottom: 0em;
+}
+
+// MAIN FOOTER
+.footer {
+  visibility: hidden;
+  height: 0;
+}
+
+.footer-mobile {
+  margin-top: 2em;
+  max-width: 100%;
+  padding: 0em 1.5em 0.75em 1.5em;
+  overflow: hidden;
+
+  .footer-mobile-links {
+    display: flex;
+    justify-content: center;
+  }
+
+  .divider-bar {
+    color: $gray-light;
+    padding: 0em 0.25em;
+  }
+}
+
+footer {
+  text-align: center;
+
+  .social-icons {
+    margin: 0 0 1.25em -.5em;
+  }
+
+  .social-icon {
+    padding: 0.3em 0.5em;
+    margin: 0.32em 0.1em;
+    display: inline-block;
+    height: 2em;
+    position: relative;
+  }
+
+  .social-icon>svg:hover {
+    fill: $gray-medium;
+  }
+
+  a {
+    text-decoration: none;
+    font-size: 0.95rem;
+    color: $gray-light;
+  }
+
+  a:visited {
+    color: $gray-light;
+  }
+
+  a:hover {
+    color: $gray-medium;
+  }
+}
+
+// BREAKPOINTS
+@import "partials/_breakpoints";
+@import "custom";

assets/css/partials/_breakpoints.scss

@@ -0,0 +1,96 @@
+@mixin media($for-tablet-up) {
+    @media only screen and (min-width: $for-tablet-up) {
+        @content;
+    }
+}
+
+@include media(900px) {
+    // TOP NAV
+    nav {
+        position: fixed;
+        overflow-y: scroll;
+        height: 100%;
+        top: 0;
+        left: 36px;
+        width: 240px;
+        padding: 0px;
+    }
+
+    .site-title {
+        margin: 3em 0em 1em 0em;
+        text-align: left;
+    }
+
+    .nav-menu {
+        display: flex;
+        flex-direction: column;
+        align-items: flex-start;
+    }
+
+    .nav-link {
+        margin-bottom: 0.5em;
+    }
+
+    .description {
+        text-align: left;
+        padding: 1.55em 0 0.5em 0;
+        border-bottom: none;
+        margin-bottom: 1em;
+        margin-top: 0em;
+    }
+
+    .article-content {
+        margin-top: 1.4em;
+    }
+
+    // CONTENT
+    .paginator {
+        padding-bottom: 2em;
+    }
+
+    .content-container {
+        max-width: 680px;
+        margin-left: 310px;
+        padding: 0 1.5em 0 0;
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+
+        h1 {
+            font-size: 1.9em;
+            border-top: none;
+            padding-top: 0em;
+            margin-top: 1.4em;
+        }
+    }
+
+    .post-title {
+        border-top: none;
+        padding-top: 0em;
+        margin-top: 0.75em;
+    }
+
+    // FOOTER
+    .page-footer {
+        border-bottom: none;
+    }
+
+    .footer {
+        position: relative;
+        visibility: visible;
+        margin-top: 1em;
+        text-align: left;
+    }
+
+    .footer-mobile {
+        visibility: hidden;
+        height: 0em;
+        padding: 0em;
+        margin: 0em;
+        overflow: hidden;
+    }
+
+    .social-icons {
+        width: 100%;
+    }
+}

assets/css/partials/_fonts.scss

@@ -0,0 +1,32 @@
+@font-face {
+    font-family: Noto Sans;
+    src: url(../fonts/NotoSans-Regular.woff2) format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+         url(../fonts/NotoSans-Regular.woff) format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+    font-weight: 400;
+    font-display: fallback;
+  }
+
+@font-face {
+    font-family: Noto Sans;
+    src: url(../fonts/NotoSans-Italic.woff2) format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+         url(../fonts/NotoSans-Italic.woff) format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+    font-weight: 400;
+    font-style: italic;
+    font-display: fallback;
+}
+
+@font-face {
+    font-family: Noto Serif;
+    src: url(../fonts/NotoSerif-SemiBold.woff2) format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+         url(../fonts/NotoSerif-SemiBold.woff) format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+    font-weight: 600;
+    font-display: fallback;
+}
+
+@font-face {
+    font-family: Noto Serif;
+    src: url(../fonts/NotoSerif-Bold.woff2) format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+         url(../fonts/NotoSerif-Bold.woff) format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+    font-weight: 700;
+    font-display: fallback;
+}

assets/css/vendor/normalize.scss

@@ -0,0 +1,350 @@
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
+
+/* Document
+   ========================================================================== */
+
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
+ */
+
+ html {
+    line-height: 1.15; /* 1 */
+    -webkit-text-size-adjust: 100%; /* 2 */
+  }
+  
+  /* Sections
+     ========================================================================== */
+  
+  /**
+   * Remove the margin in all browsers.
+   */
+  
+  body {
+    margin: 0;
+  }
+  
+  /**
+   * Render the `main` element consistently in IE.
+   */
+  
+  main {
+    display: block;
+  }
+  
+  /**
+   * Correct the font size and margin on `h1` elements within `section` and
+   * `article` contexts in Chrome, Firefox, and Safari.
+   */
+  
+  h1 {
+    font-size: 2em;
+    margin: 0.67em 0;
+  }
+  
+  /* Grouping content
+     ========================================================================== */
+  
+  /**
+   * 1. Add the correct box sizing in Firefox.
+   * 2. Show the overflow in Edge and IE.
+   */
+  
+  hr {
+    box-sizing: content-box; /* 1 */
+    height: 0; /* 1 */
+    overflow: visible; /* 2 */
+  }
+  
+  /**
+   * 1. Correct the inheritance and scaling of font size in all browsers.
+   * 2. Correct the odd `em` font sizing in all browsers.
+   */
+  
+  pre {
+    font-family: monospace, monospace; /* 1 */
+    font-size: 1em; /* 2 */
+  }
+  
+  /* Text-level semantics
+     ========================================================================== */
+  
+  /**
+   * Remove the gray background on active links in IE 10.
+   */
+  
+  a {
+    background-color: transparent;
+  }
+  
+  /**
+   * 1. Remove the bottom border in Chrome 57-
+   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+   */
+  
+  abbr[title] {
+    border-bottom: none; /* 1 */
+    text-decoration: underline; /* 2 */
+    text-decoration: underline dotted; /* 2 */
+  }
+  
+  /**
+   * Add the correct font weight in Chrome, Edge, and Safari.
+   */
+  
+  b,
+  strong {
+    font-weight: bolder;
+  }
+  
+  /**
+   * 1. Correct the inheritance and scaling of font size in all browsers.
+   * 2. Correct the odd `em` font sizing in all browsers.
+   */
+  
+  code,
+  kbd,
+  samp {
+    font-family: monospace, monospace; /* 1 */
+    font-size: 1em; /* 2 */
+  }
+  
+  /**
+   * Add the correct font size in all browsers.
+   */
+  
+  small {
+    font-size: 80%;
+  }
+  
+  /**
+   * Prevent `sub` and `sup` elements from affecting the line height in
+   * all browsers.
+   */
+  
+  sub,
+  sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+  }
+  
+  sub {
+    bottom: -0.25em;
+  }
+  
+  sup {
+    top: -0.5em;
+  }
+  
+  /* Embedded content
+     ========================================================================== */
+  
+  /**
+   * Remove the border on images inside links in IE 10.
+   */
+  
+  img {
+    border-style: none;
+  }
+  
+  /* Forms
+     ========================================================================== */
+  
+  /**
+   * 1. Change the font styles in all browsers.
+   * 2. Remove the margin in Firefox and Safari.
+   */
+  
+  button,
+  input,
+  optgroup,
+  select,
+  textarea {
+    font-family: inherit; /* 1 */
+    font-size: 100%; /* 1 */
+    line-height: 1.15; /* 1 */
+    margin: 0; /* 2 */
+  }
+  
+  /**
+   * Show the overflow in IE.
+   * 1. Show the overflow in Edge.
+   */
+  
+  button,
+  input { /* 1 */
+    overflow: visible;
+  }
+  
+  /**
+   * Remove the inheritance of text transform in Edge, Firefox, and IE.
+   * 1. Remove the inheritance of text transform in Firefox.
+   */
+  
+  button,
+  select { /* 1 */
+    text-transform: none;
+  }
+  
+  /**
+   * Correct the inability to style clickable types in iOS and Safari.
+   */
+  
+  button,
+  [type="button"],
+  [type="reset"],
+  [type="submit"] {
+    -webkit-appearance: button;
+  }
+  
+  /**
+   * Remove the inner border and padding in Firefox.
+   */
+  
+  button::-moz-focus-inner,
+  [type="button"]::-moz-focus-inner,
+  [type="reset"]::-moz-focus-inner,
+  [type="submit"]::-moz-focus-inner {
+    border-style: none;
+    padding: 0;
+  }
+  
+  /**
+   * Restore the focus styles unset by the previous rule.
+   */
+  
+  button:-moz-focusring,
+  [type="button"]:-moz-focusring,
+  [type="reset"]:-moz-focusring,
+  [type="submit"]:-moz-focusring {
+    outline: 1px dotted ButtonText;
+  }
+  
+  /**
+   * Correct the padding in Firefox.
+   */
+  
+  fieldset {
+    padding: 0.35em 0.75em 0.625em;
+  }
+  
+  /**
+   * 1. Correct the text wrapping in Edge and IE.
+   * 2. Correct the color inheritance from `fieldset` elements in IE.
+   * 3. Remove the padding so developers are not caught out when they zero out
+   *    `fieldset` elements in all browsers.
+   */
+  
+  legend {
+    box-sizing: border-box; /* 1 */
+    color: inherit; /* 2 */
+    display: table; /* 1 */
+    max-width: 100%; /* 1 */
+    padding: 0; /* 3 */
+    white-space: normal; /* 1 */
+  }
+  
+  /**
+   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+   */
+  
+  progress {
+    vertical-align: baseline;
+  }
+  
+  /**
+   * Remove the default vertical scrollbar in IE 10+.
+   */
+  
+  textarea {
+    overflow: auto;
+  }
+  
+  /**
+   * 1. Add the correct box sizing in IE 10.
+   * 2. Remove the padding in IE 10.
+   */
+  
+  [type="checkbox"],
+  [type="radio"] {
+    box-sizing: border-box; /* 1 */
+    padding: 0; /* 2 */
+  }
+  
+  /**
+   * Correct the cursor style of increment and decrement buttons in Chrome.
+   */
+  
+  [type="number"]::-webkit-inner-spin-button,
+  [type="number"]::-webkit-outer-spin-button {
+    height: auto;
+  }
+  
+  /**
+   * 1. Correct the odd appearance in Chrome and Safari.
+   * 2. Correct the outline style in Safari.
+   */
+  
+  [type="search"] {
+    -webkit-appearance: textfield; /* 1 */
+    outline-offset: -2px; /* 2 */
+  }
+  
+  /**
+   * Remove the inner padding in Chrome and Safari on macOS.
+   */
+  
+  [type="search"]::-webkit-search-decoration {
+    -webkit-appearance: none;
+  }
+  
+  /**
+   * 1. Correct the inability to style clickable types in iOS and Safari.
+   * 2. Change font properties to `inherit` in Safari.
+   */
+  
+  ::-webkit-file-upload-button {
+    -webkit-appearance: button; /* 1 */
+    font: inherit; /* 2 */
+  }
+  
+  /* Interactive
+     ========================================================================== */
+  
+  /*
+   * Add the correct display in Edge, IE 10+, and Firefox.
+   */
+  
+  details {
+    display: block;
+  }
+  
+  /*
+   * Add the correct display in all browsers.
+   */
+  
+  summary {
+    display: list-item;
+  }
+  
+  /* Misc
+     ========================================================================== */
+  
+  /**
+   * Add the correct display in IE 10+.
+   */
+  
+  template {
+    display: none;
+  }
+  
+  /**
+   * Add the correct display in IE 10.
+   */
+  
+  [hidden] {
+    display: none;
+  }
+  

assets/css/vendor/syntax.scss

@@ -0,0 +1,59 @@
+/* Background */ .chroma { color: #f8f8f2; background-color: #272822 }
+/* Error */ .chroma .err { color: #960050; background-color: #1e0010 }
+/* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
+/* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; }
+/* LineHighlight */ .chroma .hl { display: block; width: 100%;background-color: #ffffcc }
+/* LineNumbersTable */ .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
+/* LineNumbers */ .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
+/* Keyword */ .chroma .k { color: #66d9ef }
+/* KeywordConstant */ .chroma .kc { color: #66d9ef }
+/* KeywordDeclaration */ .chroma .kd { color: #66d9ef }
+/* KeywordNamespace */ .chroma .kn { color: #f92672 }
+/* KeywordPseudo */ .chroma .kp { color: #66d9ef }
+/* KeywordReserved */ .chroma .kr { color: #66d9ef }
+/* KeywordType */ .chroma .kt { color: #66d9ef }
+/* NameAttribute */ .chroma .na { color: #a6e22e }
+/* NameClass */ .chroma .nc { color: #a6e22e }
+/* NameConstant */ .chroma .no { color: #66d9ef }
+/* NameDecorator */ .chroma .nd { color: #a6e22e }
+/* NameException */ .chroma .ne { color: #a6e22e }
+/* NameFunction */ .chroma .nf { color: #a6e22e }
+/* NameOther */ .chroma .nx { color: #a6e22e }
+/* NameTag */ .chroma .nt { color: #f92672 }
+/* Literal */ .chroma .l { color: #ae81ff }
+/* LiteralDate */ .chroma .ld { color: #e6db74 }
+/* LiteralString */ .chroma .s { color: #e6db74 }
+/* LiteralStringAffix */ .chroma .sa { color: #e6db74 }
+/* LiteralStringBacktick */ .chroma .sb { color: #e6db74 }
+/* LiteralStringChar */ .chroma .sc { color: #e6db74 }
+/* LiteralStringDelimiter */ .chroma .dl { color: #e6db74 }
+/* LiteralStringDoc */ .chroma .sd { color: #e6db74 }
+/* LiteralStringDouble */ .chroma .s2 { color: #e6db74 }
+/* LiteralStringEscape */ .chroma .se { color: #ae81ff }
+/* LiteralStringHeredoc */ .chroma .sh { color: #e6db74 }
+/* LiteralStringInterpol */ .chroma .si { color: #e6db74 }
+/* LiteralStringOther */ .chroma .sx { color: #e6db74 }
+/* LiteralStringRegex */ .chroma .sr { color: #e6db74 }
+/* LiteralStringSingle */ .chroma .s1 { color: #e6db74 }
+/* LiteralStringSymbol */ .chroma .ss { color: #e6db74 }
+/* LiteralNumber */ .chroma .m { color: #ae81ff }
+/* LiteralNumberBin */ .chroma .mb { color: #ae81ff }
+/* LiteralNumberFloat */ .chroma .mf { color: #ae81ff }
+/* LiteralNumberHex */ .chroma .mh { color: #ae81ff }
+/* LiteralNumberInteger */ .chroma .mi { color: #ae81ff }
+/* LiteralNumberIntegerLong */ .chroma .il { color: #ae81ff }
+/* LiteralNumberOct */ .chroma .mo { color: #ae81ff }
+/* Operator */ .chroma .o { color: #f92672 }
+/* OperatorWord */ .chroma .ow { color: #f92672 }
+/* Comment */ .chroma .c { color: #75715e }
+/* CommentHashbang */ .chroma .ch { color: #75715e }
+/* CommentMultiline */ .chroma .cm { color: #75715e }
+/* CommentSingle */ .chroma .c1 { color: #75715e }
+/* CommentSpecial */ .chroma .cs { color: #75715e }
+/* CommentPreproc */ .chroma .cp { color: #75715e }
+/* CommentPreprocFile */ .chroma .cpf { color: #75715e }
+/* GenericDeleted */ .chroma .gd { color: #f92672 }
+/* GenericEmph */ .chroma .ge { font-style: italic }
+/* GenericInserted */ .chroma .gi { color: #a6e22e }
+/* GenericStrong */ .chroma .gs { font-weight: bold }
+/* GenericSubheading */ .chroma .gu { color: #75715e }

assets/js/main.js

@@ -0,0 +1,13 @@
+window.onload = wrapTable();
+
+// Wrap tables in a div so that they scroll responsively. 
+function wrapTable() {
+    const tables = document.querySelectorAll('table');
+    tables.forEach((table) => {
+      const tableWrapper = document.createElement('div');
+      tableWrapper.className = 'table-wrapper';
+      table.parentElement.replaceChild(tableWrapper, table);
+      tableWrapper.appendChild(table);
+    });
+  };
+

exampleSite/archetypes/default.md

@@ -0,0 +1,6 @@
+---
+title: "{{ replace .Name "-" " " | title }}"
+date: {{ .Date }}
+draft: true
+---
+

exampleSite/config.toml

@@ -0,0 +1,95 @@
+baseURL = "https://example.com"
+languageCode = "en-us"
+title = "Noteworthy"
+theme = "noteworthy"
+enableRobotsTXT = true
+paginate = 4 # Set the number of posts to show before overflowing to the next page.
+summaryLength = 10 # Configure how long the post summary should be on the homepage.
+disableKinds = ["taxonomyTerm"]
+
+[author]
+	name = "kimcc"
+
+[params]
+	math = true
+	# Blog description at the top of the homepage. Supports markdown.
+	description = "Noteworthy is a minimalist Hugo theme, perfect for writers and bloggers."
+
+	# Add links to your accounts. Remove the ones you don't want to include.
+	# Main
+	email = ""
+    facebook = ""
+    twitter = ""
+	instagram = ""
+	tumblr = ""
+	reddit = ""
+	pinterest = ""
+	youtube = ""
+	weibo = ""
+	vk = ""
+	linkedin = ""
+
+	# Writing
+    medium = ""
+	blogger = ""
+	wordpress = ""
+
+	# Creative & Visual
+    dribbble = ""
+	behance = ""
+	deviantart = ""
+	flickr = ""
+
+	# Programming
+    github = ""
+	stackoverflow = ""
+	gitlab = ""
+	codepen = ""
+
+# Add your Disqus shortname here.
+disqusShortname = ""      
+
+# Add your Google Analytics identifier: UA-XXXXXXXX-X
+googleAnalytics = "" 
+
+# Menu links along the sidebar navigation.
+[[menu.main]]
+	identifier = "about"
+	name = "About"
+	url = "/about/"
+	weight = 1 # Weight is an integer used to sort the menu items. The sorting goes from smallest to largest numbers. If weight is not defined for each menu entry, Hugo will sort the entries alphabetically.
+
+[[menu.main]]
+	identifier = "tags"
+	name = "Tags"
+	url = "/tags/"
+	weight = 2
+
+[[menu.main]]
+	name = "Archives"
+	identifier = "archives"
+	url = "/archives/"
+	weight = 3
+
+# Privacy configurations: https://gohugo.io/about/hugo-and-gdpr/
+[privacy]
+  [privacy.disqus]
+    disable = false
+  [privacy.googleAnalytics]
+    anonymizeIP = true
+    disable = false
+    respectDoNotTrack = false
+    useSessionStorage = false
+  [privacy.instagram]
+    disable = false
+    simple = false
+  [privacy.twitter]
+    disable = false
+    enableDNT = false
+    simple = false
+  [privacy.vimeo]
+    disable = false
+    simple = false
+  [privacy.youtube]
+    disable = false
+    privacyEnhanced = true

exampleSite/content/about.md

@@ -0,0 +1,24 @@
+---
+date: 2019-05-28
+type: section
+title: "About"
+---
+
+Written in Go, Hugo is an open source static site generator available under the [Apache License 2.0](https://github.com/gohugoio/hugo/blob/master/LICENSE). Hugo supports TOML, YAML, and JSON data file types, Markdown and HTML content files and uses shortcodes to add rich content. Other notable features are taxonomies, multilingual mode, image processing, custom output formats, HTML/CSS/JS minification and support for Sass SCSS workflows.
+
+Hugo makes use of a variety of open source projects including:
+
+* [Blackfriday](https://github.com/russross/blackfriday)
+* [Chroma](https://github.com/alecthomas/chroma)
+* [Smartcrop](https://github.com/muesli/smartcrop)
+* [Cobra](https://github.com/spf13/cobra)
+* [Viper](https://github.com/spf13/viper)
+
+Hugo is ideal for blogs, corporate websites, creative portfolios, online magazines, single page applications or even a website with thousands of pages.
+
+Hugo is for people who want to hand code their own website without worrying about setting up complicated runtimes, dependencies and databases.
+
+Websites built with Hugo are extremelly fast, secure and can be deployed anywhere including, AWS, GitHub Pages, Heroku, Netlify and any other hosting provider.
+
+Learn more and contribute on [GitHub](https://github.com/gohugoio).
+

exampleSite/content/archives.md

@@ -0,0 +1,5 @@
+---
+date: 2019-05-28
+type: section
+layout: "archives"
+---

exampleSite/content/posts/emoji-support.md

@@ -0,0 +1,30 @@
+---
+author: "Hugo Authors"
+title: "Emoji Support"
+date: "2019-12-03"
+description: "Guide to emoji usage in Hugo"
+tags: [
+    "emoji",
+]
+---
+Emoji can be enabled in a Hugo project in a number of ways.
+
+The [`emojify`](https://gohugo.io/functions/emojify/) function can be called directly in templates or [Inline Shortcodes](https://gohugo.io/templates/shortcode-templates/#inline-shortcodes). 
+
+To enable emoji globally, set `enableEmoji` to `true` in your site’s [configuration](https://gohugo.io/getting-started/configuration/) and then you can type emoji shorthand codes directly in content files; e.g.
+
+
+<p><span class="nowrap"><span class="emojify">🙈</span> <code>:see_no_evil:</code></span>  <span class="nowrap"><span class="emojify">🙉</span> <code>:hear_no_evil:</code></span>  <span class="nowrap"><span class="emojify">🙊</span> <code>:speak_no_evil:</code></span></p>
+<br>
+
+The [Emoji cheat sheet](http://www.emoji-cheat-sheet.com/) is a useful reference for emoji shorthand codes.
+
+***
+
+**N.B.** The above steps enable Unicode Standard emoji characters and sequences in Hugo, however the rendering of these glyphs depends on the browser and the platform. To style the emoji you can either use a third party emoji font or a font stack; e.g.
+
+{{< highlight html >}}
+.emoji {
+font-family: Apple Color Emoji,Segoe UI Emoji,NotoColorEmoji,Segoe UI Symbol,Android Emoji,EmojiSymbols;
+}
+{{< /highlight >}}

exampleSite/content/posts/markdown-syntax.md

@@ -0,0 +1,142 @@
+---
+author: "Hugo Authors"
+title: "Markdown Syntax"
+date: "2020-01-24"
+description: "Sample article showcasing basic Markdown syntax and formatting for HTML elements."
+tags: [
+    "markdown",
+    "css",
+    "html",
+    "themes",
+]
+
+---
+
+This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.
+<!--more-->
+
+## Headings
+
+The following HTML `<h1>`—`<h6>` elements represent six levels of section headings. `<h1>` is the highest section level while `<h6>` is the lowest.
+
+# H1
+## H2
+### H3
+#### H4
+##### H5
+###### H6
+
+## Paragraph
+
+Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.
+
+Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.
+
+## Blockquotes
+
+The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a `footer` or `cite` element, and optionally with in-line changes such as annotations and abbreviations.
+
+#### Blockquote without attribution
+
+> Tiam, ad mint andaepu dandae nostion secatur sequo quae.
+> **Note** that you can use *Markdown syntax* within a blockquote.
+
+#### Blockquote with attribution
+
+> Don't communicate by sharing memory, share memory by communicating.</p>
+> — <cite>Rob Pike[^1]</cite>
+
+
+[^1]: The above quote is excerpted from Rob Pike's [talk](https://www.youtube.com/watch?v=PAAkCSZUG1c) during Gopherfest, November 18, 2015.
+
+## Tables
+
+Tables aren't part of the core Markdown spec, but Hugo supports them out-of-the-box.
+
+   Name | Age
+--------|------
+    Bob | 27
+  Alice | 23
+
+#### Inline Markdown within tables
+
+| Inline&nbsp;&nbsp;&nbsp;     | Markdown&nbsp;&nbsp;&nbsp;  | In&nbsp;&nbsp;&nbsp;                | Table      |
+| ---------- | --------- | ----------------- | ---------- |
+| *italics*  | **bold**  | ~~strikethrough~~&nbsp;&nbsp;&nbsp; | `code`     |
+
+## Code Blocks
+
+#### Code block with backticks
+
+```
+html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Example HTML5 Document</title>
+</head>
+<body>
+  <p>Test</p>
+</body>
+</html>
+```
+#### Code block indented with four spaces
+
+    <!DOCTYPE html>
+    <html lang="en">
+    <head>
+      <meta charset="UTF-8">
+      <title>Example HTML5 Document</title>
+    </head>
+    <body>
+      <p>Test</p>
+    </body>
+    </html>
+
+#### Code block with Hugo's internal highlight shortcode
+{{< highlight html >}}
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Example HTML5 Document</title>
+</head>
+<body>
+  <p>Test</p>
+</body>
+</html>
+{{< /highlight >}}
+
+## List Types
+
+#### Ordered List
+
+1. First item
+2. Second item
+3. Third item
+
+#### Unordered List
+
+* List item
+* Another item
+* And another item
+
+#### Nested list
+
+* Item
+1. First Sub-item
+2. Second Sub-item
+
+## Other Elements — abbr, sub, sup, kbd, mark
+
+<abbr title="Graphics Interchange Format">GIF</abbr> is a bitmap image format.
+
+H<sub>2</sub>O
+
+X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>
+
+Press <kbd><kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd></kbd> to end the session.
+
+Most <mark>salamanders</mark> are nocturnal, and hunt for insects, worms, and other small creatures.
+

exampleSite/content/posts/math-typesetting.mmark

@@ -0,0 +1,38 @@
+---
+author: Hugo Authors
+title: Math Typesetting
+date: 2019-12-12
+description: A brief guide to setup KaTeX
+markup: mmark
+type: "post"
+---
+
+Mathematical notation in a Hugo project can be enabled by using third party JavaScript libraries.
+
+In this example we will be using [KaTeX](https://katex.org/)
+
+- Create a partial under `/layouts/partials/math.html`
+- Within this partial reference the [Auto-render Extension](https://katex.org/docs/autorender.html) or host these scripts locally.
+- Include the partial in your templates like so:  
+
+```
+{{ if or .Params.math .Site.Params.math }}
+{{ partial "math.html" . }}
+{{ end }}
+```  
+- To enable KaTex globally set the parameter `math` to `true` in a project's configuration
+- To enable KaTex on a per page basis include the parameter `math: true` in content files.
+
+**Note:** Use the online reference of [Supported TeX Functions](https://katex.org/docs/supported.html)
+
+
+### Examples
+
+Inline math: $$ \varphi = \dfrac{1+\sqrt5}{2}= 1.6180339887… $$
+
+Block math:
+
+$$
+ \varphi = 1+\frac{1} {1+\frac{1} {1+\frac{1} {1+\cdots} } } 
+$$
+

exampleSite/content/posts/placeholder-text.md

@@ -0,0 +1,59 @@
+---
+author: "Hugo Authors"
+title: "Placeholder Text"
+date: "2019-12-17"
+description: "Lorem Ipsum Dolor Si Amet"
+tags: [
+    "markdown",
+    "text",
+]
+type: "post"
+---
+
+Lorem est tota propiore conpellat pectoribus de pectora summo. <!--more-->
+Redit teque digerit hominumque toris verebor lumina non cervice
+subde tollit usus habet Arctonque, furores quas nec ferunt. Quoque montibus nunc
+caluere tempus inhospita parcite confusaque translucet patri vestro qui optatis
+lumine cognoscere flos nubis! Fronde ipsamque patulos Dryopen deorum.
+
+1. Exierant elisi ambit vivere dedere
+2. Duce pollice
+3. Eris modo
+4. Spargitque ferrea quos palude
+
+Rursus nulli murmur; hastile inridet ut ab gravi sententia! Nomine potitus
+silentia flumen, sustinet placuit petis in dilapsa erat sunt. Atria
+tractus malis.
+
+1. Comas hunc haec pietate fetum procerum dixit
+2. Post torum vates letum Tiresia
+3. Flumen querellas
+4. Arcanaque montibus omnes
+5. Quidem et
+
+# Vagus elidunt
+
+<svg class="canon" xmlns="http://www.w3.org/2000/svg" overflow="visible" viewBox="0 0 496 373" height="373" width="496"><g fill="none"><path stroke="#000" stroke-width=".75" d="M.599 372.348L495.263 1.206M.312.633l494.95 370.853M.312 372.633L247.643.92M248.502.92l246.76 370.566M330.828 123.869V1.134M330.396 1.134L165.104 124.515"></path><path stroke="#ED1C24" stroke-width=".75" d="M275.73 41.616h166.224v249.05H275.73zM54.478 41.616h166.225v249.052H54.478z"></path><path stroke="#000" stroke-width=".75" d="M.479.375h495v372h-495zM247.979.875v372"></path><ellipse cx="498.729" cy="177.625" rx=".75" ry="1.25"></ellipse><ellipse cx="247.229" cy="377.375" rx=".75" ry="1.25"></ellipse></g></svg>
+
+[The Van de Graaf Canon](https://en.wikipedia.org/wiki/Canons_of_page_construction#Van_de_Graaf_canon)
+
+## Mane refeci capiebant unda mulcebat
+
+Victa caducifer, malo vulnere contra
+dicere aurato, ludit regale, voca! Retorsit colit est profanae esse virescere
+furit nec; iaculi matertera et visa est, viribus. Divesque creatis, tecta novat collumque vulnus est, parvas. **Faces illo pepulere** tempus adest. Tendit flamma, ab opes virum sustinet, sidus sequendo urbis.
+
+Iubar proles corpore raptos vero auctor imperium; sed et huic: manus caeli
+Lelegas tu lux. Verbis obstitit intus oblectamina fixis linguisque ausus sperare
+Echionides cornuaque tenent clausit possit. Omnia putatur. Praeteritae refert
+ausus; ferebant e primus lora nutat, vici quae mea ipse. Et iter nil spectatae
+vulnus haerentia iuste et exercebat, sui et.
+
+Eurytus Hector, materna ipsumque ut Politen, nec, nate, ignari, vernum cohaesit sequitur. Vel **mitis temploque** vocatus, inque alis, *oculos nomen* non silvis corpore coniunx ne displicet illa. Crescunt non unus, vidit visa quantum inmiti flumina mortis facto sic: undique a alios vincula sunt iactata abdita! Suspenderat ego fuit tendit: luna, ante urbem
+Propoetides **parte**.
+
+{{< css.inline >}}
+<style>
+.canon { background: white; width: 100%; height: auto;}
+</style>
+{{< /css.inline >}}

exampleSite/content/posts/rich-content.md

@@ -0,0 +1,43 @@
+---
+author: "Hugo Authors"
+title: "Rich Content"
+date: "2020-01-02"
+description: "A brief description of Hugo Shortcodes"
+tags: [
+    "shortcodes",
+    "privacy",
+]
+type: "post"
+---
+
+Hugo ships with several [Built-in Shortcodes](https://gohugo.io/content-management/shortcodes/#use-hugo-s-built-in-shortcodes) for rich content, along with a [Privacy Config](https://gohugo.io/about/hugo-and-gdpr/) and a set of Simple Shortcodes that enable static and no-JS versions of various social media embeds.
+<!--more-->
+---
+
+## Instagram Simple Shortcode
+
+{{< instagram_simple BGvuInzyFAe hidecaption >}}
+
+<br>
+
+---
+
+## YouTube Privacy Enhanced Shortcode
+
+{{< youtube ZJthWmvUzzc >}}
+
+<br>
+
+---
+
+## Twitter Simple Shortcode
+
+{{< twitter_simple 1085870671291310081 >}}
+
+<br>
+
+---
+
+## Vimeo Simple Shortcode
+
+{{< vimeo_simple 48912912 >}}

exampleSite/content/tags.md

@@ -0,0 +1,5 @@
+---
+type: section
+date: 2019-05-28
+layout: "tags"
+---

layouts/404.html

@@ -0,0 +1,7 @@
+{{ define "title" }}404 page not found - {{ .Site.Title }}{{ end }}
+
+{{ define "main" }}
+    <h1 class="not-found-title">404: Not found</h1>
+    <h2>Sorry, we couldn't find the page you're looking for.</h2>
+    <a href="{{ "/" | relLangURL }}">Go back home</a>
+{{ end }}

layouts/_default/baseof.html

@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<!-- Default base template. Other templates define the "main" portion in this template -->
+<html lang="{{ $.Site.LanguageCode | default "en" }}">
+    {{ partial "head.html" . }}
+    <body>
+        {{ partial "nav.html" . }}
+        <div id="content" class="content-container">
+        {{ block "main" . }}
+        {{ end }}
+        {{ partial "math.html" . }}
+        </div>
+        {{ partial "footer-mobile.html" . }}
+    </body>
+</html>

layouts/_default/section.html

@@ -0,0 +1,30 @@
+<!-- This page is the same as the Archives page -->
+{{ define "main" }}
+<!-- All of the site's posts grouped by year -->
+  <h1>
+    Archives
+  </h1>
+  <div>
+     <!-- Group all the post pages from the same year -->
+      {{ $pages := where site.RegularPages "Type" "in" site.Params.mainSections }}
+      {{ range ($pages.GroupByDate "2006") }}
+          <h3>{{ .Key }}</h3> <!-- Display the year -->
+
+          <ul class="archives-list"> 
+            
+              {{ range (.Pages) }}
+             
+                  <li class="archives-list-item">
+                    <span class="archives-list-item-date">{{ .PublishDate.Format "Jan 2" }}</span>
+                    <span>
+                      <a href="{{ .RelPermalink }}">{{ .Title }}</a>
+                    </span>
+                  </li>
+              {{ end }}
+          </ul>
+      {{ end }}
+  </div>
+
+  <div class="page-footer"></div>
+
+{{ end }}

layouts/_default/single.html

@@ -0,0 +1,23 @@
+{{ define "main" }}
+<h1 class="post-title">{{ .Title }}</h1>
+    <time>{{ .Date.Format "January 2, 2006" }}</time>
+    <div>
+        <p>
+        {{ .Content }}
+        </p>
+    </div>
+    {{ template "_internal/disqus.html" . }}
+
+    <div class="page-footer">
+    {{ $taxonomy := "tags" }}
+    {{ with .Param $taxonomy }}
+        <hr class="footer-divider">
+        {{ range $index, $tag := . }}
+        {{ with $.Site.GetPage (printf "/%s/%s" $taxonomy $tag) }}
+            <a class="tag" href="{{ .Permalink }}">#{{ $tag | urlize }}</a>
+        {{ end }}
+        {{ end }}
+    {{ end }}
+    </div>
+
+{{end}}

layouts/_default/tag.html

@@ -0,0 +1,24 @@
+{{ define "main" }}
+<!-- Page that displays after clicking on a post's tag -->
+  <h1>Tagged "{{ .Data.Term }}"</h1>
+  {{range .Pages}}
+  
+    <!-- Display the posts with the tag -->
+    <article>
+            <h2>
+                <a href="{{ .Permalink }}">
+                    {{ .Title }}
+                </a>
+            </h2>
+            <div>
+                <p>
+                {{ .Summary }}
+                </p>
+            </div>
+            <div class="post-footer">
+            <time>{{ .Date.Format "January 2, 2006" }}</time>
+            </div> 
+        </article>
+    {{ end }}
+
+{{ end }}

layouts/index.html

@@ -0,0 +1,67 @@
+{{ define "main" }}
+<div class = "article-content">
+        {{ if isset .Site.Params "description" }}
+        <div class="description">
+            <p>{{ .Site.Params.Description | markdownify }}</p>
+        </div>
+        {{ end }}
+        <!-- Range over the pages and only include the ones that are a post type -->
+        {{ $pages := where site.RegularPages "Type" "in" site.Params.mainSections }}
+        {{ range (.Paginate $pages).Pages }}
+        <article>
+            <h2>
+                <a href="{{ .Permalink }}">
+                    {{ .Title }}
+                </a>
+            </h2>
+            <div><p>{{ .Summary }}</p></div>
+            <div class="post-footer">
+            <time>{{ .Date.Format "January 2, 2006" }}</time>
+
+             <!-- Display tags -->
+            {{ $taxonomy := "tags" }}
+            {{ with .Param $taxonomy }}
+                {{ range $index, $tag := . }}
+                {{ with $.Site.GetPage (printf "/%s/%s" $taxonomy $tag) }}
+                    <a class="tag" href="{{ .Permalink }}">#{{ $tag | urlize }}</a>
+                {{ end }}
+                {{ end }}
+            {{ end }}
+            </div> 
+           
+        </article>
+        {{ end }}
+    </div>
+        <!-- Custom paginator -->
+        <div class="paginator">
+        {{ $paginator := .Paginator }}
+        {{ if gt .Paginator.TotalPages 1 }}
+        <p>Page {{ $paginator.PageNumber}} of {{ $paginator.TotalPages }}</p>
+        <div class="paginator-group">
+            {{ if $paginator.HasPrev }}
+            <a class="color-link" href="{{ $paginator.Prev.URL }}">
+                    <svg width="13px" height="9px" viewBox="0 0 13 9" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+                        <g class="color-arrow" fill="#63BDA2" fill-rule="nonzero">
+                            <polygon id="Path" points="1.75929935 4.50000282 5.3292523 7.62371165 4.6707477 8.37628835 0.240700645 4.49999718 4.67081049 0.623709205 5.32930951 1.37629079"></polygon>
+                            <polygon id="Path" points="13 4 13 5 1 5 1 4"></polygon>
+                        </g>
+                </svg>  
+                Newer          
+            </a>
+            {{ end }}
+            {{ if $paginator.HasNext }}
+                <a class="color-link older" href="{{ $paginator.Next.URL }}">
+                    Older
+                    <svg width="13px" height="9px" viewBox="0 0 13 9" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+                            <g class="color-arrow" fill="#63BDA2" fill-rule="nonzero">
+                                <polygon points="7.6707477 1.37628835 8.3292523 0.623711653 12.7592994 4.50000282 8.32918951 8.37629079 7.67069049 7.62370921 11.2407006 4.49999718"></polygon>
+                                <polygon id="Path" points="0 5 0 4 12 4 12 5"></polygon>
+                            </g>
+                    </svg>
+                        
+                </a>
+            {{ end }}
+        </div>
+        {{ end }}
+    </div>
+{{ end }}

layouts/partials/footer-mobile.html

@@ -0,0 +1,12 @@
+<footer class="footer-mobile">
+	{{ partial "social.html" . }}
+
+	<div class="footer-mobile-links">
+		<p><a href="https://github.com/kimcc/hugo-theme-noteworthy" target="_blank" rel="noopener">Noteworthy theme</a></p>
+		<span class="divider-bar">|</span>
+		<p><a href="https://gohugo.io" target="_blank" rel="noopener">Built with Hugo</a></p>
+	</div>
+
+	{{ $script := resources.Get "js/main.js" | minify | fingerprint -}}
+	<script src="{{ $script.Permalink }}" {{ printf "integrity=%q" $script.Data.Integrity | safeHTMLAttr }}></script>
+</footer>

layouts/partials/footer.html

@@ -0,0 +1,9 @@
+<footer class="footer">
+	{{ partial "social.html" . }}
+
+	<p><a href="https://github.com/kimcc/hugo-theme-noteworthy" target="_blank" rel="noopener">Noteworthy theme</a></p>
+	<p><a href="https://gohugo.io" target="_blank" rel="noopener">Built with Hugo</a></p>
+
+	{{ $script := resources.Get "js/main.js" | minify | fingerprint -}}
+	<script src="{{ $script.Permalink }}" {{ printf "integrity=%q" $script.Data.Integrity | safeHTMLAttr }}></script>
+</footer>

layouts/partials/head.html

@@ -0,0 +1,33 @@
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="format-detection" content="telephone=no"/>
+
+    <title>{{ .Site.Title }}</title>
+    <!-- Icons -->
+    <link rel="apple-touch-icon" sizes="180x180" href="{{ "apple-touch-icon.png" | relURL }}">
+    <link rel="icon" type="image/png" sizes="32x32" href="{{ "favicon-32x32.png" | relURL }}">
+    <link rel="icon" type="image/png" sizes="16x16" href="{{ "favicon-16x16.png" | relURL }}">
+    <link rel="manifest" href="{{ "manifest.json" | relURL }}">
+    <link rel="mask-icon" href="{{ "safari-pinned-tab.svg" | relURL }}" color="#FF3DB4">
+    <meta name="theme-color" content="#ffffff">
+
+    <!-- Styles -->
+    <!-- Use Hugo Pipes to process the Sass file (convert to CSS, minify, and add a hash) -->
+    {{ $main_style := resources.Get "css/main.scss" | toCSS | minify | fingerprint }}
+    <link rel="stylesheet" href="{{ $main_style.Permalink }}"/>
+
+    <!-- Uncomment to add custom styles -->
+    <!-- Modify the custom.scss file inside assets > css to use scss -->
+    <!-- {{ $custom_style := resources.Get "css/custom.scss" | toCSS | minify | fingerprint }} 
+    <link rel="stylesheet" href="{{ $custom_style.Permalink }}"/> -->
+
+    <!-- Modify the custom.css file inside static > css to use vanilla css -->
+    <!-- <link type="text/css" rel="stylesheet" href="{{ "/" | relURL }}css/custom.css"> -->
+ 
+    {{ with .OutputFormats.Get "RSS" }}
+    {{ printf `<link rel="%s" type="%s" href="%s" title="%s" />` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }}
+    {{ end }}
+    {{ template "_internal/google_analytics.html" . }}
+</head>

layouts/partials/header.html

@@ -0,0 +1,5 @@
+<header>
+    <div class="site-title">
+        <a href="{{ "/" | relURL }}">{{ .Site.Title }}</a>
+    </div>  
+</header>

layouts/partials/math.html

@@ -0,0 +1,6 @@
+{{ if or .Page.Params.math .Site.Params.math }}
+<!-- KaTeX -->
+<link rel="stylesheet" type="text/css" href="{{ "css/katex.min.css" | relURL }}">
+<script type="text/javascript" src="{{ "js/katex.min.js" | relURL }}"></script>
+<script type="text/javascript" src="{{ "js/auto-render.min.js" | relURL }}"onload="renderMathInElement(document.body);"></script>
+{{ end }}

layouts/partials/nav.html

@@ -0,0 +1,11 @@
+<!-- Sidebar navigation -->
+<nav>
+  {{ partial "header.html" . }}
+  <div class="nav-menu">
+  {{ range .Site.Menus.main }}
+    <a class="color-link nav-link" href="{{ .URL }}">{{ .Name }}</a>
+  {{ end }}
+  <a class="color-link nav-link" href="{{ .Site.RSSLink }}" target="_blank" rel="noopener" type="application/rss+xml">RSS</a>
+</div>
+{{ partial "footer.html" . }}
+</nav>

layouts/section/archives.html

@@ -0,0 +1,29 @@
+{{ define "main" }}
+<!-- All of the site's posts grouped by year -->
+  <h1>
+    Archives
+  </h1>
+  <div>
+     <!-- Group all the post pages from the same year -->
+      {{ $pages := where site.RegularPages "Type" "in" site.Params.mainSections }}
+      {{ range ($pages.GroupByDate "2006") }}
+          <h3>{{ .Key }}</h3> <!-- Display the year -->
+
+          <ul class="archives-list"> 
+            
+              {{ range (.Pages) }}
+             
+                  <li class="archives-list-item">
+                    <span class="archives-list-item-date">{{ .PublishDate.Format "Jan 2" }}</span>
+                    <span>
+                      <a href="{{ .RelPermalink }}">{{ .Title }}</a>
+                    </span>
+                  </li>
+              {{ end }}
+          </ul>
+      {{ end }}
+  </div>
+
+  <div class="page-footer"></div>
+
+{{ end }}

layouts/section/tags.html

@@ -0,0 +1,10 @@
+{{ define "main" }}
+<!-- Shows all of the site's tags -->
+<h1>Tags</h1>
+<ul>
+{{ range .Site.Taxonomies.tags }}
+        <li><a href="{{ .Page.Permalink }}">{{ .Page.Title }}</a> {{ .Count }}</li>
+{{ end }}
+</ul>
+<div class="page-footer"></div>
+{{end}}

resources/_gen/assets/js/js/main.js_d11fe7b62c27961c87ecd0f2490357b9.content

@@ -0,0 +1 @@
+window.onload=wrapTable();function wrapTable(){const tables=document.querySelectorAll('table');tables.forEach((table)=>{const tableWrapper=document.createElement('div');tableWrapper.className='table-wrapper';table.parentElement.replaceChild(tableWrapper,table);tableWrapper.appendChild(table);});};

resources/_gen/assets/js/js/main.js_d11fe7b62c27961c87ecd0f2490357b9.json

@@ -0,0 +1 @@
+{"Target":"js/main.min.fa5c2b23e07b5d9bfad267a52b4b24fdb053e6fb7524993383594926a3ac270c.js","MediaType":"application/javascript","Data":{"Integrity":"sha256-+lwrI+B7XZv60melK0sk/bBT5vt1JJkzg1lJJqOsJww="}}

resources/_gen/assets/scss/css/custom.scss_48b060fe05b0a273d182ef83c0605941.json

@@ -0,0 +1 @@
+{"Target":"css/custom.min.e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css","MediaType":"text/css","Data":{"Integrity":"sha256-47DEQpj8HBSa+/TImW+5JCeuQeRkm5NMpJWZG3hSuFU="}}

resources/_gen/assets/scss/css/main.scss_48b060fe05b0a273d182ef83c0605941.json

@@ -0,0 +1 @@
+{"Target":"css/main.min.2545a1910010e26a9905276045afab868f812580a1e7482423da6c0c8c214d18.css","MediaType":"text/css","Data":{"Integrity":"sha256-JUWhkQAQ4mqZBSdgRa+rho+BJYCh50gkI9psDIwhTRg="}}

resources/_gen/assets/scss/css/styles.scss_48b060fe05b0a273d182ef83c0605941.content

@@ -0,0 +1 @@
+.container{display:grid;grid-template-columns:15em 1fr;grid-column-gap:32px}nav{grid-column:1}p{line-height:140%}.nav-link{display:block;color:#63bda2}.article-container{max-width:680px}.paginator{display:flex;justify-content:space-between}.post-footer{padding-top:1em}

resources/_gen/assets/scss/css/styles.scss_48b060fe05b0a273d182ef83c0605941.json

@@ -0,0 +1 @@
+{"Target":"css/styles.min.2bba906dd1ec260044b239b78eed80c3fe658e4b36f2683d617230b66f523682.css","MediaType":"text/css","Data":{"Integrity":"sha256-K7qQbdHsJgBEsjm3ju2Aw/5ljks28mg9YXIwtm9SNoI="}}

resources/_gen/assets/scss/css/styles.scss_c70ce94df64e4b85862f2e706592873a.content

@@ -0,0 +1,12 @@
+h1 {
+  color: #fff; }
+
+.container {
+  display: grid;
+  grid-template-columns: 8em auto; }
+
+nav {
+  grid-column: 1; }
+
+.nav-link {
+  display: block; }

resources/_gen/assets/scss/css/styles.scss_c70ce94df64e4b85862f2e706592873a.json

@@ -0,0 +1 @@
+{"Target":"css/styles.8230db75cc64a88fcd443b8b6e10454b87961f6d3926cd9f67c319ba7d091b85.css","MediaType":"text/css","Data":{"Integrity":"sha256-gjDbdcxkqI/NRDuLbhBFS4eWH205Js2fZ8MZun0JG4U="}}

resources/_gen/assets/scss/css/styles.scss_f300667da4f5b5f84e1a9e0702b2fdde.content

@@ -0,0 +1,9 @@
+h1 {
+  color: #fff; }
+
+.container {
+  display: grid;
+  grid-template-columns: 8em auto; }
+
+nav {
+  grid-column: 1; }

resources/_gen/assets/scss/css/styles.scss_f300667da4f5b5f84e1a9e0702b2fdde.json

@@ -0,0 +1 @@
+{"Target":"css/styles.css","MediaType":"text/css","Data":{}}

static/browserconfig.xml

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="images/favicons/mstile-150x150.png"/>
+            <square310x310logo src="images/favicons/mstile-310x310.png"/>
+            <TileColor>#2d89ef</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>