scula 1.0.3 → 1.0.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: cf69889fd98733ba7aef001d4a52dda9f33b5c7a342c2c22024d97976311441b
-  data.tar.gz: 76690021ee020d3e8a6567087c4a14814c6cdc33c7c246cbbb2685e1bbcb3323
+  metadata.gz: 2679c7292702189ea9c9deed6172e604726d5bc09551b6b7fb70fc0bc4ceb563
+  data.tar.gz: ce37c17e36ef9d32fc494f70046f6a57b1d600e8333c29da281b15c7a7a24b48
 SHA512:
-  metadata.gz: 8e372e676ce7396d7cf82401c201e20f835ab0970af982976f310d3bb164a36bf5a3bb6a8cfe014d7aec2f75edc8b7864e77b3740eac4b268339eea295719a32
-  data.tar.gz: c92a82edaffe754479fc53196f486ac80037dcb63ee0af6d04c4d878b6093d0781ddaec734b054acf692f6178ed75acf7bbcc1eacf81a753df39ea62a4c5f5d6
+  metadata.gz: e6306b5d7f7422015f5619c925c4eb3c9571885f5bee24e27e03ba6d2bf0357a2c79771d0bcf7cf1ba0a01ec16dfa247300176ef83220d95757afdbdca31508c
+  data.tar.gz: 0ca75e1efa43c84ed794a984feba3b381b06dc61eda9c98a728ea3e8efeecded08a82bd49133d476c36ed9371c06050b42cd8cf399b2b05eb1bdd09d15feda1f

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2023 That-Thing
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/README.md

