picklecore 0.16.5 → 1.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 4323fa78e39b07bc4ce8d196f52a94aa5f0e1f73c96270a39de120a1d512e186
-  data.tar.gz: 2a26ccd5c847c2ee39e34f8e1ed2b19e869a7fe9ae7209cc8b7d8d4195a6679c
+  metadata.gz: 7cdddc0ef651dcf801a306dd7e42a7c550cc9818e41a49a174336fc5d9bc73fe
+  data.tar.gz: 8fab3664b62e200dac0ad1577b0455fa2aedda04212e9586d55910ec5e35d0ff
 SHA512:
-  metadata.gz: 243e617f0209198dcbcb6c2ac869b72aa4e4b8383a816feedaf348f1c33caea441a3b5c19980645d07d0cd81651a633b23e59e962c3dc757e59e995f162e10b8
-  data.tar.gz: 1a9a3c0dfb863ddfbd7c431df25651e79227aca41559010dc32115a41cf690175da77e521c454d50e745a0736da73dd20a2c59f89e3d1a6305b00ac9c1154ab0
+  metadata.gz: ca7689906906ba227fab58a691f1b8aac3883fcda675d37af97a03d28f78e5299dd6b92d2d85193439832579d981c2c5278348590569b31256d54b0bc996f74a
+  data.tar.gz: adfb114d953426d93323002b9e1b56a4bcd6346119009d4f1fd562fda4a3d007a4e72b50dc692115e1179e52b597858f664ff294591c21124010fd59b101da43

data/README.md

@@ -1,5 +1,3 @@
 # PickleCore
 
 *PickleCore* is a Jekyll theme developed by [Reece Dunham](https://github.com/RDIL) ([for his site](https://rdil.rocks)) and [Param Thakkar](https://github.com/paramt).
-
-See [the documentation](https://docs.rdil.rocks/libraries/picklecore/) for more info.

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 %}
+{% unless page.nosidebar %}
+<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>
+{% endunless %}
 {% 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>
+        {% unless page.nosidebar %}
+            {% include components/sidebar.html %}
+        {% endunless %}
         <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 %}