jekyll-theme-acg 1.0.1 → 1.0.6

Sign up to get free protection for your applications and to get access to all the features.
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
data/source/_includes/body.html DELETED
@@ -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>
data/source/_includes/header.html DELETED
@@ -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 -%}
data/source/_includes/main.html DELETED
@@ -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 -%}
data/source/_includes/style.html DELETED
@@ -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 -%}
data/source/_layouts/default.html DELETED
@@ -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 -%}
data/source/_layouts/home.html DELETED
@@ -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>
data/source/_layouts/post.html DELETED
@@ -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>
data/source/_sass/markdown.scss DELETED
@@ -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
- }
data/source/_sass/root.scss DELETED
@@ -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
- }
data/source/assets/css/style.scss DELETED
@@ -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
- }