dark-blog-theme 3.0.0 → 3.4.0

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: 94edf36453d6046125d2733937955fd52c1ac473a25be4ebd0744c8101dcbb25
4
- data.tar.gz: 702bd5cdc42a6ae5e584228396a3c4b12e8dff0f2bad156e3c316dcee6e77381
3
+ metadata.gz: 7039f7bce9c3bcfc02898cef08e9353a71110cf343f4bae3654f8ab67b26b304
4
+ data.tar.gz: 61e4b7c2f9598b678f395e9b2136edf2ade169d33765c5c74804da784b0197d7
5
5
  SHA512:
6
- metadata.gz: 1595631adc0c40c631984b0e2147ee892f52f141122d6872c8d1b070b9dc41fc3a24d5916b3e04292d63cbb620468a67ec27acf6355151a501b1fe53f2155768
7
- data.tar.gz: 3c775e9629a3b86436db2df2dd2b86a358003f31c00066847154655ede9c0077600ceb5f45b9a8860bb8525930bfe4f9288389b8768761dff1334054d3982a27
6
+ metadata.gz: 6441ceac99cdaaf53d4d1c9f8518e303c741a53684811a039a6bad8082ecab19eb25e74cd5e2abe25cb790679d358529ff95fc1b84942cdd9b876196c120bfdb
7
+ data.tar.gz: ab134d964c3791430e15e385d3b5365f96bf9b0a8f3f7f0f2b31dc8ef73716cf72c922ef77a044d22f6a05f3e35c9f6220def7dd9a0285df93e03943beceac05
data/_includes/head.html CHANGED
@@ -9,7 +9,7 @@
9
9
  type="font/woff2"
10
10
  crossorigin
11
11
  >
12
- {%- seo -%}
12
+ {% comment %} {%- seo -%} {% endcomment %}
13
13
  <link rel="stylesheet" href="{{ "/assets/main.css" | relative_url }}">
14
14
  <script>
15
15
  const colors = {
@@ -31,7 +31,7 @@
31
31
  }
32
32
  </script>
33
33
  <script src="/assets/theme-assets/js/theme.js" defer></script>
34
- {%- feed_meta -%}
34
+ {% comment %} {%- feed_meta -%} {% endcomment %}
35
35
  {%- if jekyll.environment == 'production' and site.google_analytics -%}
36
36
  {%- include google-analytics.html -%}
37
37
  {%- endif -%}
@@ -10,9 +10,9 @@
10
10
 
11
11
 
12
12
  <main class="page-content" aria-label="Content">
13
- <div class="wrapper">
13
+
14
14
  {{ content }}
15
- </div>
15
+
16
16
 
17
17
  </main>
18
18
 
data/_layouts/home.html CHANGED
@@ -9,25 +9,48 @@ layout: default
9
9
  {{ content }}
10
10
 
11
11
  {%- if site.posts.size > 0 -%}
12
- <h2 class="post-list-heading">{{ page.list_title | default: 'Featured Posts' }}</h2>
13
- <ul class="post-list">
12
+ <h1 class="post-title">{{ page.list_title | default: 'Pinned Posts' }}</h1>
13
+ <ul class="pinned-post-list">
14
14
  {%- for post in site.posts -%}
15
- <li class="post-card custom-border">
16
- {%- if post.image -%}
17
- <img class="post-image" src="{{- post.image | relative_url -}}">
18
- {%- endif -%}
19
- <a class="post-link" href="{{ post.url | relative_url }}">
20
- {%- assign date_format = site.minima.date_format | default: '%b %-d, %Y' -%}
21
- <span class="post-meta">{{ post.date | date: date_format }}</span>
22
- <h3 class="card-title">
23
- {{ post.title | escape }}
24
- </h3>
25
- <span class="post-excerpt">{{ post.excerpt }}</span>
26
- </a>
27
- </li>
15
+ {%- if post.status == 'pinned' -%}
16
+ <li class="pinned-post-card custom-border">
17
+ {%- if post.image -%}
18
+ <img class="post-image" src="{{- post.image | relative_url -}}">
19
+ {%- endif -%}
20
+ <a class="post-link" href="{{ post.url | relative_url }}">
21
+ {%- assign date_format = site.minima.date_format | default: '%b %-d, %Y' -%}
22
+ <span class="post-meta">{{ post.date | date: date_format }}</span>
23
+ <h3 class="card-title">
24
+ {{ post.title | escape }}
25
+ </h3>
26
+ <span class="post-excerpt">{{ post.excerpt }}</span>
27
+ </a>
28
+ </li>
29
+ {%- endif -%}
28
30
  {%- endfor -%}
