jekyll-theme-paperwiki 0.1.10 → 0.1.12

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ad9b34b7251598fbbcb9344c854bd3a6b2eec0c10adabc8a985e20ff3afa5a3f
-  data.tar.gz: 31e1c88779db240376e5e14d22e29a9cbf1222cb0f04650d77660fa611104f51
+  metadata.gz: cb963cda9b21065fa315c571b4c3f3752c33dd3282cfc86cebe06faad26699f2
+  data.tar.gz: 1ecb198c0da561d7de362321a82f894ec38a091e3a5beb9ce2e35ac5819161b7
 SHA512:
-  metadata.gz: 5fa7f1df0488178da64c8d8e500dc2446c410a91720c94776bcda9d727e2d0a8c5f622ebec9ad43d826914606cb9c44e5e4236cff9a34f2547b86801529c878f
-  data.tar.gz: 349d29b0d80fccd4a8d5514f4345e0379ba954aa7ebf896ad84049a80540b3e3e3cc259562be6d3aada6c7f5f7a78416a3627adc4c978302a8eccf19c07e608c
+  metadata.gz: f9b48b9cacf556a5078962d1b7f1bea5ad1f520316ba0235ea7fd69f51906737d18631c686bba29adb287ff606d3bbf3994506d9cd782bfdc510b98553fa52fc
+  data.tar.gz: 974f52b2ab01f55a1e81dfeca9bf33d4e612b954853260dcabc7337db668d9d79420491fc5f5dbf91aedd36d3746bead4c917bf322447a195c66e0d8ea013245

data/README.md

@@ -2,11 +2,13 @@
 
 For storing your worldbuilding notes! The intent of this theme is to get all the code out of the way and to allow you to write Markdown articles; the best way to do that is to install the theme as a gem. However, if you want to tinker with the code, just download this repository.
 
