letitbex-theme 0.1.7.1 → 0.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (14) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +11 -2
  3. data/_layouts/default.html +1 -1
  4. data/_sass/_d1.scss +1 -3
  5. data/_sass/_dune.scss +1 -0
  6. data/_sass/_gits.scss +1 -3
  7. data/_sass/_hacker.scss +5 -6
  8. data/_sass/_leaves.scss +1 -3
  9. data/_sass/_neon.scss +4 -7
  10. data/_sass/_terrain.scss +34 -0
  11. data/_sass/base.scss +10 -8
  12. data/assets/main-terrain.scss +7 -0
  13. data/assets/main.scss +1 -0
  14. metadata +7 -5
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: f859cdfb4063608784a10816cb9d4e31b9be5a3bd95121fe08f2df1d02fba50a
4
- data.tar.gz: ce216c384bc0c810e43c8f3b8e0770dff2fdba9e59ec04893132e6ee01e1499f
3
+ metadata.gz: 7d1c1505ac4dc4f9eca9587a4d735bd187e603c34ee04d6403eef2b8740a430a
4
+ data.tar.gz: dd9c01b298831ff6ce830045b32d45ddffa72e6424b3519b0f1a58a390947e49
5
5
  SHA512:
6
- metadata.gz: 935854436352e532966de6ef1c5acb845ef8fc6b8d67645f9dfdd93c8420b2fb47ac414f6b97662ca093268c2a46c1b865124f5ecfba51dcab43b0a972602857
7
- data.tar.gz: b03ba4ce9867ced04a51dd18c2184c2287f32c21565a99eb9562f18cf7b8fabbe5803176ac6890fe1cc60d811a7364051d28989af5f51c16b39dac86f05081fb
6
+ metadata.gz: 55f2075f1ebc76a079d1f72b454be87e29d832a96316d3a86b07780391b3b8cc8de89c8073496f6efca0adc829c1d4622c261554084dea626a38a8ece50c2c0e
7
+ data.tar.gz: 7c6e70a4a947ca931047b1a9f6893aa49ef57d82b9cc19b02b30c7cef3b7ea88db11fcaeb57e5a889ef0e0c2b5d676ed6c097837509c5c1b709026d8d005e15b
data/README.md CHANGED
@@ -1,17 +1,23 @@
1
+ [![Gem Version](https://badge.fury.io/rb/letitbex-theme.png)](https://badge.fury.io/rb/letitbex-theme)
2
+
1
3
  ## Installisation
2
4
  - Add this line to Gemfile:
3
5
  > gem "letitbex-theme"
4
6
  - Fetch and update bundled gems by running the following Bundler command:
5
7
  > bundle
6
8
  - Set theme and style in _config.yml:
7
- > theme: letitbex-theme
8
- > style: hacker
9
+ ```
10
+ theme: letitbex-theme
11
+ style: hacker
12
+ ```
9
13
  hacker is the default style. The available styles are listed below
10
14
 
11
15
  ## Usage
12
16
  ### Addition configs to config.yml
13
17
  - `header_pages`: to specify which pages should be displayed in navbar
14
18
  - `footer`: string, which will be inserted on the end of the page (doesn't support markup, but html)
19
+ - To set bacground image to copy image to assets folder as 'bg.png'. 'bg.png' is the default value, in case you want to change the name or use image with different extension change the value in 'assets/base.scss' line 22 in gems folder where theme is present.
20
+ - Run 'add-theme.sh' to create themes from image. The script requires [pywal](https://pypi.org/project/pywal/) colorschemes to be present.
15
21
 
16
22
  ## Styles
17
23
  ### d1
@@ -31,3 +37,6 @@
31
37
 
32
38
  ### neon
33
39
  ![neon](neon.gif)
40
+
41
+ ### terrain
42
+ ![terrain]((terrain.gif))
data/_layouts/default.html CHANGED
@@ -1,6 +1,6 @@
1
1
  <!DOCTYPE html>
2
2
  <html lang="{{ page.lang | default: site.lang | default: "en" }}">
3
- <meta http-equiv="Content-Security-Policy" content="default-src 'none'; script-src 'self'; style-src 'self' https://fonts.googleapis.com; img-src 'self'; font-src 'self' https://fonts.gstatic.com; connect-src 'self'; media-src 'self'; object-src 'self'; child-src 'self'; form-action 'none'; base-uri 'self'" />
3
+ <meta http-equiv="Content-Security-Policy" content="default-src 'none'; script-src 'self'; style-src 'self' ; img-src 'self'; font-src 'self' ; connect-src 'self'; media-src 'self'; object-src 'self'; child-src 'self'; form-action 'none'; base-uri 'self'" />
4
4
  <meta http-equiv="X-XSS-Protection" content="1;mode=block" always>
5
5
  <meta http-equiv="Referrer-Policy" content="no-referrer, strict-origin-when-cross-origin">
6
6
 
data/_sass/_d1.scss CHANGED
@@ -1,6 +1,3 @@
1
- /**
2
- * Hacker theme variables
3
- */
4
1
 
5
2
  :root {
6
3
  --base-color: var(--code-color-15);
@@ -12,6 +9,7 @@
12
9
  --text-color: var(--base-color);
13
10
  --placeholder-color: var(--base-color);
14
11
  --link-color: var(--code-color-8);
12
+ --config-color: var(--code-color-0);
15
13
  --code-color-0: #0a0b08;
16
14
  --code-color-1: #675638;
17
15
  --code-color-2: #555B47;
data/_sass/_dune.scss CHANGED
@@ -12,6 +12,7 @@
12
12
  --text-color: var(--base-color);
13
13
  --placeholder-color: var(--base-color);
14
14
  --link-color: var(--code-color-17);
15
+ --config-color: var(--code-color-0);
15
16
  --code-color-0: #422001;
16
17
  --code-color-1: #F5AF50;
17
18
  --code-color-2: #F4B76D;
data/_sass/_gits.scss CHANGED
@@ -1,6 +1,3 @@
1
- /**
2
- * Hacker theme variables
3
- */
4
1
 
5
2
  :root {
6
3
  --base-color: var(--code-color-15);
@@ -12,6 +9,7 @@
12
9
  --text-color: var(--base-color);
13
10
  --placeholder-color: var(--base-color);
14
11
  --link-color: var(--code-color-2);
12
+ --config-color: var(--code-color-0);
15
13
  --code-color-0: #15121d;
16
14
  --code-color-1: #8E767F;
17
15
  --code-color-2: #3F7782;
data/_sass/_hacker.scss CHANGED
@@ -1,6 +1,3 @@
1
- /**
2
- * Hacker theme variables
3
- */
4
1
 
5
2
  :root {
6
3
  --base-color: #00ff00;
@@ -12,6 +9,8 @@
12
9
  --text-color: var(--base-color);
13
10
  --placeholder-color: var(--base-color);
14
11
  --link-color: var(--code-color-2);
12
+ --config-color: var(--code-color-0);
13
+ --code-color-0: #00aa00;
15
14
  --code-color-1: #aaaaaa;
16
15
  --code-color-2: #ffffcc;
17
16
  --code-color-3: #F00000;
@@ -20,14 +19,14 @@
20
19
  --code-color-6: #5ba711;
21
20
  --code-color-7: #e4e477;
22
21
  --code-color-8: #000080;
23
- --code-color-9: #05ca05;
22
+ --code-color-9: #080A07;
24
23
  --code-color-10: #888888;
25
- --code-color-11: #555555;
24
+ --code-color-11: #0C0F0A;
26
25
  --code-color-12: #800080;
27
26
  --code-color-13: #00d4d4;
28
27
  --code-color-14: #00c1c1;
29
28
  --code-color-15: #ed9d13;
30
- --code-color-16: #1e90ff;
29
+ --code-color-16: #05ca05;
31
30
  --code-color-17: #800000;
32
31
  --code-color-18: #bbbbbb;
33
32
  }
data/_sass/_leaves.scss CHANGED
@@ -1,6 +1,3 @@
1
- /**
2
- * Hacker theme variables
3
- */
4
1
 
5
2
  :root {
6
3
  --base-color: var(--code-color-15);
@@ -12,6 +9,7 @@
12
9
  --text-color: var(--base-color);
13
10
  --placeholder-color: var(--base-color);
14
11
  --link-color: var(--code-color-2);
12
+ --config-color: var(--code-color-0);
15
13
  --code-color-0: #0e0f10;
16
14
  --code-color-1: #526661;
17
15
  --code-color-2: #3E816D;
data/_sass/_neon.scss CHANGED
@@ -1,6 +1,3 @@
1
- /**
2
- * Hacker theme variables
3
- */
4
1
 
5
2
  :root {
6
3
  --base-color: var(--code-color-15);
@@ -21,14 +18,14 @@
21
18
  --code-color-6: #B35499;
22
19
  --code-color-7: #92c8c6;
23
20
  --code-color-8: #668c8a;
24
- --code-color-9: #8A3279;
21
+ --code-color-9: #ffffff;
25
22
  --code-color-10: #8D497B;
26
- --code-color-11: #3A9C6C;
23
+ --code-color-11: #587488;
27
24
  --code-color-12: #2F628E;
28
- --code-color-13: #A5338B;
25
+ --code-color-13: #8A3279;
29
26
  --code-color-14: #B35499;
30
27
  --code-color-15: #92c8c6;
31
- --code-color-16: #587488;
28
+ --code-color-16: #3A9C6C;
32
29
  --code-color-17: #87898a;
33
30
  --code-color-18: #788790;
34
31
  }
data/_sass/_terrain.scss ADDED
@@ -0,0 +1,34 @@
1
+
2
+ :root {
3
+ --base-color: var(--code-color-17);
4
+ --border: dashed 1px var(--code-color-14);
5
+ --selection-background: var(--code-color-5);
6
+ --selection-text: var(--code-color-0);
7
+ --highlight-background: var(--code-color-2);
8
+ --background-color: var(--code-color-0);
9
+ --text-color: var(--base-color);
10
+ --placeholder-color: var(--base-color);
11
+ --link-color: var(--code-color-19);
12
+ --config-color: var(--code-color-18);
13
+ --code-color-0: #0A001A;
14
+ --code-color-1: #5A2247;
15
+ --code-color-2: #6E2B4D;
16
+ --code-color-3: #883B54;
17
+ --code-color-4: #933961;
18
+ --code-color-5: #964552;
19
+ --code-color-6: #AB5156;
20
+ --code-color-7: #cb9da7;
21
+ --code-color-8: #8e6d74;
22
+ --code-color-9: #5A2247;
23
+ --code-color-10: #6E2B4D;
24
+ --code-color-11: #883B54;
25
+ --code-color-12: #933961;
26
+ --code-color-13: #964552;
27
+ --code-color-14: #AB5156;
28
+ --code-color-15: #cb9da7;
29
+ --code-color-16: #6BA1A7;
30
+ --code-color-17: #ffffff;
31
+ --code-color-18: #FDE4C1;
32
+ --code-color-19: #B19F87;
33
+ // --code-color-19: #FDD298;
34
+ }
data/_sass/base.scss CHANGED
@@ -1,7 +1,8 @@
1
1
  @charset "utf-8";
2
2
  @font-face {
3
3
  font-family: Iosevka;
4
- src: url(https://mrtsukimoto.in/Iosevka-Nerd-Font.ttf) format(truetype);
4
+ font-style: Regular;
5
+ src: url(Iosevka-Nerd-Font.ttf);
5
6
  }
6
7
  /**
7
8
  * Style variables
@@ -9,22 +10,23 @@
9
10
  $base-font-family: 'Iosevka';
10
11
  $base-font-size: 16px !default;
11
12
  $second-font-size: 13px;
12
- $mobile-font-size: 13px !default;
13
+ $mobile-font-size: 11px !default;
13
14
  $base-line-height: 1.5 !default;
14
15
  $container-width: 90% !default;
15
- $container-max-width: 600px !default;
16
+ $container-max-width: 60% !default;
16
17
 
17
18
  /**
18
19
  * Global
20
+
19
21
  */
20
- body { background-color: var(--background-color); margin: 0 auto; padding: 0; font-family: $base-font-family; font-size: $base-font-size; color: var(--text-color); text-align: left; line-height: $base-line-height !important; }
22
+ body { background-image: url('/assets/bg.png'); background-repeat: no-repeat; background-attachment: fixed; background-size: cover;background-color: var(--background-color); margin: 0 auto; padding: 0; font-family: $base-font-family; font-size: $base-font-size; color: var(--text-color); text-align: left; line-height: $base-line-height !important; }
21
23
  h1, h2, h3, h4, h5, h6 { font-size: $base-font-size; margin: 0px; margin-top: 22px; font-weight: bold; color: var(--text-color); }
22
24
  ul, ol { margin: 0px; color: var(--text-color); }
23
25
  img { display: inline-block; margin-left:auto; margin-right: auto; }
24
- #logo_foot { display:initial ;margin-left: auto; margin-right:auto; }
26
+ #logo_foot { display: block ;margin-left: auto; margin-right:auto; }
25
27
  #logo_head { display:initial ;margin-left: auto; margin-right:auto; }
26
28
  a { text-decoration: none; color: var(--link-color); }
27
- a:hover { color: var(--background-color); background-color: var(--base-color); }
29
+ a:hover { color: var(--background-color); background-color: var(--link-color); }
28
30
  @media only screen and (max-device-width: 500px) { * { font-size: $mobile-font-size !important; } }
29
31
 
30
32
  /**
@@ -76,10 +78,10 @@ textarea { vertical-align: top; }
76
78
  * Code and syntax highlighting
77
79
  */
78
80
  .lineno { color: var(--code-color-1); margin-right: 15px; }
79
- blockquote { background-color: var(--highlight-background); padding-top:5px; padding-bottom:1px; padding-left:8px; font-size: $second-font-size; color: var(--text-color); font-family: $base-font-family !important;}
81
+ blockquote { background-color: var(--code-color-11); padding-top:5px; padding-bottom:1px; padding-right:5px; padding-left:8px; font-size: $second-font-size; color: var(--config-color); font-family: $base-font-family !important;}
80
82
 
81
83
  figure.highlight { margin: 5px 0; }
82
- pre { background-color: var(--background-color); border: none; padding: 0; margin: 0; overflow:auto; font-size: $base-font-size; color: var(--text-color); line-height: 1.7 !important; font-family: $base-font-family !important; }
84
+ pre { background-color: var(--code-color-9); border: none; padding-top:5px; padding-bottom:8px; padding-right:5px; padding-left:8px; margin: 0; overflow:auto; font-size: $second-font-size; color: var(--config-color); font-family: $base-font-family !important; }
83
85
  .highlight .hll { background-color: var(--code-color-2); }
84
86
  .highlight .c { color: var(--code-color-1); font-style: italic } /* Comment */
85
87
  .highlight .err { color: var(--code-color-3); background-color: var(--code-color-4); } /* Error */
data/assets/main-terrain.scss ADDED
@@ -0,0 +1,7 @@
1
+ ---
2
+ # Only the main Sass file needs front matter (the dashes are enough)
3
+ ---
4
+
5
+ @import "test";
6
+ @import "base";
7
+
data/assets/main.scss CHANGED
@@ -9,6 +9,7 @@
9
9
  @import "d1";
10
10
  @import "gits";
11
11
  @import "dune";
12
+ @import "terrain";
12
13
 
13
14
  @media (prefers-color-scheme: hacker) {
14
15
  @import "hacker";
metadata CHANGED
@@ -1,27 +1,27 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: letitbex-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.7.1
4
+ version: 0.2.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - mrtsukim0t0-
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2022-01-27 00:00:00.000000000 Z
11
+ date: 2023-01-28 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
15
15
  requirement: !ruby/object:Gem::Requirement
16
16
  requirements:
17
- - - ">="
17
+ - - "~>"
18
18
  - !ruby/object:Gem::Version
19
19
  version: '3.5'
20
20
  type: :runtime
21
21
  prerelease: false
22
22
  version_requirements: !ruby/object:Gem::Requirement
23
23
  requirements:
24
- - - ">="
24
+ - - "~>"
25
25
  - !ruby/object:Gem::Version
26
26
  version: '3.5'
27
27
  - !ruby/object:Gem::Dependency
@@ -90,6 +90,7 @@ files:
90
90
  - _sass/_hacker.scss
91
91
  - _sass/_leaves.scss
92
92
  - _sass/_neon.scss
93
+ - _sass/_terrain.scss
93
94
  - _sass/base.scss
94
95
  - assets/main-d1.scss
95
96
  - assets/main-dune.scss
@@ -97,8 +98,9 @@ files:
97
98
  - assets/main-hacker.scss
98
99
  - assets/main-leaves.scss
99
100
  - assets/main-neon.scss
101
+ - assets/main-terrain.scss
100
102
  - assets/main.scss
101
- homepage: https://gitlab.com/mrtsukim0t0-/letitbex-theme.git
103
+ homepage: https://gitlab.com/0t0/letitbex-theme.git
102
104
  licenses:
103
105
  - MIT
104
106
  metadata: {}