whiteblog-theme 0.0.10 → 0.0.12

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.
Files changed (10) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/backtotop.html +3 -0
  3. data/_includes/head.html +0 -13
  4. data/_includes/sharepost.html +16 -0
  5. data/_layouts/default.html +2 -0
  6. data/_layouts/home.html +2 -3
  7. data/_layouts/page.html +3 -1
  8. data/_layouts/post.html +17 -17
  9. data/_sass/whiteblog-theme/_layout.scss +52 -29
  10. metadata +4 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 7c9ee6295b2edcf49e25f365bed0582b87a76e12ab2c7e2a0168444dcf032126
4
- data.tar.gz: 26c54d49d236252ebe047d48c219611062ddee1f5388850df81fb8356787ae81
3
+ metadata.gz: 7194417aba98109c814a5ca9e9bc9ff4bcef50e8042c8e055dfdcd5c4019b078
4
+ data.tar.gz: 03ede1e3ddf2b88efdd4b76ff933e0a84b25315131d061f2bca9827a3984f521
5
5
  SHA512:
6
- metadata.gz: 1831d76d33ab373bab801f11147f1d2b67fa2718c7b22c2af483bc5efb41b904468a35a9b9c761da3b1edf1794d63ecbdd88f156d83f04507c9e6c1498f1791f
7
- data.tar.gz: 5efe871b332838044b3618db81d1cbf743930db669b73f73c44237633bbf2c5931b6f69a4cd952bb350779badb312becc9b0ac15d901ed0b18d250451d9c9f92
6
+ metadata.gz: d1872622e91c7c2b2697ed24d4d80cbc4b89e83e14e8aa653c75aa060c799c47d8abd882d5983f3f5baf669ab74ba0dc7214b95f7b9e4df18694a7518d3e8abc
7
+ data.tar.gz: 58f0c82ec11fe753c418df68b4852c0c063b16b4155c1f28944a8e7e3085045976087dbcf4b2b38899967552ac8efcc6cdf9ab4ae65134c3da7507e6733f3f16
data/_includes/backtotop.html ADDED
@@ -0,0 +1,3 @@
1
+ <div class="col float-end">
2
+ <a class="float-end back" href="#"><i class="bi bi-chevron-double-up"></i></a>
3
+ </div>
data/_includes/head.html CHANGED
@@ -4,25 +4,12 @@
4
4
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
6
6
 
7
- {% if page.image.feature %}
8
- <meta name="twitter:card"
9
- content="summary_large_image">
10
- <meta name="twitter:image"
11
- content="{{ site.url }}/images/{{ page.image.feature }}">
12
- {% elsif page.auto_image %}
13
7
  <meta name="twitter:card"
14
8
  content="summary_large_image">
15
9
  <meta name="twitter:image"
16
10
  content="{{ site.url }}/assets/images/previews/{{ page.slug }}.png">
17
- {%endif%}
18
-
19
- {% if page.image.feature %}
20
- <meta property="og:image"
21
- content="{{ site.url }}/images/{{ page.image.feature }}">
22
- {% elsif page.auto_image %}
23
11
  <meta property="og:image"
24
12
  content="{{ site.url }}/assets/images/previews/{{ page.slug }}.png">
25
- {% endif %}
26
13
 
27
14
  <!-- Bootstrap CSS -->
28
15
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
data/_includes/sharepost.html ADDED
@@ -0,0 +1,16 @@
1
+ <div class="col text-final" id="share-links">
2
+ <h5><i class="bi bi-share"></i></h5>
3
+ <div class="row">
4
+ <div class="col float-start">
5
+ <ul>
6
+ <li>
7
+ <a href="https://twitter.com/share?text={{ page.title | url_encode }}&url={{ site.url }}{{ page.url }}" target="_blank" rel="noopener" title="X.com"><i class="bi bi-twitter-x"></i> Share on X</a>
8
+ </li>
9
+ <li>
10
+ <a href="https://linkedin.com/shareArticle?mini=true&url={{ site.url }}{{ page.url }}" target="_blank" rel="noopener" title="LinkedIn"><i class="bi bi-linkedin"></i> Share on LinkedIn</a>
11
+ </li>
12
+ </ul>
13
+
14
+ </div>
15
+ </div>
16
+ </div>
data/_layouts/default.html CHANGED
@@ -3,6 +3,8 @@
3
3
  <!DOCTYPE html>
4
4
  <html lang="{{ page.lang | default: site.lang | default: "en" }}">
5
5
 
