blue-jekyll-theme 0.2.0 → 0.3.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b233c66e3492dd07026483ac53b721eb0a41dfc751627cd34fd8c1c771007cfd
-  data.tar.gz: c60347e6eecd36d34c719549d950f81417884f21198dd31a0bddf508213476a8
+  metadata.gz: 1aa0f6683140f40bd8856e22253740bfaba682a34dca87cc22694588dd834245
+  data.tar.gz: 721f322da722e5e423305ccdb66c8f3db970ed359832e4bba09f329e8a58f274
 SHA512:
-  metadata.gz: d2c622f57a320fc19af567b032048f3d6850637abe1d34b882a122454115c9adbfc2c0113913d945fb70641466a26c3a8496644128a2492edd667c27a987ef2b
-  data.tar.gz: a862abf9d56984c44e3b7bbb23c144ff14cf6000b49010d26ecc04ab9fc5c4df7954b3fa2ff051c79fdb27614c1b2d900cb59e525486c06ac752271bd25eaf3d
+  metadata.gz: 2cfef553734a5941f1f259754386ca7a3887ab2f632e74e91e357e03354c9712bfb01e27e15cfd0ffe9f75eaf44346c8d2c2facb0600ae8c6843d101732e4467
+  data.tar.gz: dac6ef892695e80f9c8e5a705fd6cc99703a08ff5a3378732de8def2133a061f8540fade4821e23039d47334e30c1ebe487a5902f662048d5a1402caf5a0c4bd

data/README.md

@@ -1,8 +1,8 @@
 # Blue
 
-> Minimalist Jekyll theme (based on Bulma)
+Minimalist Jekyll theme based on Bulma.
 