-For the easiest starting point, I have uploaded a sample site that you can download with everything preconfigured, so if you're unfamiliar with Jekyll you can bypass all the setup and get right to it. See that repo for instructions.
+For the easiest starting point, I have uploaded a [sample site](https://github.com/pomeloshark/paperwiki-example) that you can download with everything preconfigured, so if you're unfamiliar with Jekyll you can bypass all the setup and get right to it. See that repo for instructions.
 
 I've tried to adhere to accessible and easy to read design principles while retaining the look and layout of a classic wiki that we're all familiar with - I've aped some elements of Wikipedia's organizational system and layout while trying to make it as clean and user friendly as possible.
 
-This theme is not mobile friendly, as I personally do absolutely no work on mobile and thus my development skills are lacking. There is also no dark mode or other alternate colour scheme, but please feel free to fork this project and add whatever functionality it's missing.
+This theme is not mobile friendly, as I personally do absolutely no work on mobile and thus my development skills are lacking. I stuck in a couple CSS breakpoints, so it'll be mostly legible on a medium-sized tablet, but don't expect great results on a phone. There is also no dark mode or other alternate colour scheme, but please feel free to fork this project and add whatever functionality you're looking for.
+
+This theme is not really intended for blogging, but you could add in the functionality easily enough by creating a `_posts` collection and setting a default post layout in the config file, as there is a dedicated `post` layout, as well as a `blog.md` which will list all of your blog posts on one page. If you have no need for it you can delete this file.
 
 
 
@@ -53,7 +55,7 @@ This will give you a very bare bones Jekyll site, with an index page, a folder f
 To use this theme, open your Jekyll site's `Gemfile`, delete the line that says `gem "minima"` and replace it with this line:
 
 ```ruby
-gem "jekyll-theme-paperwiki", "~> 0.1.4"
+gem "jekyll-theme-paperwiki", "~> [version]"
 ```
 
 And add this line to your Jekyll site's `_config.yml`:
@@ -117,7 +119,7 @@ collections:
       permalink: /:collection/:name
 ```
 
-`/:collection/:name` means the url to each wiki entry will be `wiki/article_title` without the article file extension.
+`/:collection/:name` means the url to each wiki entry will be `wiki/article-title` without the article file extension.
 
 However, if you would like to have additional collections akin to the Wikimedia Foundation's other projects - such as Wikisource, Wikispecies, or Wiktionary - then you can specify them in the same format as above, also under the `collections` key:
 
@@ -151,13 +153,6 @@ This will add links to each different collection on your homepage, and allow you
 
 
 
-## Development
-
-When your theme is released, only the files in `_layouts`, `_includes`, `_sass` and `assets` tracked with Git will be bundled.
-To add a custom directory to your theme-gem, please edit the regexp in `jekyll-theme-paperwiki.gemspec` accordingly.
-
-
-
 ## License
 
 The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
@@ -168,4 +163,4 @@ The theme is available as open source under the terms of the [MIT License](https
 
 This theme uses the fonts [Inter](https://rsms.me/inter/), [Libertinus Serif](https://github.com/alerque/libertinus), and [Liberation Mono](https://fontlibrary.org/en/font/liberation-mono), all of which are released under the SIL Open Font License; and the icon font [RemixIcon](https://remixicon.com/), which is available under the Apache License 2.0. The [example favicon](https://www.flaticon.com/free-icon/toucan_3002355) is by Freepik at Flaticon.
 
-The search function uses [Lunr.js](https://lunrjs.com/).
+The search function uses [Lunr.js](https://lunrjs.com/). Random page functionality is from [Jekyll Random Redirect](https://github.com/jekylltools/jekyll-random-redirect).

data/_data/navigation.yml

@@ -2,5 +2,3 @@
   link: /about
 - name: Random
   link: /random
-- name: Blog
-  link: /blog

data/_includes/global_head.html

@@ -17,15 +17,4 @@
 
    <link rel="icon" type="image/png" sizes="512x512" href="/assets/images/favicon.png">
 
-   <!-------
-   <script src="http://files.keyes.ie/things/baseliner/baseliner-latest.min.js">
-   </script>
-
-   <script>
-      window.onload = function() {
-          baseliner = new Baseliner(28);
-      }
-   </script>
-   -------->
-
 </head>

data/_includes/search_results.html

@@ -1,6 +1,7 @@
 "{{ page.url | slugify }}": {
    "title": "{{ page.title | xml_escape }}",
    "content": {{ page.content | markdownify | strip_newlines | strip_html | jsonify }},
+   "collection": "{{ page.collection | xml_escape }}",
    "portal": "{{ page.portal | xml_escape }}",
    "categories": "{{ page.categories | array_to_sentence_string: "" | xml_escape }}",
    "url": "{{ site.url | append: page.url | xml_escape }}",

data/_layouts/launchpad.html

@@ -13,7 +13,7 @@
          <label for="input__text">What do you want to know?</label><br>
          <input id="input__text" name="q" class="launchpad-searchbar" required type="search" placeholder="Search">
 
-         <input type="submit" class="launchpad-search_submit" value="Go">
+         <button type="submit" class="launchpad-search_submit">Go!</button>
 
       </form>
 

data/_layouts/wiki.html

@@ -2,10 +2,10 @@
    layout: entry
 ---
 
-<article class="entry entry-wiki">
+<article class="entry entry_wiki">
 
    <h1>
-      {{ page.title }}
+      {{ page.name | remove: ".md" }}
    </h1>
 
    {% if site.entry_tags_top %}

data/_layouts/work.html

@@ -2,12 +2,16 @@
    layout: entry
 ---
 
-<article class="entry entry-work">
+<article class="entry entry_work">
 
    <h1>
       {{ page.title }}
    </h1>
 
-   {{ content }}
+   {% if page.format==verse %}
+      <section class="entry_work-verse">{{ content }}</section>
+   {% else %}
+      {{ content }}
+   {% endif %}
 
 </article>

data/_sass/partials/_base.scss

@@ -3,10 +3,18 @@
   # styling universal to all pages
 \*------------------------------------*/
 
-* {
+html {
    /* Correct box-sizing in IE. */
    box-sizing: border-box;
+}
+
+*,
+*::before,
+*::after {
+   box-sizing: inherit;
+}
 
+* {
    /* Hard reset on spacing, for the insane. */
    margin: 0;
    padding: 0;
@@ -16,8 +24,6 @@
 }
 
 body {
-   width: 85%;
-
    display: grid;
    grid-template-columns: repeat(12, 1fr);
 
@@ -25,7 +31,22 @@ body {
 
    background-color: $color-body_background;
    font-family: $fontfamily-body;
-   font-size: $fontsize-body;
+   @include for-phone-only {
+      width: 100%;
+      font-size: 85%;
+   }
+   @include for-tablet-portrait-up {
+      width: 100%;
+      font-size: 85%;
+   }
+   @include for-tablet-landscape-up {
+      width: 90%;
+      font-size: 90%;
+   }
+   @include for-desktop-up {
+      width: 85%;
+      font-size: $fontsize-body;
+   }
 }
 
 main {
@@ -39,6 +60,8 @@ main {
    background-color: $color-content_background;
 }
 
+
+
 h1,
 h2,
 h3 {
@@ -72,31 +95,84 @@ a:active {
 
 a:hover {
    color: $color-link_hover;
+   transition: $transition;
 }
 
-a:active {
-   color: $color-link_active;
+a.active,
+a:focus {
+   border: 0;
+   border-radius: 0.05em;
+   outline: 3px solid $color-link_focus;
+   outline-offset: 0.2em;
+   transition: $transition;
 }
 
 p {
    margin-bottom: 1.75em; // Equal to one line-height.
 }
 
-hr {
-   margin: 2*1.75rem 6em 2*1.68rem;
+sup,
+sub {
+   font-size: $fontsize-small;
+   line-height: 0;
+}
 
-   border-style: solid;
-   border-color: $color-hr;
+abbr {
+   cursor: help;
+}
+
+dl,
+ol,
+ul {
+   margin-bottom: 1.75em;
+}
+
+ul ul,
+ol ol {
+   margin-left: 2em;
+   margin-bottom: 0;
+}
+
+ul ul {
+   list-style-type: circle;
+}
+
+ol,
+ul {
+   margin-left: 3em;
+   margin-right: 3em;
+}
+
+dl {
+   margin-left: 2em;
+   margin-right: 3em;
+}
+
+dt {
+   font-weight: bold;
 }
 
+dd {
+   margin-left: 1em;
+}
+
+
+
 img {
    border: 0;
 }
 
+figure {}
+
+figcaption {
+   font-size: $fontsize-small;
+   text-align: center;
+}
+
 blockquote {
    margin-left: 3em;
    margin-right: 3em;
-   margin-bottom: 1.75rem;
+   margin-bottom: 1.75em;
    padding: 1.75em;
 
    background-color: $color-blockquote_background;
@@ -111,23 +187,57 @@ blockquote {
    }
 }
 
-ul ul {
-   list-style-type: circle;
+
+
+table {
+   margin: auto;
+   margin-bottom: 1.75em;
+   border-collapse: collapse;
+   border-bottom: 0;
 }
 
-sup,
-sub {
-   font-size: $fontsize-small;
-   line-height: 0;
+tr:nth-child(even) {
+   background-color: $color-paper_dark;
 }
 
-figcaption {
-   font-size: $fontsize-small;
+th:first-child,
+td:first-child {
+   border-left: 0;
+}
+
+th:last-child,
+td:last-child {
+   border-right: 0;
+}
+
+th,
+td {
+   border: 1px solid $color-shortbread_dark;
+   padding: 0.5em;
+}
+
+th {
+   border-top: 0;
+   background-color: $color-shortbread_dark;
    text-align: center;
 }
+td {
+   border-bottom: 0;
+}
 
-abbr {
-   cursor: help;
+caption {
+   caption-side: bottom;
+   font-size: $fontsize-small;
+   padding-top: 1em;
+}
+
+
+
+hr {
+   margin: 2*1.75em 6em 2*1.68em;
+
+   border-style: solid;
+   border-color: $color-hr;
 }
 
 code,
@@ -149,8 +259,8 @@ kbd {
    position: relative;
    top: -1px;
    display: inline-block;
-   min-width: 0.75rem;
-   padding: 0.2rem 0.5rem;
+   min-width: 0.75em;
+   padding: 0.2em 0.5em;
    line-height: 1;
 
    background-color: $color-kbd_background;
@@ -172,72 +282,46 @@ kbd {
 }
 
 pre {
-   padding: 1rem;
+   padding: 1em;
+   margin-bottom: 1.75em;
+   white-space: pre-wrap;
 
    background-color: $color-code_background;
    color: $color-code_text;
    border-radius: 6px;
+   code {
+      padding: 0;
+   }
 }
 
+
+
 input[type="search"] {
    background-color: $color-searchbar_background;
    border: 1px solid $color-searchbar_border;
-   appearance: none;
-   outline: none;
-
    transition: $transition;
 
    &:hover {
       border: 1px solid $color-searchbar_border_hover;
       box-shadow: 0 0 6px $color-searchbar_shadow_hover;
-      transition: $transition;
    }
    &:focus {
-      border-color: $color-searchbar_border_focus;
+      border: 1px solid $color-searchbar_border_focus;
+      outline: 1px solid $color-searchbar_border_focus;
       box-shadow: 0 0 6px $color-searchbar_shadow_focus;
-      transition: $transition;
    }
 }
 
-.tooltip {
-   position: relative;
-}
-
-.tooltip:before {
-   content: attr(data-tooltip);
-   position: absolute;
-   width: 100px;
-   background-color: #062B45;
-   color: #fff;
-   text-align: center;
-   padding: 10px;
-   line-height: 1.2;
-   border-radius: 6px;
-   z-index: 1;
-   opacity: 0;
-   transition: opacity .6s;
-   bottom: 125%;
-   left: 50%;
-   margin-left: -60px;
-   font-size: 0.75em;
-   visibility: hidden;
-}
-
-.tooltip:after {
-   content: "";
-   position: absolute;
-   bottom: 75%;
-   left: 50%;
-   margin-left: -5px;
-   border-width: 5px;
-   border-style: solid;
-   opacity: 0;
-   transition: opacity .6s;
-   border-color: #062B45 transparent transparent transparent;
-   visibility: hidden;
-}
+button {
+   background-color: $color-button_background;
+   border: 1px solid transparent;
+   transition: $transition;
 
-.tooltip:hover:before, .tooltip:hover:after {
-   opacity: 1;
-   visibility: visible;
+   &:hover {
+      box-shadow: 0 0 7px $color-button_shadow_hover;
+   }
+   &:focus {
+      box-shadow: 0 0 7px $color-button_shadow_focus;
+      outline: 1px solid $color-button_outline-focus;
+   }
 }

data/_sass/partials/_collections.scss

@@ -13,6 +13,7 @@
 
    ul {
       margin-bottom: 0;
+      margin-left: 0;
       padding-left: 0;
       list-style-type: none;
    }
@@ -31,6 +32,7 @@
 
    ul {
       list-style-type: none;
+      margin-left: 0;
    }
 }
 
@@ -148,6 +150,16 @@
    color: $color-body_text;
 }
 
+.collections-portal_card:active,
+.collections-portal_card:focus {
+   outline: 1px solid $color-portal_card_focus;
+   outline-offset: 0;
+   border: 1px solid transparent;
+   border-radius: 1.5em;
+   box-shadow: 0 0 7px $color-portal_card_focus;
+   transition: $transition;
+}
+
 
 
 .collections-wrapper {

data/_sass/partials/_entries.scss

@@ -10,17 +10,10 @@
 
    border-left: 1px solid $color-article_border;
    border-right: 1px solid $color-article_border;
-
-   ul {
-      margin: 0 2rem 1.75rem;
-      ul {
-         margin-bottom: 0;
-         margin-right: 0;
-      }
-   }
 }
 
-.entry-wiki {
+.entry_wiki,
+.entry_work {
    grid-column: span 7 / auto;
 
    h1 {
@@ -29,8 +22,7 @@
    }
 }
 
-.entry-work,
-.entry-grammar {
+.entry_grammar {
    grid-column: span 10 / auto;
 }
 
@@ -40,7 +32,7 @@
 .entry-index {
    position: -webkit-sticky; /* Safari */
    position: sticky;
-   top: 0;
+   top: 5.1458rem;
    align-self: start;
 
    grid-column: span 2 / auto;
@@ -52,19 +44,21 @@
 
 .entry-index ul {
    list-style: none;
-   padding-left: 1rem;
    a {
       text-decoration: none;
    }
 }
 
 .entry-index_return {
-   margin-bottom: 1.5rem;
+   margin-bottom: 1.5em;
+   margin-left: 1em;
 }
 
 .entry-index ol {
    list-style: none;
    padding-left: 1rem;
+   margin-left: 0;
+   margin-right: 0;
    /* This is an arbitrary name as the value. */
    counter-reset: counter-index;
 }
@@ -89,7 +83,7 @@
 }
 
 .entry-other_projects {
-   padding: 1rem;
+   padding: 1em;
    margin: 1em;
    border-radius: 1em;
    background-color: $color-entry_secondary;
@@ -116,10 +110,12 @@
 .stats-table {
    border-collapse: separate;
    border-spacing: 3px;
-   border: none;
+   border: 0;
    width: 100%;
+   margin-bottom: 0;
    td {
       padding: 0.5em;
+      border: 0;
    }
    tr td:first-child {
       text-align: right;
@@ -222,3 +218,14 @@ a.footnote::after {
    margin-right: -24vw; 	/* sets the distance away from the body text */
    font-size: $fontsize-small;
 }
+
+
+
+.entry_work-verse {
+   p {
+      margin-bottom: 0;
+   }
+   p:last-child {
+      margin-bottom: 1.75em;
+   }
+}

data/_sass/partials/_global.scss

@@ -12,6 +12,9 @@
 
 .global-header {
    padding: 1.205em 1.75em;
+   position: -webkit-sticky; /* Safari */
+   position: sticky;
+   top: 0;
 
    display: flex;
    align-items: center;

data/_sass/partials/_launchpad.scss

@@ -43,25 +43,10 @@
 
 .launchpad-search_submit {
    padding: 12px 20px;
-   appearance: none;
-   outline: none;
 
-   background: $color-launchpad_search_submit;
-   border: 0;
    border-radius: 1rem;
 
    font-size: $fontsize-body;
-
-   transition: $transition;
-
-   &:hover {
-      box-shadow: 0 0 7px $color-launchpad_search_submit_hover;
-      transition: $transition;
-   }
-   &:focus {
-      box-shadow: 0 0 7px $color-launchpad_search_submit_focus;
-      transition: $transition;
-   }
 }
 
 .launchpad-projects {
@@ -83,7 +68,7 @@
 
    padding: 36px 28px 28px;
 
-   border-radius: 1.5rem;
+   border-radius: 1.5em;
    border: 1px solid $color-project_card_border;
 
    text-decoration: none;
@@ -101,7 +86,7 @@
    .project-icon {
       padding: 1rem;
 
-      border-radius: 3rem;
+      border-radius: 3em;
       background-color: $color-project_card_icon;
 
       color: #ffffff;
@@ -135,6 +120,16 @@
    color: $color-body_text;
 }
 
+.launchpad-card:active,
+.launchpad-card:focus {
+   outline: 1px solid $color-project_card_focus;
+   outline-offset: 0;
+   border: 1px solid transparent;
+   border-radius: 1.5em;
+   box-shadow: 0 0 7px $color-project_card_focus;
+   transition: $transition;
+}
+
 
 
 /*------------------------------------*\
@@ -154,10 +149,15 @@
    transition: $transition;
 
    .project-icon {
-      background-color: $color-paper_light;
+      background-color: $color-wiki_icon_background;
 
       color: $color-project_card_icon;
 
       transition: $transition;
    }
 }
+
+.launchpad-card_wiki:active,
+.launchpad-card_wiki:focus {
+   outline: 1px solid $color-wiki_card_focus;
+}

data/_sass/partials/_search.scss

@@ -2,7 +2,16 @@
   # SEARCH PAGE STYLING
 \*------------------------------------*/
 
+#search-results {
+   margin-left: 0;
+}
+
+#search-results dt {
+   font-weight: normal;
+}
+
 #search-results dd {
+   margin-left: 0;
 }
 
 .search_result {}

data/_sass/style.scss

@@ -1,4 +1,5 @@
 /* The variables directory contains any SCSS that doesn't create any actual CSS output. */
+@import "variables/_media-queries";
 @import "variables/colors";
 @import "variables/fonts";
 @import "variables/misc";

data/_sass/variables/_colors.scss

@@ -5,10 +5,10 @@
 // neutrals
 $color-paper_light: #fdfcfc; // off white
 $color-paper_dark: #fbf9f8;
-$color-linen: #f6f2ef; // shortbread
+$color-linen: #f6f2ef;
 $color-shortbread: #f9f6f4;//#f8f4f2;
 $color-shortbread_dark: #f3efec;
-$color-ink: #4b4a46; // dark umber
+$color-ink: #4b4a46; // dark umber; // #292924 wcag a pass
 $color-ink_warm: #504b38;
 $color-ink_faded: #828077;
 
@@ -21,9 +21,10 @@ $color-peach: #f7dcd3;
 $color-mango: #f6bf5d;
 
 // links
-$color-blue_light: #4083ae;
+$color-blue_light: #4083ae; // #3B79A0 wcag a pass
 $color-blue_dark: #356d90;
 $color-purple: #61609d;
+$color-blue_pale: #c6dffc;
 
 /*------------------------------------*\
   # COLOUR SCHEME values
@@ -41,23 +42,31 @@ $color-link: $color-blue_light;
 $color-link_hover: $color-blue_dark;
 $color-link_active: $color-purple;
 $color-link_visited: $color-purple;
+$color-link_focus: $color-blue_pale;
 
 // General searchbar colours.
 $color-searchbar_background: $color-paper_light;
 $color-searchbar_border: $color-shortbread_dark;
 $color-searchbar_border_hover: $color-linen;
-$color-searchbar_border_focus: $color-peach;
+$color-searchbar_border_focus: $color-melon;
 $color-searchbar_shadow_hover: $color-peach;
-$color-searchbar_shadow_focus: $color-peach;
+$color-searchbar_shadow_focus: $color-melon;
 
+// General button colours.
+$color-button_background: $color-peach;
+$color-button_shadow_hover: $color-melon;
+$color-button_shadow_focus: $color-melon;
+$color-button_outline-focus: $color-melon;
+
+// Miscellaneous
 $color-code_background: $color-pistachio;
 $color-code_text: $color-ink_warm;
 $color-hr: $color-linen;
 
 $color-kbd_background: $color-paper_light;
-$color-kbd_border: $color-linen;
-$color-kbd_box_shadow: $color-linen;
-$color-kbd_hover: $color-linen;
+$color-kbd_border: $color-shortbread_dark;
+$color-kbd_box_shadow: $color-shortbread_dark;
+$color-kbd_hover: $color-shortbread_dark;
 
 $color-blockquote_background: $color-paper_dark;
 $color-blockquote_border: $color-shortbread;
@@ -75,18 +84,18 @@ $color-global_nav_underline: $color-mango;
 // Colours that apply to the index page or launchpad.
 $color-launchpad_search: $color-linen;
 $color-launchpad_search_border: $color-shortbread_dark;
-$color-launchpad_search_submit: $color-melon;
-$color-launchpad_search_submit_hover: $color-melon;
-$color-launchpad_search_submit_focus: $color-melon;
 
 $color-project_card_icon: $color-kiwi;
 $color-project_card_border: $color-linen;
 $color-project_card_hover_shadow: $color-linen;
 $color-project_card_icon_hover: $color-limeade;
+$color-project_card_focus: $color-limeade;
 
 $color-wiki_card_background: $color-limeade;
+$color-wiki_icon_background: $color-paper_light;
 $color-wiki_card_border: $color-limeade;
 $color-wiki_card_hover_shadow: $color-limeade;
+$color-wiki_card_focus: $color-kiwi;
 
 // Colours that apply only to collections pages.
 $color-collections_sidebar: $color-paper_dark;
@@ -96,6 +105,7 @@ $color-collections_header_border: $color-shortbread;
 
 $color-portal_card_border: $color-linen;
 $color-portal_card_icon_hover: $color-kiwi;
+$color-portal_card_focus: $color-limeade;
 
 // Colours that apply only to entry pages.
 $color-article_border: $color-linen;

data/_sass/variables/_media-queries.scss

@@ -0,0 +1,17 @@
+// Taken directly from https://www.freecodecamp.org/news/the-100-correct-way-to-do-css-breakpoints-88d6a5ba1862/
+
+@mixin for-phone-only {
+  @media (max-width: 599px) { @content; }
+}
+
+@mixin for-tablet-portrait-up {
+  @media (min-width: 600px) and (max-width: 899px) { @content; }
+}
+
+@mixin for-tablet-landscape-up {
+  @media (min-width: 900px) { @content; }
+}
+
+@mixin for-desktop-up {
+  @media (min-width: 1200px) { @content; }
+}

data/_sass/variables/_misc.scss

@@ -2,7 +2,7 @@
 $transition: 0.25s;
 
 $border_radius-block: 1em;
-$border_radius-inline: 0.25em;
+$border_radius-inline: 0.4em;
 
 //pre: 6px
 //launchpad-search: 1.5rem

data/assets/css/style.scss

@@ -2,4 +2,4 @@
 # Front matter comment to ensure Jekyll properly reads file.
 ---
 
-@import "style"
+@import "style";

data/assets/js/search.js

@@ -44,7 +44,7 @@ resultsString = "";
 resultPages.forEach(function (r) {
    resultsString += "<dt class='search_result'>";
    resultsString += "<a href='" + r.url + "'>" + r.title + "</a>";
-   resultsString += "<span class='search_result-details'>" + r.portal + " ⋅ " + r.categories + "</span></dt>"
+   resultsString += "<span class='search_result-details'>" + "<a href='/" + r.collection + "'>" r.collection + "</a>: " + r.portal + " ⋅ " + r.categories + "</span></dt>"
    resultsString += "<dd class='search_result-preview'>" + r.content.substring(0, 200) + "..." + "</dd>";
 });
 document.querySelector("#search-results").innerHTML = resultsString;

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-paperwiki
 version: !ruby/object:Gem::Version
-  version: 0.1.10
+  version: 0.1.12
 platform: ruby
 authors:
 - pomeloshark
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-01-15 00:00:00.000000000 Z
+date: 2023-01-19 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -55,12 +55,6 @@ files:
 - _layouts/search_global.html
 - _layouts/wiki.html
 - _layouts/work.html
-- _plugins/blockquote.rb
-- _plugins/gloss.rb
-- _plugins/interlinear.rb
-- _plugins/ipa.rb
-- _plugins/lang.rb
-- _plugins/sidenote.rb
 - _sass/partials/_base.scss
 - _sass/partials/_blog.scss
 - _sass/partials/_collections.scss
@@ -74,6 +68,7 @@ files:
 - _sass/style.scss
 - _sass/variables/_colors.scss
 - _sass/variables/_fonts.scss
+- _sass/variables/_media-queries.scss
 - _sass/variables/_misc.scss
 - assets/.DS_Store
 - assets/css/style.scss
@@ -136,7 +131,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.1.2
+rubygems_version: 3.2.15
 signing_key:
 specification_version: 4
 summary: A theme meant for use as a personal wiki.

data/_plugins/blockquote.rb

@@ -1,28 +0,0 @@
-# usage: {% blockquote text[0] text[1] text[2]%}
-# usage: {% blockquote text[0] text[1] text[2]%}
-# text[0]: the text of the blockquote
-# text[1]: the author of the blockquote
-# text[2]: the source of the blockquote
-
-module Jekyll
-   module Tags
-      class RenderBlockquoteTag < Liquid::Tag
-
-         require "shellwords"
-
-         # initialize is called when we encounter the {% blockquote %} Liquid tag; 'blockquote' is the tag name and anything immediately after it is passed in via the second argument
-         def initialize(tag_name, text, tokens)
-            super
-            @text = text.shellsplit
-         end
-
-         def render(context)
-            "<figure><blockquote>#{@text[0]}<figcaption>#{@text[1]}, <cite>#{@text[2]}</cite></figcaption></blockquote></figure>"
-         end
-
-      end
-   end
-end
-
-# The register_tag method takes two arguments: the user-facing name of the tag [blockquote], and the class that implements it [RenderBlockquoteTag].
-Liquid::Template.register_tag("blockquote", Jekyll::Tags::RenderBlockquoteTag)

data/_plugins/gloss.rb

@@ -1,22 +0,0 @@
-module Jekyll
-   module InterlinearGlossFilter # Liquid just uses the method name as the filter name; there's no extra level of name-mapping like there is with tags and blocks
-
-      def gloss(input) # will be available as the "gloss" filter
-         @text = input
-         puts "<table><tbody><tr>"
-
-         lexemes = @text.split(" ")
-         lexemes.each do |word|
-            puts "<td class=\"gloss_item\">#{word}</td>"
-         end
-
-         puts "</tr></tbody><table>"
-
-#         morphemic_analysis
-#         morphemic_gloss
-
-      end
-   end
-end
-
-Liquid::Template.register_filter(Jekyll::InterlinearGlossFilter)

data/_plugins/interlinear.rb

@@ -1,37 +0,0 @@
-# usage:
-# {% interlinear %}
-#    sentence in object lang
-#    sentence in object lang broken down into morphemes
-#    interlinear gloss of morphemes
-#    translation into target lang
-# {% endinterlinear %}
-
-module Jekyll
-   module Tags
-      class InterlinearGlossTag < Liquid::Block
-
-         require "shellwords"
-
-         # initialize is called when we encounter the {% interlinear %} Liquid tag; 'interlinear' is the tag name and anything immediately after it is passed in via the second argument
-         def initialize(tag_name, text, tokens)
-            super
-            @text = text.shellsplit # splits the input string into individual words
-            # @wordcount = @text[0].length # counts the number of words in the string
-
-            # object_lang, morphemic_analysis, morphemic_gloss, target_lang
-         end
-
-         def render(context)
-            "<table class=\"interlinear-gloss\">
-               <tbody>
-                  <tr>
-                     <td colspan=\"#{@wordcount}\">#{@text[0]}</td>
-                  </tr>" + "<tr><td>#{@text[1]}</td></tr><tr><td>#{@text[2]}</td></tr><tr><td>#{@text[3]}</td></tr></tbody></table>"
-         end
-
-      end
-   end
-end
-
-# The register_tag method takes two arguments: the user-facing name of the tag [interlinear], and the class that implements it [InterlinearGlossTag].
-Liquid::Template.register_tag("interlinear", Jekyll::Tags::InterlinearGlossTag)

data/_plugins/ipa.rb

@@ -1,23 +0,0 @@
-# usage: {% ipa /phonemic text/%}
-# usage: {% ipa [phonetic text]%}
-
-module Jekyll
-   module Tags
-      class RenderPhoneticTag < Liquid::Tag
-
-         # initialize is called when we encounter the {% ipa %} Liquid tag; 'ipa' is the tag name and anything immediately after it is passed in via the second argument
-         def initialize(tag_name, text, tokens)
-            super
-            @text = text
-         end
-
-         def render(context)
-            "<abbr class=\"gloss\" title=\"International Phonetic Alphabet\">IPA</abbr>: <span class=\"ipa\">#{@text}</span>"
-         end
-
-      end
-   end
-end
-
-# The register_tag method takes two arguments: the user-facing name of the tag [ipa], and the class that implements it [RenderPhoneticTag].
-Liquid::Template.register_tag("ipa", Jekyll::Tags::RenderPhoneticTag)

data/_plugins/lang.rb

@@ -1,28 +0,0 @@
-# usage: {% lang text[0] text[1]     text[2]%}
-# usage: {% lang ko      바이 괕 모    iced jelly dish%}
-# text[0] = language code
-# text[1] = the text, in latin script or not
-# text[2] = the translation into english
-
-module Jekyll
-   module Tags
-      class DefineLanguageTag < Liquid::Tag
-
-         require "shellwords"
-
-         # initialize is called when we encounter the {% lang %} Liquid tag; 'lang' is the tag name and anything immediately after it is passed in via the second argument
-         def initialize(tag_name, text, tokens)
-            super
-            @text = text.shellsplit
-         end
-
-         def render(context)
-            "<abbr class=\"gloss\" title=\"#{@text[0]}\">#{@text[0]}</abbr>: <strong>#{@text[1]}</strong> <em>#{@text[2]}</em>"
-         end
-
-      end
-   end
-end
-
-# The register_tag method takes two arguments: the user-facing name of the tag [lang], and the class that implements it [DefineLanguageTag].
-Liquid::Template.register_tag('lang', Jekyll::Tags::DefineLanguageTag)

data/_plugins/sidenote.rb

@@ -1,24 +0,0 @@
-# usage: {% sidenote %}
-
-module Jekyll
-   module Tags
-      class RenderSideNoteTag < Liquid::Tag
-
-         require "shellwords"
-
-         # initialize is called when we encounter the {% sidenote %} Liquid tag; 'sidenote' is the tag name and anything immediately after it is passed in via the second argument
-         def initialize(tag_name, text, tokens)
-            super
-            @text = text.shellsplit
-         end
-
-         def render(context)
-            "<label for='#{@text[0]}' class='margin-toggle sidenote-number'></label><input type='checkbox' id='#{@text[0]}' class='margin-toggle'/><span class='sidenote'>#{@text[1]} </span>"
-         end
-
-      end
-   end
-end
-
-# The register_tag method takes two arguments: the user-facing name of the tag [sidenote], and the class that implements it [RenderSideNoteTag].
-Liquid::Template.register_tag("sidenote", Jekyll::Tags::RenderSideNoteTag)