coppermind 0.1.4 → 3.0

data/_sass/monophase/_layout.scss

@@ -0,0 +1,359 @@
+.container {
+  max-width: $md-screen;
+  padding-left: var(--spacer);
+  padding-right: var(--spacer);
+  margin-left: auto;
+  margin-right: auto;
+}
+
+@media screen and (min-width: $md-screen) {
+  .container {
+    padding-left: var(--spacer-2);
+    padding-right: var(--spacer-2);
+  }
+}
+
+/**
+ * Header
+ */
+
+.masthead {
+  padding-top: var(--spacer);
+  padding-bottom: var(--spacer);
+  margin-bottom: var(--spacer-3);
+}
+
+.masthead-title {
+  font-size: 1.3em;
+  font-weight: bold;
+
+  a {
+    color: inherit;
+    text-decoration: none;
+  }
+
+  .tagline {
+    padding-left: var(--spacer);
+    opacity: .5;
+  }
+}
+
+.nav-list {  
+  padding: 0;
+  margin: var(--spacer) 0 0 0;
+  border-top: 1px solid var(--border-color);
+  border-bottom: 1px solid var(--border-color);
+  list-style: none;
+
+  li {
+    display: inline-block;
+    margin: 0 .4em;
+  }
+
+  a {
+    color: inherit;
+
+    &:hover,
+    &:focus {
+      text-decoration: underline;
+    }
+  }
+
+  a.current {
+    text-decoration: underline;
+  }
+}
+
+/**
+ * Post
+ */
+
+.posts {
+  .post {
+    padding: var(--spacer);
+    margin-bottom: var(--spacer);
+    border: 1px solid var(--border-color);
+    border-radius: var(--border-radius);
+
+    .post-excerpt {
+      margin-bottom: 0;
+    }
+  }
+}
+
+.page,
+.post {
+  margin-bottom: var(--spacer-2);
+
+  h1, h2, h3, h4, h5, h6 {
+    color: var(--heading-color);
+  }
+}
+
+.page-title,
+.post-title {
+  margin-top: 0;
+
+  a {
+    color: inherit;
+  }
+}
+
+.post-meta {
+  display: block;
+  margin-top: -.5em;
+  margin-bottom: var(--spacer);
+  opacity: .65;
+  font-size: .85em;
+}
+
+.post-categories,
+.post-tags {
+  display: inline-block;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+
+  li {
+    display: inline-block;
+
+    &:not(:last-child) {
+      margin-right: .4em;
+    }
+  }
+}
+
+.post-category {
+  border-bottom: 2px dotted var(--border-color);
+}
+
+a.post-category {
+  color: inherit;
+
+  &:hover,
+  &:focus {
+    border-bottom-style: solid;
+    border-color: var(--body-color);
+    text-decoration: none;
+  }
+}
+
+.post-tag {
+  padding: .1em .5em;
+  border: 1px solid var(--border-color);
+  border-radius: var(--border-radius);
+  background-color: rgba(var(--link-color-rgb), .3);
+}
+
+a.post-tag {
+  color: inherit;
+
+  &:hover,
+  &:focus {
+    background-color: rgba(var(--link-color-rgb), .6);
+    text-decoration: none;
+  }
+}
+
+// Footnote number within body text
+a[href^="#fn:"],
+// Back to footnote link
+a[href^="#fnref:"] {
+  display: inline-block;
+  margin-left: .1em;
+  font-weight: bold;
+}
+// List of footnotes
+.footnotes {
+  margin-top: var(--spacer-2);
+  font-size: 85%;
+}
+
+.related {
+  padding-top: var(--spacer-2);
+  padding-bottom: var(--spacer-2);
+  margin-bottom: var(--spacer-2);
+  border-top: 1px solid var(--border-color);
+  border-bottom: 1px solid var(--border-color);
+}
+
+.related-title {
+  margin-top: 0;
+}
+
+.related-posts {
+  padding-left: 0;
+  list-style: none;
+
+  small {
+    opacity: .5;
+  }
+}
+
+/**
+ * Code
+ */
+
+.highlight {
+  border-radius: var(--border-radius);
+  background-color: var(--code-bg-color);
+}
+
+.rouge-table {
+  margin: 0;
+  font-size: 100%;
+
+  &,
+  td,
+  th {
+    border: 0;
+    padding: 0;
+  }
+
+  pre {
+    padding: 0;
+    margin: 0;
+  }
+
+  .gutter {
+    vertical-align: top;
+    user-select: none;
+    opacity: .25;
+    padding-right: var(--spacer);
+  }
+}
+
+/**
+ * Pagination
+ */
+
+.pagination {
+  display: flex;
+  text-align: center;
+  margin-top: var(--spacer-2);
+}
+
+.pagination-item {
+  float: left;
+  width: 50%;
+  padding: var(--spacer);
+  border: 1px solid var(--border-color);
+
+  &:first-child {
+    border-right-width: 0;
+    border-top-left-radius: var(--border-radius);
+    border-bottom-left-radius: var(--border-radius);
+  }
+  &:last-child {
+    border-top-right-radius: var(--border-radius);
+    border-bottom-right-radius: var(--border-radius);
+  }
+}
+
+a.pagination-item:hover {
+  background-color: var(--border-color);
+  text-decoration: none;
+}
+
+/**
+ * Footer
+ */
+
+.footer {
+  padding-top: var(--spacer);
+  padding-bottom: var(--spacer);
+  margin-top: var(--spacer-3);
+
+  p {
+    margin: 0;
+  }
+}
+
+.social-icons {
+  list-style: none;
+  padding: 0;
+  margin: var(--spacer) 0;
+  height: calc(var(--body-line-height) * var(--body-font-size));
+}
+.social-icon-item {
+  float: left;
+  margin-right: var(--spacer);
+}
+
+@media screen and (min-width: $md-screen) {
+  .footer {
+    display: flex;
+  }
+  .footer-column {
+    width: 100%;
+  }
+  .social-icons {
+    margin: 0;
+  }
+}
+
+/**
+ * Archive
+ */
+
+.taxonomies-wrapper {
+  margin-bottom: var(--spacer-2);
+}
+
+.taxonomies {
+  list-style: none;
+  display: grid;
+  grid-column-gap: 2em;
+  grid-template-columns: repeat(2, 1fr);
+  margin: 0;
+  padding: 0;
+  font-weight: bold;
+
+  .taxonomy {
+    display: flex;
+    padding: 0.25em 0;
+    justify-content: space-between;
+    text-decoration: none;
+    border-bottom: 1px solid;
+    margin-bottom: var(--spacer);
+  }
+}
+
+.post-list-by-taxonomy {
+  time {
+    font-family: monospace;
+  }
+}
+
+.back-to-top {
+  display: block;
+  font-size: 0.8em;
+  text-transform: uppercase;
+  text-align: right;
+  text-decoration: none;
+}
+
+@media (min-width: $sm-screen) {
+  .taxonomies {
+    grid-template-columns: repeat(3, 1fr);
+  }
+}
+
+/**
+ * Markdown TOC
+ */
+
+#markdown-toc {
+  padding: var(--spacer-2) var(--spacer-3);
+  margin: var(--spacer-2) 0;
+  border: solid var(--border-color);
+  border-width: 1px 0;
+
+  &::before {
+    display: block;
+    margin-left: calc(var(--spacer-3) * -1);
+    content: "Contents";
+    font-size: 85%;
+    font-weight: 500;
+  }
+}

