jekyll-theme-acg 1.0.1 → 1.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +53 -1
  3. data/_config.yml +25 -17
  4. data/{source/_includes → _includes}/README.md +0 -0
  5. data/_includes/article.html +8 -0
  6. data/{source/_includes → _includes}/footer.html +2 -4
  7. data/_includes/header.html +27 -0
  8. data/_includes/item-category.html +26 -0
  9. data/_includes/item-date.html +10 -0
  10. data/_includes/item-pin.html +2 -0
  11. data/_includes/item-tag.html +29 -0
  12. data/_includes/posts.html +53 -0
  13. data/_includes/style.html +22 -0
  14. data/{source/_includes → _includes}/toc.html +0 -0
  15. data/_layouts/categories.html +21 -0
  16. data/_layouts/category.html +14 -0
  17. data/{source/_includes/head.html → _layouts/default.html} +12 -9
  18. data/_layouts/home.html +54 -0
  19. data/_layouts/page.html +13 -0
  20. data/_layouts/post.html +24 -0
  21. data/_layouts/tag.html +14 -0
  22. data/_layouts/tags.html +21 -0
  23. data/_sass/markdown.scss +86 -0
  24. data/_sass/root.scss +99 -0
  25. data/_sass/scrollbar.scss +24 -0
  26. data/assets/404.html +6 -0
  27. data/assets/about.md +11 -0
  28. data/assets/categories.html +4 -0
  29. data/assets/css/style.scss +5 -0
  30. data/assets/tags.html +4 -0
  31. data/index.html +3 -0
  32. metadata +73 -31
  33. data/source/_includes/body.html +0 -5
  34. data/source/_includes/header.html +0 -31
  35. data/source/_includes/main.html +0 -12
  36. data/source/_includes/style.html +0 -80
  37. data/source/_layouts/default.html +0 -8
  38. data/source/_layouts/home.html +0 -125
  39. data/source/_layouts/post.html +0 -44
  40. data/source/_sass/markdown.scss +0 -35
  41. data/source/_sass/root.scss +0 -39
  42. data/source/assets/css/style.scss +0 -16
