picklecore 0.16.3 → 1.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 31876582f81d83c6f13172b0bffd573c44e093155c66e9f0bab5f3fb7efd5185
-  data.tar.gz: a5e01842c99e7f36ca00d461ca1f655f48e6af1b9ed45efab84f20cc2acaa76e
+  metadata.gz: 1db4d3ab365991eaa5870d5770e67fa3e08dc6ef8e7275a82c64605d23667ac0
+  data.tar.gz: 118245bfdbc01349f27a06fa06dff4c86636ef09975518847ec18f2c5fa8386b
 SHA512:
-  metadata.gz: 5acf4605fffa8b6d6bbe5f35846dd7fc2f456b804cbe2e498d65028b4cc45d9c19de00e89365d40da0062e7f826583e6ee587aacac55690bf23a529772f22671
-  data.tar.gz: 2a00ea3a893949376efa2dbec1e073a980debe5f3a0dc5859133f52cc627b0c7e053d52cf05cc35bc4c16eb4380fabbc6c5d0116cc3a0d89b13bc39162956a10
+  metadata.gz: 29893683b0730d72912de8e4af5e6427719afbe16f31aeb505e41243c1f2e147461d0254aaa82e84333441ca92f41b3935bc66e15e43143847355b87d186677e
+  data.tar.gz: 57a3fe88d84d6f9766a4bd2c4158dfb25ba8d610ce73760166c1115957ce37a45a74153ab4aa2dfa662fee9f2e871a9903a385b459d8fecdb0a5bf8f47373511

data/_includes/components/endcard.html

@@ -0,0 +1 @@
+</div></div></div>

data/_includes/components/sidebar.html

@@ -1,74 +1,23 @@
-<nav aria-label="site" id="nav">
-    <table>
-        {%- if site.github -%}
-            <tr>
-                <td>
-                    <i class="fab fa-github-square"></i>
-                </td>
-                <td>
-                    <a href="https://github.com/{{ site.github }}" alt="GitHub Profile" class="nobreak">GitHub</a>
-                </td>
-            </tr>
-        {%- endif -%}
-        {%- if site.email -%}
-            <tr>
-                <td>
-                    <i class="fas fa-envelope"></i>
-                </td>
-                <td>
-                    <a href="mailto:{{ site.email }}" alt="Email Address" class="nobreak">Email</a>
-                </td>
-            </tr>
-        {%- endif -%}
-        {%- if site.discord -%}
-            <tr>
-                <td>
-                    <i class="fab fa-discord"></i>
-                </td>
-                <td>
-                    <a href="https://discord.gg/{{ site.discord }}" alt="Discord Server" class="nobreak">Discord</a>
-                </td>
-            </tr>
-        {%- endif -%}
-        {%- if site.twitter.username -%}
-            <tr>
-                <td>
-                    <i class="fab fa-twitter"></i>
-                </td>
-                <td>
-                    <a href="https://twitter.com/{{ site.twitter.username }}" class="nobreak" alt="Twitter">Twitter</a>
-                </td>
-            </tr>
-        {%- endif -%}
-        {%- if site.statuspage -%}
-            <tr>
-                <td>
-                    <i class="fas fa-exclamation-triangle"></i>
-                </td>
-                <td>
-                    <a href="{{ site.statuspage }}" class="nobreak" alt="System Status">System Status</a>
-                </td>
-            </tr>
-        {%- endif -%}
-        {%- if site.pgp -%}
-            <tr>
-                <td>
-                    <i class="fas fa-lock"></i>
-                </td>
-                <td>
-                    <a href="{{ site.pgp }}" class="nobreak" alt="Public PGP Key">Public PGP Key</a>
-                </td>
-            </tr>
-        {%- endif -%}
-        {%- if site.devto -%}
-            <tr>
-                <td>
-                    <i class="fab fa-dev"></i>
-                </td>
-                <td>
-                    <a href="https://dev.to/{{ site.devto }}" class="nobreak" alt="DEV Profile">DEV Profile</a>
-                </td>
-            </tr>
+<div id="nav-btn" class="openbtn" onclick="toggleNav()">
+    <span></span>
+    <span></span>
+    <span></span>
+</div>
+<nav aria-label="site" class="sidebar-nav" id="snav">
+    <table class="sidebar-table">
+        {%- if site.data.sidebar and site.data.sidebar.items -%}
+            {%- for item in site.data.sidebar.items -%}
+                <tr class="sidebar-tr">
+                    {%- if item.fa-icon-classes -%}
+                        <td class="sidebar-td">
+                            <i class="{{ item.fa-icon-classes }} sidebar-icon"></i>
+                        </td>
+                    {%- endif -%}
+                    <td class="sidebar-td">
+                        <a href="{{ item.url }}"{%- if item.alt -%} alt="{{ item.alt }}"{%- endif -%}>{{ item.name }}</a>
+                    </td>
+                </tr>
+            {%- endfor -%}
         {%- endif -%}
   </table>
 </nav>

