minimal-days-theme 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: ee46b2264bb7605f05f7ec74f786503f6a708f423205d42b39feabf69341661a
+  data.tar.gz: 81445c714c2c21b80055c538c6dad98b555ceeea0744c70534f61de1afab2df2
+SHA512:
+  metadata.gz: 293c8a445397e9e785d657ad1ab05fd651822c8ab05db1493325bdb68f66c4b6b75b469b35cc3e4ca78e3abcc6ed25cc712377edee9618803afe817344e7961d
+  data.tar.gz: 1a6fb3941d7408d59c9ac12478d03dde3d03284dfbdf2aaf26c4a4a1d6aed18bd72cd64258cc233fdba427e1ed560cbfb573c15c3d2b352c4497f9355f2a3f25

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2020 Jessica Zeng
+
+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,61 @@
+# minimal-days-theme
+
+A minimalistic static [Jekyll](http://jekyllrb.com) blog theme! Displays full posts in single-column list.
+
+Includes:
+* pagination
+* tags
+
+![Preview](/minimal-theme-screenshot.png)
+
+## Installation
+
+Add this line to your Jekyll site's `Gemfile`:
+
+```ruby
+gem "minimal-days-theme"
+```
+
+And add this line to your Jekyll site's `_config.yml`:
+
+```yaml
+theme: minimal-days-theme
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install minimal-days-theme
+
+## Usage
+### _config.yml options
+General settings:
+```
+title: here & there                         # update title
+title_img: assets/images/theme/cloud.gif    # update header image
+```
+
+Pagination:
+```
+paginate: 3                                 # change posts per page
+```
+
+### Images in posts
+To insert a responsive image in a post:
+```
+{% responsive_image path:"assets/image/image.png" alt:"nice image bro" %}
+```
+When Jekyll builds the site, [jekyll-responsive-image](https://github.com/wildlyinaccurate/jekyll-responsive-image) will resize your images and load / display them in a responsive manner.
+
+To insert an image / gif that should NOT be resized:
+```
+{% include image.html img="image.gif" description="check this out" %}
+```
+
+## 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,80 @@
+# General settings
+title: here & there
+title_img: "assets/images/theme/cloud.gif"
+title_img_link: "/about"
+
+plugins:
+  - jekyll-paginate
+  - jekyll-responsive-image
+  - jekyll/tagging
+
+# Other settings
+code_css: "default"   # replace with highlight.js css style
+paginate: 3
+paginate_path: "/page/:num/"
+
+# Tag settings
+tag_page_dir:         tag
+tag_page_layout:      tag_page
+
+# Sass settings
+sass:
+  sass_dir: _sass
+
+# Responsive image settings
+responsive_image:
+  # [Required]
+  # Path to the image template.
+  template: _includes/responsive-image.html
+
+  # [Optional, Default: 85]
+  # Quality to use when resizing images.
+  default_quality: 90
+
+  # [Optional, Default: []]
+  # An array of resize configuration objects. Each object must contain at least
+  # a `width` value.
+  sizes:
+    - width: 480  # [Required] How wide the resized image will be.
+      quality: 80 # [Optional] Overrides default_quality for this size.
+    - width: 800
+    - width: 1400
+      quality: 90
+
+  # [Optional, Default: false]
+  # Rotate resized images depending on their EXIF rotation attribute. Useful for
+  # working with JPGs directly from digital cameras and smartphones
+  auto_rotate: false
+
+  # [Optional, Default: false]
+  # Strip EXIF and other JPEG profiles. Helps to minimize JPEG size and win friends
+  # at Google PageSpeed.
+  strip: false
+
+  # [Optional, Default: assets]
+  # The base directory where assets are stored. This is used to determine the
+  # `dirname` value in `output_path_format` below.
+  base_path: assets
+
+  # [Optional, Default: assets/resized/%{filename}-%{width}x%{height}.%{extension}]
+  # The template used when generating filenames for resized images. Must be a
+  # relative path.
+  #
+  # Parameters available are:
+  #   %{dirname}     Directory of the file relative to `base_path` (assets/sub/dir/some-file.jpg => sub/dir)
+  #   %{basename}    Basename of the file (assets/some-file.jpg => some-file.jpg)
+  #   %{filename}    Basename without the extension (assets/some-file.jpg => some-file)
+  #   %{extension}   Extension of the file (assets/some-file.jpg => jpg)
+  #   %{width}       Width of the resized image
+  #   %{height}      Height of the resized image
+  #
+  output_path_format: assets/images/resized/%{width}/%{basename}
+
+  # [Optional, Default: true]
+  # Whether or not to save the generated assets into the source folder.
+  save_to_source: false
+
+  # [Optional, Default: false]
+  # Cache the result of {% responsive_image %} and {% responsive_image_block %}
+  # tags. See the "Caching" section of the README for more information.
+  cache: false

data/_includes/head.html

@@ -0,0 +1,18 @@
+<head>
+  <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+  
+  <link rel="shortcut icon" type="image/png" href="/favicon.png">
+
+  <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,300;0,700;1,500&family=Roboto+Slab:wght@500&display=swap" rel="stylesheet">
+  <link rel="stylesheet" href="{{ '/assets/css/main.css' | absolute_url }}?{{ site.time | date: '%s%N' }}">
+  <link rel="stylesheet"
+      href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.0.0/styles/{{ site.code_css }}.min.css">
+	<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.0.0/highlight.min.js"></script>
+	<script>hljs.initHighlightingOnLoad();</script>
+
+  {% if title %}
+  <title>{{ title }}</title>
+  {% endif %}
+</head>

data/_includes/image.html

@@ -0,0 +1,4 @@
+<figure class="image">
+    <img src="/assets/images/{{ include.img }}" alt="{{ include.description }}">
+    <figcaption>{{ include.description }}</figcaption>
+</figure>

data/_includes/post-block.html

@@ -0,0 +1,16 @@
+<div class="post"> 
+    <div class="post--date">{{ post.date | date: "%A %m.%d.%y" | downcase }}</div>
+    <h1 class="post--title">
+      <a href="{{ post.url | absolute_url }}">
+          {{ post.title }}
+        </a>
+    </h1>
+
+    {{ post.content }}
+
+    <div class="post--tags">
+      {% for tag in post.tags %}
+        <span class="post--tag"><a href="tag/{{ tag }}.html">[{{ tag }}]</a></span>&nbsp;
+      {% endfor %}
+    </div>
+</div>

data/_includes/responsive-image.html

@@ -0,0 +1,14 @@
+<figure class="image">
+  {% assign largest = resized | sort: 'width' | last %}
+  {% capture srcset %}
+  {% for i in resized %}
+        /{{ i.path }} {{ i.width }}w,
+  {% endfor %}
+  {% endcapture %}
+
+  <img src="/{{ largest.path }}"
+    alt="{{ alt }}"
+    srcset="{{ srcset | strip_newlines }} /{{ path }} {{ original.width }}w"
+      sizes="50vw">
+  <figcaption>{{ alt }}</figcaption>
+</figure>

data/_layouts/default.html

@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+  {% if page.title %}
+    {% assign title = page.title %}
+  {% else %}
+    {% assign title = site.title %}
+  {% endif %}
+  
+  {% include head.html title=title %} 
+
+  <body>
+    <header class="header">
+      <h1 class="header--title"><a href="/">{{ site.title }}</a></h1>
+      <div class="header--img">
+        {% if site.title_img_link %}
+        <a href="{{ site.title_img_link }}"><img src="{{ site.title_img | absolute_url }}"></a>
+        {% else %}
+        <img src="{{ site.title_img | absolute_url }}">
+        {% endif %}
+      </div>
+    </header>
+    {{ content }}
+  </body>
+</html>

data/_layouts/home.html

@@ -0,0 +1,35 @@
+---
+layout: default
+---
+
+<div class="posts">
+  {% for post in paginator.posts %}
+    {% include post-block.html %}
+  {% endfor %}
+</div>
+
+{% if paginator.total_pages > 1 %}
+<div class="pagination">
+  {% if paginator.previous_page %}
+    <a href="{{ paginator.previous_page_path | relative_url }}">&laquo;</a>
+  {% else %}
+    <span>&laquo;</span>
+  {% endif %}
+
+  {% for page in (1..paginator.total_pages) %}
+    {% if page == paginator.page %}
+      <em>{{ page }}</em>
+    {% elsif page == 1 %}
+      <a href="/">{{ page }}</a>
+    {% else %}
+      <a href="{{ site.paginate_path | relative_url | replace: ':num', page }}">{{ page }}</a>
+    {% endif %}
+  {% endfor %}
+
+  {% if paginator.next_page %}
+    <a href="{{ paginator.next_page_path | relative_url }}">&raquo;</a>
+  {% else %}
+    <span>&raquo;</span>
+  {% endif %}
+</div>
+{% endif %}

data/_layouts/page.html

@@ -0,0 +1,9 @@
+---
+layout: default
+---
+
+<h1 class="page--title">
+  {{ page.title }}
+</h1>
+
+{{ content }}

data/_layouts/post.html

@@ -0,0 +1,6 @@
+---
+layout: default
+---
+{% assign is_post=true %}
+{% assign post=page %}
+{% include post-block.html %}

data/_layouts/tag_page.html

@@ -0,0 +1,13 @@
+---
+layout: default
+---
+<h1 class="page--title">{{ page.tag }}</h1>
+<ul>
+{% for post in page.posts %}
+  <li><a href="{{ post.url }}">{{ post.title }}</a> ({{ post.date | date: "%m.%d.%y" }} | tags: {{ post | tags }})</li>
+{% endfor %}
+</ul>
+
+<div id="tag-cloud">
+  {{ site | tag_cloud }}
+</div>

data/_sass/_base.scss

@@ -0,0 +1,68 @@
+html {
+  font-size: $fs-base;
+  line-height: $flh-base;
+  color: $clr-base;
+  font-family: $ff-base;
+}
+
+body {
+  max-width: 35em;
+  margin: 0 auto;
+  padding: 3em 1em;
+}
+
+.header {
+  text-align: center;
+  margin-bottom: 10vh;
+
+  &--title {
+    font-size: $fs-title;
+    margin-bottom: 0;
+
+    a {
+      letter-spacing: $fls-md;
+      text-decoration: none;
+    }
+  }
+
+  &--img {
+    width: 25%;
+    margin: 0 auto;
+  }
+}
+
+hr {
+  border-top: 1px dashed $clr-base;
+  border-left: 0;
+  border-right: 0;
+  border-bottom: 0;
+  width: 25%;
+  margin-bottom: 2em;
+}
+
+a {
+  color: $clr-accent;
+  letter-spacing: $fls-sm;
+}
+
+a[x-apple-data-detectors] {
+  color: inherit !important;
+        text-decoration: none !important;
+        font-size: inherit !important;
+        font-family: inherit !important;
+        font-weight: inherit !important;
+        line-height: inherit !important;
+}
+
+figure.highlight {
+  margin: 0;
+}
+
+table {
+  width: 100%;
+  margin: 2em 0;
+}
+
+tr {
+  text-align: left;
+}

data/_sass/_footer.scss

@@ -0,0 +1,7 @@
+.pagination {
+  text-align: center;
+
+  a {
+    text-decoration: none;
+  }
+}

data/_sass/_image.scss

@@ -0,0 +1,13 @@
+figure.image {
+  text-align: center;
+  margin: 0;
+}
+
+img {
+  max-width: 100%;
+}
+
+figcaption {
+  font-style: oblique;
+  font-size: $fs-small2;
+}

data/_sass/_page.scss

@@ -0,0 +1,6 @@
+.page--title {
+  font-size: $fs-header;
+  font-family: $ff-header;
+  color: $clr-accent;
+  text-align: center;
+}

data/_sass/_post.scss

@@ -0,0 +1,29 @@
+.post {
+  margin-bottom: 25vh;
+  
+  h1.post--title {
+    font-size: $fs-header;
+    font-family: $ff-header;
+    text-align: center;
+    margin-top: 0;
+
+    a {
+      color: $clr-accent;
+      text-decoration: none;
+    }
+  }
+  
+  &--date {
+    font-size: $fs-small1;
+    text-align: center;
+  }
+
+  &--tags {
+    font-size: $fs-small2;
+    text-align: center;
+  }
+
+  &--tag a {
+    text-decoration: none;
+  }
+}

data/_sass/_tags.scss

@@ -0,0 +1,4 @@
+#tag-cloud {
+  text-align: center;
+  margin-top: 2em;
+}

data/_sass/_variables.scss

@@ -0,0 +1,15 @@
+/* fonts */
+$ff-base:   'Roboto Mono', monospace;
+$ff-header: 'Roboto Slab', serif;
+$fs-base:   16px;
+$fs-header: 2rem;
+$fs-title:  1.5rem;
+$fs-small1: 0.9rem;
+$fs-small2: 0.8rem;
+$flh-base:  1.5;
+$fls-sm:    2px;
+$fls-md:    4px;
+
+/* colors */
+$clr-base:    #6B6D80;
+$clr-accent:  #3E3F4A;

data/assets/css/main.scss

@@ -0,0 +1,13 @@
+---
+# Ensures Jekyll reads the file to be transformed into CSS later
+---
+
+@charset "utf-8";
+@import "variables";
+
+@import "base";
+@import "footer";
+@import "image";
+@import "page";
+@import "post";
+@import "tags";

metadata

@@ -0,0 +1,81 @@
+--- !ruby/object:Gem::Specification
+name: minimal-days-theme
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Jessica Zeng
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2020-07-15 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: jekyll
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '4.1'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '4.1'
+description: 
+email:
+- jessicaczeng@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- LICENSE.txt
+- README.md
+- _config.yml
+- _includes/head.html
+- _includes/image.html
+- _includes/post-block.html
+- _includes/responsive-image.html
+- _layouts/default.html
+- _layouts/home.html
+- _layouts/page.html
+- _layouts/post.html
+- _layouts/tag_page.html
+- _sass/_base.scss
+- _sass/_footer.scss
+- _sass/_image.scss
+- _sass/_page.scss
+- _sass/_post.scss
+- _sass/_tags.scss
+- _sass/_variables.scss
+- assets/css/main.scss
+- assets/images/2020-07-05-dalat1.JPG
+- assets/images/2020-07-05-hello-world.gif
+- assets/images/theme/cloud.gif
+homepage: https://github.com/zenje/minimal-days-theme
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.7.6
+signing_key: 
+specification_version: 4
+summary: A minimalistic Jekyll blog theme.
+test_files: []