jekyll-theme-paperwiki 0.1.0

data/_sass/partials/_base.scss

@@ -0,0 +1,150 @@
+/*------------------------------------*\
+  # BASE STYLING
+  # styling universal to all pages
+\*------------------------------------*/
+
+* {
+   /* Correct box-sizing in IE. */
+   box-sizing: border-box;
+
+   /* Hard reset on spacing, for the insane. */
+   margin: 0;
+   padding: 0;
+
+   color: $color-bodytext;
+   line-height: $lineheight-body;
+}
+
+body {
+   width: 85%;
+
+   display: grid;
+   grid-template-columns: repeat(12, 1fr);
+
+   margin: 0 auto;
+
+   background-color: $color-bodybg;
+   font-family: $fontfamily-body;
+   font-size: $fontsize-body;
+}
+
+main {
+   width: 100%;
+
+   grid-column: span 12 / auto;
+
+   display: grid;
+   grid-template-columns: repeat(12, 1fr);
+
+   background-color: $color-contentbg;
+}
+
+h1,
+h2,
+h3 {
+   font-family: $fontfamily-header;
+   font-weight: normal;
+}
+
+h1 {
+   font-size: $fontsize-h1;
+   padding: 0 0 0.19em;
+}
+
+h2 {
+   font-size: $fontsize-h2;
+   padding: 0.32em 0 0.61em;
+}
+
+h3 {
+   font-size: $fontsize-h3;
+   font-variant: small-caps;
+   padding: 0.71em 0 0.9em 0;
+   color: #828077;
+//   opacity: 0.8;
+}
+
+a,
+a:link,
+a:active {
+   color: $color-link;
+   transition: .2s;
+}
+
+a:hover {
+   color: $color-linkhover;
+}
+/*
+a:visited {
+   color: $color-linkvisited;
+}
+*/
+a:active {
+   color: $color-linkactive;
+}
+
+p {
+   margin-bottom: 1.75em;
+}
+
+hr {
+   margin: 2*1.75rem 6em 2*1.68rem;
+
+   border-style: solid;
+   border-color: $color-hr;
+}
+
+img {
+   border: 0;
+}
+
+blockquote {
+   margin-left: 3em;
+   margin-right: 3em;
+   margin-bottom: 1.75rem;
+   padding-left: 1em;
+
+   border-left: 0.25em solid $color-linen;
+
+   cite {
+      display: block;
+      width: 100%;
+      text-align: right;
+   }
+}
+
+ul ul {
+   list-style-type: circle;
+}
+
+sup,
+sub {
+   font-size: $fontsize-small;
+   line-height: 0;
+}
+
+figcaption {
+   font-size: $fontsize-small;
+   text-align: center;
+}
+
+code,
+pre,
+kbd,
+samp {
+   font-family: $fontfamily-code;
+}
+
+code,
+kbd,
+.ipa {
+   padding: 0.1em 0.2em;
+
+   background-color: $color-codebg;
+   color: $color-codetext;
+   border-radius: 0.3em;
+}
+
+input[type="search"] {
+   background-color: $color-searchbg;
+}

data/_sass/partials/_blog.scss

@@ -0,0 +1,10 @@
+/*------------------------------------*\
+  # BLOG STYLING
+  #
+\*------------------------------------*/
+
+.blog-list {
+   list-style-type: none;
+   padding-left: 0;
+   margin-left: 0;
+}

data/_sass/partials/_collections.scss