-Work in progress!
+This work is on active development, but currently suitable for use on production.
 
 [DEMO](https://jsalvador.me/blue)
 
@@ -33,4 +33,4 @@ Available colors are the same for Bulma (default ones). You can choose between `
 
 ## Licencse
 
-MIT License
+MIT License

data/_includes/footer.html

@@ -1,7 +1,28 @@
 <footer class="footer">
     <div class="content has-text-centered">
         <p>
-            Made with <span style="color: #e25555;">&hearts;</span> by Juanjo Salvador
+            Theme <a href="https://github.com/JuanjoSalvador/blue">Blue</a>. Made with <span style="color: #e25555;">❤️</span> by Juanjo Salvador
         </p>
     </div>
+    <div class="columns">
+        <div class="column"></div>
+        <div class="column is-centered">
+            {% if site.author.github %}
+                <a href="https://github.com/{{ site.author.github }}" class="social-link"><i class="fab fa-github-alt fa-2x"></i></a>
+            {% endif %}
+
+            {% if site.author.twitter %}
+                <a href="https://twitter.com/{{ site.author.twitter }}" class="social-link"><i class="fab fa-twitter fa-2x"></i></a>
+            {% endif %}
+
+            {% if site.author.mastodon %}
+                <a href="{{ site.author.mastodon }}" rel="me" class="social-link"><i class="fab fa-mastodon fa-2x"></i></a>
+            {% endif %}        
+        
+            {% if site.author.email %}
+                <a href="mailto:{{ site.author.email }}" class="social-link"><i class="fas fa-envelope fa-2x"></i></a>
+            {% endif %}
+        </div>
+        <div class="column"></div>
+    </div>
 </footer>

data/_includes/head.html

@@ -13,7 +13,7 @@
 
     <!-- CSS -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.2/css/bulma.min.css">
-    <link rel="stylesheet" href="{{ site.baseurl }}/styles.css">
+    <link rel="stylesheet" href="{{ site.baseurl }}/assets/styles.css">
 
     <script defer src="https://use.fontawesome.com/releases/v5.3.1/js/all.js"></script>
 

data/_layouts/default.html

@@ -8,10 +8,12 @@
             <div class="hero-body">
                 <div class="container main">
                     <div class="columns is-mobile">
-                        <div class="column">
+                        <div class="column"></div>
+                        <div class="column is-two-thirds">
                             <h1 class="title is-1"><a href="/">{{ site.title }}</a></h1>
                             <h2 class="subtitle is-3">{{ site.subtitle }}</h2>
                         </div>
+                        <div class="column"></div>
                     </div>
                 </div>
             </div>
@@ -20,9 +22,11 @@
         <section class="section">
             <div class="container">
                 <div class="columns is-mobile">
-                    <div class="column">
+                    <div class="column"></div>
+                    <div class="column is-two-thirds">
                         {{ content }}
                     </div>
+                    <div class="column"></div>
                 </div>
             </div>
         </section>

data/_layouts/home.html

@@ -0,0 +1,38 @@
+---
+layout: default
+---
+
+<div class="frontpage">
+    {% for post in paginator.posts %}
+        <div class="frontpage-item">
+            <a href="{{ post.url | prepend: site.baseurl }}">
+                <h3 class="title is-3">{{ post.title }}</h3>
+            </a>
+            <time datetime="{{ post.date }}" class="frontpage-time has-text-grey-light">{{ post.date | date: "%B %d, %Y" }}</time>
+
+            <p class="show-if-mobile">
+                {{ post.content | truncatewords: 60 | strip_html }}
+            </p>
+
+            <p class="frontpage-item-readmore">
+                <a href="{{ post.url | prepend: site.baseurl }}" class="button is-{{ site.color }}">
+                   <strong>Read more</strong>
+                </a>
+            </p>
+            <br><br>
+        </div>
+    {% endfor %}
+</div>
+
+<div class="pagination">
+  {% if paginator.previous_page %}
+    <a href="{{ paginator.previous_page_path | prepend: site.baseurl }}" class="left-arrow">&#8592;</a>
+  {% endif %}
+
+  {% if paginator.next_page %}
+    <a href="{{ paginator.next_page_path | prepend: site.baseurl }}" class="right-arrow">&#8594;</a>
+  {% endif %}
+
+  <span class="page-number">{{ paginator.page }}</span>
+  
+</div>

data/_layouts/post.html

@@ -5,8 +5,9 @@ layout: default
 <div class="post">
   
   <h2 class="title is-2 post-title">{{ page.title }}</h2>
-  <div class="post-info">
-    <time datetime="{{ post.date }}" class="frontpage-time has-text-grey-light">{{ page.date | date: "%B %d, %Y" }}</time>
+  <div class="post-info has-text-grey-light">
+    Written by {{ site.author.name }}<br/>
+    <time datetime="{{ post.date }}" class="frontpage-time">{{ page.date | date: "%B %d, %Y" }}</time>
   </div>
 
   {{ content }}

data/_sass/default.sass

@@ -3,6 +3,7 @@ $lightgray: #f8f8f8
 
 body
     font-size: 1.3rem
+    text-align: justify
     
     ol, ul
         margin-top: 1em
@@ -30,8 +31,8 @@ body
         margin-top: 1em
         margin-bottom: 1em
 
-.container
-    max-width: 40rem
+.is-centered
+    text-align: center
 
 .left-arrow
     font-size: 2em
@@ -44,5 +45,4 @@ body
     right: 0
 
 .page-number
-    font-size: 1.25em
     margin: 0 auto

data/_sass/frontpage.sass

@@ -12,4 +12,8 @@
 
     .paginator
         position: relative
-        margin: 0 auto
+        margin: 0 auto
+
+@media only screen and (max-width: 600px)
+    .show-if-mobile
+        display: none

data/assets/styles.sass

@@ -0,0 +1,10 @@
+---
+# Use a comment to ensure Jekyll reads the file to be transformed into CSS later
+# only main files contain this front matter, not partials.
+---
+
+@import 'default'
+@import 'frontpage'
+@import 'code'
+@import 'post'
+@import 'native'

metadata

@@ -1,29 +1,15 @@
 --- !ruby/object:Gem::Specification
 name: blue-jekyll-theme
 version: !ruby/object:Gem::Version
-  version: 0.2.0
+  version: 0.3.2
 platform: ruby
 authors:
 - Juanjo Salvador
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2022-01-14 00:00:00.000000000 Z
+date: 2022-01-15 00:00:00.000000000 Z
 dependencies:
-- !ruby/object:Gem::Dependency
-  name: jekyll
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '3.8'
-  type: :runtime
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '3.8'
 - !ruby/object:Gem::Dependency
   name: jekyll-seo-tag
   requirement: !ruby/object:Gem::Requirement
@@ -93,6 +79,7 @@ files:
 - _includes/footer.html
 - _includes/head.html
 - _layouts/default.html
+- _layouts/home.html
 - _layouts/page.html
 - _layouts/post.html
 - _sass/code.sass
@@ -101,6 +88,7 @@ files:
 - _sass/native.scss
 - _sass/post.sass
 - _sass/rouge.scss
+- assets/styles.sass
 homepage: https://jsalvador.me/blog/
 licenses:
 - MIT