data/_includes/components/startcard.html

@@ -0,0 +1 @@
+<div class="column"><div class="card"><div class="card-content">

data/_includes/metadata/metadata.html

@@ -1,8 +1,8 @@
 <meta charset="{{ site.charset | default: 'utf-8' }}">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1">
-<meta name="msapplication-TileColor" content="{%- include styling/theme-color.css -%}">
-<meta name="theme-color" content="{%- include styling/theme-color.css -%}">
+<meta name="msapplication-TileColor" content="{%- include styles/theme-color.css -%}">
+<meta name="theme-color" content="{%- include styles/theme-color.css -%}">
 {% seo %}
 {% if site.keywords or page.keywords %}
     {% if page.keywords %}
@@ -17,14 +17,11 @@
 {% if site.webmanifest %}
     <link rel="manifest" href="{{ site.webmanifest }}">
 {% endif %}
-{% if site.safari-pinned-tab %}
-    <link rel="mask-icon" href="{{ site.safari-pinned-tab }}" color="#5bbad5">
-{% endif %}
 {% if site.browserconfigxml %}
     <meta name="msapplication-config" content="{{ site.browserconfigxml }}">
 {% endif %}
-{% if site.license-page %}
-    <link rel="license" href="{{ site.license-page }}">
+{% if site.license_page %}
+    <link rel="license" href="{{ site.license_page }}">
 {% endif %}
 {% if site.author or page.author %}
     {% if site.author %}
@@ -33,6 +30,21 @@
         <link rel="author" href="{{ page.author }}">
     {% endif %}
 {% endif %}
+{% if page.sidebar %}
+<script type="text/javascript">
+navOpen = false;
+function toggleNav() {
+  if (navOpen) {
+    document.getElementById("snav").style.width = "0";
+    navOpen = false;
+  } else {
+    document.getElementById("snav").style.width = "265px";
+    navOpen = true;
+  }
+  document.getElementById("nav-btn").classList.toggle("open");
+}
+</script>
+{% endif %}
 {% unless site.no_extra_head %}
     {% include metadata/extra.html %}
 {% endunless %}

data/_includes/styles/theme-color.css

@@ -0,0 +1 @@
+#{%- if site.dark -%}24292e{% else %}303f9f{%- endif -%}

data/_layouts/archive.html

@@ -2,30 +2,26 @@
 layout: default
 title: "Post Archives"
 ---
-{% include components/binds/sidebar-anchor.html %}
 
+{% if page.type == "year" %}
+    <h1>Posts from {{ page.date | date: "%Y" }}</h1>
+{% endif %}
+{% if page.type == "month" %}
+    <h1>Posts from {{ page.date | date: "%-d, %Y" }}</h1>
+{% endif %}
+{% if page.type == "day" %}
+    <h1>Posts from {{ page.date | date: "%b %-d, %Y" }}</h1>
+{% endif %}
+{% if page.type == "tag" or page.type == "category" %}
+    <h1>Posts with {{ page.type }} '{{ page.title }}'</h1>
+{% endif %}
 
-<main>
-    {% if page.type == "year" %}
-        <h1>Posts from {{ page.date | date: "%Y" }}</h1>
-    {% endif %}
-    {% if page.type == "month" %}
-        <h1>Posts from {{ page.date | date: "%-d, %Y" }}</h1>
-    {% endif %}
-    {% if page.type == "day" %}
-        <h1>Posts from {{ page.date | date: "%b %-d, %Y" }}</h1>
-    {% endif %}
-    {% if page.type == "tag" or page.type == "category" %}
-        <h1>Posts with {{ page.type }} '{{ page.title }}'</h1>
-    {% endif %}
-
-    <ul class="posts">
-        {% for post in page.posts %}
-            <li>
-                <span class="post-date">{{ post.date | date: "%b %-d, %Y" }}</span>
-                <span>-</span>
-                <a class="post-link" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
-            </li>
-        {% endfor %}
-    </ul>
-</main>
+<ul class="posts">
+    {% for post in page.posts %}
+        <li>
+            <span class="post-date">{{ post.date | date: "%b %-d, %Y" }}</span>
+            <span>-</span>
+            <a class="post-link" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
+        </li>
+    {% endfor %}
+</ul>