@@ -0,0 +1,58 @@
+# Scula
+
+Scula is a minimalistic dark theme for Jekyll based on the Dracula color palette.  
+It is designed to be used for a personal blog or portfolio.
+You can find a live version running [here](https://blog.sen.cat).
+
+***
+
+## Installation
+
+Add this line to your Jekyll site's `Gemfile`:
+
+```ruby
+gem "scula"
+```
+
+And add this line to your Jekyll site's `_config.yml`:
+
+```yaml
+theme: scula
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install scula
+
+## Usage
+
+#### Creating a post
+
+To create a new post, add a file in the `_posts` directory with the following format:
+
+```
+YEAR-MONTH-DAY-title.md
+```
+
+Where `YEAR` is a four-digit number, `MONTH` and `DAY` are both two-digit numbers, and `title` is the title of your post.
+
+#### Front Matter
+
+The front matter is where you configure the post. It is a YAML block at the beginning of the file and is delimited by `---` on either side. The following options are available:
+
+```yaml
+---
+layout: post
+title: "Post Title"
+date: YYYY-MM-DD HH:MM:SS +/-TTTT
+categories: CATEGORY-1 CATEGORY-2
+---
+```
+
+## License
+
+The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).

data/_config.yml

@@ -0,0 +1,64 @@
+#Stuff to exclude in the build
+exclude:
+- README.md
+- Gemfile
+- Gemfile.lock
+- .jekyll-cache
+
+theme: scula
+
+#Build settings
+plugins:
+  - jekyll-seo-tag
+  - jekyll-feed
+  - jekyll-paginate-v2
+sass:
+  sass_dir: _sass
+  style: compressed
+permalink: /:year/:month/:day/:title:output_ext
+
+#SEO stuff
+title: "Jekyll Scula Theme" # Your site title
+tagline: "A minimalist Jekyll theme."
+description: "A minimalist Jekyll theme loosely based on the Dracula color scheme."
+author: "Sen" # Your name
+logo: "/assets/images/logo.png"
+
+
+url: "http://localhost:4000" # The base hostname & protocol for your site
+
+#Pagination
+pagination:
+  enabled: true
+  per_page: 3
+  permalink: '/page/:num/'
+  title: ':title - page :num'
+  limit: 0
+  sort_field: 'date'
+  sort_reverse: true
+
+autopages:
+  enabled: true
+  categories:
+    enabled: true
+    layouts:
+      - 'autopage_category.html'
+    permalink: '/category/:cat'
+    title: ':cat'
+    slugify:
+      mode: 'default'   # :cat is slugified. Modes: default, raw, pretty, ascii, latin
+      case: true       # Whether to replace all uppercase letters with their lowercase counterparts
+
+#Page stuff
+theme-config:
+  logo: "/assets/images/logo.png"
+  logo-width: 100
+  logo-height: 100
+  favicon: "/assets/images/favicon.png"
+  favicon-width: 32
+  favicon-height: 32
+  date-format: "%b %-d, %Y"
+  time-format: "%-I:%M %p"
+
+#Site information
+email: your@email.here # Your email address

data/_includes/footer.html

@@ -0,0 +1,16 @@
+<div class="box-footer text-center mt-1">
+  {% if page.categories.size >= 1 %}
+    tags:
+    [
+    {%- for tag in page.categories -%}
+      <a href="{{ "/category" | relative_url }}/{{ tag | slugify }}">{{ tag }}</a>
+      {%- unless forloop.last -%}
+      ,
+      {%- endunless -%}
+    {%- endfor -%}
+    ]
+  {% endif %}
+  {% if paginator.total_pages > 1 %}
+    <span>page {{page.pagination_info.curr_page}}/{{page.pagination_info.total_pages}}</span>
+  {% endif %}
+</div>

data/_includes/head.html

@@ -0,0 +1,15 @@
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    {%- seo -%}
+    <link rel="stylesheet" href="/assets/css/main.css">
+    {%- feed_meta -%}
+    <title>
+        {% if page.title %}
+            {{ page.title }}
+        {% else %}
+            {{ site.title }}
+        {% endif %}
+    </title>
+</head>

data/_includes/nav.html

@@ -0,0 +1,7 @@
+<div class="text-center mt-1 box-nav">
+    [ <a href="{{ "/" | relative_url }}">Home</a> ]
+    [ <a href="{{ "/about" | relative_url }}/">About</a> ]
+    [ <a href="{{ "/posts" | relative_url }}/">Posts</a> ]
+    [ <a href="{{ "/feed.xml" | relative_url }}">RSS</a> ]
+    [ <a href="{{ page.url | absolute_url }}/">Permalink</a> ]
+</div>

data/_layouts/autopage_category.html

@@ -0,0 +1,35 @@
+---
+layout: page
+---
+<div class="home">
+  <h1>Posts tagged [{% if page.autopages %}{{page.autopage.display_name}}{% endif %}]</h1>
+  {{ content | markdownify }}
+  <ul class="post-list">
+    {% for post in paginator.posts %}
+    <li>
+      <h2>
+        <a class="post-link" href="{{ post.url | relative_url }}">{{ post.title | escape }}</a>
+      </h2>
+      <span class="post-meta">{{ post.date | date: "%b %-d, %Y" }}</span>
+      <p>{{ post.excerpt }}</p>
+      {% if forloop.last == false %}
+      <hr>
+      {% endif %}
+    </li>
+    {% endfor %}
+  </ul>
+  {% if paginator.total_pages > 1 %}
+  <ul class="pager">
+    {% if paginator.previous_page %}
+    <li class="previous">
+      <a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">&larr; Newer Posts</a>
+    </li>
+    {% endif %}
+    {% if paginator.next_page %}
+    <li class="next">
+      <a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Older Posts &rarr;</a>
+    </li>
+    {% endif %}
+  </ul>
+  {% endif %}
+</div>

data/_layouts/autopage_collection.html

@@ -0,0 +1,47 @@
+---
+layout: page
+---
+<div class="home">
+
+  <h1 class="page-heading">AutoPage Collection <b>{% if page.autopages %}{{page.autopages.display_name}}{% endif %}</b> Page {{page.pagination_info.curr_page}} of {{page.pagination_info.total_pages}}</h1>
+
+  AUTO CREATED FOR ALL COLLECTIONS IN THE SITE
+
+  {{ content | markdownify }}
+
+  <ul class="post-list">
+    <!--
+        Here is the main paginator logic called.
+        All calls to site.posts should be replaced by paginator.posts
+    -->
+    {% for post in paginator.posts %}
+    <li>
+      <span class="post-meta">{{ post.date | date: "%b %-d, %Y" }}{% if post.book.rank %} | Rank: {{ post.book.rank }}{% endif %}{% if post.collection %} | {{ post.collection }}{% endif %}{% if post.tags %}<br>Tags: {{ post.tags }}{% endif %}</span>
+      <h2>
+        <a class="post-link" href="{{ post.url | relative_url }}">{{ post.title | escape }}</a>
+      </h2>
+    </li>
+    {% endfor %}
+  </ul>
+
+  <!--
+    Showing buttons to move to the next and to the previous list of posts (pager buttons).
+  -->
+  {% if paginator.total_pages > 1 %}
+  <ul class="pager">
+    {% if paginator.previous_page %}
+    <li class="previous">
+      <a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">&larr; Newer Posts</a>
+    </li>
+    {% endif %}
+    {% if paginator.next_page %}
+    <li class="next">
+      <a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Older Posts &rarr;</a>
+    </li>
+    {% endif %}
+  </ul>
+  {% endif %}
+
+  <p class="rss-subscribe">subscribe <a href="{{ "/feed.xml" | relative_url }}">via RSS</a></p>
+
+</div>

data/_layouts/bare.html

@@ -0,0 +1,9 @@
+<!doctype html>
+<html lang="en">
+    {% include head.html %}
+    <body>
+        <div class="container">
+            {{ content }}
+        </div>
+    </body>
+</html>

data/_layouts/page.html

@@ -0,0 +1,25 @@
+<!doctype html>
+<html lang="en">
+{% include head.html %}
+<body>
+<div class="container mt-1">
+    <div class="box mx-auto w-50 mb-1">
+        <div class="box-header text-center">
+            <h3 class="box-header-text">
+                {% if page.header%}
+                    {{ page.header }}
+                {% else %}
+                    {{ page.title }}
+                {% endif %}
+            </h3>
+        </div>
+        <div class="box-content">
+            {% include nav.html %}
+            <div class="box-entry mt-1">
+                {{ content }}
+            </div>
+        </div>
+    </div>
+</div>
+</body>
+</html>

data/_sass/dracula.scss

@@ -0,0 +1,164 @@
+/* Dracula Theme v1.2.5
+ *
+ * https://github.com/zenorocha/dracula-theme
+ *
+ * Copyright 2016, All rights reserved
+ *
+ * Code licensed under the MIT license
+ * http://zenorocha.mit-license.org
+ *
+ * @author Rob G <wowmotty@gmail.com>
+ * @author Chris Bracco <chris@cbracco.me>
+ * @author Zeno Rocha <hi@zenorocha.com>
+ * @author Piruin Panichphol <piruin.p@gmail.com>
+ */
+
+/*
+ * Variables
+ */
+
+$dt-gray-dark: #282a36;  // Background
+$dt-gray: #44475a;       // Current Line & Selection
+$dt-gray-light: #f8f8f2; // Foreground
+$dt-blue: #6272a4;       // Comment
+$dt-cyan: #8be9fd;
+$dt-green: #50fa7b;
+$dt-orange: #ffb86c;
+$dt-pink: #ff79c6;
+$dt-purple: #bd93f9;
+$dt-red: #ff5555;
+$dt-yellow: #f1fa8c;
+
+/*
+ * Styles
+ */
+
+.highlight {
+  .hll,
+  .s,
+  .sa,
+  .sb,
+  .sc,
+  .dl,
+  .sd,
+  .s2,
+  .se,
+  .sh,
+  .si,
+  .sx,
+  .sr,
+  .s1,
+  .ss {
+    color: $dt-yellow;
+  }
+
+  .go {
+    color: $dt-gray;
+  }
+
+  .err,
+  .g,
+  .l,
+  .n,
+  .x,
+  .p,
+  .ge,
+  .gr,
+  .gh,
+  .gi,
+  .gp,
+  .gs,
+  .gu,
+  .gt,
+  .ld,
+  .no,
+  .nd,
+  .ni,
+  .ne,
+  .nn,
+  .nx,
+  .py,
+  .w,
+  .bp {
+    color: $dt-gray-light;
+  }
+
+  .gh,
+  .gi,
+  .gu {
+    font-weight: bold;
+  }
+
+  .ge {
+    text-decoration: underline;
+  }
+
+  .bp {
+    font-style: italic;
+  }
+
+  .c,
+  .ch,
+  .cm,
+  .cpf,
+  .c1,
+  .cs {
+    color: $dt-blue;
+  }
+
+  .kd,
+  .kt,
+  .nb,
+  .nl,
+  .nv,
+  .vc,
+  .vg,
+  .vi,
+  .vm {
+    color: $dt-cyan;
+  }
+
+  .kd,
+  .nb,
+  .nl,
+  .nv,
+  .vc,
+  .vg,
+  .vi,
+  .vm {
+    font-style: italic;
+  }
+
+  .na,
+  .nc,
+  .nf,
+  .fm {
+    color: $dt-green;
+  }
+
+  .k,
+  .o,
+  .cp,
+  .kc,
+  .kn,
+  .kp,
+  .kr,
+  .nt,
+  .ow {
+    color: $dt-pink;
+  }
+
+  .m,
+  .mb,
+  .mf,
+  .mh,
+  .mi,
+  .mo,
+  .il {
+    color: $dt-purple;
+  }
+
+  .gd {
+    color: $dt-red;
+  }
+}

data/_sass/elements.scss

@@ -0,0 +1,175 @@
+.hidden {
+  display: none;
+}
+.container {
+  display: flex;
+  flex-direction: column;
+  margin-top: 10%;
+}
+.flex-gap {
+  display: inline-flex;
+  flex-wrap: wrap;
+  gap: 12px;
+
+  div {
+    margin: 6px;
+  }
+}
+.row {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+}
+.column {
+  display: flex;
+  flex-direction: column;
+}
+.box {
+  background-color: $color_background;
+  border-radius: $border_radius;
+  border-top: 1px solid $color_border;
+  box-shadow: -3px 3px 15px 0px #00000060;
+  min-width: 300px;
+  min-height: 250px;
+  height: fit-content;
+  @media only screen and (max-width: 600px) {
+    width: 90%!important;
+  }
+  padding-bottom: 15px;
+}
+.box-header-text {
+  margin: 5px;
+}
+.box-content {
+  padding-left: 10px;
+  padding-right: 10px;
+}
+.box-entry {
+
+}
+.box-nav {
+  @media only screen and (max-width: 600px) {
+    font-size: 10px;
+  }
+}
+
+
+
+.mt-0 {
+    margin-top: 0;
+}
+.mt-1 {
+    margin-top: 1rem;
+}
+.mt-2 {
+    margin-top: 2rem;
+}
+.mt-3 {
+    margin-top: 3rem;
+}
+.mt-4 {
+    margin-top: 4rem;
+}
+.mt-5 {
+    margin-top: 5rem;
+}
+.mt-auto {
+    margin-top: auto;
+}
+.mb-0 {
+    margin-bottom: 0;
+}
+.mb-1 {
+    margin-bottom: 1rem;
+}
+.mb-2 {
+    margin-bottom: 2rem;
+}
+.mb-3 {
+    margin-bottom: 3rem;
+}
+.mb-4 {
+    margin-bottom: 4rem;
+}
+.mb-5 {
+    margin-bottom: 5rem;
+}
+.mb-auto {
+    margin-bottom: auto;
+}
+.ms-0 {
+    margin-left: 0;
+}
+.ms-1 {
+    margin-left: 1rem;
+}
+.ms-2 {
+    margin-left: 2rem;
+}
+.ms-3 {
+    margin-left: 3rem;
+}
+.ms-4 {
+    margin-left: 4rem;
+}
+.ms-5 {
+    margin-left: 5rem;
+}
+.ms-auto {
+    margin-left: auto;
+}
+.me-0 {
+    margin-right: 0;
+}
+.me-1 {
+    margin-right: 1rem;
+}
+.me-2 {
+    margin-right: 2rem;
+}
+.me-3 {
+    margin-right: 3rem;
+}
+.me-4 {
+    margin-right: 4rem;
+}
+.me-5 {
+    margin-right: 5rem;
+}
+.me-auto {
+    margin-right: auto;
+}
+.mx-auto {
+  margin-left: auto;
+  margin-right: auto;
+}
+.w-100 {
+  width: 100%;
+}
+.w-50 {
+  width: 50%;
+}
+.w-75 {
+  width: 75%;
+}
+.w-25 {
+  width: 25%;
+}
+.text-center {
+  text-align: center;
+}
+.text-left {
+  text-align: left;
+}
+.text-right {
+  text-align: right;
+}
+.post-link {
+  display: block;
+  font-size: 1.2rem;
+}
+.post-meta {
+  font-size: 14px;
+  color: $color_gray;
+}
+

data/_sass/index.scss

@@ -0,0 +1,17 @@
+#post-box {
+  min-width: 30%;
+}
+#right-col, #post-box {
+  @media only screen and (max-width: 600px) {
+    margin-left: auto;
+    margin-right: auto;
+  }
+}
+#nav-box {
+  min-height: 100px;
+}
+#index-boxes {
+  gap: 50px;
+  min-width: 100%;
+  flex-wrap: wrap-reverse;
+}

data/_sass/markdown.scss

@@ -0,0 +1,9 @@
+.gray, .grey {
+  color: $color_gray;
+}
+.important {
+    color: $color_red;
+}
+.success {
+    color: $color_green;
+}

data/_sass/scula.scss

@@ -0,0 +1,66 @@
+/*Reset*/
+body, h1, h2, h3, h4, h5, h6,
+p, blockquote, pre, hr,
+dl, dd, ol, ul, figure {
+  margin: 0;
+  padding: 0;
+
+}
+
+
+/*Colors*/
+$color_pink: #ff79c6;
+$color_purple: #6b52ff;
+$color_gray: #6a737d;
+$color_red: #ff7979;
+$color_green: #79ff8a;
+
+$color_text: #fcfcfc;
+$color_border: #2d2e37;
+$color_background: #1e1f29;
+$color_highlight: lighten($color_background, 10%);
+$color_scrollbar: #232430;
+$color_scrollbar_hover: lighten($color_scrollbar, 10%);
+
+/*Variables*/
+$border_radius: 5px;
+$scroll_border_radius: 50px;
+
+/*Imports*/
+@import "dracula";
+@import "elements";
+@import "markdown";
+@import "typography";
+@import "index";
+
+body {
+  background-color: $color_background;
+  ::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+  }
+  ::-webkit-scrollbar-thumb {
+    background: $color_scrollbar;
+    border-radius: $scroll_border_radius;
+  }
+  ::-webkit-scrollbar-thumb:hover {
+    background: $color_scrollbar_hover;
+  }
+  ::-webkit-scrollbar-track {
+    background: transparent;
+  }
+}
+::selection {
+  background: transparentize($color_pink, 0.25);
+  color: $color_text;
+}
+ul {
+  list-style-type: none;
+}
+hr {
+    border: 0;
+    height: 1px;
+    background-color: $color_border;
+    margin-top: 10px;
+    margin-bottom: 10px;
+}

data/_sass/typography.scss

@@ -0,0 +1,52 @@
+$font-family_1: 'Source Code Pro', monospace;
+@font-face {
+  font-family: "Source Code Pro";
+  src: url("/assets/fonts/sourceCodePro.ttf");
+}
+
+body {
+  font-family: $font-family_1;
+  font-size: 12px;
+  line-height: 1.5;
+  color: $color_text;
+}
+a {
+  color: $color_pink;
+  text-decoration: none;
+  &:hover {
+    text-decoration: underline;
+  }
+}
+pre {
+  padding: 3px;
+  background-color: $color_highlight;
+  overflow: auto;
+  max-width: fit-content;
+  border-radius: $border_radius;
+}
+figure.highlight {
+  text-align: left;
+  margin-top: 1rem;
+  margin-bottom: 5px;
+  pre:first-child {
+    margin-left: auto;
+    margin-right: auto;
+  }
+}
+
+
+.fs-1 {
+  font-size: 0.8rem;
+}
+.fs-2 {
+  font-size: 1rem;
+}
+.fs-3 {
+  font-size: 1.2rem;
+}
+.fs-4 {
+  font-size: 1.4rem;
+}
+.fs-5 {
+  font-size: 1.6rem;
+}

data/assets/css/styles.scss

@@ -0,0 +1,4 @@
+---
+#Needed so Jekyll reads the file.
+---
+@import "{{ site.theme }}";

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: scula
 version: !ruby/object:Gem::Version
-  version: 1.0.3
+  version: 1.0.4
 platform: ruby
 authors:
 - That-Thing
@@ -114,7 +114,26 @@ email:
 executables: []
 extensions: []
 extra_rdoc_files: []
-files: []
+files:
+- LICENSE.txt
+- README.md
+- _config.yml
+- _includes/footer.html
+- _includes/head.html
+- _includes/nav.html
+- _layouts/autopage_category.html
+- _layouts/autopage_collection.html
+- _layouts/bare.html
+- _layouts/page.html
+- _sass/dracula.scss
+- _sass/elements.scss
+- _sass/index.scss
+- _sass/markdown.scss
+- _sass/scula.scss
+- _sass/typography.scss
+- assets/css/styles.scss
+- assets/fonts/sourceCodePro.ttf
+- assets/images/logo.png
 homepage: https://github.com/that-thing/jekyll-scula
 licenses:
 - MIT