whiteblog-theme 0.0.23 → 0.1.1

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/footer.html +14 -8
  3. data/_includes/sidebar.html +64 -8
  4. data/_layouts/categories.html +31 -25
  5. data/_layouts/home.html +3 -1
  6. data/_layouts/page-wide.html +3 -1
  7. data/_layouts/page.html +4 -1
  8. data/_layouts/post.html +1 -1
  9. data/_sass/whiteblog-theme/_layout.scss +34 -20
  10. metadata +12 -6
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 3688269f0b1b4ae59d8e5ee925e9f4779e5cb4aecf385fdd811fcf4ca5741ddb
4
- data.tar.gz: 18208a05bcf8c13bf27f88a9768cd7d717559293b5370b56adc7a45c8db6318a
3
+ metadata.gz: 38c979633be7410fafccfad24c895c5f95641dcd469da8350aabcb291318bdc5
4
+ data.tar.gz: b50142446c66d293839b3dea0dfd8147be7788851f0dc87819ae31708e8df6a7
5
5
  SHA512:
6
- metadata.gz: daad27aef48fede0b1858e91dc4cddd6415763eb6d7db59f3fc407a1de399080b03b84d0add87a385f352bcffb829cdaf95113e9cd6ccfa7d08dcfc5d51dfdcc
7
- data.tar.gz: 808a02ae98152f9b30a43069b311d8c3b4a0032f5b5042117b0240af10e80f259470631e9738f0c33ada2501608bd07f64848c1388b06a79f61fbdf1d3a88baa
6
+ metadata.gz: ad5295bd99a265f9d51b9d9d79ae9ec643f86881ef9437d720b9313e9d3ccf2b826d02fb9e5e34465d1e4d267959f5bf7b043c9c71aad18272d8de148fad42ba
7
+ data.tar.gz: 28a844fc1647e4a39a30c81cb72f06f9b013a9bf3b6440507e4d08fa67af6f7e0571623e5517accaf32468f53a73efa36e012e4ba554efa7269937e6b43c4d18
data/_includes/footer.html CHANGED
@@ -1,16 +1,22 @@
1
1
  <footer id="site-footer">
2
- <div class="container">
2
+ <div class="container-nav">
3
3
  <div>
4
4
  <p>
5
- Made with
6
- <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-suit-heart-fill" viewBox="0 0 16 16">
7
- <path d="M4 1c2.21 0 4 1.755 4 3.92C8 2.755 9.79 1 12 1s4 1.755 4 3.92c0 3.263-3.234 4.414-7.608 9.608a.513.513 0 0 1-.784 0C3.234 9.334 0 8.183 0 4.92 0 2.755 1.79 1 4 1"/>
5
+ Made with
6
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-suit-heart-fill"
7
+ viewBox="0 0 16 16">
8
+ <path
9
+ d="M4 1c2.21 0 4 1.755 4 3.92C8 2.755 9.79 1 12 1s4 1.755 4 3.92c0 3.263-3.234 4.414-7.608 9.608a.513.513 0 0 1-.784 0C3.234 9.334 0 8.183 0 4.92 0 2.755 1.79 1 4 1" />
8
10
  </svg>
9
- and
10
- <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cup-fill" viewBox="0 0 16 16">
11
- <path fill-rule="evenodd" d="M.11 3.187A.5.5 0 0 1 .5 3h13a.5.5 0 0 1 .488.608l-.22.991a3.001 3.001 0 0 1-1.3 5.854l-.132.59A2.5 2.5 0 0 1 9.896 13H4.104a2.5 2.5 0 0 1-2.44-1.958L.012 3.608a.5.5 0 0 1 .098-.42Zm12.574 6.288a2 2 0 0 0 .866-3.899z"/>
11
+ and
12
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cup-fill"
13
+ viewBox="0 0 16 16">
14
+ <path fill-rule="evenodd"
15
+ d="M.11 3.187A.5.5 0 0 1 .5 3h13a.5.5 0 0 1 .488.608l-.22.991a3.001 3.001 0 0 1-1.3 5.854l-.132.59A2.5 2.5 0 0 1 9.896 13H4.104a2.5 2.5 0 0 1-2.44-1.958L.012 3.608a.5.5 0 0 1 .098-.42Zm12.574 6.288a2 2 0 0 0 .866-3.899z" />
12
16
  </svg>
