whiteblog-theme 0.0.10 → 0.0.12

Sign up to get free protection for your applications and to get access to all the features.
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