@@ -0,0 +1,183 @@
+/*------------------------------------*\
+  # REFERENCE DESK STYLING
+\*------------------------------------*/
+
+.collections-sidebar {
+   grid-column: span 2 / auto;
+   padding: 4.5em 2em;
+
+   background-color: $color-paperdark;
+
+   font-size: $fontsize-small;
+
+   ul {
+      margin-bottom: 0;
+      padding-left: 0;
+      list-style-type: none;
+   }
+}
+
+.collections-content {
+   grid-column: span 10 / auto;
+
+//   display: grid;
+//   grid-template-columns: repeat(12, 1fr);
+//   grid-gap: 2em;
+
+   padding: 1.56em 2em 1.56em*2;
+
+   h1 {
+      grid-column: span 12 / auto;
+   }
+
+   ul {
+      list-style-type: none;
+   }
+}
+
+.reference-desk {
+   display: grid;
+   grid-template-columns: repeat(12, 1fr);
+   grid-gap: 2em;
+}
+
+.collections-portals {
+   grid-column: span 12 / auto;
+
+   display: grid;
+   grid-template-columns: repeat(12, 1fr);
+
+}
+
+.collections-portals_header {
+   grid-column: span 12 / auto;
+}
+
+.collections-portals_grid {
+   grid-column: span 12 / auto;
+
+   display: grid;
+   grid-template-columns: repeat(12, 1fr);
+   grid-gap: 1em;
+
+//   padding: 0 0 0 3em;
+}
+
+.portal {
+   grid-column: span 2 / auto;
+   padding: 1em;
+}
+
+.collections-portal_card {
+   grid-column: span 3 / auto;
+
+   padding: 28px 28px;
+
+   border-radius: 1.5rem;
+   border: 1px solid $color-projectborder;
+
+   text-decoration: none;
+   color: $color-bodytext;
+
+   header {
+      display: flex;
+
+      font-family: $fontfamily-header;
+      font-size: $fontsize-med;
+   }
+
+   .portal-icon {
+      margin-right: 0.4em;
+      padding: 0;
+
+      color: $color-bodytext;
+      font-size: 1em;
+
+      transition: 0.2s;
+   }
+}
+
+.collections-portal_card:link {
+   color: $color-bodytext;
+}
+
+.collections-portal_card:hover {
+   .portal-icon {
+      color: $color-projectcard;
+
+      transition: 0.2s;
+   }
+   color: $color-bodytext;
+}
+
+.collections-portal_card:visited {
+   color: $color-bodytext;
+}
+
+
+
+.collections-wrapper {
+   grid-column: span 12 / auto;
+
+   display: grid;
+   grid-template-columns: repeat(12, 1fr);
+   grid-gap: 1em;
+}
+
+.collections-featured {
+   grid-column: span 7 / auto;
+}
+.collections-facts {
+   grid-column: span 5 / auto;
+}
+.collections-recent {
+   grid-column: span 6 / auto;
+}
+
+.collections-featured,
+.collections-facts,
+.collections-recent {
+   padding: 14px 28px;
+
+   border-radius: 1.5rem;
+   border: 1px solid $color-projectborder;
+}
+
+
+
+.portal-list {
+//   border: 1px solid pink;
+//   padding: 8px;
+}
+
+.portal-cat {
+//   border: 1px solid coral;
+//   padding: 8px;
+   margin-bottom: 1rem;
+}
+
+.portal-subcat_list {
+//   border: 1px solid orange;
+//   padding: 8px;
+}
+
+.portal-subcat_inline {
+   padding-left: 1rem;
+//   border: 1px solid gold;
+//   padding: 8px;
+}
+
+.portal-subcat {
+   font-size: $fontsize-small;
+   text-transform: uppercase;
+//   border: 1px solid darkgoldenrod;
+//   padding: 8px;
+}
+
+.portal-tag {
+//   border: 1px solid goldenrod;
+//   padding: 8px;
+   font-size: $fontsize-small;
+//   text-transform: uppercase;
+   margin-right: 0.65rem;
+}

data/_sass/partials/_entries.scss

@@ -0,0 +1,136 @@
+/*------------------------------------*\
+  # ENTRY STYLING
+  # wiki pages, works, and grammars
+\*------------------------------------*/
+
+
+.entry {
+   padding: 1.56em 2em;
+
+   border-left: 1px solid $color-articleborder;
+   border-right: 1px solid $color-articleborder;
+
+   ul {
+      margin: 0 2rem 1.75rem;
+      ul {
+         margin-bottom: 0;
+         margin-right: 0;
+      }
+   }
+}
+
+.entry-wiki {
+   grid-column: span 7 / auto;
+
+   h1 {
+      margin-bottom: 0;
+      padding-bottom: 0;
+   }
+}
+
+.entry-work,
+.entry-grammar {
+   grid-column: span 10 / auto;
+}
+
+.entry-index {
+   position: -webkit-sticky; /* Safari */
+   position: sticky;
+   top: 0;
+   align-self: start;
+
+   grid-column: span 2 / auto;
+
+   padding: 4.5em 1em 2em 0.75em;
+
+   font-size: $fontsize-small;
+}
+
+.entry-index ol {
+   list-style: none;
+   padding-left: 1rem;
+   /* This is an arbitrary name as the value. */
+   counter-reset: counter-index;
+}
+
+.entry-index ol ol {
+   /* Indent the nested lists. */
+   padding-left: 1em;
+   margin-bottom: 0;
+}
+
+.entry-index ol li::before {
+   counter-increment: counter-index;
+   /* Concatenate the nested counters. */
+   content: counters(counter-index, ".") " ";
+}
+
+
+.entry-summary {}
+
+.entry-quickstats {
+   grid-column: span 3 / auto;
+   padding: 0.5em;
+}
+
+.stats-image {
+   padding: 0.2em 0.2em 0.1em 0.2em;
+   max-width: 100%;
+}
+
+.stats-facts {
+   font-size: $fontsize-small;
+}
+
+.stats-table {
+   border-collapse: separate;
+   border-spacing: 3px;
+   border: none;
+   width: 100%;
+   td {
+      padding: 0.5em;
+   }
+   tr td:first-child {
+      text-align: right;
+      padding-right: 0.5em;
+      background-color: $color-linen;
+   }
+   tr td:last-child {
+      background-color: $color-paperdark;
+   }
+}
+
+
+
+.entry-tags {
+   margin-bottom: 2em;
+   font-size: $fontsize-small;
+   text-transform: uppercase;
+
+   ul {
+      display: inline-flex;
+      flex-wrap: wrap;
+      list-style-type: none;
+      margin: 0 1em 0 0;
+//      border: 1px solid pink;
+   }
+
+   ul ul {
+      display: inline-flex;
+      flex-wrap: wrap;
+      margin-right: .5em;
+//      border: 1px solid pink;
+   }
+
+   li {
+//      display: inline-flex;
+//      flex-wrap: wrap;
+      padding-right: .5em;
+//      border: 1px solid pink;
+      color: #9f9b97;
+   }
+
+   a {
+      text-decoration: none;
+   }
+}