data/_sass/monophase/_predefined.scss

@@ -0,0 +1,59 @@
+// Some predefined classes
+
+/**
+ * Message -- Show different levels of alert messages to users.
+ */
+
+.message-info,
+.message-warning,
+.message-danger {
+  padding: var(--spacer);
+  border-radius: var(--border-radius);
+  color: var(--body-bg-color);
+}
+
+.message-info {
+  background-color: var(--info-color);
+}
+
+.message-warning {
+  background-color: var(--warning-color);
+}
+
+.message-danger {
+  background-color: var(--danger-color);
+}
+
+/**
+ * Alignment
+ */
+
+.align-right {
+  margin-bottom: 1rem;
+  margin-left: 1rem;
+  float: right;
+}
+
+.align-left {
+  margin-right: 1rem;
+  margin-bottom: 1rem;
+  float: left;
+}
+
+.align-center {
+  display: block;
+  margin-right: auto;
+  margin-left: auto;
+}
+
+figcaption.align-right {
+  text-align: right;
+}
+
+figcaption.align-left {
+  text-align: left;
+}
+
+figcaption.align-center {
+  text-align: center;
+}

data/_sass/monophase/_variables.scss

@@ -0,0 +1,54 @@
+$sm-screen: 35.5rem;
+$md-screen: 48rem;
+$lg-screen: 64rem;
+$xl-screen: 80rem;
+
+:root {
+  --spacer: 1rem;
+  --spacer-2: calc(var(--spacer) * 2);
+  --spacer-3: calc(var(--spacer) * 3);
+
+  // https://github.com/necolas/normalize.css/issues/665
+  --body-font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
+  --body-font-size: 16px;
+  --body-line-height: 1.5;
+
+  --border-radius: .5em;
+
+  // https://qwtel.com/posts/software/the-monospaced-system-ui-css-font-stack/
+  --code-font-family: ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;
+
+  /**
+   * Color
+   */
+  --body-bg-color: var(--oc-white);
+  --body-color: var(--oc-gray-9);
+  --code-bg-color: var(--oc-gray-1);
+  --heading-color: var(--oc-black);
+  --border-color: var(--oc-gray-4);
+  --link-color: var(--oc-blue-9);
+  --link-color-rgb: var(--oc-blue-9-rgb);
+  --link-hover-color: var(--oc-blue-7);
+  --info-color: var(--oc-green-9);
+  --warning-color: var(--oc-yellow-9);
+  --danger-color: var(--oc-red-9);
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    /**
+     * Color
+     */
+    --body-bg-color: var(--oc-gray-9);
+    --body-color: var(--oc-gray-4);
+    --code-bg-color: var(--oc-gray-7);
+    --heading-color: var(--oc-white);
+    --border-color: var(--oc-gray-7);
+    --link-color: var(--oc-cyan-4);
+    --link-color-rgb: var(--oc-cyan-4-rgb);
+    --link-hover-color: var(--oc-cyan-6);
+    --info-color: var(--oc-green-1);
+    --warning-color: var(--oc-yellow-1);
+    --danger-color: var(--oc-red-1);
+  }
+}

