dark-blog-theme 3.9.4 → 4.0.1

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: c3323eeecffe109ee06357a5c7d0519ddb7fcf455e604603ccacbd306878cc1f
4
- data.tar.gz: f10deca43083c9cdd27996ef9a110784f2ebc3548525a8bb280b66b6ce18072c
3
+ metadata.gz: ea6600a5c22ae5f6471a106a8c133affa95f865911d3201e2180d7d5608de901
4
+ data.tar.gz: 05121a88a741f3e9813c5c2c332e1a0fdd7c51b2795258637c0a77cffe18bb82
5
5
  SHA512:
6
- metadata.gz: b4a6211d33e3ead21168b084c984707589ff994ca48b9e1ed463a986cb54914ca5e959070a7e9c6defbd658f8d8700427a5bcf01fdec794f158e9ec83bf49b0e
7
- data.tar.gz: 005e1fdd8df2d91acc72ce1edf7e1a70e6fc0f2e6be9989142742263bd89dd999e1ba29fe23cd5970fd611a755f561ac9c7d1eb9055ebef6e2f75f164f0ad986
6
+ metadata.gz: 1b882e4e487396212d2064edd11f8e1cdb285cee3350931d59fa923ae3c886850e34249403a39e2fdfef52034a5de897908f4bc75c771f1e035c85f0ca462a8b
7
+ data.tar.gz: 8664405f5a15b1da5cef4f66f026b3d1f3e217b35f200058f1cc5e38ebca9a8ba80927aea3cc2aa0acb49950ff82a0e1ada55b6268fe1faff12dd3b035a5b77c
data/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # Dark Theme for Jekyll Blogs
2
2
 
3
- Minimalistic dark theme for [Jekyll](https://jekyllrb.com/) blogs with 5 different color schemes.
3
+ Dark theme for [Jekyll](https://jekyllrb.com/) blogs with handwriting fonts and 5 color schemes.
4
4
  | | |
5
5
  | ----------------------- | ----------------------- |
6
6
  | ![GitHub](/etc/ss1.png) | ![GitHub](/etc/ss2.png) |
@@ -34,7 +34,7 @@ $ bundle
34
34
  - Add this your `_config.yml` file.
35
35
 
36
36
  ```yml
37
- remote_theme: "gulnoor/jekyll-blog-theme"
37
+ remote_theme: "gulnoor/jekyll-theme-handwritten"
38
38
  ```
39
39
 
40
40
  - Remove any other theme: or remote_theme: entry.
@@ -44,13 +44,13 @@ remote_theme: "gulnoor/jekyll-blog-theme"
44
44
  Add this line to your Jekyll site's `Gemfile`:
45
45
 
46
46
  ```ruby
47
- gem "dark-theme-blog"
47
+ gem "jekyll-theme-handwritten"
48
48
  ```
49
49
 
50
50
  And add this line to your Jekyll site's `_config.yml`:
51
51
 
52
52
  ```yaml
53
- theme: dark-theme-blog
53
+ theme: jekyll-theme-handwritten
54
54
  ```
55
55
 
56
56
  And then execute:
@@ -59,7 +59,7 @@ And then execute:
59
59
 
60
60
  Or install it yourself as:
61
61
 
62
- $ gem install darkBlog
62
+ $ gem install jekyll-theme-handwritten
63
63
 
64
64
  ## Usage
65
65
 
@@ -67,7 +67,6 @@ TODO: Write usage instructions here. Describe your available layouts, includes,
67
67
 
68
68
  ### TODO
69
69
 
70
- - [ ] Grid layout for posts on home page
71
70
  - [ ] Add support for comments
72
71
  - [ ] Search functionality
73
72
 
@@ -220,25 +220,7 @@
220
220
  // @include relative-font-size(1.75);
221
221
  // }
222
222
 
223
- .pinned-post-list {
224
- display: flex;
225
- flex-wrap: wrap;
226
- justify-content: space-around;
227
- padding-top: 12px;
228
- margin-left: 0;
229
- list-style: none;
230
- background-color: var(--md-sys-color-surface-container);
231
- border-radius: 24px;
232
- padding: $spacing-unit;
233
- @media screen and (max-width: 850px) {
234
- // background-color: var(--md-sys-color-secondary-container);
235
- padding: $spacing-unit/2;
236
- }
237
223
 
238
- > li:not(:last-child) {
239
- margin-bottom: $spacing-unit;
240
- }
241
- }
242
224
 
243
225
  .post-meta {
244
226
  font-size: $small-font-size;
@@ -57,13 +57,7 @@
57
57
  a {
58
58
  color: var(--md-sys-color-on-primary-container);
59
59
  }
60
- & p {
61
- display: -webkit-box;
62
- line-clamp: 5;
63
- -webkit-line-clamp: 5;
64
- -webkit-box-orient: vertical;
65
- overflow: hidden;
66
- }
60
+
67
61
  & img {
68
62
  background-color: var(--md-sys-color-surface-container-high);
69
63
  border-radius: 24px;
@@ -73,6 +67,13 @@
73
67
  }
74
68
  @media screen and (max-width: 850px) {
75
69
  width: 100%;
70
+ & p {
71
+ display: -webkit-box;
72
+ line-clamp: 5;
73
+ -webkit-line-clamp: 5;
74
+ -webkit-box-orient: vertical;
75
+ overflow: hidden;
76
+ }
76
77
  }
77
78
  }
78
79
 
@@ -91,6 +92,28 @@
91
92
  // filter: var(--outline-filter);
92
93
  // pointer-events: none; /* Allows interaction with content inside the border */
93
94
  // }
95
+ .pinned-post-list {
96
+ display: flex;
97
+ width: fit-content;
98
+ flex-wrap: wrap;
99
+ justify-content: space-around;
100
+ padding-top: 12px;
101
+ margin-left: 0;
102
+ list-style: none;
103
+ background-color: var(--md-sys-color-surface-container);
104
+ border-radius: 24px;
105
+ padding: $spacing-unit;
106
+ min-height: 390px;
107
+ @media screen and (max-width: 850px) {
108
+ // background-color: var(--md-sys-color-secondary-container);
109
+ padding: $spacing-unit/2;
110
+ min-height: 200px;
111
+ }
112
+
113
+ > li:not(:last-child) {
114
+ margin-bottom: $spacing-unit;
115
+ }
116
+ }
94
117
  .pinned-post-card::before {
95
118
  content: "";
96
119
  position: absolute;
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: dark-blog-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 3.9.4
4
+ version: 4.0.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - Gul Noor