data/_layouts/default.html

@@ -1,14 +1,16 @@
 <!DOCTYPE html>
 <html lang="en">
     <head>
-        {% include metadata/metadata.html title=page.title %}
-        <link rel="stylesheet" href="/assets/css/main.css"></link>
+        {% include metadata/metadata.html %}
+        <link rel="stylesheet" href="/assets/css/page.css"></link>
     </head>
     <body>
+        {% if page.sidebar %}
+            {% include components/sidebar.html %}
+        {% endif %}
         <main class="content">
             {{ content }}
         </main>
         <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
-        <script src="/assets/js/main.js"></script>
     </body>
 </html>

data/_layouts/home.html

@@ -0,0 +1,3 @@
+---
+layout: default
+---

data/_layouts/post.html

@@ -1,23 +1,18 @@
 ---
 layout: default
 ---
-{% include components/binds/sidebar-anchor.html %}
 
-<main>
-    <h1>{{ page.title }}</h1>
-
-    <div>
-        {%- assign date_format = site.date_format | default: "%b %-d, %Y" -%}
-        <i class="fas fa-user-edit"></i> Author: {{ page.author | default: "Administrator" }}
+<h1>{{ page.title }}</h1>
+<section class="post-meta">
+    {%- assign date_format = site.date_format | default: "%b %-d, %Y" -%}
+    <i class="fas fa-user-edit"></i> Author: {{ page.author | default: "Administrator" }}
+    <br />
+    <i class="fas fa-calendar"></i> Date: {{ page.date | date: date_format }}
+    {% if page.tag %}
         <br />
-        <i class="fas fa-calendar"></i> Date: {{ page.date | date: date_format }}
-        {% if page.tag %}
-            <br />
-            <i class="fa fa-tag"></i> Tag: {{ page.tag }}
-        {% endif %}
-    </div>
-
-    <hr />
+        <i class="fa fa-tag"></i> Tag: {{ page.tag }}
+    {% endif %}
+</section>
 
-    {{ content }}
-</main>
+<hr />
+{{ content }}

data/_sass/_base.scss