6
+ <title>{{ page.title }}</title>
7
+
6
8
  {% include head.html %}
7
9
 
8
10
  <body>
data/_layouts/home.html CHANGED
@@ -11,10 +11,9 @@ layout: default
11
11
  {% assign date_format = "%b %-d, %Y" %}
12
12
  {% for post in posts %}
13
13
  <li class="py-2">
14
- <h1 class="mt-1 mb-3 h3 title-post-resume underline">
15
- <a class="title-link" href="{{ post.url | relative_url }}">{{ post.title | escape }}</a>
14
+ <h1 class="mt-1 mb-3 h3 title-post-resume">
15
+ <a class="title-link" href="{{ post.url | relative_url }}"><span class="underline">{{ post.title | escape }}</span></a>
16
16
  </h1>
17
-
18
17
  <span class="text-secondary">{{ post.date | date: date_format }}</span>
19
18
 
20
19
  <div>
data/_layouts/page.html CHANGED
@@ -4,7 +4,9 @@ layout: default
4
4
  <article>
5
5
 
6
6
  <header>
7
- <h1 class="underline">{{ page.title }}</h1>
7
+ <h1>
8
+ <span class="underline">{{ page.title }}</span>
9
+ </h1>
8
10
  </header>
9
11
 
10
12
  <div id="content">
data/_layouts/post.html CHANGED
@@ -19,9 +19,11 @@ layout: default
19
19
  </div>
20
20
 
21
21
  <header>
22
- <h1 class="underline">{{ page.title | escape }}</h1>
22
+ <h1>
23
+ <span class="underline">{{ page.title | escape }}</span>
24
+ </h1>
23
25
  <p class="text-secondary">
24
- <i class="fa fa-calendar-alt"></i><span style="display:inline-block; width: 3px;"></span>
26
+ <i class="bi bi-calendar"></i><span style="display:inline-block; width: 3px;"></span>
25
27
  <time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
26
28
  {% assign date_format = site.theme.date_format | default: "%b %-d, %Y" %}
27
29
  {{ page.date | date: date_format }}
@@ -44,22 +46,20 @@ layout: default
44
46
  {{ content }}
45
47
  </div>
46
48
 
47
- <div>
48
- </div>
49
+ <div class="row">
50
+ {% if site.addons.share_post %}
51
+ {% include sharepost.html %}
52
+ {% endif %}
49
53
 
50
- <div class="text-final" id="share-links">
51
- <h5>Share this post</h5>
52
- <div class="row">
53
- <div class="col float-start">
54
- <a href="https://twitter.com/share?text={{ page.title | url_encode }}&url={{ site.url }}{{ page.url }}" target="_blank" rel="noopener" title="Share on Twitter">X.com</a>
55
- </div>
56
- <div class="col float-end">
57
- <a class="float-end" href="#blog-title">Back to Top!</a>
58
- </div>
59
- </div>
54
+ {% if site.addons.back_to_top %}
55
+ {% include backtotop.html %}
56
+ {% endif %}
60
57
 
61
- {% if site.comments.provider and page.comments %}
62
- {% include comments.html %}
63
- {% endif %}
58
+ {% if site.comments.provider%}
59
+ {% if site.comments.provider == "disqus" %}
60
+ {% include comments-providers/disqus.html %}
61
+ {% endif %}
62
+ {% endif %}
63
+ </div>
64
64
 
65
65
  </article>
data/_sass/whiteblog-theme/_layout.scss CHANGED
@@ -8,6 +8,9 @@ $firstColor: #F5F5F5;
8
8
  $secondColor: #44cdd5;
9
9
  // $thirdColor: #A64AC9;
10
10
  $thirdColor: #614bc3;
11
+ // $fourthColor: #000;
12
+ $fourthColor: #212529;
13
+ $fifthColor: #6C757D;
11
14
 
