jekyll-theme-acg 1.0.4 → 1.0.5

data/_layouts/page.html

@@ -0,0 +1,13 @@
+---
+layout: default
+---
+
+{% assign color = page.color | default: site.color %}
+
+<div class="w-acg min-h-screen mt-16">
+  <div class="w-full py-16 text-{{ color }}-50 flex flex-col justify-center items-center content-center">
+    <div class="text-center text-4xl font-serif">{{ page.title }}</div>
+    <div class="text-center text-base font-sans">{{ page.description }}</div>
+  </div>
+  <article class="w-full my-4 mx-auto p-4 rounded-lg text-black bg-{{ color }}-50 bg-opacity-75 markdown-body">{{ content }}</article>
+</div>

data/_layouts/post.html

@@ -1,44 +1,24 @@
 ---
 layout: default
 ---
-{% capture color %}{{ page.color | default: site.color }}{% endcapture %}
-{%- comment -%}{%- endcomment -%}
-<article
-  class="markdown-body  my-4 mx-auto p-4 pb-8 max-w-acg
-    rounded-lg shadow-xl text-black bg-{{ color }}-50 bg-opacity-75 "
->
-  <h1>{{ page.title }}</h1>
-<!-- Jekyll TOC -->
-{% include toc.html html=content %}
-<!-- Jekyll TOC End -->
-{{ content }}
-</article>
-{%- comment -%}{%- endcomment -%}
-
+{% assign color = page.color | default: site.color %}
+{% assign title = page.title | default: site.title %}
+{% assign description = page.description | default: site.description %}
 
+<div class="w-full mt-16 p-16 flex flex-col justify-center items-center select-none text-{{ color }}-50">
+  <div class="w-3/4 py-4 text-center font-serif text-4xl">{{ title }}</div>
+  <div class="w-2/3 py-1 text-center font-sans text-base">{{ description }}</div>
+</div>
 
+{% include article.html %}
 
-<div class="mx-auto flex justify-between max-w-acg space-x-4 pb-4">
-  <a
-    class="w-1/2 p-4 flex items-center rounded-lg shadow-xl
-      bg-{{ color }}-50 bg-opacity-75
-      {% unless page.next.id %}opacity-0{% endunless %}"
-    {% if page.next.id %}href="{{ page.next.id }}"{% endif %}
-  >
-    <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 flex-shrink-0 text-{{ color }}-600" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 15l-3-3m0 0l3-3m-3 3h8M3 12a9 9 0 1118 0 9 9 0 01-18 0z" />
-    </svg>
+<div class="mx-auto flex justify-between w-acg space-x-4">
+  <a class="w-1/2 p-4 flex items-center rounded-lg shadow-xl flex-grow bg-{{ color }}-50 bg-opacity-75 {% unless page.next.id %}opacity-0{% endunless %}" {% if page.next.id %}href="{{ page.next.id | relative_url }}"{% endif %}>
+    <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 flex-shrink-0 text-{{ color }}-600" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 15l-3-3m0 0l3-3m-3 3h8M3 12a9 9 0 1118 0 9 9 0 01-18 0z" /></svg>
     <span class="ml-4">{{ page.next.title | default: "" }}</span>
   </a>
-  <a
-    class="w-1/2 p-4 flex items-center flex-row-reverse rounded-lg shadow-xl
-      bg-{{ color }}-50 bg-opacity-75
-      {% unless page.previous.id %}opacity-0{% endunless %}"
-    {% if page.previous.id %}href="{{ page.previous.id }}"{% endif %}
-  >
-    <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 flex-shrink-0 text-{{ color }}-600" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 9l3 3m0 0l-3 3m3-3H8m13 0a9 9 0 11-18 0 9 9 0 0118 0z" />
-    </svg>
+  <a class="w-1/2 p-4 flex items-center flex-row-reverse rounded-lg shadow-xl flex-grow bg-{{ color }}-50 bg-opacity-75 {% unless page.previous.id %}opacity-0{% endunless %}" {% if page.previous.id %}href="{{ page.previous.id | relative_url }}"{% endif %}>
+    <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 flex-shrink-0 text-{{ color }}-600" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 9l3 3m0 0l-3 3m3-3H8m13 0a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>
     <span class="mr-4">{{ page.previous.title | default: "" }}</span>
   </a>
 </div>

data/_layouts/tag.html

