rawfeed 0.1.4 → 0.2.0
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/LICENSE.txt +20 -21
- data/README.md +12 -130
- data/_data/options.yml +270 -0
- data/_data/resume.yml +8 -8
- data/_includes/alert +3 -1
- data/_includes/chart +13 -32
- data/_includes/details +1 -57
- data/_includes/image +12 -4
- data/_includes/layout/blog_search.html +6 -4
- data/_includes/layout/data.liquid +21 -3
- data/_includes/layout/disqus.html +12 -26
- data/_includes/layout/footer.html +33 -17
- data/_includes/layout/giscus.html +27 -19
- data/_includes/layout/head.html +41 -41
- data/_includes/layout/header.html +127 -101
- data/_includes/layout/maintenance.html +6 -10
- data/_includes/layout/paginator.html +6 -4
- data/_includes/socials +7 -5
- data/_includes/tabs +1 -94
- data/_includes/toc +11 -194
- data/_includes/video +4 -1
- data/_layouts/blog.html +8 -7
- data/_layouts/contact.html +90 -196
- data/_layouts/default.html +42 -341
- data/_layouts/error.html +6 -4
- data/_layouts/home.html +45 -36
- data/_layouts/licenses.html +10 -0
- data/_layouts/page.html +4 -4
- data/_layouts/pixel.html +48 -0
- data/_layouts/pixels.html +71 -1
- data/_layouts/post.html +28 -29
- data/_layouts/resume.html +41 -34
- data/_layouts/tag.html +14 -3
- data/_layouts/tag_posts.html +3 -3
- data/_sass/base/_index.scss +39 -3
- data/_sass/components/_badges.scss +10 -0
- data/_sass/components/_markdown.scss +8 -5
- data/_sass/includes/_footer.scss +5 -2
- data/_sass/includes/_header.scss +23 -19
- data/_sass/includes/_highlight.scss +20 -7
- data/_sass/includes/_maintenance.scss +2 -3
- data/_sass/includes/_terminal.scss +35 -12
- data/_sass/layouts/_blog.scss +13 -9
- data/_sass/layouts/_contact.scss +6 -5
- data/_sass/layouts/_default.scss +5 -5
- data/_sass/layouts/_index.scss +3 -0
- data/_sass/layouts/_licenses.scss +7 -0
- data/_sass/layouts/_page.scss +1 -0
- data/_sass/layouts/_pixel.scss +61 -0
- data/_sass/layouts/_pixels.scss +86 -0
- data/_sass/layouts/_post.scss +4 -11
- data/_sass/layouts/_resume.scss +16 -3
- data/_sass/layouts/_tag-posts.scss +1 -2
- data/_sass/layouts/_tag.scss +12 -1
- data/_sass/main.scss +16 -1
- data/_sass/theme/_dark.scss +8 -1
- data/_sass/theme/_light.scss +8 -1
- data/assets/images/blog/.keep +0 -0
- data/assets/images/pixels/luffy.jpg +0 -0
- data/assets/js/blog.coffee +102 -0
- data/assets/js/contact.coffee +105 -0
- data/assets/js/default.coffee +172 -0
- data/assets/js/discus.coffee +30 -0
- data/assets/js/fallback/README.md +3 -0
- data/assets/js/fallback/blog.js +113 -0
- data/assets/js/fallback/contact.js +116 -0
- data/assets/js/{default.js → fallback/default.js} +50 -0
- data/assets/js/fallback/discus.js +32 -0
- data/{_includes/layout/google_analytics.html → assets/js/fallback/google_analytics.js} +7 -3
- data/assets/js/fallback/home.js +275 -0
- data/assets/js/fallback/no_inframe.js +4 -0
- data/assets/js/fallback/page.js +423 -0
- data/assets/js/fallback/pixels.js +1 -0
- data/assets/js/fallback/resume.js +13 -0
- data/assets/js/fallback/tags.js +1 -0
- data/{_includes/layout/capture_scripts.liquid → assets/js/fallback/theme_load.js} +0 -2
- data/assets/js/google_analytics.coffee +24 -0
- data/assets/js/home.coffee +250 -0
- data/assets/js/no_inframe.coffee +9 -0
- data/assets/js/page.coffee +379 -0
- data/assets/js/pixels.coffee +2 -0
- data/assets/js/resume.coffee +9 -0
- data/assets/js/tags.coffee +2 -0
- data/assets/js/theme_load.coffee +6 -0
- data/assets/json/blog_search.json +2 -2
- data/lib/rawfeed/author.rb +59 -0
- data/lib/rawfeed/csp_filters.rb +3 -0
- data/lib/rawfeed/draft.rb +1 -1
- data/lib/rawfeed/layout.rb +7 -0
- data/lib/rawfeed/page.rb +2 -2
- data/lib/rawfeed/pixel.rb +32 -0
- data/lib/rawfeed/post.rb +2 -2
- data/lib/rawfeed/resume.rb +1 -0
- data/lib/rawfeed/typescript_liquid.rb +172 -0
- data/lib/rawfeed/utils.rb +1 -0
- data/lib/rawfeed/version.rb +1 -1
- data/lib/rawfeed/with_class.rb +20 -0
- data/lib/rawfeed.rb +5 -1
- metadata +44 -12
- data/assets/js/avatar.js +0 -59
- data/assets/js/terminal.js +0 -18
data/_layouts/pixels.html
CHANGED
|
@@ -1 +1,71 @@
|
|
|
1
|
-
|
|
1
|
+
{%- include layout/data.liquid -%}
|
|
2
|
+
|
|
3
|
+
{%- if maintenance_.enable != true -%}
|
|
4
|
+
|
|
5
|
+
{%- for _ in site.pixels -%}
|
|
6
|
+
{%- capture count_pixels -%} {{ count_pixels | plus: 1 }} {%- endcapture -%}
|
|
7
|
+
{%- endfor -%}
|
|
8
|
+
|
|
9
|
+
<!DOCTYPE html>
|
|
10
|
+
<html id="top" lang="{{ default_.lang | default: 'en-US' }}" data-theme="light">
|
|
11
|
+
|
|
12
|
+
<!-- head -->
|
|
13
|
+
{%- include layout/head.html -%}
|
|
14
|
+
<!-- head -->
|
|
15
|
+
<body style="font-family: {{ default_.font.style }} !important; font-size: {{ default_.font.size }} !important; letter-spacing: {{ default_.font.spacing }} !important;">
|
|
16
|
+
|
|
17
|
+
<div class="container-fluid">
|
|
18
|
+
{%- include layout/header.html -%}
|
|
19
|
+
|
|
20
|
+
<div class="default" style="max-width: {{ pixels_.layout.width | default: "860" }}px !important;">
|
|
21
|
+
<main class="pixels{% if default_.background_focus %} background_focus{% endif %}{% if default_.rounding %} rounding{% endif %}">
|
|
22
|
+
<div class="row">
|
|
23
|
+
{%- if page.description -%}
|
|
24
|
+
<div class="pixels-description"><span>» </span>{{ page.description | markdownify }}</div>
|
|
25
|
+
{%- endif -%}
|
|
26
|
+
</div>
|
|
27
|
+
|
|
28
|
+
<div class="row d-flex justify-content-center">
|
|
29
|
+
{%- if pixels_.title -%}
|
|
30
|
+
<h1 class="pixels-title">[ {{ pixels_.title | default: "pixels" }}: {{ count_pixels }} ]</h1>
|
|
31
|
+
{%- endif -%}
|
|
32
|
+
</div>
|
|
33
|
+
|
|
34
|
+
<div class="pixels-grid">
|
|
35
|
+
{%- for item in site.pixels -%}
|
|
36
|
+
{%- if item.image.path -%}
|
|
37
|
+
<a href="{{ item.url | relative_url }}">
|
|
38
|
+
<div class="pixels-item{% if default_.rounding %} rounding{% endif %}">
|
|
39
|
+
<div class="pixels-overlay-card">
|
|
40
|
+
<img src="{{ item.image.path }}" alt="{{ item.title }}">
|
|
41
|
+
<div class="overlay">
|
|
42
|
+
<div class="text-center overlay-content">
|
|
43
|
+
<small class="date">{% datelang item.date format:datelang_.format %}</small>
|
|
44
|
+
<p class="mb-0 desc">{{ item.content | strip_html | truncate: 50 }}</p>
|
|
45
|
+
</div>
|
|
46
|
+
</div>
|
|
47
|
+
</div>
|
|
48
|
+
</div>
|
|
49
|
+
</a>
|
|
50
|
+
{%- endif -%}
|
|
51
|
+
{%- endfor -%}
|
|
52
|
+
</div>
|
|
53
|
+
|
|
54
|
+
</main>
|
|
55
|
+
</div>
|
|
56
|
+
</div>
|
|
57
|
+
|
|
58
|
+
{%- include layout/footer.html -%}
|
|
59
|
+
|
|
60
|
+
</body>
|
|
61
|
+
|
|
62
|
+
<!-- Scripts -->
|
|
63
|
+
<script src="{{ '/assets/vendor/bootstrap/js/bootstrap.bundle.min.js' | relative_url }}"></script>
|
|
64
|
+
<script src="{{ '/assets/js/default.js' | relative_url }}"></script>
|
|
65
|
+
<!-- Scripts -->
|
|
66
|
+
|
|
67
|
+
</html>
|
|
68
|
+
|
|
69
|
+
{%- else -%}
|
|
70
|
+
{%- include layout/maintenance.html -%}
|
|
71
|
+
{%- endif -%}
|
data/_layouts/post.html
CHANGED
|
@@ -4,7 +4,9 @@ layout: default
|
|
|
4
4
|
|
|
5
5
|
{%- include layout/data.liquid -%}
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
{%- assign menu_separator = default_.separator -%}
|
|
8
|
+
|
|
9
|
+
<article id="post" class="post{% if default_.background_focus %} background_focus{% endif %} {% if default_.rounding %} rounding{% endif %}" itemscope itemtype="http://schema.org/BlogPosting">
|
|
8
10
|
<div class="row">
|
|
9
11
|
|
|
10
12
|
<header class="post-header">
|
|
@@ -13,8 +15,8 @@ layout: default
|
|
|
13
15
|
<div class="row post-meta">
|
|
14
16
|
<div class="col-sm d-flex justify-content-start">
|
|
15
17
|
<time class="dt-published" datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
|
|
16
|
-
{%- if
|
|
17
|
-
{% datelang page.date format:
|
|
18
|
+
{%- if datelang_ -%}
|
|
19
|
+
{% datelang page.date format:datelang_.format %}
|
|
18
20
|
{%- else -%}
|
|
19
21
|
{{ page.date | date: "%b %-d, %Y" }}
|
|
20
22
|
{%- endif -%}
|
|
@@ -24,12 +26,12 @@ layout: default
|
|
|
24
26
|
{%- if page.author -%}
|
|
25
27
|
<span itemprop="author" itemscope itemtype="http://schema.org/Person">
|
|
26
28
|
<span class="p-author h-card" itemprop="name">
|
|
27
|
-
{{
|
|
29
|
+
{{ blog_.post.author | default: "author" }}: {{ page.author }}
|
|
28
30
|
</span>
|
|
29
31
|
</span>
|
|
30
32
|
{%- endif -%}
|
|
31
33
|
</div>
|
|
32
|
-
{%- if
|
|
34
|
+
{%- if reading_time_.enable -%}
|
|
33
35
|
<div class="post-reading_time">
|
|
34
36
|
[ {{ page.content | reading_time }} ]
|
|
35
37
|
</div>
|
|
@@ -43,45 +45,42 @@ layout: default
|
|
|
43
45
|
</div>
|
|
44
46
|
|
|
45
47
|
{%- if page.update_date -%}
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
48
|
+
<div class="row post-modified">
|
|
49
|
+
<time class="dt-modified" datetime="{{ page.date | date_to_xmlschema }}" itemprop="dateModified">
|
|
50
|
+
<strong>{{ blog_.post.updated_on | default: "Post updated on" }}:</strong>
|
|
51
|
+
{%- if datelang_ -%}
|
|
52
|
+
{% datelang page.update_date format:datelang_.format %}
|
|
53
|
+
{%- else -%}
|
|
54
|
+
{{ page.date | date: "%b %-d, %Y" }}
|
|
55
|
+
{%- endif -%}
|
|
56
|
+
</time>
|
|
57
|
+
</div>
|
|
56
58
|
{%- endif -%}
|
|
57
59
|
|
|
58
60
|
<div class="row post-tags">
|
|
59
61
|
<ul class="tag-list">
|
|
60
62
|
{%- assign tags = page.tags | sort -%}
|
|
61
|
-
<strong>[ tags ]:</strong
|
|
63
|
+
<strong>[{{ "tags" | with_class: "spacer" }}]:</strong>
|
|
62
64
|
{%- for tag in tags -%}
|
|
63
65
|
<li class="tag-list__item">
|
|
64
66
|
<a class="tag-list__link" href="{{ '/blog/tags/' | append: tag | relative_url }}">
|
|
65
67
|
{{ tag }}
|
|
66
68
|
</a>
|
|
67
|
-
</li><strong
|
|
69
|
+
</li><strong class="separator">{{menu_separator}}</strong>
|
|
68
70
|
{%- endfor -%}
|
|
69
71
|
</ul>
|
|
70
72
|
</div>
|
|
71
73
|
|
|
72
74
|
</div>
|
|
73
75
|
|
|
74
|
-
<div class="post-end text-center"
|
|
76
|
+
<div class="post-end text-center">//// end of post ////</div>
|
|
75
77
|
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
{%-
|
|
79
|
-
|
|
80
|
-
{%- if page.comments != false and site.blog.post.comments.provider == 'disqus' and jekyll.environment == 'production' -%}
|
|
81
|
-
{%- include layout/disqus.html -%}
|
|
82
|
-
{%- endif -%}
|
|
78
|
+
<!-- Comments -->
|
|
79
|
+
{%- include layout/disqus.html -%}
|
|
80
|
+
{%- include layout/giscus.html -%}
|
|
81
|
+
<!-- Comments -->
|
|
83
82
|
|
|
84
|
-
{%- if
|
|
83
|
+
{%- if blog_.post.related_posts.enable -%}
|
|
85
84
|
{%- assign related_posts_found = "" | split: "," -%}
|
|
86
85
|
|
|
87
86
|
{%- for tag in page.tags -%}
|
|
@@ -94,13 +93,13 @@ layout: default
|
|
|
94
93
|
|
|
95
94
|
{%- if related_posts.size > 0 -%}
|
|
96
95
|
<div class="row related-posts">
|
|
97
|
-
<h3 class="related-posts-title">[ {{
|
|
96
|
+
<h3 class="related-posts-title">[ {{ blog_.post.related_posts.title | default: "related posts" }} ]</h3>
|
|
98
97
|
|
|
99
98
|
<ul class="related-posts-list">
|
|
100
99
|
{%- for post in related_posts limit:5 -%}
|
|
101
100
|
<li class="related-posts-list__item">
|
|
102
|
-
{%- if
|
|
103
|
-
<span class="related-posts-list__meta">{% datelang post.date format:
|
|
101
|
+
{%- if datelang_ -%}
|
|
102
|
+
<span class="related-posts-list__meta">{% datelang post.date format:datelang_.format %}</span> »
|
|
104
103
|
{%- else -%}
|
|
105
104
|
<span class="related-posts-list__meta">{{ post.date | date: "%b %-d, %Y" }}</span> »
|
|
106
105
|
{%- endif -%}
|
data/_layouts/resume.html
CHANGED
|
@@ -1,39 +1,48 @@
|
|
|
1
|
+
{%- include layout/data.liquid -%}
|
|
2
|
+
|
|
1
3
|
{%- assign resume = site.data.resume -%}
|
|
2
4
|
|
|
3
|
-
{%- if
|
|
4
|
-
{%- include layout/maintenance.html -%}
|
|
5
|
-
{%- else -%}
|
|
5
|
+
{%- if maintenance_.enable != true -%}
|
|
6
6
|
<!DOCTYPE html>
|
|
7
|
-
<html id="top" lang="{{
|
|
7
|
+
<html id="top" lang="{{ default_.lang | default: 'en-US' }}" data-theme="light">
|
|
8
|
+
<!-- head -->
|
|
8
9
|
{%- include layout/head.html -%}
|
|
10
|
+
<!-- head -->
|
|
9
11
|
<body>
|
|
10
|
-
|
|
11
|
-
{%- include layout/header.html -%}
|
|
12
|
-
</div>
|
|
13
|
-
{%- if resume.full_name == "John A. Doe" -%}
|
|
12
|
+
|
|
14
13
|
<div class="container-fluid">
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
14
|
+
<!-- header -->
|
|
15
|
+
{%- include layout/header.html -%}
|
|
16
|
+
<!-- header -->
|
|
17
|
+
|
|
18
|
+
{%- if resume.full_name == "John A. Doe" -%}
|
|
19
|
+
<div class="row">
|
|
20
|
+
<p style="text-align: center;
|
|
21
|
+
background-color: yellow;
|
|
22
|
+
color: black;
|
|
23
|
+
padding: 10px;
|
|
24
|
+
max-width: 860px;
|
|
25
|
+
margin: 0 auto;
|
|
26
|
+
margin-bottom: 20px">
|
|
27
|
+
WARNING: This is sample data. Edit the <strong>_data/resume.yml</strong> file with your information.
|
|
28
|
+
</p>
|
|
29
|
+
</div>
|
|
30
|
+
{%- endif -%}
|
|
31
|
+
|
|
32
|
+
<main class="resume{% if default_.background_focus %} background_focus{% endif %} {% if default_.rounding %} rounding{% endif %}" style="max-width: {{ default_.width | default: '860' }}px !important;">
|
|
33
|
+
|
|
34
|
+
<!-- button print -->
|
|
29
35
|
{%- if resume.buttons.print.enable -%}
|
|
30
|
-
<div class="
|
|
36
|
+
<div class="resume-header">
|
|
31
37
|
<div class="row d-flex justify-content-end">
|
|
32
38
|
<button id="btn-print" class="resume-header__btn-print">{{ resume.buttons.print.text }}</button>
|
|
33
39
|
</div>
|
|
34
40
|
</div>
|
|
35
41
|
{%- endif -%}
|
|
36
|
-
|
|
42
|
+
<!-- button print -->
|
|
43
|
+
|
|
44
|
+
<!-- resume content -->
|
|
45
|
+
<div id="print-this" class="resume-content">
|
|
37
46
|
<div class="row resume-content__name-wrap">
|
|
38
47
|
<div class="col-sm"><h1 class="resume-content__name">{{ resume.full_name }}</h1></div>
|
|
39
48
|
</div>
|
|
@@ -259,24 +268,22 @@
|
|
|
259
268
|
</div>
|
|
260
269
|
</div>
|
|
261
270
|
</div>
|
|
271
|
+
<!-- resume content -->
|
|
262
272
|
</main>
|
|
273
|
+
</div>
|
|
274
|
+
|
|
263
275
|
{%- include layout/footer.html -%}
|
|
264
276
|
</body>
|
|
265
277
|
|
|
266
278
|
<!-- Scripts -->
|
|
267
279
|
<script src="{{ '/assets/vendor/bootstrap/js/bootstrap.bundle.min.js' | relative_url }}"></script>
|
|
268
|
-
|
|
269
280
|
<script src="{{ '/assets/js/default.js' | relative_url }}"></script>
|
|
281
|
+
<script src="{{ '/assets/js/resume.js' | relative_url }}"></script>
|
|
282
|
+
<!-- Scripts -->
|
|
270
283
|
|
|
271
|
-
|
|
272
|
-
<script src="{{ '/assets/js/avatar.js' | relative_url }}"></script>
|
|
273
|
-
{%- endif -%}
|
|
284
|
+
</html>
|
|
274
285
|
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
window.print();
|
|
278
|
-
});
|
|
279
|
-
</script>
|
|
280
|
-
</html>
|
|
286
|
+
{%- else -%}
|
|
287
|
+
{%- include layout/maintenance.html -%}
|
|
281
288
|
{%- endif -%}
|
|
282
289
|
|
data/_layouts/tag.html
CHANGED
|
@@ -2,7 +2,17 @@
|
|
|
2
2
|
layout: default
|
|
3
3
|
---
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
{%- include layout/data.liquid -%}
|
|
6
|
+
|
|
7
|
+
{%- assign menu_separator = default_.separator -%}
|
|
8
|
+
|
|
9
|
+
<div class="container tag{% if default_.background_focus %} background_focus{% endif %} {% if default_.rounding %} rounding{% endif %}">
|
|
10
|
+
{%- if page.description -%}
|
|
11
|
+
<div class="row">
|
|
12
|
+
<div class="tag-description"><span>» </span>{{ page.description }}</div>
|
|
13
|
+
</div>
|
|
14
|
+
{%- endif -%}
|
|
15
|
+
|
|
6
16
|
<div class="row">
|
|
7
17
|
<h1 class="tag-title">[ tags ]</h1>
|
|
8
18
|
|
|
@@ -12,9 +22,10 @@ layout: default
|
|
|
12
22
|
{%- assign tag_name = tag[0] -%}
|
|
13
23
|
<li class="tag-list__item">
|
|
14
24
|
<a class="tag-list__link" href="{{ '/blog/tags/' | append: tag_name | relative_url }}">
|
|
15
|
-
{{ tag_name }} [{{ tag[1].size }}]
|
|
25
|
+
{% comment %} {{ tag_name }} [{{ tag[1].size }}] {% endcomment %}
|
|
26
|
+
{{ tag_name }}
|
|
16
27
|
</a>
|
|
17
|
-
</li><strong
|
|
28
|
+
</li><strong class="separator">{{menu_separator}}</strong>
|
|
18
29
|
{%- endfor -%}
|
|
19
30
|
</ul>
|
|
20
31
|
|
data/_layouts/tag_posts.html
CHANGED
|
@@ -4,14 +4,14 @@ layout: default
|
|
|
4
4
|
|
|
5
5
|
{%- include layout/data.liquid -%}
|
|
6
6
|
|
|
7
|
-
<div class="container tag-posts">
|
|
7
|
+
<div class="container tag-posts{% if default_.background_focus %} background_focus{% endif %} {% if default_.rounding %} rounding{% endif %}">
|
|
8
8
|
<div class="row">
|
|
9
|
-
<h1 class="tag-posts-title"><span>[ {{
|
|
9
|
+
<h1 class="tag-posts-title"><span>[ {{ blog_.post.tags_posts.title }}: </span>{{ page.title }}<span> ]</span></h1>
|
|
10
10
|
|
|
11
11
|
<ul class="row tag-posts-list">
|
|
12
12
|
{%- for post in page.posts -%}
|
|
13
13
|
<li class="tag-posts-list__item">
|
|
14
|
-
<span class="tag-posts-list__meta">{% datelang post.date format:
|
|
14
|
+
<span class="tag-posts-list__meta">{% datelang post.date format:datelang_.format %}</span> »
|
|
15
15
|
<a class="tag-posts-list__link" href="{{ post.url | relative_url }}">{{ post.title }}</a>
|
|
16
16
|
{%- if post.draft -%}
|
|
17
17
|
<span class="draft-badge">[ this is a draft ]</span>
|
data/_sass/base/_index.scss
CHANGED
|
@@ -6,10 +6,9 @@ body {
|
|
|
6
6
|
background-color: var(--bg-color);
|
|
7
7
|
color: var(--text-color);
|
|
8
8
|
|
|
9
|
-
|
|
9
|
+
// impede selecionar texto no site
|
|
10
10
|
user-select: none;
|
|
11
11
|
|
|
12
|
-
/* impede selecionar texto no site */
|
|
13
12
|
code,
|
|
14
13
|
pre,
|
|
15
14
|
.highlight,
|
|
@@ -24,7 +23,7 @@ body {
|
|
|
24
23
|
|
|
25
24
|
a {
|
|
26
25
|
color: var(--primary-color);
|
|
27
|
-
font-weight:
|
|
26
|
+
font-weight: normal !important;
|
|
28
27
|
|
|
29
28
|
&:hover {
|
|
30
29
|
color: var(--text-color);
|
|
@@ -61,3 +60,40 @@ body[data-layout="mobile"] .home-simple {
|
|
|
61
60
|
.disabled {
|
|
62
61
|
display: none !important;
|
|
63
62
|
}
|
|
63
|
+
|
|
64
|
+
.background_focus {
|
|
65
|
+
@media (min-width: 600px) {
|
|
66
|
+
background-color: var(--background-focus-color) !important;
|
|
67
|
+
border: 2px dotted var(--background-focus-border-color) !important;
|
|
68
|
+
padding: 15px !important;
|
|
69
|
+
// box-shadow: var(--background-focus-box-shadow) !important;
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.rounding {
|
|
74
|
+
@media (min-width: 600px) {
|
|
75
|
+
border-radius: 10px !important;
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.rounding-plugins {
|
|
80
|
+
@media (min-width: 600px) {
|
|
81
|
+
border-radius: 8px !important;
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
.spacer {
|
|
86
|
+
padding: 0 .3em;
|
|
87
|
+
opacity: .75;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
.separator {
|
|
91
|
+
margin-right: 4px;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
a[target="_blank"]::after {
|
|
95
|
+
content: "🢅";
|
|
96
|
+
font-size: .9em;
|
|
97
|
+
margin-left: 0.25em;
|
|
98
|
+
vertical-align: middle;
|
|
99
|
+
}
|
|
@@ -22,3 +22,13 @@
|
|
|
22
22
|
border-right: 6px solid #000000;
|
|
23
23
|
}
|
|
24
24
|
}
|
|
25
|
+
|
|
26
|
+
%tags-badge {
|
|
27
|
+
padding: 0px 1px;
|
|
28
|
+
background-color: var(--tags-bg-color);
|
|
29
|
+
border-radius: .1em;
|
|
30
|
+
border: 1px solid var(--tags-border-color);
|
|
31
|
+
min-width: 100px;
|
|
32
|
+
display: block;
|
|
33
|
+
text-align: center;
|
|
34
|
+
}
|
|
@@ -299,7 +299,7 @@
|
|
|
299
299
|
background: var(--sumary-bg-color);
|
|
300
300
|
color: var(--text-color);
|
|
301
301
|
border: 1px solid var(--border-color);
|
|
302
|
-
box-shadow: 0 2px 8px var(--shadow-color);
|
|
302
|
+
// box-shadow: 0 2px 8px var(--shadow-color);
|
|
303
303
|
margin-bottom: 80px;
|
|
304
304
|
|
|
305
305
|
&-fixed {
|
|
@@ -310,8 +310,8 @@
|
|
|
310
310
|
display: flex;
|
|
311
311
|
flex-direction: column;
|
|
312
312
|
z-index: 9999;
|
|
313
|
-
min-width:
|
|
314
|
-
max-width:
|
|
313
|
+
min-width: 480px !important;
|
|
314
|
+
max-width: 480px !important;
|
|
315
315
|
width: auto !important;
|
|
316
316
|
margin: 0 auto;
|
|
317
317
|
max-height: 100vh;
|
|
@@ -321,6 +321,10 @@
|
|
|
321
321
|
display: flex;
|
|
322
322
|
align-items: center;
|
|
323
323
|
justify-content: space-between;
|
|
324
|
+
|
|
325
|
+
button {
|
|
326
|
+
margin-left: 40px;
|
|
327
|
+
}
|
|
324
328
|
}
|
|
325
329
|
|
|
326
330
|
h2 {
|
|
@@ -399,8 +403,7 @@
|
|
|
399
403
|
height: 0;
|
|
400
404
|
overflow: hidden;
|
|
401
405
|
margin: 1rem 0;
|
|
402
|
-
border:
|
|
403
|
-
border-radius: 0.1rem;
|
|
406
|
+
border: 1px solid var(--video-border-color);
|
|
404
407
|
}
|
|
405
408
|
|
|
406
409
|
.video-wrapper iframe {
|
data/_sass/includes/_footer.scss
CHANGED
data/_sass/includes/_header.scss
CHANGED
|
@@ -40,11 +40,31 @@
|
|
|
40
40
|
}
|
|
41
41
|
|
|
42
42
|
.header {
|
|
43
|
-
margin:
|
|
43
|
+
margin: 0 auto;
|
|
44
|
+
margin-top: 20px;
|
|
45
|
+
margin-bottom: 20px;
|
|
44
46
|
transition: margin 0.3s ease;
|
|
45
47
|
|
|
46
|
-
.menu
|
|
47
|
-
margin-top:
|
|
48
|
+
.menu {
|
|
49
|
+
margin-top: 8px;
|
|
50
|
+
|
|
51
|
+
@media (max-width: 760px) {
|
|
52
|
+
line-height: 1.7rem;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
&-wrap-link {
|
|
56
|
+
display: inline-block !important;
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
&__column-home {
|
|
61
|
+
@media (max-width: 760px) {
|
|
62
|
+
margin-bottom: 26px;
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
.line-separator {
|
|
67
|
+
margin-top: 8px;
|
|
48
68
|
border-bottom: 2px dotted var(--text-color);
|
|
49
69
|
width: 100% !important;
|
|
50
70
|
}
|
|
@@ -63,20 +83,6 @@
|
|
|
63
83
|
}
|
|
64
84
|
}
|
|
65
85
|
|
|
66
|
-
.blog-menu {
|
|
67
|
-
button {
|
|
68
|
-
@extend %button;
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
&__link {
|
|
72
|
-
margin: 0 !important;
|
|
73
|
-
}
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
.column-bottom {
|
|
77
|
-
margin-top: 5px;
|
|
78
|
-
}
|
|
79
|
-
|
|
80
86
|
.title {
|
|
81
87
|
text-align: center;
|
|
82
88
|
font-weight: bold !important;
|
|
@@ -109,7 +115,6 @@
|
|
|
109
115
|
&-img {
|
|
110
116
|
width: 70px !important;
|
|
111
117
|
border: 2px dotted var(--primary-color);
|
|
112
|
-
border-radius: 10%;
|
|
113
118
|
margin-bottom: 5px;
|
|
114
119
|
cursor: pointer !important;
|
|
115
120
|
|
|
@@ -217,7 +222,6 @@
|
|
|
217
222
|
.modal-avatar {
|
|
218
223
|
max-width: 90vw;
|
|
219
224
|
max-height: 80vh;
|
|
220
|
-
border-radius: 12px;
|
|
221
225
|
animation: appear 0.6s ease forwards;
|
|
222
226
|
transform: rotateY(180deg) scale(0.6);
|
|
223
227
|
opacity: 0;
|
|
@@ -5,7 +5,8 @@
|
|
|
5
5
|
box-shadow: 0 2px 8px var(--shadow-color);
|
|
6
6
|
border-radius: 3px;
|
|
7
7
|
overflow: hidden;
|
|
8
|
-
|
|
8
|
+
|
|
9
|
+
.highlight {
|
|
9
10
|
margin: 0;
|
|
10
11
|
border-top-left-radius: 0;
|
|
11
12
|
border-top-right-radius: 0;
|
|
@@ -13,12 +14,13 @@
|
|
|
13
14
|
border-bottom-right-radius: 5px;
|
|
14
15
|
}
|
|
15
16
|
}
|
|
17
|
+
|
|
16
18
|
&-header {
|
|
17
19
|
display: flex;
|
|
18
20
|
justify-content: flex-end;
|
|
19
21
|
align-items: center;
|
|
20
22
|
background-color: var(--code-block-header-color);
|
|
21
|
-
padding:
|
|
23
|
+
padding: .1em .8em;
|
|
22
24
|
|
|
23
25
|
.copy-btn {
|
|
24
26
|
background-color: transparent;
|
|
@@ -29,9 +31,12 @@
|
|
|
29
31
|
font-size: 1.1em;
|
|
30
32
|
transition: color 0.2s ease;
|
|
31
33
|
}
|
|
32
|
-
|
|
34
|
+
|
|
35
|
+
.fa-clipboard,
|
|
36
|
+
.fa-check {
|
|
33
37
|
color: var(--text-color);
|
|
34
38
|
opacity: .7;
|
|
39
|
+
|
|
35
40
|
&:hover {
|
|
36
41
|
opacity: 0.5;
|
|
37
42
|
}
|
|
@@ -42,6 +47,7 @@
|
|
|
42
47
|
.highlight {
|
|
43
48
|
padding: 5px;
|
|
44
49
|
padding-bottom: 0.25rem;
|
|
50
|
+
|
|
45
51
|
pre {
|
|
46
52
|
border-radius: 3px;
|
|
47
53
|
overflow-x: auto;
|
|
@@ -56,17 +62,22 @@
|
|
|
56
62
|
|
|
57
63
|
/* estilizar o scrollbar (em navegadores que suportam) */
|
|
58
64
|
&::-webkit-scrollbar {
|
|
59
|
-
height: 10px;
|
|
65
|
+
height: 10px;
|
|
66
|
+
/* altura do scroll horizontal */
|
|
60
67
|
}
|
|
68
|
+
|
|
61
69
|
&::-webkit-scrollbar-thumb {
|
|
62
70
|
background: var(--scrollbar-color);
|
|
63
71
|
border-radius: 6px;
|
|
64
72
|
}
|
|
73
|
+
|
|
65
74
|
&::-webkit-scrollbar-track {
|
|
66
75
|
background: transparent;
|
|
67
76
|
}
|
|
68
77
|
}
|
|
69
|
-
|
|
78
|
+
|
|
79
|
+
td.code,
|
|
80
|
+
.code {
|
|
70
81
|
display: block;
|
|
71
82
|
overflow-x: auto;
|
|
72
83
|
-webkit-overflow-scrolling: touch;
|
|
@@ -81,7 +92,9 @@
|
|
|
81
92
|
.highlight pre::after {
|
|
82
93
|
content: "";
|
|
83
94
|
display: block;
|
|
84
|
-
height: 12px;
|
|
85
|
-
|
|
95
|
+
height: 12px;
|
|
96
|
+
/* altura reservada (aprox. altura do scrollbar) */
|
|
97
|
+
visibility: hidden;
|
|
98
|
+
/* não aparece, apenas cria espaço */
|
|
86
99
|
pointer-events: none;
|
|
87
100
|
}
|