12
15
  html {
13
16
  scroll-behavior: smooth;
@@ -15,6 +18,7 @@ html {
15
18
 
16
19
  body {
17
20
  background-color: $firstColor;
21
+ color: $fourthColor;
18
22
  font-family: "Space Grotesk";
19
23
  overflow-y: scroll;
20
24
  position: relative;
@@ -80,7 +84,7 @@ main {
80
84
  }
81
85
 
82
86
  #nav-header {
83
- border-bottom: 1px solid #e9ecef !important;
87
+ border-bottom: 1px solid $firstColor !important;
84
88
  }
85
89
 
86
90
  #nav-container {
@@ -102,7 +106,7 @@ main {
102
106
  }
103
107
 
104
108
  .title-post-resume a {
105
- color: #2F343D !important;
109
+ color: $fourthColor !important;
106
110
  }
107
111
 
108
112
  .text-justify {
@@ -125,7 +129,7 @@ main {
125
129
 
126
130
  blockquote {
127
131
  background: #f9f9f9;
128
- border-left: 10px solid #5B6B84;
132
+ border-left: 10px solid #F39237;
129
133
  margin: 1.5em 0px;
130
134
  padding: 0.5em 10px;
131
135
  quotes: "\201C""\201D""\2018""\2019";
@@ -153,13 +157,15 @@ input {
153
157
 
154
158
  .post .text-secondary {
155
159
  margin-bottom: 8px !important;
160
+ color: $fifthColor;
161
+ font-weight: bold;
156
162
  }
157
163
 
158
164
  .row .previous, .row .next {
159
165
  font-size: 20px;
160
166
  text-align: right;
161
167
  a {
162
- color: #6f777d !important;
168
+ color: $fourthColor !important;
163
169
  }
164
170
  }
165
171
 
@@ -178,7 +184,7 @@ input {
178
184
  }
179
185
 
180
186
  #site-footer {
181
- color: #6f777d !important;
187
+ color: $fourthColor !important;
182
188
  position: absolute;
183
189
  bottom: 0;
184
190
  width: 100%;
@@ -191,35 +197,52 @@ a.badge {
191
197
  text-decoration: none;
192
198
  }
193
199
 
200
+ .back {
201
+ margin-top: 45px !important;
202
+ font-size: 30px;
203
+ color: $thirdColor;
204
+ border-radius: 10px;
205
+ border: 2px solid $thirdColor;
206
+ padding: 1px 10px;
207
+ }
208
+
209
+ #share-links ul {
210
+ list-style-type: none;
211
+ padding-left: 0px;
212
+ li {
213
+ padding-top: 5px;
214
+ padding-bottom: 5px;
215
+ a {
216
+ text-decoration: none;
217
+ }
218
+ }
219
+ }
220
+
194
221
  /* Effects */
195
222
 
196
223
  #category-badge a:hover, #category-badge a:focus, #category-badge a:active {
197
- color: #fff;
224
+ color: $firstColor;
198
225
  -webkit-transform: scale(1.1);
199
226
  transform: scale(1.1);
200
227
  }
201
228
 
202
- .underline {
203
- font-family: "Space Grotesk";
204
- display: table;
205
- background: linear-gradient(180deg,rgba(255,255,255,0) 65%, $secondColor 8px);
206
- transition: all 0.3s linear;
207
- position: relative;
208
- &::before {
209
- content: '';
210
- background-color: $secondColor;
211
- position: absolute;
212
- left: 0;
213
- bottom: 3px;
214
- width: 100%;
215
- height: 8px;
216
- z-index: -1;
217
- transition: all .3s ease-in-out;
218
- }
219
-
220
- &:hover::before {
221
- bottom: 0;
222
- height: 100%;
223
- }
224
-
229
+ h1 > .underline {
230
+ text-decoration: none;
231
+ box-shadow: inset 0 -19px 0 $secondColor, 0 0px 0 $secondColor;
232
+ transition: box-shadow .3s;
233
+ color: inherit;
234
+ overflow: hidden;
235
+ // font-size: 2rem;
236
+ }
237
+
238
+ a > .underline {
239
+ text-decoration: none;
240
+ box-shadow: inset 0 -14px 0 $secondColor, 0 0px 0 $secondColor;
241
+ transition: box-shadow .3s;
242
+ color: inherit;
243
+ overflow: hidden;
244
+ }
245
+
246
+ .underline:hover {
247
+ box-shadow: inset 0 -45px 0 $secondColor, 0 0px 0 $secondColor;
225
248
  }
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: whiteblog-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.10
4
+ version: 0.0.12
5
5
  platform: ruby
6
6
  authors:
7
7
  - Victor Silva
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2024-04-21 00:00:00.000000000 Z
11
+ date: 2024-07-03 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -75,10 +75,12 @@ extra_rdoc_files: []
75
75
  files:
76
76
  - LICENSE.txt
77
77
  - README.md
78
+ - _includes/backtotop.html
78
79
  - _includes/comments-providers/disqus.html
79
80
  - _includes/footer.html
80
81
  - _includes/head.html
81
82
  - _includes/header.html
83
+ - _includes/sharepost.html
82
84
  - _layouts/allposts.html
83
85
  - _layouts/categories.html
84
86
  - _layouts/default.html