@@ -0,0 +1,14 @@
+---
+layout: default
+---
+{% assign color = page.color | default: site.color %}
+{% assign title = page.title | capitalize %}
+
+<div class="w-acg min-h-screen">
+  <div class="w-full mt-16 p-16 flex justify-center">
+    {% include item-tag.html name=page.title zoom=true %}
+  </div>
+  <div class="w-full m-auto p-4 flex flex-col space-y-4">
+    {% include posts.html posts=page.posts %}
+  </div>
+</div>

data/_layouts/tags.html

@@ -0,0 +1,21 @@
+---
+layout: default
+---
+{% assign color = page.color | default: site.color %}
+{% assign tagList = "" | split: "" %}
+{% for item in site.tags %}
+  {% assign tagName = item[0] %}
+  {% assign tagList = tagList | push: tagName %}
+{% endfor %}
+{% assign tagList = tagList | sort %}
+
+<div class="min-h-screen py-16 flex flex-wrap justify-center items-center content-center select-none">
+  <div class="w-full py-8 font-serif text-4xl text-{{ color }}-50 text-center">{{ site.tagtitle | default: "TAGS" }}</div>
+
+  {% for tagName in tagList %}
+    {% assign tagCount = site.tags[tagName].size %}
+    <div class="m-1 px-2 bg-{{ color }}-50 bg-opacity-75 rounded">
+      {% include item-tag.html name=tagName count=tagCount %}
+    </div>
+  {% endfor %}
+</div>

data/_sass/markdown.scss

@@ -1,6 +1,30 @@
+.markdown-body h1,
+.markdown-body h2 {
+  border-bottom-color: var(--theme-600);
+}
+.markdown-body hr {
+  background-color: var(--theme-600);
+}
+
+.markdown-body blockquote {
+  color: var(--theme-500);
+  border-left-color: var(--theme-600);
+}
+
+.markdown-body code:not(.hljs) {
+  color: var(--theme-600);
+}
+
+.markdown-body a {
+  font-weight: 500;
+  color: var(--theme-600);
+}
 .markdown-body a:hover {
   text-decoration: underline;
 }