13
- . Powered by <a class="link" href="https://jekyllrb.com/">Jekyll</a> and <a class="link" href="https://github.com/vmsilvamolina/whiteblog-theme">whiteblog-theme</a> .</p>
17
+ . Powered by <a class="link" href="https://jekyllrb.com/">Jekyll</a> and <a class="link"
18
+ href="https://github.com/vmsilvamolina/whiteblog-theme">whiteblog-theme</a> .
19
+ </p>
14
20
  </div>
15
21
  </div>
16
22
  </footer>
data/_includes/sidebar.html CHANGED
@@ -5,12 +5,68 @@
5
5
  <h2>{{ site.author.name }}</h2>
6
6
  </section>
7
7
  <section class="useful-links">
8
- <span>
9
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
10
- <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z" fill="#000000"/>
11
- </svg>
12
- <p>{{ site.author.location }}</p>
13
- </span>
14
-
8
+ <ul>
9
+ {% if site.author.location %}
10
+ <li>
11
+ <span>
12
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
13
+ <path
14
+ d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"
15
+ fill="#000000" />
16
+ </svg>
17
+ <p>{{ site.author.location }}</p>
18
+ </span>
19
+ </li>
20
+ {% endif %}
21
+ <ul class="horizontal">
22
+ {% if site.author.x %}
23
+ <li>
24
+ <a class="link" href="https://x.com/{{ site.author.x }}" target="_blank" rel="noopener"
25
+ title="X.com">
26
+ <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor"
27
+ class="social-networks-icons" viewBox="0 0 16 16">
28
+ <path
29
+ d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z" />
30
+ </svg>
31
+ </a>
32
+ </li>
33
+ {% endif %}
34
+ {% if site.author.linkedin %}
35
+ <li>
36
+ <a class="link" href="https://linkedin.com/in/{{ site.author.linkedin }}" target="_blank"
37
+ rel="noopener" title="LinkedIn">
38
+ <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor"
39
+ class="social-networks-icons" viewBox="0 0 16 16">
40
+ <path
41
+ d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854zm4.943 12.248V6.169H2.542v7.225zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248S2.4 3.226 2.4 3.934c0 .694.521 1.248 1.327 1.248zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016l.016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225z" />
42
+ </svg>
43
+ </a>
44
+ </li>
45
+ {% endif %}
46
+ {% if site.author.email %}
47
+ <li>
48
+ <a class="link" href="mailto: {{ site.author.email}}" target="_blank" rel="noopener" title="Email">
49
+ <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor"
50
+ class="social-networks-icons" viewBox="0 0 24 24">
51
+ <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"
52
+ fill="none" stroke="#000000" stroke-width="2" />
53
+ <path d="M22 6l-10 7L2 6" fill="none" stroke="#000000" stroke-width="2"
54
+ stroke-linecap="round" />
55
+ </svg>
56
+ </a>
57
+ </li>
58
+ {% endif %}
59
+ {% if site.author.github %}
60
+ <li>
61
+ <a class="link" href="https://github.com/{{ site.author.github}}" target="_blank" rel="noopener" title="GitHub">
62
+ <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="#000000"
63
+ class="social-networks-icons" viewBox="0 0 24 24">
64
+ <path d="M12.5.75C6.146.75 1 5.896 1 12.25c0 5.089 3.292 9.387 7.863 10.91.575.101.79-.244.79-.546 0-.273-.014-1.178-.014-2.142-2.889.532-3.636-.704-3.866-1.35-.13-.331-.69-1.352-1.18-1.625-.402-.216-.977-.748-.014-.762.906-.014 1.553.834 1.769 1.179 1.035 1.74 2.688 1.25 3.349.948.1-.747.402-1.25.733-1.538-2.559-.287-5.232-1.279-5.232-5.678 0-1.25.445-2.285 1.178-3.09-.115-.288-.517-1.467.115-3.048 0 0 .963-.302 3.163 1.179.92-.259 1.897-.388 2.875-.388.977 0 1.955.13 2.875.388 2.2-1.495 3.162-1.179 3.162-1.179.633 1.581.23 2.76.115 3.048.733.805 1.179 1.825 1.179 3.09 0 4.413-2.688 5.39-5.247 5.678.417.36.776 1.05.776 2.128 0 1.538-.014 2.774-.014 3.162 0 .302.216.662.79.547C20.709 21.637 24 17.324 24 12.25 24 5.896 18.854.75 12.5.75Z"></path>
65
+ </svg>
66
+ </a>
67
+ </li>
68
+ {% endif %}
69
+ </ul>
70
+ </ul>
15
71
  </section>
