jekyll-codetheme 1.0.0

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.
checksums.yaml ADDED
@@ -0,0 +1,7 @@
1
+ ---
2
+ SHA256:
3
+ metadata.gz: 788ded23d785477ab8063bc4a8546d7036960af1a56c743e3bd4f0d7692d45ac
4
+ data.tar.gz: 63cd3f7179bc408bebd2e4f757db4b66dcb910dcad27409f8f55e6f19b4ee607
5
+ SHA512:
6
+ metadata.gz: 2b0dadc94e088c567a231989e3497900e6fc74159548157575748bbe5cd448ec51339bfcb61c9b174c29a0949b8b34d8cfea25fabc25a86ea515523d79ddd136
7
+ data.tar.gz: afe31d87badf920decb25269af53aaa609f6e99b22f5632798754324ce14683fbfdc34f2b7810c77feab34554911d973d3631ed97572acfdce1f81febd978427
data/404.md ADDED
@@ -0,0 +1,8 @@
1
+ ---
2
+ title: 404
3
+ layout: default
4
+ ---
5
+
6
+ 404 File not found
7
+
8
+ Wanna go back <a href="{{ '/' | absolute_url }}">/home/</a> ?
data/README.md ADDED
@@ -0,0 +1,18 @@
1
+ <a href="https://jekyll-themes.com/[GITHUB USER NAME]/[GITHUB REPOSITORY NAME]">
2
+ <img
3
+ src="https://img.shields.io/badge/featured%20on-JT-red.svg"
4
+ height="20"
5
+ alt="Jekyll Themes Shield"
6
+ />
7
+ </a>
8
+
9
+ # Jekyll Codetheme
10
+
11
+ Codetheme is a theme that aim to look like vscode with color, font…
12
+
13
+ ## Features:
14
+ * Images integration
15
+ * Code highlights
16
+ * GitHub-like blockquote
17
+ * Have a navbar
18
+ * Highly accessible and customisable
data/_config.yml ADDED
@@ -0,0 +1,15 @@
1
+ title: Codetheme
2
+ description: "A theme that aim to look like VSCode"
3
+ encoding: utf-8
4
+
5
+ exclude: ["README.md", "LICENSE", "*.gem", "*.gemspec", "Gemfile.lock"]
6
+
7
+ plugins:
8
+ - jekyll-hackclub
9
+
10
+ navigation:
11
+ - title: Home
12
+ url: /
13
+
14
+ - title: Links
15
+ url: /links
@@ -0,0 +1,8 @@
1
+ <head>
2
+ <title>{{ page.title }} | {{ site.title }}</title>
3
+
4
+ <meta charset="utf-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1">
6
+ <link rel="shortcut icon" type="image/x-icon" href="{{ '/assets/favicon.ico' | relative_url }}">
7
+ <link rel="stylesheet" href="{{ '/assets/codetheme.css' | relative_url }}">
8
+ </head>
@@ -0,0 +1,14 @@
1
+ <nav>
2
+ <ul>
3
+ {% capture current_page %}{{ site.baseurl }}{{ page.url }}{% endcapture %}
4
+ {% for entry in site.navigation %}
5
+ {% capture fullurl %}{{ site.baseurl }}{{ entry.url }}{% unless entry.url == "/" %}.html{% endunless %}{% endcapture %}
6
+
7
+ {% if fullurl == current_page %}
8
+ <li class="current"><a href="{{ site.baseurl }}{{ entry.url }}">{{ entry.title }}</a><div id="underline"></li>
9
+ {% else %}
10
+ <li><a href="{{ site.baseurl }}{{ entry.url }}">{{ entry.title }}</a></li>
11
+ {% endif %}
12
+ {% endfor %}
13
+ </ul>
14
+ </nav>
@@ -0,0 +1,7 @@
1
+ <html>
2
+ {% include head.html %}
3
+ <body>
4
+ {% include navbar.html %}
5
+ {{ content }}
6
+ </body>
7
+ </html>
data/_sass/base.scss ADDED
@@ -0,0 +1,164 @@
1
+ body {
2
+ padding-top: 10px;
3
+ }
4
+
5
+ body {
6
+ background-color: #fff;
7
+ font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
8
+ margin: auto;
9
+ max-width: 70ch;
10
+ color: #ececec;
11
+ background-color: #16191D;
12
+ }
13
+
14
+ li:has(+ li) {
15
+ padding-bottom: 0.1em;
16
+ }
17
+
18
+ a {
19
+ color: #61AFEF;
20
+ }
21
+
22
+ p {
23
+ img:has(+ em) {
24
+ display: block;
25
+ width: 100%;
26
+ border-radius: 3px;
27
+ }
28
+
29
+ img + em {
30
+ text-align: center;
31
+ color: #cecece;
32
+ display: block;
33
+ padding-top: 0.4em;
34
+ width: 100%;
35
+ }
36
+ }
37
+
38
+ $bq-note: #409EFF;
39
+ $bq-tip: #09B43A;
40
+ $bq-important: #B87FFF;
41
+ $bq-warning: #E09B13;
42
+ $bq-caution: #FF6A69;
43
+
44
+ blockquote {
45
+ border-left: 4px solid #7f848e;
46
+ padding-left: 1rem;
47
+ padding-bottom: 1px;
48
+ padding-top: 4px;
49
+ margin: 1rem 0;
50
+
51
+ &::before {
52
+ font-size: 1.05em;
53
+ }
54
+
55
+ &[type="note"] {
56
+ &::before {
57
+ content: 'Note';
58
+ color: $bq-note;
59
+ }
60
+ border-left-color: $bq-note;
61
+ }
62
+
63
+ &[type="tip"] {
64
+ &::before {
65
+ content: 'Tip';
66
+ color: $bq-tip;
67
+ }
68
+ border-left-color: $bq-tip;
69
+ }
70
+
71
+ &[type="important"] {
72
+ &::before {
73
+ content: 'Important';
74
+ color: $bq-important;
75
+ }
76
+ border-left-color: $bq-important;
77
+ }
78
+
79
+ &[type="warning"] {
80
+ &::before {
81
+ content: 'Warning';
82
+ color: $bq-warning;
83
+ }
84
+ border-left-color: $bq-warning;
85
+ }
86
+
87
+ &[type="caution"] {
88
+ &::before {
89
+ content: 'Caution';
90
+ color: $bq-caution;
91
+ }
92
+ border-left-color: $bq-caution;
93
+ }
94
+
95
+ &:not([type]) p {
96
+ margin: 0.5rem 0;
97
+ }
98
+ }
99
+
100
+ nav { /* Navbar, see _includes/navbar.html */
101
+ li {
102
+ display: inline-block;
103
+ padding-top: 0.5em;
104
+ padding-bottom: 0.5em;
105
+ padding-left: 1em;
106
+ padding-right: 1em;
107
+ margin: 0 0 0 0;
108
+ }
109
+
110
+ ul {
111
+ display: flex;
112
+ }
113
+
114
+ li:hover {
115
+ background-color: #323842;
116
+ }
117
+
118
+ li.current {
119
+ background-color: #23272E;
120
+ }
121
+
122
+ li a {
123
+ text-decoration: none;
124
+ }
125
+
126
+ li div#underline {
127
+ background-color: #b4b4b4;
128
+ position:relative;
129
+ left: -1em;
130
+ width: calc(100% + 2em);
131
+ height: 5%;
132
+ bottom: calc(-0.5em + 5%);
133
+ }
134
+ }
135
+
136
+ pre.highlight {
137
+ background-color: #1F2228;
138
+ padding: 0.5em;
139
+ border-radius: 0.5em;
140
+
141
+ code { /* Codeblocks */
142
+ span.c1 {
143
+ color: #7f848e;
144
+ }
145
+ span.nf, span.o {
146
+ color: #56b6c2;
147
+ }
148
+ span.p, span.mi {
149
+ color: #d19a66;
150
+ }
151
+ span.s, span.sh, span.s2, span.dl {
152
+ color: #98c379;
153
+ }
154
+ span.n {
155
+ color: #abb2bb;
156
+ }
157
+ span.k, span.si, span.sa, span.kd {
158
+ color: #c678dd;
159
+ }
160
+ span.nx, span.p+span.n:has(+span.p) {
161
+ color: #e5c07b;
162
+ }
163
+ }
164
+ }
@@ -0,0 +1,4 @@
1
+ ---
2
+ ---
3
+
4
+ @use "base.scss";
Binary file
metadata ADDED
@@ -0,0 +1,79 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: jekyll-codetheme
3
+ version: !ruby/object:Gem::Version
4
+ version: 1.0.0
5
+ platform: ruby
6
+ authors:
7
+ - ''
8
+ autorequire:
9
+ bindir: bin
10
+ cert_chain: []
11
+ date: 2025-10-01 00:00:00.000000000 Z
12
+ dependencies:
13
+ - !ruby/object:Gem::Dependency
14
+ name: jekyll
15
+ requirement: !ruby/object:Gem::Requirement
16
+ requirements:
17
+ - - ">="
18
+ - !ruby/object:Gem::Version
19
+ version: 3.9.0
20
+ type: :runtime
21
+ prerelease: false
22
+ version_requirements: !ruby/object:Gem::Requirement
23
+ requirements:
24
+ - - ">="
25
+ - !ruby/object:Gem::Version
26
+ version: 3.9.0
27
+ - !ruby/object:Gem::Dependency
28
+ name: bundler
29
+ requirement: !ruby/object:Gem::Requirement
30
+ requirements:
31
+ - - ">="
32
+ - !ruby/object:Gem::Version
33
+ version: '0'
34
+ type: :development
35
+ prerelease: false
36
+ version_requirements: !ruby/object:Gem::Requirement
37
+ requirements:
38
+ - - ">="
39
+ - !ruby/object:Gem::Version
40
+ version: '0'
41
+ description:
42
+ email:
43
+ - ''
44
+ executables: []
45
+ extensions: []
46
+ extra_rdoc_files: []
47
+ files:
48
+ - 404.md
49
+ - README.md
50
+ - _config.yml
51
+ - _includes/head.html
52
+ - _includes/navbar.html
53
+ - _layouts/default.html
54
+ - _sass/base.scss
55
+ - assets/codetheme.scss
56
+ - assets/favicon.ico
57
+ homepage: ''
58
+ licenses: []
59
+ metadata: {}
60
+ post_install_message:
61
+ rdoc_options: []
62
+ require_paths:
63
+ - lib
64
+ required_ruby_version: !ruby/object:Gem::Requirement
65
+ requirements:
66
+ - - ">="
67
+ - !ruby/object:Gem::Version
68
+ version: '0'
69
+ required_rubygems_version: !ruby/object:Gem::Requirement
70
+ requirements:
71
+ - - ">="
72
+ - !ruby/object:Gem::Version
73
+ version: '0'
74
+ requirements: []
75
+ rubygems_version: 3.5.22
76
+ signing_key:
77
+ specification_version: 4
78
+ summary: ''
79
+ test_files: []