data/_sass/partials/_global.scss

@@ -0,0 +1,111 @@
+/*------------------------------------*\
+  # GLOBAL STYLING
+  # components universal to all pages
+\*------------------------------------*/
+
+.global-header,
+.global-footer {
+   width: 100%;
+
+   grid-column: span 12 / auto;
+}
+
+.global-header {
+   padding: 1.205em 1.75em;
+
+   display: flex;
+   align-items: center;
+   justify-content: space-between;
+
+   background-color: $color-globalbg;
+   border-bottom: 1px solid $color-globalborder;
+
+   a,
+   a:link,
+   a:hover,
+   a:visited {
+      color: $color-bodytext;
+   }
+}
+
+.global-footer {
+   background-color: $color-globalbg;
+   border-top: 1px solid $color-globalborder;
+   padding: 1.75em;
+
+   font-size: $fontsize-small;
+   text-align: center;
+}
+
+.global-logo {
+   padding: 0;
+   margin: 0;
+
+   font-size: $fontsize-med;
+   font-variant-caps: small-caps;
+
+   a {
+      text-decoration: none;
+   }
+}
+
+.global-favicon {
+   max-width: 1em;
+   margin-right: 0.25em;
+   margin-bottom: -0.16em;
+}
+
+.global-search {
+   padding-bottom: 4px;
+//   border-bottom: 1px solid $color-bodytext;
+}
+
+.global-searchbar {
+   padding: 0 0.5em;
+   border: 1px solid #f5f2ef;
+   border-radius: 8px;
+   font-size: $fontsize-small;
+   transition: 0.25s;
+}
+
+.global-searchbar::placeholder {
+   text-transform: uppercase;
+}
+
+.global-searchbar:hover {
+   border: 1px solid $color-globalsearchbar;
+}
+
+.global-searchbar:focus {
+   outline: none;
+   border-color: $color-globalsearchbar;
+   box-shadow: 0 0 10px $color-globalsearchbar;
+   transition: 0.25s;
+}
+
+.global-search_submit {
+   background: none;
+   border: 0;
+
+   font-size: $fontsize-small;
+}
+
+.global-nav {
+   display: flex;
+   align-items: center;
+   justify-content: space-between;
+}
+
+.global-nav-link {
+   display: inline-block;
+
+   margin-right: 1.75rem;
+
+   font-size: $fontsize-small;
+   text-decoration: none;
+   text-transform: uppercase;
+}
+
+.global-nav-link:visited {
+   color: $color-bodytext;
+}

data/_sass/partials/_glossing.scss

@@ -0,0 +1,37 @@
+/*------------------------------------*\
+  # GLOSS STYLING
+  # styles for interlinear glossing
+\*------------------------------------*/
+
+.interlinear_gloss {
+   border-collapse: collapse;
+   margin-left: 3%;
+   margin-top: 0;
+   margin-bottom: 1.75rem;
+   td {
+      padding: 0 0 0 0.8em;
+   }
+   td:first-child {
+      border-left: 2px solid $color-pistachio;
+   }
+}
+
+.gloss {
+   font-style: normal;
+   font-variant: small-caps;
+   text-transform: uppercase;
+   font-size: 80%;
+   text-decoration: none;
+   border-bottom: 1px dotted $color-kiwi; //#7eab4e;
+   &:hover {
+      cursor: help;
+   }
+}
+/*
+.ipa,
+.script,
+.trans {
+   font-style: normal;
+   font-size: 80%;
+}
+*/