@@ -0,0 +1,46 @@
+$family-sans-serif: "Open Sans", sans-serif;
+
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: url('/assets/fonts/open-sans-v17-latin-regular.eot');
+  src: local('Open Sans Regular'), local('OpenSans-Regular'),
+  url('/assets/fonts/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'),
+  url('/assets/fonts/open-sans-v17-latin-regular.woff2') format('woff2'),
+  url('/assets/fonts/open-sans-v17-latin-regular.woff') format('woff'),
+  url('/assets/fonts/open-sans-v17-latin-regular.ttf') format('truetype'),
+  url('/assets/fonts/open-sans-v17-latin-regular.svg#OpenSans') format('svg');
+}
+
+body {
+  margin: 0;
+  padding: 0;
+  font-family: $family-sans-serif;
+  color: $primary;
+  background-color: $background;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+main {
+  margin: 75px 100px;
+}
+
+h1 {
+  font-size: 3em;
+}
+
+h2 {
+  margin-top: 36px;
+}
+
+a {
+  color: $link;
+}
+
+@media only screen and (max-width: 500px) {
+  main {
+    margin: 75px 12.5px;
+  }
+}

data/{assets/css/main.css → _sass/partials/_sidebar.scss}

@@ -1,133 +1,53 @@
----
----
-
-{% include styling/font.css %}
-
-body {
-  margin: 0;
-  padding: 0;
-  background-color: {%- include styling/theme-color.css -%};
-}
-
-main {
-  margin: 75px 100px;
-  font-family: "Open Sans", sans-serif;
-  color: white;
-}
-
-.title {
-  height: 45vh;
-}
-
-h1 {
-  font-size: 3em;
-}
-
-h2 {
-  margin-top: 36px;
-}
-
-tr {
-  white-space: nowrap;
-}
-
-.cards {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-}
-
-.card {
-  background: #fff;
-  color: #303f9f;
-  border-radius: 2px;
-  height: 400px;
-  margin: 1rem;
-  position: relative;
-  width: 300px;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
-  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
-}
-
-.card h1 {
-  font-size: 2em;
-  margin-top: 20px;
-  margin-left: 20px;
-  margin-bottom: 10.5px;
-}
-
-.card p {
-  margin: 20px;
-  line-height: 1.2;
-}
-
-.card:hover {
-  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
-}
-
-nav {
+.sidebar-nav {
   height: 100%;
   width: 0;
   position: fixed;
   z-index: 1;
   top: 0;
   right: 0;
-  background-color: white;
+  background-color: $sidebar-background;
   overflow-x: hidden;
   transition: 0.5s;
   padding-top: 60px;
 }
 
-nav a {
+.sidebar-nav a {
   padding: 8px;
   text-decoration: none;
-  color: #303f9f;
+  color: $sidebar-text-color;
   font-size: 25px;
   display: block;
   transition: 0.3s;
 }
 
-table {
+.sidebar-table {
   padding: 0 26px;
 }
 
-tr {
+.sidebar-tr {
+  white-space: nowrap;
   padding: 8px 8px 8px 32px;
   text-decoration: none;
-  color: #303f9f;
+  color: $primary;
   font-size: 25px;
   transition: 0.3s;
 }
 
-tr:hover {
-  cursor: pointer;
+.sidebar-icon {
+  color: $sidebar-text-color;
 }
 
-td {
+.sidebar-td {
   padding: 7px 0;
 }
 
 @media screen and (max-height: 450px) {
-  nav {
+  .sidebar-nav {
     padding-top: 15px;
   }
-  nav a {
-    font-size: 18px;
-  }
-}
 
-@media only screen and (max-width: 500px) {
-  .cards {
-    display: inline;
-  }
-  .card {
-    height: 350px;
-  }
-  .card h1 {
-    padding-top: 14px;
-  }
-  .content {
-    margin: 75px 12.5px;
+  .sidebar-nav a {
+    font-size: 18px;
   }
 }
 
@@ -155,7 +75,7 @@ td {
   position: absolute;
   height: 5px;
   width: 100%;
-  background: white;
+  background-color: $primary;
   border-radius: 5px;
   opacity: 1;
   left: 0;
@@ -194,7 +114,7 @@ td {
 }
 
 #nav-btn.open span {
-  background-color: {%- include styling/theme-color.css -%};
+  background-color: $primary;
 }
 
 #nav-btn.open span:nth-child(1) {
@@ -221,74 +141,10 @@ td {
 }
 
 @media (prefers-reduced-motion: reduce) {
-  #nav-btn, #nav-btn span, .nav, button {
+  #nav-btn, #nav-btn span, .sidebar-nav {
     -webkit-transition: 0;
     -moz-transition: 0;
     -o-transition: 0;
     transition: 0;
   }
-
-  .card:hover {
-    box-shadow: none;
-  }
-}
-
-button {
-  display: inline-block;
-  vertical-align: middle;
-  background: {%- include styling/theme-color.css -%};
-  color: #fff;
-  border: white 1px solid;
-  position: relative;
-  height: 60px;
-  font-size: 1.6em;
-  padding: 0 2em;
-  cursor: pointer;
-  transition: 800ms ease all;
-  outline: none;
-}
-
-button:hover {
-  background: #fff;
-  color: {%- include styling/theme-color.css -%};
-}
-
-button:before,
-button:after {
-  content: '';
-  position: absolute;
-  top: 0;
-  right: 0;
-  height: 2px;
-  width: 0;
-  transition: 400ms ease all;
-}
-
-button:after {
-  right: inherit;
-  top: inherit;
-  left: 0;
-  bottom: 0;
 }
-
-button:hover:before,
-button:hover:after {
-  width: 100%;
-  transition: 800ms ease all;
-}
-
-a {
-  color: white;
-}
-
-.block-solid {
-  display: block;
-  border: white solid 4px;
-  padding: 7.5px;
-  margin-top: -5px;
-  text-align: center;
-}
-
-{% unless site.no_extra_css %}
-    {% include styling/extra.css %}
-{% endunless %}