@@ -1,5 +0,0 @@
1
- <body class="flex flex-col items-center bg-black bg-opacity-50">
2
- {% include header.html %}
3
- {% include main.html %}
4
- {% include footer.html %}
5
- </body>
@@ -1,31 +0,0 @@
1
- {% capture color %}{{ page.color | default: site.color }}{% endcapture %}
2
-
3
- {%- comment -%}{%- endcomment -%}
4
- <header class="w-full fixed z-50 select-none bg-{{ color }}-600 bg-opacity-10 bg-blur">
5
- <nav class="p-4 font-serif text-xl text-{{ color }}-50 flex justify-between">
6
- <a class="hover:text-{{ color }}-400 text-2xl" href="{{ site.url | default: "/" | relative_url }}">{{ site.title }}</a>
7
- <div class="hidden md:block space-x-4">
8
- <a class="hover:text-{{ color }}-400" href="/tags">Tags</a>
9
- <a class="hover:text-{{ color }}-400" href="/archives">Archives</a>
10
- <a class="hover:text-{{ color }}-400" href="/about">About</a>
11
- </div>
12
- <div class="md:hidden">
13
- <style>#theme-menu:focus + #theme-menu-dropdown { display: block; }</style>
14
- <button
15
- id="theme-menu"
16
- class="focus:outline-none focus:text-{{ color }}-400 "
17
- >
18
- <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
19
- <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
20
- </svg>
21
- </button>
22
- <div class="hidden origin-top-right absolute right-1 mt-1 rounded-md py-1 bg-{{ color }}-100 focus:block focus:outline-none" id="theme-menu-dropdown">
23
- <a class="block px-4 py-2 text-sm text-{{ color }}-600 hover:text-{{ color }}-400" href="/tags">Tags</a>
24
- <a class="block px-4 py-2 text-sm text-{{ color }}-600 hover:text-{{ color }}-400" href="/archives">Archives</a>
25
- <a class="block px-4 py-2 text-sm text-{{ color }}-600 hover:text-{{ color }}-400" href="/about">About</a>
26
- </div>
27
- </div>
28
-
29
- </nav>
30
- </header>
31
- {%- comment -%}{%- endcomment -%}
@@ -1,12 +0,0 @@
1
- {% capture color %}{{ page.color | default: site.color }}{% endcapture %}
2
- {%- comment -%}{%- endcomment -%}
3
- <main class="w-full flex-grow">
4
- <figure class="w-full h-screen flex flex-col justify-center items-center select-none">
5
- <figcaption class="w-full h-full flex flex-col items-center justify-center text-{{ color }}-50">
6
- <span class="block font-serif text-4xl w-3/4 text-center py-4">{{ page.title | default: site.title }}</span>
7
- <span class="block font-sans text-base w-2/3 text-center">{{ page.description | default: site.description }}</span>
8
- </figcaption>
9
- </figure>
10
- {{ content }}
11
- </main>
12
- {%- comment -%}{%- endcomment -%}
@@ -1,80 +0,0 @@
1
- {% capture style %}style{% endcapture %}
2
- {% capture color %}{{ page.color | default: site.color }}{% endcapture %}
3
- {% capture output %}
4
- ::-webkit-scrollbar {
5
- width: 4px;
6
- height: 4px;
7
- }
8
- ::-webkit-scrollbar-track-piece {
9
- background: var(--{{ color }}-200);
10
- }
11
- ::-webkit-scrollbar-thumb {
12
- border-radius: 4px;
13
- background-color: var(--{{ color }}-600);
14
- background-image: repeating-linear-gradient(
15
- -45deg,
16
- var(--{{ color }}-600) 0,
17
- var(--{{ color }}-600) 32px,
18
- var(--{{ color }}-400) 32px,
19
- var(--{{ color }}-400) 36px
20
- );
21
- }
22
- ::-webkit-scrollbar-thumb:vertical {
23
- height: 4px;
24
- }
25
- ::-webkit-scrollbar-thumb:horizontal {
26
- width: 4px;
27
- }
28
-
29
- .markdown-body a {
30
- color: var(--{{ color }}-600);
31
- font-weight: 500;
32
- }
33
- .markdown-body a.reversefootnote {
34
- font-family: monospace;
35
- }
36
- .markdown-body h1, .markdown-body h2 {
37
- border-bottom-color: var(--{{ color }}-600);
38
- }
39
- .markdown-body hr {
40
- background-color: var(--{{ color }}-600);
41
- }
42
- .markdown-body blockquote {
43
- color: var(--{{ color }}-500);
44
- border-left-color: var(--{{ color }}-600);
45
- }
46
- .markdown-body code:not(.hljs) {
47
- color: var(--{{ color }}-600);
48
- }
49
-
50
- .markdown-body .task-list-item {
51
- display: flex;
52
- align-items: center;
53
- }
54
- .markdown-body .task-list-item input[type="checkbox"] {
55
- appearance: none;
56
- }
57
- .markdown-body .task-list-item input[type="checkbox"]::before{
58
- content: "";
59
- display: block;
60
- width: 1em;
61
- height: 1em;
62
- line-height: 1;
63
- margin-right: 0.5em;
64
- text-align: center;
65
- border-radius: 4px;
66
- color: white;
67
- background-color: var(--{{ color }}-600);
68
- }
69
- .markdown-body .task-list-item input[type="checkbox"][checked]::before{
70
- content: "\2713";
71
- }
72
-
73
- .markdown-body .footnotes {
74
- padding-top: 2em;
75
- }
76
- {% endcapture %}
77
-
78
- {%- comment -%}{%- endcomment -%}
79
- <{{ style }}>{{ output }}</{{ style }}>
80
- {%- comment -%}{%- endcomment -%}
@@ -1,8 +0,0 @@
1
- {% capture lang %}{{ page.lang | default: site.lang | default: "en-US" }}{% endcapture %}
2
- {%- comment -%}{%- endcomment -%}
3
- <!DOCTYPE html>
4
- <html lang="{{ lang }}" class="min-h-screen bg-image bg-cover bg-center bg-fixed">
5
- {% include head.html %}
6
- {% include body.html %}
7
- </html>
8
- {%- comment -%}{%- endcomment -%}
@@ -1,125 +0,0 @@
1
- ---
2
- layout: default
3
- ---
4
- {% capture color %}{{ page.color | default: site.color }}{% endcapture %}
5
-
6
- <div class="w-full max-w-acg m-auto p-4 grid gap-6 grid-cols-1">
7
-
8
- {%- comment -%}
9
- paginator.page The number of the current page
10
- paginator.per_page Number of posts per page
11
- paginator.posts Posts available for the current page
12
- paginator.total_posts Total number of posts
13
- paginator.total_pages Total number of pages
14
- paginator.previous_page The number of the previous page, or nil if no previous page exists
15
- paginator.previous_page_path The path to the previous page, or nil if no previous page exists
16
- paginator.next_page The number of the next page, or nil if no subsequent page exists
17
- paginator.next_page_path The path to the next page, or nil if no subsequent page exists
18
- {%- endcomment -%}
19
-
20
- {% capture workspace %}
21
- {% assign posts1 = "" | split: "" %}
22
- {% assign posts2 = "" | split: "" %}
23
-
24
- {% for post in site.posts %}
25
- {% if post.pin %}
26
- {% assign posts1 = posts1 | push: post %}
27
- {% else %}
28
- {% assign posts2 = posts2 | push: post %}
29
- {% endif %}
30
- {% endfor %}
31
-
32
- {% assign posts = posts1 | concat: posts2 %}
33
-
34
- {% assign offset = paginator.page | minus: 1 | times: paginator.per_page %}
35
- {% assign count = paginator.posts | size | minus: 1 %}
36
- {% assign minIndex = offset %}
37
- {% assign maxIndex = offset | plus: count %}
38
- {% endcapture %}
39
-
40
- {%- for index in (minIndex..maxIndex) -%}
41
-
42
- {% capture workspace %}
43
- {% assign index = offset | plus: i %}
44
- {% assign post = posts[index] %}
45
-
46
- {% capture url %}{{ post.id | relative_url }}{% endcapture %}
47
- {% capture title %}{{ post.title | default: "NO TITLE" | escape }}{% endcapture %}
48
- {% capture date %}{{ post.date | date: "%Y-%m-%d" }}{% endcapture %}
49
- {% capture description %}{{ post.description | default: post.excerpt | default: site.description | strip_html }}{% endcapture %}
50
-
51
- {% assign tags = post.tags | default: nil %}
52
- {% assign categories = post.categories | default: nil %}
53
- {% assign pin = post.pin | default: false %}
54
- {% endcapture %}
55
- <!-- PostItem -->
56
- <div class="relative p-3 pb-1 rounded-lg flex flex-col justify-between bg-{{ color }}-50 bg-opacity-75 text-black">
57
- <!-- Pin -->
58
- {% if pin %}
59
- <svg xmlns="http://www.w3.org/2000/svg" class="absolute -left-2 -top-2 h-6 w-6 text-{{ color }}-600" fill="none" viewBox="0 0 24 24" stroke="currentColor">
60
- <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.172 7l-6.586 6.586a2 2 0 102.828 2.828l6.414-6.586a4 4 0 00-5.656-5.656l-6.415 6.585a6 6 0 108.486 8.486L20.5 13" />
61
- </svg>
62
- {% endif %}
63
-
64
- <a class="block text-3xl font-serif font-medium" href="{{ url }}">{{ title }}</a>
65
-
66
- <span class="block p-1 text-sm font-extralight">{{ description }}</span>
67
-
68
- <div class="flex flex-wrap select-none">
69
- <!-- Date -->
70
- <div class="flex-grow mx-px text-sm text-{{ color }}-500 text-opacity-75 flex items-center self-end">
71
- <svg xmlns="http://www.w3.org/2000/svg" class="inline-block h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" /></svg>
72
- <span class="inline-block p-1 whitespace-nowrap">{{ date }}</span>
73
- </div>
74
-
75
- <div class="flex flex-wrap">
76
- <!-- Categories -->
77
- {% for category in categories %}
78
- <!-- Category -->
79
- <a class="mx-px text-sm text-{{ color }}-500 text-opacity-75 flex items-center" href="">
80
- <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z" /></svg>
81
- <span class="inline-block p-1">{{ category }}</span>
82
- </a>
83
- {% endfor %}
84
- <!-- Tags -->
85
- {%- for tag in tags -%}
86
- <!-- Tag -->
87
- <a class="mx-px text-sm text-{{ color }}-500 text-opacity-75 flex items-center" href="">
88
- <svg xmlns="http://www.w3.org/2000/svg" class="inline-block h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z" /></svg>
89
- <span class="inline-block p-1">{{ tag }}</span>
90
- </a>
91
- {%- endfor -%}
92
-
93
- </div>
94
- </div>
95
- </div>
96
- {%- endfor -%}
97
-
98
-
99
- <!-- Paginator -->
100
- <div class="flex justify-between items-center">
101
- <!-- Prev -->
102
- <a href="{{ paginator.previous_page_path }}" class="flex justify-center items-center m-2 w-8 h-8 rounded-full bg-{{ color }}-50 bg-opacity-75 hover:bg-{{ color }}-100 hover:bg-opacity-75 hover:text-{{ color }}-400">
103
- <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 flex-shrink-0 text-{{ color }}-400" 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>
104
- </a>
105
- <!-- Pages -->
106
- <div class="flex flex-wrap items-center justify-center">
107
- <!-- paginator.total_pages -->
108
- {%- for pageCount in (1..paginator.total_pages) -%}
109
- {% assign pagePath = site.paginate_path | replace: ":num", pageCount %}
110
- <a class="flex justify-center items-center w-8 h-8 m-px rounded-full text-sm font-mono bg-{{ color }}-50 bg-opacity-75 text-black text-opacity-75 border border-transparent hover:bg-{{ color }}-100 hover:bg-opacity-75 hover:text-{{ color }}-400 {%- if pageCount == paginator.page %} text-{{ color }}-400 select-none{% endif -%}"
111
-
112
- {% if pageCount != paginator.page %}
113
- {% if pageCount == 1 %}href="/"{% else %}href="{{ pagePath }}"{% endif %}
114
- {% endif %}
115
-
116
- ><span class="block">{{ pageCount }}</span></a>
117
- {%- endfor -%}
118
- </div>
119
- <!-- Next -->
120
- <a href="{{ paginator.next_page_path }}" class="flex justify-center items-center m-2 w-8 h-8 rounded-full bg-{{ color }}-50 bg-opacity-75 hover:bg-{{ color }}-100 hover:bg-opacity-75 hover:text-{{ color }}-400">
121
- <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 flex-shrink-0 text-{{ color }}-400" 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>
122
- </a>
123
- </div>
124
-
125
- </div>
@@ -1,44 +0,0 @@
1
- ---
2
- layout: default
3
- ---
4
- {% capture color %}{{ page.color | default: site.color }}{% endcapture %}
5
- {%- comment -%}{%- endcomment -%}
6
- <article
7
- class="markdown-body my-4 mx-auto p-4 pb-8 max-w-acg
8
- rounded-lg shadow-xl text-black bg-{{ color }}-50 bg-opacity-75 "
9
- >
10
- <h1>{{ page.title }}</h1>
11
- <!-- Jekyll TOC -->
12
- {% include toc.html html=content %}
13
- <!-- Jekyll TOC End -->
14
- {{ content }}
15
- </article>
16
- {%- comment -%}{%- endcomment -%}
17
-
18
-
19
-
20
-
21
- <div class="mx-auto flex justify-between max-w-acg space-x-4 pb-4">
22
- <a
23
- class="w-1/2 p-4 flex items-center rounded-lg shadow-xl
24
- bg-{{ color }}-50 bg-opacity-75
25
- {% unless page.next.id %}opacity-0{% endunless %}"
26
- {% if page.next.id %}href="{{ page.next.id }}"{% endif %}
27
- >
28
- <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">
29
- <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" />
30
- </svg>
31
- <span class="ml-4">{{ page.next.title | default: "" }}</span>
32
- </a>
33
- <a
34
- class="w-1/2 p-4 flex items-center flex-row-reverse rounded-lg shadow-xl
35
- bg-{{ color }}-50 bg-opacity-75
36
- {% unless page.previous.id %}opacity-0{% endunless %}"
37
- {% if page.previous.id %}href="{{ page.previous.id }}"{% endif %}
38
- >
39
- <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">
40
- <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" />
41
- </svg>
42
- <span class="mr-4">{{ page.previous.title | default: "" }}</span>
43
- </a>
44
- </div>
@@ -1,35 +0,0 @@
1
- .markdown-body a:hover {
2
- text-decoration: underline;
3
- }
4
-
5
- .markdown-body .highlight pre,
6
- .markdown-body pre {
7
- background-color: rgba(0, 0, 0, 0.75);
8
- }
9
-
10
- .markdown-body ol {
11
- list-style-type: decimal;
12
- }
13
- .markdown-body ol ol,
14
- .markdown-body ul ol {
15
- list-style-type: lower-roman;
16
- }
17
- .markdown-body ol ol ol,
18
- .markdown-body ul ol ol,
19
- .markdown-body ol ul ol,
20
- .markdown-body ul ul ol {
21
- list-style-type: lower-alpha;
22
- }
23
- .markdown-body ul {
24
- list-style-type: disc;
25
- }
26
- .markdown-body ul ul,
27
- .markdown-body ol ul {
28
- list-style-type: circle;
29
- }
30
- .markdown-body ul ul ul,
31
- .markdown-body ol ul ul,
32
- .markdown-body ul ol ul,
33
- .markdown-body ol ol ul {
34
- list-style-type: square;
35
- }
@@ -1,39 +0,0 @@
1
- :root {
2
- --opacity: 1;
3
-
4
- --red-200: rgba(254, 200, 200, var(--opacity));
5
- --red-400: rgba(248, 114, 114, var(--opacity));
6
- --red-500: #ef4444;
7
- --red-600: rgba(220, 40, 40, var(--opacity));
8
- --red-800: rgba(153, 27, 27, var(--opacity));
9
-
10
- --blue-200: rgba(191, 219, 254, var(--opacity));
11
- --blue-400: rgba(96, 165, 250, var(--opacity));
12
- --blue-500: #3b82f6;
13
- --blue-600: rgba(37, 99, 235, var(--opacity));
14
- --blue-800: rgba(30, 64, 175, var(--opacity));
15
-
16
- --pink-200: rgba(251, 207, 232, var(--opacity));
17
- --pink-400: rgba(244, 114, 182, var(--opacity));
18
- --pink-500: #ec4899;
19
- --pink-600: rgba(219, 39, 119, var(--opacity));
20
- --pink-800: rgba(157, 23, 77, var(--opacity));
21
-
22
- --green-200: rgba(167, 243, 208, var(--opacity));
23
- --green-400: rgba(52, 211, 153, var(--opacity));
24
- --green-500: #10b981;
25
- --green-600: rgba(5, 150, 105, var(--opacity));
26
- --green-800: rgba(6, 95, 70, var(--opacity));
27
-
28
- --yellow-200: rgba(253, 230, 138, var(--opacity));
29
- --yellow-400: rgba(251, 191, 36, var(--opacity));
30
- --yellow-500: #f59e0b;
31
- --yellow-600: rgba(217, 119, 6, var(--opacity));
32
- --yellow-800: rgba(146, 64, 14, var(--opacity));
33
-
34
- --purple-200: rgba(221, 214, 254, var(--opacity));
35
- --purple-400: rgba(167, 139, 250, var(--opacity));
36
- --purple-500: #8b5cf6;
37
- --purple-600: rgba(124, 58, 237, var(--opacity));
38
- --purple-800: rgba(91, 33, 182, var(--opacity));
39
- }
@@ -1,16 +0,0 @@
1
- ---
2
- ---
3
- @import "root";
4
- @import "markdown";
5
-
6
- .bg-image {
7
- background-image: url("{{ site.themeBackground | default: '/assets/images/bg.png' }}");
8
- }
9
-
10
- .bg-blur {
11
- backdrop-filter: blur(8px);
12
- }
13
-
14
- .max-w-acg {
15
- max-width: MIN(90%, 768px);
16
- }