29
31
  </ul>
30
-
31
- <p class="rss-subscribe">subscribe <a href="{{ "/feed.xml" | relative_url }}">via RSS</a></p>
32
32
  {%- endif -%}
33
+ <div class="all-post-wrapper">
34
+ {%- if site.posts.size > 0 -%}
35
+ <h1 class="post-title">{{ page.list_title | default: 'All Posts' }}</h1>
36
+ <ul class="post-list">
37
+ {%- for post in site.posts -%}
38
+ <li class="post-card custom-border">
39
+ {%- if post.image -%}
40
+ <img class="post-image" src="{{- post.image | relative_url -}}">
41
+ {%- endif -%}
42
+ <a class="post-link" href="{{ post.url | relative_url }}">
43
+ {%- assign date_format = site.minima.date_format | default: '%b %-d, %Y' -%}
44
+ <span class="post-meta">{{ post.date | date: date_format }}</span>
45
+ <h3 class="card-title">
46
+ {{ post.title | escape }}
47
+ </h3>
48
+ <span class="post-excerpt">{{ post.excerpt }}</span>
49
+ </a>
50
+ </li>
51
+ {%- endfor -%}
52
+ </ul>
53
+ <p class="rss-subscribe">subscribe <a href="{{ "/feed.xml" | relative_url }}">via RSS</a></p>
54
+ {%- endif -%}
55
+ </div>
33
56
  </div>
data/_layouts/page.html CHANGED
@@ -1,14 +1,14 @@
1
1
  ---
2
2
  layout: default
3
3
  ---
4
- <article class="post">
5
4
 
6
- <header class="post-header">
7
- <h1 class="post-title">{{ page.title | escape }}</h1>
8
- </header>
5
+ <div class="wrapper">
6
+ <article class="post">
7
+ <header class="post-header">
8
+ <h1 class="post-title">{{ page.title | escape }}</h1>
9
+ </header>
9
10
 
10
- <div class="post-content">
11
- {{ content }}
12
- </div>
13
-
14
- </article>
11
+ <div class="post-content">{{ content }}</div>
12
+ </article>
13
+
14
+ </div>
data/_layouts/post.html CHANGED
@@ -1,33 +1,35 @@
1
1
  ---
2
2
  layout: default
3
3
  ---
4
- <article class="post h-entry" itemscope itemtype="http://schema.org/BlogPosting">
5
- <header class="post-header">
6
- <h1 class="post-title p-name" itemprop="name headline">{{ page.title | escape }}</h1>
7
- {%- if page.image -%}
8
- <img src="{{- page.image | relative_url -}}" alt="" class="featured-image">
9
- {%- endif -%}
10
- <p class="post-meta">
11
- <time class="dt-published" datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
12
- {%- assign date_format = site.minima.date_format | default: '%b %-d, %Y' -%}
13
- {{ page.date | date: date_format }}
14
- </time>
15
- {%- if page.author -%}
16
-
17
- <span itemprop="author" itemscope itemtype="http://schema.org/Person"
18
- ><span class="p-author h-card" itemprop="name">{{ page.author }}</span></span
19
- >
4
+ <div class="wrapper">
5
+ <article class="post h-entry" itemscope itemtype="http://schema.org/BlogPosting">
6
+ <header class="post-header">
7
+ <h1 class="post-title p-name" itemprop="name headline">{{ page.title | escape }}</h1>
8
+ {%- if page.image -%}
9
+ <img src="{{- page.image | relative_url -}}" alt="" class="featured-image">
20
10
  {%- endif -%}
