whiteblog-theme 0.0.21 → 0.0.23
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.
- checksums.yaml +4 -4
- data/_includes/backtotop.html +3 -3
- data/_includes/comments.html +7 -0
- data/_includes/header.html +1 -1
- data/_includes/sidebar.html +16 -0
- data/_layouts/default.html +5 -5
- data/_layouts/home.html +100 -31
- data/_layouts/page-wide.html +36 -0
- data/_layouts/page.html +12 -13
- data/_layouts/post.html +65 -52
- data/_pages/about.md +3 -3
- data/_sass/whiteblog-theme/_layout.scss +241 -45
- metadata +5 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 3688269f0b1b4ae59d8e5ee925e9f4779e5cb4aecf385fdd811fcf4ca5741ddb
|
|
4
|
+
data.tar.gz: 18208a05bcf8c13bf27f88a9768cd7d717559293b5370b56adc7a45c8db6318a
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: daad27aef48fede0b1858e91dc4cddd6415763eb6d7db59f3fc407a1de399080b03b84d0add87a385f352bcffb829cdaf95113e9cd6ccfa7d08dcfc5d51dfdcc
|
|
7
|
+
data.tar.gz: 808a02ae98152f9b30a43069b311d8c3b4a0032f5b5042117b0240af10e80f259470631e9738f0c33ada2501608bd07f64848c1388b06a79f61fbdf1d3a88baa
|
data/_includes/backtotop.html
CHANGED
data/_includes/header.html
CHANGED
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
<aside>
|
|
2
|
+
<section class="author-info">
|
|
3
|
+
<!-- <h2>Sobre el Autor</h2> -->
|
|
4
|
+
<img class="about-image-small" src="{{ site.author.avatar }}" alt="{{ site.author.name }}">
|
|
5
|
+
<h2>{{ site.author.name }}</h2>
|
|
6
|
+
</section>
|
|
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
|
+
|
|
15
|
+
</section>
|
|
16
|
+
</aside>
|
data/_layouts/default.html
CHANGED
|
@@ -8,14 +8,14 @@
|
|
|
8
8
|
{% include head.html %}
|
|
9
9
|
|
|
10
10
|
<body>
|
|
11
|
-
|
|
12
11
|
{% include header.html %}
|
|
13
12
|
|
|
14
|
-
<main>
|
|
15
|
-
|
|
13
|
+
<div class="main-wrapper">
|
|
14
|
+
{% include sidebar.html %}
|
|
15
|
+
<main>
|
|
16
16
|
{{ content }}
|
|
17
|
-
</
|
|
18
|
-
</
|
|
17
|
+
</main>
|
|
18
|
+
</div>
|
|
19
19
|
|
|
20
20
|
{% include footer.html %}
|
|
21
21
|
|
data/_layouts/home.html
CHANGED
|
@@ -1,34 +1,103 @@
|
|
|
1
1
|
---
|
|
2
2
|
layout: default
|
|
3
3
|
---
|
|
4
|
-
|
|
5
|
-
<article class="post">
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
</
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
</
|
|
4
|
+
<div class="container" id="post">
|
|
5
|
+
<article class="post">
|
|
6
|
+
<div id="content">
|
|
7
|
+
{% assign posts = site.posts %}
|
|
8
|
+
<ul>
|
|
9
|
+
{% assign date_format = "%b %-d, %Y" %}
|
|
10
|
+
{% for post in paginator.posts %}
|
|
11
|
+
<li class="post-resume">
|
|
12
|
+
<h1 class="post-resume-title">
|
|
13
|
+
<a href="{{ post.url | relative_url }}">
|
|
14
|
+
<span class="underline">{{ post.title | escape }}</span>
|
|
15
|
+
</a>
|
|
16
|
+
</h1>
|
|
17
|
+
<span class="text-secondary">{{ post.date | date: date_format }}</span>
|
|
18
|
+
<div>
|
|
19
|
+
{{ post.excerpt }}
|
|
20
|
+
</div>
|
|
21
|
+
</li>
|
|
22
|
+
{% endfor %}
|
|
23
|
+
</ul>
|
|
24
|
+
{% if paginator.total_pages > 1 %}
|
|
25
|
+
<nav class="pagination">
|
|
26
|
+
{% assign first_page_path = site.paginate_path | replace: 'page:num', '' | replace: '//', '/' | absolute_url %}
|
|
27
|
+
<ul>
|
|
28
|
+
{% comment %} Link for previous page {% endcomment %}
|
|
29
|
+
{% if paginator.previous_page %}
|
|
30
|
+
{% if paginator.previous_page == 1 %}
|
|
31
|
+
<li>
|
|
32
|
+
<a href="{{ first_page_path }}">
|
|
33
|
+
<span class="chevron left"></span>
|
|
34
|
+
</a>
|
|
35
|
+
</li>
|
|
36
|
+
{% else %}
|
|
37
|
+
<li>
|
|
38
|
+
<a href="{{ site.paginate_path | replace: ':num', paginator.previous_page | replace: '//', '/' | absolute_url }}">
|
|
39
|
+
<span class="chevron left"></span>
|
|
40
|
+
</a>
|
|
41
|
+
</li>
|
|
42
|
+
{% endif %}
|
|
43
|
+
{% else %}
|
|
44
|
+
<li><a href="#" class="disabled"><span id="previous-page" aria-hidden="true"></span></a></li>
|
|
45
|
+
{% endif %}
|
|
46
|
+
{% comment %} First page {% endcomment %}
|
|
47
|
+
{% if paginator.page == 1 %}
|
|
48
|
+
<li><a href="#" class="disabled current">1</a></li>
|
|
49
|
+
{% else %}
|
|
50
|
+
<li><a href="{{ first_page_path }}">1</a></li>
|
|
51
|
+
{% endif %}
|
|
52
|
+
{% assign page_start = 2 %}
|
|
53
|
+
{% if paginator.page > 4 %}
|
|
54
|
+
{% assign page_start = paginator.page | minus: 2 %}
|
|
55
|
+
{% comment %} Ellipsis for truncated links {% endcomment %}
|
|
56
|
+
<li><a href="#" class="disabled">…</a></li>
|
|
57
|
+
{% endif %}
|
|
58
|
+
{% assign page_end = paginator.total_pages | minus: 1 %}
|
|
59
|
+
{% assign pages_to_end = paginator.total_pages | minus: paginator.page %}
|
|
60
|
+
{% if pages_to_end > 4 %}
|
|
61
|
+
{% assign page_end = paginator.page | plus: 2 %}
|
|
62
|
+
{% endif %}
|
|
63
|
+
{% for index in (page_start..page_end) %}
|
|
64
|
+
{% if index == paginator.page %}
|
|
65
|
+
<li><a href="{{ site.paginate_path | replace: ':num', index | replace: '//', '/' | absolute_url }}" class="disabled current">{{ index }}</a></li>
|
|
66
|
+
{% else %}
|
|
67
|
+
{% comment %} Distance from current page and this link {% endcomment %}
|
|
68
|
+
{% assign dist = paginator.page | minus: index %}
|
|
69
|
+
{% if dist < 0 %}
|
|
70
|
+
{% comment %} Distance must be a positive value {% endcomment %}
|
|
71
|
+
{% assign dist = 0 | minus: dist %}
|
|
72
|
+
{% endif %}
|
|
73
|
+
<li><a href="{{ site.paginate_path | replace: ':num', index | absolute_url }}">{{ index }}</a></li>
|
|
74
|
+
{% endif %}
|
|
75
|
+
{% endfor %}
|
|
76
|
+
{% comment %} Ellipsis for truncated links {% endcomment %}
|
|
77
|
+
{% if pages_to_end > 3 %}
|
|
78
|
+
<li><a href="#" class="disabled">…</a></li>
|
|
79
|
+
{% endif %}
|
|
80
|
+
{% if paginator.page == paginator.total_pages %}
|
|
81
|
+
<li><a href="#" class="disabled current">{{ paginator.page }}</a></li>
|
|
82
|
+
{% else %}
|
|
83
|
+
<li><a href="{{ site.paginate_path | replace: ':num', paginator.total_pages | replace: '//', '/' | absolute_url }}">{{ paginator.total_pages }}</a></li>
|
|
84
|
+
{% endif %}
|
|
85
|
+
{% comment %} Link next page {% endcomment %}
|
|
86
|
+
{% if paginator.next_page %}
|
|
87
|
+
<li>
|
|
88
|
+
<a href="{{ site.paginate_path | replace: ':num', paginator.next_page | replace: '//', '/' | absolute_url }}">
|
|
89
|
+
<span class="chevron right"></span>
|
|
90
|
+
</a>
|
|
91
|
+
</li>
|
|
92
|
+
{% else %}
|
|
93
|
+
<li><a href="#" class="disabled"><span class="chevron right" aria-hidden="true"></span></a></li>
|
|
94
|
+
{% endif %}
|
|
95
|
+
</ul>
|
|
96
|
+
</nav>
|
|
97
|
+
{% endif %}
|
|
98
|
+
{% if site.plugins contains "jekyll-feed" %}
|
|
99
|
+
<a href="{{ "/feed.xml" | relative_url }}"><div id="rss-icon" class="mb-2"></div></a>
|
|
100
|
+
{% endif %}
|
|
101
|
+
</div>
|
|
102
|
+
</article>
|
|
103
|
+
</div>
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
---
|
|
2
|
+
---
|
|
3
|
+
<!DOCTYPE html>
|
|
4
|
+
<html lang="{{ page.lang | default: site.lang | default: "en" }}">
|
|
5
|
+
|
|
6
|
+
<title>{{ site.title }}</title>
|
|
7
|
+
<link rel="icon" type="image/x-icon" href="/assets/images/favicon.ico">
|
|
8
|
+
{% include head.html %}
|
|
9
|
+
|
|
10
|
+
<body>
|
|
11
|
+
{% include header.html %}
|
|
12
|
+
|
|
13
|
+
<div class="main-wrapper">
|
|
14
|
+
<main>
|
|
15
|
+
<div class="container" id="post">
|
|
16
|
+
<article class="post">
|
|
17
|
+
<header>
|
|
18
|
+
<h1>
|
|
19
|
+
<span class="underline">{{ page.title }}</span>
|
|
20
|
+
</h1>
|
|
21
|
+
</header>
|
|
22
|
+
<div id="content">
|
|
23
|
+
{{ content }}
|
|
24
|
+
</div>
|
|
25
|
+
</article>
|
|
26
|
+
</div>
|
|
27
|
+
</main>
|
|
28
|
+
</div>
|
|
29
|
+
|
|
30
|
+
{% include footer.html %}
|
|
31
|
+
|
|
32
|
+
{% include scripts.html %}
|
|
33
|
+
|
|
34
|
+
</body>
|
|
35
|
+
|
|
36
|
+
</html>
|
data/_layouts/page.html
CHANGED
|
@@ -1,16 +1,15 @@
|
|
|
1
1
|
---
|
|
2
2
|
layout: default
|
|
3
3
|
---
|
|
4
|
-
<
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
</
|
|
15
|
-
|
|
16
|
-
</article>
|
|
4
|
+
<div class="container" id="post">
|
|
5
|
+
<article class="post">
|
|
6
|
+
<header>
|
|
7
|
+
<h1>
|
|
8
|
+
<span class="underline">{{ page.title }}</span>
|
|
9
|
+
</h1>
|
|
10
|
+
</header>
|
|
11
|
+
<div id="content">
|
|
12
|
+
{{ content }}
|
|
13
|
+
</div>
|
|
14
|
+
</article>
|
|
15
|
+
</div>
|
data/_layouts/post.html
CHANGED
|
@@ -1,62 +1,75 @@
|
|
|
1
1
|
---
|
|
2
2
|
layout: default
|
|
3
3
|
---
|
|
4
|
-
<
|
|
4
|
+
<div class="container">
|
|
5
|
+
<article class="post">
|
|
5
6
|
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
7
|
+
<div id="posts-navigation" class="row">
|
|
8
|
+
<div class="previous">
|
|
9
|
+
{% if page.previous.url %}
|
|
10
|
+
<a href="{{page.previous.url}}" class="nav-btn prev-btn" title="{{page.previous.title}}">
|
|
11
|
+
<span class="chevron left"></span>
|
|
12
|
+
|
|
13
|
+
</a>
|
|
14
|
+
{% endif %}
|
|
15
|
+
</div>
|
|
16
|
+
<div class="next">
|
|
17
|
+
{% if page.next.url %}
|
|
18
|
+
<a href="{{page.next.url}}" class="nav-btn next-btn" title="{{page.next.title}}">
|
|
19
|
+
<span class="chevron right"></span>
|
|
20
|
+
</a>
|
|
21
|
+
{% endif %}
|
|
22
|
+
</div>
|
|
23
|
+
</div>
|
|
24
|
+
|
|
25
|
+
<header>
|
|
26
|
+
<h1>
|
|
27
|
+
<span class="underline">{{ page.title | escape }}</span>
|
|
28
|
+
</h1>
|
|
29
|
+
<p class="text-secondary">
|
|
30
|
+
<time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
|
|
31
|
+
{% assign date_format = site.theme.date_format | default: "%b %-d, %Y" %}
|
|
32
|
+
{{ page.date | date: date_format }}
|
|
33
|
+
</time><span style="display:inline-block; width: 6px;"></span>
|
|
34
|
+
{% if post %}
|
|
35
|
+
{% assign categories = post.categories %}
|
|
36
|
+
{% else %}
|
|
37
|
+
{% assign categories = page.categories %}
|
|
38
|
+
{% endif %}
|
|
39
|
+
<h5 id="category-badge">
|
|
40
|
+
{% for category in categories %}
|
|
41
|
+
<a href="{{site.baseurl}}/categories/#{{category|slugize}}" class="badge" >{{category}}</a>
|
|
42
|
+
{% unless forloop.last %} {% endunless %}
|
|
43
|
+
{% endfor %}
|
|
44
|
+
</h5>
|
|
45
|
+
</p>
|
|
46
|
+
</header>
|
|
47
|
+
|
|
48
|
+
<div class="text-justify" id="content">
|
|
49
|
+
{{ content }}
|
|
11
50
|
</div>
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
51
|
+
|
|
52
|
+
<div class="row">
|
|
53
|
+
{% if site.comments.provider%}
|
|
54
|
+
{% include comments.html %}
|
|
15
55
|
{% endif %}
|
|
16
56
|
</div>
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
<span class="underline">{{ page.title | escape }}</span>
|
|
22
|
-
</h1>
|
|
23
|
-
<p class="text-secondary">
|
|
24
|
-
<time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
|
|
25
|
-
{% assign date_format = site.theme.date_format | default: "%b %-d, %Y" %}
|
|
26
|
-
{{ page.date | date: date_format }}
|
|
27
|
-
</time><span style="display:inline-block; width: 6px;"></span>
|
|
28
|
-
{% if post %}
|
|
29
|
-
{% assign categories = post.categories %}
|
|
30
|
-
{% else %}
|
|
31
|
-
{% assign categories = page.categories %}
|
|
57
|
+
|
|
58
|
+
<div class="row">
|
|
59
|
+
{% if site.addons.share_post %}
|
|
60
|
+
{% include sharepost.html %}
|
|
32
61
|
{% endif %}
|
|
33
|
-
|
|
34
|
-
{%
|
|
35
|
-
|
|
36
|
-
{% unless forloop.last %} {% endunless %}
|
|
37
|
-
{% endfor %}
|
|
38
|
-
</h5>
|
|
39
|
-
</p>
|
|
40
|
-
</header>
|
|
41
|
-
|
|
42
|
-
<div class="text-justify" id="content">
|
|
43
|
-
{{ content }}
|
|
44
|
-
</div>
|
|
45
|
-
|
|
46
|
-
<div class="row">
|
|
47
|
-
{% if site.addons.share_post %}
|
|
48
|
-
{% include sharepost.html %}
|
|
49
|
-
{% endif %}
|
|
50
|
-
|
|
51
|
-
{% if site.addons.back_to_top %}
|
|
52
|
-
{% include backtotop.html %}
|
|
53
|
-
{% endif %}
|
|
54
|
-
|
|
55
|
-
{% if site.comments.provider%}
|
|
56
|
-
{% if site.comments.provider == "disqus" %}
|
|
57
|
-
{% include comments-providers/disqus.html %}
|
|
62
|
+
|
|
63
|
+
{% if site.addons.back_to_top %}
|
|
64
|
+
{% include backtotop.html %}
|
|
58
65
|
{% endif %}
|
|
59
|
-
{% endif %}
|
|
60
|
-
</div>
|
|
61
66
|
|
|
62
|
-
|
|
67
|
+
{% if site.comments.provider%}
|
|
68
|
+
{% if site.comments.provider == "disqus" %}
|
|
69
|
+
{% include comments-providers/disqus.html %}
|
|
70
|
+
{% endif %}
|
|
71
|
+
{% endif %}
|
|
72
|
+
</div>
|
|
73
|
+
|
|
74
|
+
</article>
|
|
75
|
+
</div>
|
data/_pages/about.md
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
---
|
|
2
2
|
title: About
|
|
3
3
|
author: Victor Silva
|
|
4
|
-
layout: page
|
|
4
|
+
layout: page-wide
|
|
5
5
|
permalink: /about/
|
|
6
6
|
---
|
|
7
7
|
|
|
8
8
|
<div class="row">
|
|
9
9
|
<div class="center">
|
|
10
|
-
<p>Hi, I'm Victor Silva, a software engineer with a passion for
|
|
10
|
+
<p>Hi, I'm Victor Silva, a software engineer with a passion for development and security. I'm currently working at <a href="https://www.mercadolibre.com">Mercado Libre</a> as a Cloud Security Engineer. You can check out my personal blog at <a href="https://blog.victorsilva.com.uy">Victor Silva Blog</a></p>
|
|
11
11
|
</div>
|
|
12
12
|
<div class="center">
|
|
13
|
-
<img class="about-image" src="
|
|
13
|
+
<img class="about-image" src="{{ site.author.avatar }}" alt="{{ site.author.name }}" />
|
|
14
14
|
</div>
|
|
15
15
|
</div>
|
|
@@ -2,14 +2,16 @@
|
|
|
2
2
|
|
|
3
3
|
:root {
|
|
4
4
|
--color-bg: #F5F5F5;
|
|
5
|
-
--color-accent: #
|
|
6
|
-
--color-primary: #
|
|
5
|
+
--color-accent: #17E9E0;
|
|
6
|
+
--color-primary: #A64AC9;
|
|
7
7
|
--color-text: #212529;
|
|
8
8
|
--color-dark: #313638;
|
|
9
9
|
--color-highlight: #25E498;
|
|
10
|
-
--color-code:
|
|
10
|
+
--color-code: #D63384;
|
|
11
|
+
--color-code-bg: #282a36;
|
|
12
|
+
--color-notice: #CFBAE1;
|
|
11
13
|
--font-main: 'Space Grotesk', system-ui, -apple-system, sans-serif;
|
|
12
|
-
--container-width:
|
|
14
|
+
--container-width: 90%;
|
|
13
15
|
--transition-default: all 0.3s ease-in-out;
|
|
14
16
|
}
|
|
15
17
|
|
|
@@ -39,13 +41,41 @@ body {
|
|
|
39
41
|
overflow-y: scroll;
|
|
40
42
|
}
|
|
41
43
|
|
|
42
|
-
.
|
|
44
|
+
.main-wrapper {
|
|
45
|
+
display: flex;
|
|
46
|
+
flex: 1;
|
|
47
|
+
gap: 2rem;
|
|
48
|
+
margin: 0 auto;
|
|
49
|
+
width: var(--container-width);
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
aside {
|
|
53
|
+
flex: 0 0 calc(var(--container-width) - 75%); /* Ancho fijo */
|
|
54
|
+
height: fit-content;
|
|
55
|
+
background-color: var(--color-bg);
|
|
56
|
+
border-right: 1px solid var(--color-primary);
|
|
57
|
+
margin-top: 5rem;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.useful-links {
|
|
61
|
+
padding: 1rem 1rem 0 0;
|
|
62
|
+
span {
|
|
63
|
+
display: flex;
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.container-nav {
|
|
43
68
|
max-width: var(--container-width);
|
|
44
69
|
margin: 0 auto;
|
|
45
70
|
}
|
|
46
71
|
|
|
72
|
+
.container {
|
|
73
|
+
padding-left: 1rem;
|
|
74
|
+
}
|
|
75
|
+
|
|
47
76
|
main {
|
|
48
77
|
padding-bottom: 4rem;
|
|
78
|
+
min-width: 70%;
|
|
49
79
|
}
|
|
50
80
|
|
|
51
81
|
.navbar {
|
|
@@ -55,7 +85,7 @@ main {
|
|
|
55
85
|
position: relative;
|
|
56
86
|
}
|
|
57
87
|
|
|
58
|
-
.navbar .container {
|
|
88
|
+
.navbar .container-nav {
|
|
59
89
|
display: flex;
|
|
60
90
|
align-items: center;
|
|
61
91
|
justify-content: space-between;
|
|
@@ -262,13 +292,32 @@ a#blog-title:focus::before {
|
|
|
262
292
|
}
|
|
263
293
|
|
|
264
294
|
.post {
|
|
265
|
-
padding:
|
|
295
|
+
padding: 0rem 0 6rem;
|
|
296
|
+
width: 100%;
|
|
297
|
+
}
|
|
298
|
+
|
|
299
|
+
#post {
|
|
300
|
+
padding-top: 3rem;
|
|
301
|
+
}
|
|
302
|
+
|
|
303
|
+
.notice {
|
|
304
|
+
background-color: var(--color-notice);
|
|
305
|
+
border-color: var(--color-notice);
|
|
306
|
+
border-radius: .5rem;
|
|
307
|
+
border-top-width: 4px;
|
|
308
|
+
padding: 1rem;
|
|
309
|
+
margin: 1rem 0;
|
|
310
|
+
color: var(--color-text);
|
|
311
|
+
font-weight: 400;
|
|
312
|
+
font-size: 1rem;
|
|
313
|
+
font-style: normal;
|
|
266
314
|
width: 100%;
|
|
267
315
|
}
|
|
268
316
|
|
|
269
317
|
#posts-navigation {
|
|
270
|
-
padding-bottom:
|
|
318
|
+
padding-bottom: .5rem;
|
|
271
319
|
bottom: 0;
|
|
320
|
+
min-height: 4rem;
|
|
272
321
|
}
|
|
273
322
|
|
|
274
323
|
p {
|
|
@@ -277,7 +326,6 @@ p {
|
|
|
277
326
|
|
|
278
327
|
.row {
|
|
279
328
|
display: grid;
|
|
280
|
-
flex-wrap: wrap;
|
|
281
329
|
grid-template-columns: 1fr 1fr;
|
|
282
330
|
font-size: 20px;
|
|
283
331
|
* {
|
|
@@ -319,25 +367,31 @@ code {
|
|
|
319
367
|
}
|
|
320
368
|
|
|
321
369
|
blockquote {
|
|
322
|
-
|
|
323
|
-
border-left: 10px solid #F39237;
|
|
370
|
+
border-top: 1px solid #F39237;
|
|
324
371
|
margin: 1.5em 0;
|
|
325
372
|
padding: 0.5em 1.25em;
|
|
326
|
-
border-
|
|
373
|
+
border-bottom: 1px solid #F39237;
|
|
374
|
+
font-style: italic;
|
|
375
|
+
font-weight: 700;
|
|
376
|
+
font-size: 1.5rem;
|
|
377
|
+
width: 85%;
|
|
378
|
+
margin: 2rem auto;
|
|
379
|
+
height: 80px;
|
|
380
|
+
display: flex;
|
|
381
|
+
align-items: center;
|
|
327
382
|
}
|
|
328
383
|
|
|
329
384
|
blockquote p {
|
|
330
|
-
|
|
385
|
+
margin-bottom: 0;
|
|
331
386
|
}
|
|
332
387
|
|
|
333
388
|
.highlight pre {
|
|
334
|
-
border:
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
margin: 0.3125rem 0;
|
|
338
|
-
position: relative;
|
|
389
|
+
border-radius: 0.25rem;
|
|
390
|
+
padding: 1rem 1rem;
|
|
391
|
+
margin: 0.75rem 0;
|
|
339
392
|
overflow: auto;
|
|
340
393
|
white-space: pre-wrap;
|
|
394
|
+
background-color: var(--color-code-bg) !important;
|
|
341
395
|
}
|
|
342
396
|
|
|
343
397
|
.highlight pre button {
|
|
@@ -351,25 +405,6 @@ blockquote p {
|
|
|
351
405
|
padding: 0.25rem;
|
|
352
406
|
}
|
|
353
407
|
|
|
354
|
-
.back {
|
|
355
|
-
margin-top: 2.8125rem;
|
|
356
|
-
font-size: 1.875rem;
|
|
357
|
-
color: var(--color-primary);
|
|
358
|
-
border-radius: 0.625rem;
|
|
359
|
-
border: 2px solid var(--color-primary);
|
|
360
|
-
padding: 0.0625rem 0.625rem;
|
|
361
|
-
text-decoration: none;
|
|
362
|
-
transition: var(--transition-default);
|
|
363
|
-
}
|
|
364
|
-
|
|
365
|
-
.back:hover,
|
|
366
|
-
.back:focus {
|
|
367
|
-
background-color: var(--color-primary);
|
|
368
|
-
.chevron::before {
|
|
369
|
-
color: var(--color-bg);
|
|
370
|
-
}
|
|
371
|
-
}
|
|
372
|
-
|
|
373
408
|
ul {
|
|
374
409
|
list-style: none;
|
|
375
410
|
}
|
|
@@ -408,21 +443,97 @@ svg {
|
|
|
408
443
|
vertical-align: unset !important
|
|
409
444
|
}
|
|
410
445
|
|
|
446
|
+
.float-abajo {
|
|
447
|
+
display: flex;
|
|
448
|
+
justify-content: flex-end;
|
|
449
|
+
align-items: flex-end;
|
|
450
|
+
}
|
|
451
|
+
|
|
411
452
|
.float-end {
|
|
412
453
|
float: right;
|
|
413
454
|
}
|
|
414
455
|
|
|
415
|
-
.
|
|
456
|
+
.nav-btn {
|
|
457
|
+
display: inline-flex;
|
|
458
|
+
align-items: center;
|
|
459
|
+
justify-content: center;
|
|
460
|
+
border: none;
|
|
461
|
+
cursor: pointer;
|
|
462
|
+
transition: background 0.3s;
|
|
463
|
+
}
|
|
464
|
+
|
|
465
|
+
.nav-btn:hover {
|
|
466
|
+
background: var(--color-notice);
|
|
467
|
+
color: var(--color-text);
|
|
468
|
+
}
|
|
469
|
+
|
|
470
|
+
.prev-btn, .next-btn {
|
|
471
|
+
min-width: 100%;
|
|
472
|
+
min-height: 100%;
|
|
473
|
+
}
|
|
474
|
+
.prev-btn {
|
|
475
|
+
justify-content: flex-start;
|
|
476
|
+
span {
|
|
477
|
+
margin-left: 2.5rem;
|
|
478
|
+
}
|
|
479
|
+
}
|
|
480
|
+
|
|
481
|
+
.prev-btn:hover {
|
|
482
|
+
span {
|
|
483
|
+
transition: var(--transition-default);
|
|
484
|
+
margin-left: 1rem;
|
|
485
|
+
}
|
|
486
|
+
}
|
|
487
|
+
|
|
488
|
+
.next-btn {
|
|
489
|
+
justify-content: flex-end;
|
|
490
|
+
span {
|
|
491
|
+
margin-right: 2.5rem;
|
|
492
|
+
}
|
|
493
|
+
}
|
|
494
|
+
|
|
495
|
+
.next-btn:hover {
|
|
496
|
+
span {
|
|
497
|
+
transition: var(--transition-default);
|
|
498
|
+
margin-right: 1rem;
|
|
499
|
+
}
|
|
500
|
+
}
|
|
501
|
+
|
|
502
|
+
.top-btn {
|
|
503
|
+
width: 44px;
|
|
504
|
+
height: 64px;
|
|
505
|
+
border-radius: 4px;
|
|
506
|
+
}
|
|
507
|
+
|
|
508
|
+
.top-btn:hover {
|
|
509
|
+
span {
|
|
510
|
+
transition: var(--transition-default);
|
|
511
|
+
margin-bottom: 1.5rem;
|
|
512
|
+
}
|
|
513
|
+
}
|
|
514
|
+
|
|
515
|
+
.chevron {
|
|
516
|
+
color: var(--color-primary);
|
|
416
517
|
border-style: solid;
|
|
417
|
-
border-width: 0.
|
|
518
|
+
border-width: 0.25em 0.25em 0 0;
|
|
418
519
|
content: '';
|
|
419
520
|
display: inline-block;
|
|
420
|
-
height: 0.
|
|
421
|
-
|
|
521
|
+
height: 0.8em;
|
|
522
|
+
width: 0.8em;
|
|
523
|
+
}
|
|
524
|
+
|
|
525
|
+
.chevron.right {
|
|
526
|
+
transform: rotate(45deg);
|
|
527
|
+
}
|
|
528
|
+
|
|
529
|
+
.chevron.left {
|
|
530
|
+
transform: rotate(-135deg);
|
|
531
|
+
}
|
|
532
|
+
|
|
533
|
+
.chevron.up {
|
|
422
534
|
transform: rotate(-45deg);
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
color: var(--color-primary);
|
|
535
|
+
position: relative;
|
|
536
|
+
top: 10px;
|
|
426
537
|
}
|
|
427
538
|
|
|
428
539
|
.divider {
|
|
@@ -431,6 +542,62 @@ svg {
|
|
|
431
542
|
margin: 0 auto;
|
|
432
543
|
max-width: var(--container-width);
|
|
433
544
|
opacity: 1;
|
|
545
|
+
border: none;
|
|
546
|
+
}
|
|
547
|
+
|
|
548
|
+
.pagination {
|
|
549
|
+
margin-top: 50px;
|
|
550
|
+
display: flex;
|
|
551
|
+
justify-content: center;
|
|
552
|
+
}
|
|
553
|
+
|
|
554
|
+
.pagination ul {
|
|
555
|
+
display: flex;
|
|
556
|
+
align-items: center;
|
|
557
|
+
list-style: none;
|
|
558
|
+
padding: 0;
|
|
559
|
+
margin: 0;
|
|
560
|
+
gap: 5px;
|
|
561
|
+
}
|
|
562
|
+
|
|
563
|
+
.pagination a {
|
|
564
|
+
display: inline-flex;
|
|
565
|
+
align-items: center;
|
|
566
|
+
justify-content: center;
|
|
567
|
+
min-width: 45px;
|
|
568
|
+
height: 45px;
|
|
569
|
+
padding: 0 10px;
|
|
570
|
+
color: var(--color-primary);
|
|
571
|
+
text-decoration: none;
|
|
572
|
+
border-radius: 25px;
|
|
573
|
+
transition: background 0.3s;
|
|
574
|
+
.chevron.right {
|
|
575
|
+
position: relative;
|
|
576
|
+
left: -2px;
|
|
577
|
+
}
|
|
578
|
+
.chevron.left {
|
|
579
|
+
position: relative;
|
|
580
|
+
left: 2px;
|
|
581
|
+
}
|
|
582
|
+
}
|
|
583
|
+
|
|
584
|
+
.pagination a:hover:not(.disabled) {
|
|
585
|
+
background: var(--color-code);
|
|
586
|
+
color: var(--color-bg);
|
|
587
|
+
.chevron {
|
|
588
|
+
border-color: var(--color-bg);
|
|
589
|
+
}
|
|
590
|
+
}
|
|
591
|
+
|
|
592
|
+
.pagination a.current {
|
|
593
|
+
background: var(--color-primary);
|
|
594
|
+
color: white;
|
|
595
|
+
}
|
|
596
|
+
|
|
597
|
+
.pagination a.disabled {
|
|
598
|
+
opacity: 0.5;
|
|
599
|
+
cursor: none;
|
|
600
|
+
pointer-events:none;
|
|
434
601
|
}
|
|
435
602
|
|
|
436
603
|
.about-image {
|
|
@@ -441,6 +608,14 @@ svg {
|
|
|
441
608
|
object-fit: cover;
|
|
442
609
|
}
|
|
443
610
|
|
|
611
|
+
.about-image-small {
|
|
612
|
+
border-radius: 50%;
|
|
613
|
+
width: 90px;
|
|
614
|
+
height: 90px;
|
|
615
|
+
margin: 1rem 0;
|
|
616
|
+
object-fit: cover;
|
|
617
|
+
}
|
|
618
|
+
|
|
444
619
|
.badge {
|
|
445
620
|
color: var(--color-bg);
|
|
446
621
|
background-color: var(--color-primary);
|
|
@@ -461,7 +636,7 @@ svg {
|
|
|
461
636
|
margin: 2em 0em;
|
|
462
637
|
width: 50%;
|
|
463
638
|
font-size: 16px;
|
|
464
|
-
line-height:
|
|
639
|
+
line-height: 30px;
|
|
465
640
|
padding: 0.2em;
|
|
466
641
|
}
|
|
467
642
|
|
|
@@ -491,6 +666,27 @@ svg {
|
|
|
491
666
|
padding: 0.5rem 0;
|
|
492
667
|
border-bottom: 1px solid #ccc;
|
|
493
668
|
}
|
|
669
|
+
|
|
670
|
+
.main-wrapper {
|
|
671
|
+
display: block;
|
|
672
|
+
}
|
|
673
|
+
|
|
674
|
+
aside {
|
|
675
|
+
display: flex;
|
|
676
|
+
border-right: none;
|
|
677
|
+
margin-top: 1rem;
|
|
678
|
+
.author-info {
|
|
679
|
+
width: 30%;
|
|
680
|
+
}
|
|
681
|
+
.useful-links {
|
|
682
|
+
width: 70%;
|
|
683
|
+
}
|
|
684
|
+
}
|
|
685
|
+
|
|
686
|
+
.about-image-small {
|
|
687
|
+
width: 70px;
|
|
688
|
+
height: 70px;
|
|
689
|
+
}
|
|
494
690
|
|
|
495
691
|
.container {
|
|
496
692
|
padding: 0 1rem;
|
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.
|
|
4
|
+
version: 0.0.23
|
|
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-
|
|
11
|
+
date: 2025-03-01 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -78,17 +78,20 @@ files:
|
|
|
78
78
|
- _includes/analytics/googleAnalytics.html
|
|
79
79
|
- _includes/backtotop.html
|
|
80
80
|
- _includes/comments-providers/disqus.html
|
|
81
|
+
- _includes/comments.html
|
|
81
82
|
- _includes/footer.html
|
|
82
83
|
- _includes/gallery
|
|
83
84
|
- _includes/head.html
|
|
84
85
|
- _includes/header.html
|
|
85
86
|
- _includes/scripts.html
|
|
86
87
|
- _includes/sharepost.html
|
|
88
|
+
- _includes/sidebar.html
|
|
87
89
|
- _includes/video
|
|
88
90
|
- _layouts/allposts.html
|
|
89
91
|
- _layouts/categories.html
|
|
90
92
|
- _layouts/default.html
|
|
91
93
|
- _layouts/home.html
|
|
94
|
+
- _layouts/page-wide.html
|
|
92
95
|
- _layouts/page.html
|
|
93
96
|
- _layouts/post.html
|
|
94
97
|
- _pages/about.md
|