16
- </aside>
72
+ </aside>
data/_layouts/categories.html CHANGED
@@ -3,31 +3,37 @@ layout: default
3
3
  permalink: /categories/
4
4
  title: Categories
5
5
  ---
6
- <article class="post">
7
- <h1>
8
- <span class="underline">Categories</span>
9
- </h1>
10
- <div>
11
- {% for category in site.categories %}
12
- <div class="archive-group">
13
- {% capture category_name %}{{ category | first }}{% endcapture %}
14
- <div id="#{{ category_name | slugize }}"></div>
15
- <p></p>
16
- <h5 style='color:white !important;'><a class="badge badge-{{ category_name }}">{{ category_name }}</a></h5>
17
- <a name="{{ category_name | slugize }}"></a>
18
- <table>
19
- {% for post in site.categories[category_name] %}
20
- <tr>
6
+ <div class="container">
7
+ <article class="post">
8
+ <div id="navigation-space" class="row">
9
+ </div>
10
+ <header>
11
+ <h1>
12
+ <span class="underline">Categories</span>
13
+ </h1>
14
+ </header>
15
+ <div>
16
+ {% for category in site.categories %}
17
+ <div class="archive-group">
18
+ {% capture category_name %}{{ category | first }}{% endcapture %}
19
+ <div id="#{{ category_name | slugize }}"></div>
20
+ <p></p>
21
+ <h5 style='color:white !important;'><a class="badge badge-{{ category_name }}">{{ category_name }}</a></h5>
22
+ <a name="{{ category_name | slugize }}"></a>
23
+ <table>
24
+ {% for post in site.categories[category_name] %}
25
+ <tr>
26
+ <th>
27
+ (<time datetime="{{ post.date | date_to_xmlschema }}" class="post-date">{{ post.date | date: "%b %-d, %Y" }}</time>)
28
+ </th>
21
29
  <th>
22
- (<time datetime="{{ post.date | date_to_xmlschema }}" class="post-date">{{ post.date | date: "%b %-d, %Y" }}</time>)
30
+ <a href="{{ site.baseurl }}{{ post.url }}">{{post.title}}</a>
23
31
  </th>
24
- <th>
25
- <a href="{{ site.baseurl }}{{ post.url }}">{{post.title}}</a>
26
- </th>
27
- </tr>
28
- {% endfor %}
29
- </table>
32
+ </tr>
33
+ {% endfor %}
34
+ </table>
35
+ </div>
36
+ {% endfor %}
30
37
  </div>
31
- {% endfor %}
32
- </div>
33
- </article>
38
+ </article>
39
+ </div>
data/_layouts/home.html CHANGED
@@ -1,7 +1,9 @@
1
1
  ---
2
2
  layout: default
3
3
  ---
4
- <div class="container" id="post">
4
+ <div class="container">
5
+ <div id="navigation-space" class="row">
6
+ </div>
5
7
  <article class="post">
6
8
  <div id="content">
7
9
  {% assign posts = site.posts %}
data/_layouts/page-wide.html CHANGED
@@ -12,7 +12,9 @@
12
12
 
13
13
  <div class="main-wrapper">
14
14
  <main>
15
- <div class="container" id="post">
15
+ <div class="container">
16
+ <div id="navigation-space" class="row">
17
+ </div>
16
18
  <article class="post">
17
19
  <header>
18
20
  <h1>
data/_layouts/page.html CHANGED
@@ -1,13 +1,16 @@
1
1
  ---
2
2
  layout: default
3
3
  ---
4
- <div class="container" id="post">
4
+ <div class="container">
5
5
  <article class="post">
6
+ <div id="navigation-space" class="row">
7
+ </div>
6
8
  <header>
7
9
  <h1>
8
10
  <span class="underline">{{ page.title }}</span>
9
11
  </h1>
10
12
  </header>
13
+ <div>
11
14
  <div id="content">