21
- </p>
22
- </header>
23
-
24
- <div class="post-content e-content" itemprop="articleBody">
25
- {{ content }}
26
- </div>
27
-
28
- {%- if site.disqus.shortname -%}
29
- {%- include disqus_comments.html -%}
30
- {%- endif -%}
31
-
32
- <a class="u-url" href="{{ page.url | relative_url }}" hidden></a>
33
- </article>
11
+ <p class="post-meta">
12
+ <time class="dt-published" datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
13
+ {%- assign date_format = site.minima.date_format | default: '%b %-d, %Y' -%}
14
+ {{ page.date | date: date_format }}
15
+ </time>
16
+ {%- if page.author -%}
17
+
18
+ <span itemprop="author" itemscope itemtype="http://schema.org/Person"
19
+ ><span class="p-author h-card" itemprop="name">{{ page.author }}</span></span
20
+ >
21
+ {%- endif -%}
22
+ </p>
23
+ </header>
24
+
25
+ <div class="post-content e-content" itemprop="articleBody">
26
+ {{ content }}
27
+ </div>
28
+
29
+ {%- if site.disqus.shortname -%}
30
+ {%- include disqus_comments.html -%}
31
+ {%- endif -%}
32
+
33
+ <a class="u-url" href="{{ page.url | relative_url }}" hidden></a>
34
+ </article>
35
+ </div>
@@ -59,7 +59,7 @@
59
59
  display: none;
60
60
  }
61
61
  .trigger {
62
- display: flex;
62
+ display: none;
63
63
  justify-content: center;
64
64
 
65
65
  border-radius: 999px;
@@ -213,13 +213,23 @@
213
213
  @include relative-font-size(2);
214
214
  }
215
215
 
216
- .post-list-heading {
217
- @include relative-font-size(1.75);
218
- }
216
+ // .post-list-heading {
217
+ // @include relative-font-size(1.75);
218
+ // }
219
219
 