+.markdown-body a.reversefootnote {
+  font-family: monospace;
+}
 
 .markdown-body .highlight pre,
 .markdown-body pre {
@@ -33,3 +57,30 @@
 .markdown-body ol ol ul {
   list-style-type: square;
 }
+
+.markdown-body .footnotes {
+  padding-top: 2em;
+}
+
+.markdown-body .task-list-item {
+  display: flex;
+  align-items: center;
+}
+.markdown-body .task-list-item input[type="checkbox"] {
+  appearance: none;
+}
+.markdown-body .task-list-item input[type="checkbox"]::before {
+  content: "";
+  display: block;
+  width: 1em;
+  height: 1em;
+  line-height: 1;
+  margin-right: 0.5em;
+  text-align: center;
+  border-radius: 4px;
+  color: white;
+  background-color: var(--theme-600);
+}
+.markdown-body .task-list-item input[type="checkbox"][checked]::before{
+  content: "\2713";
+}

data/_sass/root.scss

@@ -1,39 +1,99 @@
 :root {
-  --opacity: 1;
-
-  --red-200: rgba(254, 200, 200, var(--opacity));
-  --red-400: rgba(248, 114, 114, var(--opacity));
-  --red-500: #ef4444;
-  --red-600: rgba(220, 40, 40, var(--opacity));
-  --red-800: rgba(153, 27, 27, var(--opacity));
-
-  --blue-200: rgba(191, 219, 254, var(--opacity));
-  --blue-400: rgba(96, 165, 250, var(--opacity));
-  --blue-500: #3b82f6;
-  --blue-600: rgba(37, 99, 235, var(--opacity));
-  --blue-800: rgba(30, 64, 175, var(--opacity));
-
-  --pink-200: rgba(251, 207, 232, var(--opacity));
-  --pink-400: rgba(244, 114, 182, var(--opacity));
-  --pink-500: #ec4899;
-  --pink-600: rgba(219, 39, 119, var(--opacity));
-  --pink-800: rgba(157, 23, 77, var(--opacity));
-
-  --green-200: rgba(167, 243, 208, var(--opacity));
-  --green-400: rgba(52, 211, 153, var(--opacity));
-  --green-500: #10b981;
-  --green-600: rgba(5, 150, 105, var(--opacity));
-  --green-800: rgba(6, 95, 70, var(--opacity));
-
-  --yellow-200: rgba(253, 230, 138, var(--opacity));
-  --yellow-400: rgba(251, 191, 36, var(--opacity));
-  --yellow-500: #f59e0b;
-  --yellow-600: rgba(217, 119, 6, var(--opacity));
-  --yellow-800: rgba(146, 64, 14, var(--opacity));
-
-  --purple-200: rgba(221, 214, 254, var(--opacity));
-  --purple-400: rgba(167, 139, 250, var(--opacity));
-  --purple-500: #8b5cf6;
-  --purple-600: rgba(124, 58, 237, var(--opacity));
-  --purple-800: rgba(91, 33, 182, var(--opacity));
+  --gray-50: #F9FAFB;
+  --gray-100: #F3F4F6;
+  --gray-200: #E5E7EB;
+  --gray-300: #D1D5DB;
+  --gray-400: #9CA3AF;
+  --gray-500: #6B7280;
+  --gray-600: #4B5563;
+  --gray-700: #374151;
+  --gray-800: #1F2937;
+  --gray-900: #111827;
+
+  --red-50: #FEF2F2;
+  --red-100: #FEE2E2;
+  --red-200: #FECACA;
+  --red-300: #FCA5A5;
+  --red-400: #F87171;
+  --red-500: #EF4444;
+  --red-600: #DC2626;
+  --red-700: #B91C1C;
+  --red-800: #991B1B;
+  --red-900: #7F1D1D;
+
+  --yellow-50: #FFFBEB;
+  --yellow-100: #FEF3C7;
+  --yellow-200: #FDE68A;
+  --yellow-300: #FCD34D;
+  --yellow-400: #FBBF24;
+  --yellow-500: #F59E0B;
+  --yellow-600: #D97706;
+  --yellow-700: #B45309;
+  --yellow-800: #92400E;
+  --yellow-900: #78350F;
+
+  --green-50: #ECFDF5;
+  --green-100: #D1FAE5;
+  --green-200: #A7F3D0;
+  --green-300: #6EE7B7;
+  --green-400: #34D399;
+  --green-500: #10B981;
+  --green-600: #059669;
+  --green-700: #047857;
+  --green-800: #065F46;
+  --green-900: #064E3B;
+
+  --blue-50: #EFF6FF;
+  --blue-100: #DBEAFE;
+  --blue-200: #BFDBFE;
+  --blue-300: #93C5FD;
+  --blue-400: #60A5FA;
+  --blue-500: #3B82F6;
+  --blue-600: #2563EB;
+  --blue-700: #1D4ED8;
+  --blue-800: #1E40AF;
+  --blue-900: #1E3A8A;
+
+  --indigo-50: #EEF2FF;
+  --indigo-100: #E0E7FF;
+  --indigo-200: #C7D2FE;
+  --indigo-300: #A5B4FC;
+  --indigo-400: #818CF8;
+  --indigo-500: #6366F1;
+  --indigo-600: #4F46E5;
+  --indigo-700: #4338CA;
+  --indigo-800: #3730A3;
+  --indigo-900: #312E81;
+
+  --purple-50: #F5F3FF;
+  --purple-100: #EDE9FE;
+  --purple-200: #DDD6FE;
+  --purple-300: #C4B5FD;
+  --purple-400: #A78BFA;
+  --purple-500: #8B5CF6;
+  --purple-600: #7C3AED;
+  --purple-700: #6D28D9;
+  --purple-800: #5B21B6;
+  --purple-900: #4C1D95;
+
+  --pink-50: #FDF2F8;
+  --pink-100: #FCE7F3;
+  --pink-200: #FBCFE8;
+  --pink-300: #F9A8D4;
+  --pink-400: #F472B6;
+  --pink-500: #EC4899;
+  --pink-600: #DB2777;
+  --pink-700: #BE185D;
+  --pink-800: #9D174D;
+  --pink-900: #831843;
+}
+
+.bg-blur {
+  backdrop-filter: blur(8px);
+}
+.max-w-acg {
+  max-width: MIN(90%, 768px);
+}
+.w-acg {
+  width: MIN(90%, 768px);
 }

data/_sass/scrollbar.scss

@@ -0,0 +1,24 @@
+::-webkit-scrollbar {
+  width: 4px;
+  height: 4px;
+}
+::-webkit-scrollbar-track-piece {
+  background: var(--theme-200);
+}
+::-webkit-scrollbar-thumb {
+  border-radius: 4px;
+  background-color: var(--theme-600);
+  background-image: repeating-linear-gradient(
+    -45deg,
+    var(--theme-600) 0,
+    var(--theme-600) 32px,
+    var(--theme-400) 32px,
+    var(--theme-400) 36px
+  );
+}
+::-webkit-scrollbar-thumb:vertical {
+  height: 4px;
+}
+::-webkit-scrollbar-thumb:horizontal {
+  width: 4px;
+}

data/assets/404.html

@@ -0,0 +1,6 @@
+---
+layout: default
+title: 404
+description: Page Not Found.
+permalink: /404.html
+---

data/assets/about.md

@@ -0,0 +1,11 @@
+---
+layout: page
+title: About
+description: Info about this theme.
+permalink: /about.html
+---
+
+## Jekyll Theme ACG
+
+- [Github](https://github.com/coderzhaoziwei/jekyll-theme-acg)
+- [RubyGems](https://rubygems.org/gems/jekyll-theme-acg)

data/assets/categories.html

@@ -0,0 +1,4 @@
+---
+layout: categories
+permalink: /categories.html
+---

data/assets/css/style.scss

@@ -2,15 +2,4 @@
 ---
 @import "root";
 @import "markdown";
-
-.bg-image {
-  background-image: url("{{ page.background | default: site.background }}");
-}
-
-.bg-blur {
-  backdrop-filter: blur(8px);
-}
-
-.max-w-acg {
-  max-width: MIN(90%, 768px);
-}
+@import "scrollbar";

data/assets/tags.html

@@ -0,0 +1,4 @@
+---
+layout: tags
+permalink: /tags.html
+---

metadata

@@ -1,22 +1,22 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-acg
 version: !ruby/object:Gem::Version
-  version: 1.0.4
+  version: 1.0.5
 platform: ruby
 authors:
 - Coder Zhao
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-06-22 00:00:00.000000000 Z
+date: 2021-06-24 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '4.0'
+        version: 4.2.0
     - - "<"
       - !ruby/object:Gem::Version
         version: '5.0'
@@ -24,110 +24,138 @@ dependencies:
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '4.0'
+        version: 4.2.0
     - - "<"
       - !ruby/object:Gem::Version
         version: '5.0'
+- !ruby/object:Gem::Dependency
+  name: kramdown-parser-gfm
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 1.1.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 1.1.0
+- !ruby/object:Gem::Dependency
+  name: jekyll-sass-converter
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 2.1.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 2.1.0
 - !ruby/object:Gem::Dependency
   name: jekyll-feed
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '0.9'
+        version: 0.15.1
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '0.9'
+        version: 0.15.1
 - !ruby/object:Gem::Dependency
   name: jekyll-seo-tag
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '2.1'
+        version: 2.7.1
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '2.1'
+        version: 2.7.1
 - !ruby/object:Gem::Dependency
   name: jekyll-gist
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: 1.5.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: 1.5.0
 - !ruby/object:Gem::Dependency
   name: jekyll-paginate
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: 1.1.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: 1.1.0
 - !ruby/object:Gem::Dependency
-  name: jekyll-spaceship
+  name: jekyll-archives
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: 2.2.1
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: 2.2.1
 - !ruby/object:Gem::Dependency
-  name: kramdown-parser-gfm
+  name: jekyll-spaceship
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: 0.9.9
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: 0.9.9
 - !ruby/object:Gem::Dependency
   name: bundler
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: 2.1.4
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: 2.1.4
 description: This a theme for Jekyll, which still under development.
 email: coderzhaoziwei@outlook.com
 executables: []
@@ -138,19 +166,32 @@ files:
 - README.md
 - _config.yml
 - _includes/README.md
-- _includes/body.html
+- _includes/article.html
 - _includes/footer.html
-- _includes/head.html
 - _includes/header.html
-- _includes/main.html
+- _includes/item-category.html
+- _includes/item-date.html
+- _includes/item-pin.html
+- _includes/item-tag.html
+- _includes/posts.html
 - _includes/style.html
 - _includes/toc.html
+- _layouts/categories.html
+- _layouts/category.html
 - _layouts/default.html
 - _layouts/home.html
+- _layouts/page.html
 - _layouts/post.html
+- _layouts/tag.html
+- _layouts/tags.html
 - _sass/markdown.scss
 - _sass/root.scss
+- _sass/scrollbar.scss
+- assets/404.html
+- assets/about.md
+- assets/categories.html
 - assets/css/style.scss
+- assets/tags.html
 homepage: https://github.com/coderzhaoziwei/jekyll-theme-acg
 licenses:
 - MIT
@@ -164,7 +205,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
-      version: '0'
+      version: 2.3.0
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="