12
15
  {{ content }}
13
16
  </div>
data/_layouts/post.html CHANGED
@@ -4,7 +4,7 @@ layout: default
4
4
  <div class="container">
5
5
  <article class="post">
6
6
 
7
- <div id="posts-navigation" class="row">
7
+ <div id="navigation-space" class="row">
8
8
  <div class="previous">
9
9
  {% if page.previous.url %}
10
10
  <a href="{{page.previous.url}}" class="nav-btn prev-btn" title="{{page.previous.title}}">
data/_sass/whiteblog-theme/_layout.scss CHANGED
@@ -44,38 +44,47 @@ body {
44
44
  .main-wrapper {
45
45
  display: flex;
46
46
  flex: 1;
47
- gap: 2rem;
48
47
  margin: 0 auto;
49
48
  width: var(--container-width);
49
+ min-height: 70%;
50
50
  }
51
51
 
52
52
  aside {
53
- flex: 0 0 calc(var(--container-width) - 75%); /* Ancho fijo */
53
+ flex: 0 0 calc(var(--container-width) - 73%);
54
54
  height: fit-content;
55
55
  background-color: var(--color-bg);
56
56
  border-right: 1px solid var(--color-primary);
57
57
  margin-top: 5rem;
58
58
  }
59
59
 
60
+ .author-info {
61
+ padding: 1rem 1rem 0 0;
62
+ }
63
+
60
64
  .useful-links {
61
65
  padding: 1rem 1rem 0 0;
66
+
62
67
  span {
63
68
  display: flex;
64
69
  }
65
70
  }
66
71
 
72
+ .horizontal>li {
73
+ display: inline-block;
74
+ margin-left: 0.5rem;
75
+ }
76
+
67
77
  .container-nav {
68
78
  max-width: var(--container-width);
69
79
  margin: 0 auto;
70
80
  }
71
81
 
72
82
  .container {
73
- padding-left: 1rem;
83
+ padding-left: 2rem;
74
84
  }
75
85
 
76
86
  main {
77
- padding-bottom: 4rem;
78
- min-width: 70%;
87
+ min-width: 83%;
79
88
  }
80
89
 
81
90
  .navbar {
@@ -92,7 +101,7 @@ main {
92
101
  flex-wrap: nowrap;
93
102
  }
94
103
 
95
- .navbar-links > * {
104
+ .navbar-links>* {
96
105
  margin-right: 10px;
97
106
  }
98
107
 
@@ -146,13 +155,13 @@ main {
146
155
  overflow: hidden;
147
156
  }
148
157
 
149
- h1 > .underline {
158
+ h1>.underline {
150
159
  box-shadow: inset 0 -19px 0 var(--color-accent), 0 0 0 var(--color-accent);
151
160
  transition: box-shadow 0.3s;
152
161
  font-size: 2rem;
153
162
  }
154
163
 
155
- a > .underline {
164
+ a>.underline {
156
165
  box-shadow: inset 0 -14px 0 var(--color-accent), 0 0 0 var(--color-accent);
157
166
  transition: box-shadow 0.3s;
158
167
  }
@@ -260,7 +269,6 @@ a#blog-title:focus::before {
260
269
  transform: scaleX(1);
261
270
  }
262
271
 
263
-
264
272
  .post-resume {
265
273
  padding-top: 1.5rem;
266
274
  padding-bottom: 0.5rem;
@@ -269,6 +277,7 @@ a#blog-title:focus::before {
269
277
  .post-resume-title {
270
278
  margin-top: 0.25rem;
271
279
  margin-bottom: 0.75rem;
280
+
272
281
  a {
273
282
  color: var(--color-text);
274
283
  text-decoration: none;
@@ -296,10 +305,6 @@ a#blog-title:focus::before {
296
305
  width: 100%;
297
306
  }
298
307
 
299
- #post {
300
- padding-top: 3rem;
301
- }
302
-
303
308
  .notice {
304
309
  background-color: var(--color-notice);
305
310
  border-color: var(--color-notice);
@@ -314,7 +319,7 @@ a#blog-title:focus::before {
314
319
  width: 100%;
315
320
  }
316
321
 
317
- #posts-navigation {
322
+ #navigation-space {
318
323
  padding-bottom: .5rem;
319
324
  bottom: 0;
320
325
  min-height: 4rem;
@@ -328,6 +333,7 @@ p {
328
333
  display: grid;
329
334
  grid-template-columns: 1fr 1fr;
330
335
  font-size: 20px;
336
+
331
337
  * {
332
338
  color: var(--color-dark);
333
339
  }
@@ -467,12 +473,15 @@ svg {
467
473
  color: var(--color-text);
468
474
  }
469
475
 
470
- .prev-btn, .next-btn {
476
+ .prev-btn,
477
+ .next-btn {
471
478
  min-width: 100%;
472
479
  min-height: 100%;
473
480
  }
481
+
474
482
  .prev-btn {
475
483
  justify-content: flex-start;
484
+
476
485
  span {
477
486
  margin-left: 2.5rem;
478
487
  }
@@ -487,6 +496,7 @@ svg {
487
496
 
488
497
  .next-btn {
489
498
  justify-content: flex-end;
499
+
490
500
  span {
491
501
  margin-right: 2.5rem;
492
502
  }
@@ -571,10 +581,12 @@ svg {
571
581
  text-decoration: none;
572
582
  border-radius: 25px;
573
583
  transition: background 0.3s;
584
+
574
585
  .chevron.right {
575
586
  position: relative;
576
587
  left: -2px;
577
588
  }
589
+
578
590
  .chevron.left {
579
591
  position: relative;
580
592
  left: 2px;
@@ -584,6 +596,7 @@ svg {
584
596
  .pagination a:hover:not(.disabled) {
585
597
  background: var(--color-code);
586
598
  color: var(--color-bg);
599
+
587
600
  .chevron {
588
601
  border-color: var(--color-bg);
589
602
  }
@@ -597,7 +610,7 @@ svg {
597
610
  .pagination a.disabled {
598
611
  opacity: 0.5;
599
612
  cursor: none;
600
- pointer-events:none;
613
+ pointer-events: none;
601
614
  }
602
615
 
603
616
  .about-image {
@@ -612,7 +625,6 @@ svg {
612
625
  border-radius: 50%;
613
626
  width: 90px;
614
627
  height: 90px;
615
- margin: 1rem 0;
616
628
  object-fit: cover;
617
629
  }
618
630
 
@@ -628,7 +640,7 @@ svg {
628
640
 
629
641
  .badge:hover,
630
642
  .badge:focus {
631
- -webkit-transform:scale(1.1);
643
+ -webkit-transform: scale(1.1);
632
644
  transform: scale(1.1);
633
645
  }
634
646
 
@@ -675,9 +687,11 @@ svg {
675
687
  display: flex;
676
688
  border-right: none;
677
689
  margin-top: 1rem;
690
+
678
691
  .author-info {
679
692
  width: 30%;
680
693
  }
694
+
681
695
  .useful-links {
682
696
  width: 70%;
683
697
  }
@@ -687,7 +701,7 @@ svg {
687
701
  width: 70px;
688
702
  height: 70px;
689
703
  }
690
-
704
+
691
705
  .container {
692
706
  padding: 0 1rem;
693
707
  }
@@ -724,4 +738,4 @@ svg {
724
738
  transition-duration: 0.01ms !important;
725
739
  scroll-behavior: auto !important;
726
740
  }
727
- }
741
+ }
metadata CHANGED
@@ -1,29 +1,35 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: whiteblog-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.23
4
+ version: 0.1.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - Victor Silva
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2025-03-01 00:00:00.000000000 Z
11
+ date: 2025-03-08 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
+ - !ruby/object:Gem::Version
19
+ version: 3.9.0
20
+ - - "<"
18
21
  - !ruby/object:Gem::Version
19
- version: 4.3.2
22
+ version: 4.3.0
20
23
  type: :runtime
21
24
  prerelease: false
22
25
  version_requirements: !ruby/object:Gem::Requirement
23
26
  requirements:
24
- - - "~>"
27
+ - - ">="
28
+ - !ruby/object:Gem::Version
29
+ version: 3.9.0
30
+ - - "<"
25
31
  - !ruby/object:Gem::Version
26
- version: 4.3.2
32
+ version: 4.3.0
27
33
  - !ruby/object:Gem::Dependency
28
34
  name: jekyll-redirect-from
29
35
  requirement: !ruby/object:Gem::Requirement