220
- .post-list {
220
+ .pinned-post-list {
221
+ display: flex;
222
+ flex-wrap: wrap;
223
+ justify-content: space-around;
224
+ padding-top: 12px;
221
225
  margin-left: 0;
222
226
  list-style: none;
227
+ background-color: var(--md-sys-color-surface-container);
228
+ border-radius: 24px;
229
+ padding: 24px;
230
+ @media screen and (max-width: 850px) {
231
+ // background-color: var(--md-sys-color-secondary-container);
232
+ }
223
233
 
224
234
  > li {
225
235
  margin-bottom: $spacing-unit;
@@ -7,7 +7,19 @@
7
7
  margin-top: 4px;
8
8
  justify-content: flex-end;
9
9
  }
10
+ .all-post-wrapper {
11
+ max-width: 800px;
12
+ margin-left: auto;
13
+ margin-right: auto;
14
+ }
15
+ .post-list {
16
+ margin-left: 0;
17
+ list-style: none;
10
18
 
19
+ > li {
20
+ margin-bottom: $spacing-unit;
21
+ }
22
+ }
11
23
  .post-card {
12
24
  // border: 1px solid var(--md-sys-color-outline);
13
25
  // overflow: visible;
@@ -20,6 +32,34 @@
20
32
  padding: 12px;
21
33
  background-color: var(--md-sys-color-surface-container);
22
34
  }
35
+ .pinned-post-card {
36
+ // border: 1px solid var(--md-sys-color-outline);
37
+ // overflow: visible;
38
+ position: relative;
39
+ // padding: 20px;
40
+ box-sizing: border-box;
41
+ display: flex;
42
+ flex-direction: column;
43
+ border-radius: 14px;
44
+ padding: 12px;
45
+ width: 30%;
46
+ background-color: var(--md-sys-color-surface-container);
47
+ background-color: var(--md-sys-color-primary-container);
48
+ & p,span,a {
49
+ color: var(--md-sys-color-on-primary-container);
50
+ }
51
+ & img{
52
+ background-color: var(--md-sys-color-surface-container-high);
53
+ border-radius: 24px;
54
+
55
+ }
56
+ @media screen and (max-width: 1300px) {
57
+ width: 46%;
58
+ }
59
+ @media screen and (max-width: 850px) {
60
+ width: 100%;
61
+ }
62
+ }
23
63
 
24
64
  .post-card::before {
25
65
  content: "";
@@ -36,15 +76,30 @@
36
76
  filter: var(--outline-filter);
37
77
  pointer-events: none; /* Allows interaction with content inside the border */
38
78
  }
79
+ .pinned-post-card::before {
80
+ content: "";
81
+ position: absolute;
82
+ top: -10px;
83
+ left: -12px;
84
+ right: -10px;
85
+ bottom: -10px;
86
+ // width: calc(100% + 12px);
87
+ // height: calc(100% + 12px);
88
+ z-index: 10;
89
+ background-image: url("/assets/theme-assets/theme-images/border-thick.svg");
90
+ background-size: 100% 100%;
91
+ filter: var(--outline-filter);
92
+ pointer-events: none; /* Allows interaction with content inside the border */
93
+ }
39
94
  .navrail {
40
95
  position: fixed;
41
96
  display: flex;
42
97
  flex-direction: column;
43
98
  height: 100vh;
44
- background: var(--md-sys-color-surface-container);
45
- justify-content: center;
99
+ justify-content: flex-start;
46
100
  align-items: center;
47
101
  z-index: 99;
102
+ padding: 80px 0 30px 12px;
48
103
  width: 100px;
49
104
 
50
105
  @include media-query($on-palm) {
@@ -89,7 +144,7 @@
89
144
  .theme-selector {
90
145
  position: relative;
91
146
  display: flex;
92
- // width: 100%;
147
+ // width: 100%;
93
148
  justify-content: flex-end;
94
149
  padding: 12px;
95
150
  padding-top: 18px;
@@ -99,23 +154,23 @@
99
154
  height: 26px;
100
155
  width: 26px;
101
156
  border-radius: 50%;
102
- background-color:var(--current-color); /* Initial theme color */
157
+ background-color: var(--current-color); /* Initial theme color */
103
158
  margin-left: 12px;
104
159
  cursor: pointer;
105
160
  transition: transform 0.3s;
106
161
  }
107
162
 
108
163
  .theme-options {
109
- // position: absolute;
110
- display: flex;
111
- // top: 50%;
112
- // right: 20px;
113
- // transform: translate(-50%, -50%);
114
- // display: none;
164
+ // position: absolute;
165
+ display: flex;
166
+ // top: 50%;
167
+ // right: 20px;
168
+ // transform: translate(-50%, -50%);
169
+ // display: none;
115
170
  // flex-wrap: wrap;
116
171
  gap: 10px;
117
172
  max-width: 0px;
118
- transition: all 0.3s ;
173
+ transition: all 0.3s;
119
174
  }
120
175
 
121
176
  .theme-option {
@@ -124,3 +179,15 @@
124
179
  border-radius: 50%;
125
180
  cursor: pointer;
126
181
  }
182
+ .home {
183
+ padding-right: $spacing-unit;
184
+ padding-left: $spacing-unit + 100;
185
+ @extend %clearfix;
186
+ @include media-query($on-laptop) {
187
+ padding-right: $spacing-unit / 2;
188
+ padding-left: ($spacing-unit / 2)+100;
189
+ }
190
+ @include media-query($on-palm) {
191
+ padding-left: $spacing-unit/2;
192
+ }
193
+ }
@@ -11,6 +11,6 @@
11
11
  <g stroke-linecap="round" transform="translate(10 10) rotate(0 257.1999816894531 174.40000915527344)">
12
12
  <path
13
13
  d="M32 0 C145.44 -4.83, 255.69 -1.54, 482.4 0 M32 0 C192.73 -2.81, 351.25 -2.46, 482.4 0 M482.4 0 C501.81 -3.76, 511.49 7.87, 514.4 32 M482.4 0 C506.25 -4.37, 511.77 12.37, 514.4 32 M514.4 32 C515.93 102.43, 516.85 172.52, 514.4 316.8 M514.4 32 C513.73 123.85, 513.29 214.86, 514.4 316.8 M514.4 316.8 C518.35 338.31, 500.55 350.28, 482.4 348.8 M514.4 316.8 C512.61 339.59, 502.19 351.52, 482.4 348.8 M482.4 348.8 C321.78 353.3, 165.35 353.43, 32 348.8 M482.4 348.8 C319.01 350.74, 158.28 350.8, 32 348.8 M32 348.8 C12.02 347.61, -1.08 339.53, 0 316.8 M32 348.8 C10.96 345.65, -1.97 333.79, 0 316.8 M0 316.8 C-3.22 248.83, -2.37 182.54, 0 32 M0 316.8 C1.48 258.69, 1.52 202.64, 0 32 M0 32 C-0.35 8.95, 12.4 1.7, 32 0 M0 32 C-3.7 10.32, 8.88 1.63, 32 0"
14
- stroke="#000000" stroke-width="1.4" fill="none"></path>
14
+ stroke="#000000" stroke-width="1.4" fill="none" ></path>
15
15
  </g>
16
16
  </svg>
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.0.0
4
+ version: 3.4.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Gul Noor