data/_sass/monophase/main.scss

@@ -0,0 +1,9 @@
+@import "variables";
+@import "base";
+@import "layout";
+@import "predefined";
+
+@import "highlight-light";
+@media (prefers-color-scheme: dark) {
+  @import "highlight-dark";
+}

data/about.md

@@ -0,0 +1,27 @@
+---
+layout: page
+title: About
+permalink: /about/
+---
+
+This repository contains many sample files (including this one) for testing. They are not included in the final theme gem, so feel free to modify, add, or remove them as necessary.
+{: .message-info }
+
+Coppermind is *a one-column minimal responsive Jekyll blog theme*.
+
+Learn more and contribute on [GitHub](https://github.com/JustSoval/Coppermind).
+
+## Why another Jekyll theme?
+
+The modern web is bloated and disorganised. Pages load slowly and require large, resource-hungry web browsers to acess them. The machines and networks of years ago would be entirely adequate today if the programs they run were better optimised. This project seeks to provide a simple, low-dependency framework for creation of static sites.
+
+## Setup
+
+This project:
+
+- Is built as a theme for [Jekyll](https://jekyllrb.com)
+- Was created as a fork of [Monophase](https://github.com/whk-io/monophase) with additional features, fixes, and customisations
+
+Have questions or suggestions? Feel free to [open an issue on GitHub](https://github.com/zivhub/Coppermind/issues/new).
+
+Thanks for reading!

data/assets/monophase/styles.scss

@@ -0,0 +1,3 @@
+---
+---
+@import "monophase/main";