jekyll-waterfall 0.7.0 → 0.10.2
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/_config.yml +31 -9
- data/_includes/analytics_body.html +7 -0
- data/_includes/analytics_head.html +12 -0
- data/_includes/experience.html +7 -1
- data/_includes/header.html +9 -9
- data/_includes/last_posts.html +20 -4
- data/_includes/nav.html +16 -2
- data/_includes/projects.html +25 -14
- data/_includes/social.html +2 -2
- data/_includes/svg/moon.svg +1 -0
- data/_includes/svg/sun.svg +1 -0
- data/_includes/toolbox.html +17 -0
- data/_layouts/collection.html +22 -0
- data/_layouts/default.html +6 -2
- data/_layouts/project.html +12 -0
- data/assets/scripts.bundle.js +1 -1
- data/assets/styles.css +165 -20
- metadata +9 -3
- data/_includes/analytics.html +0 -11
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 54a5f76cbde247d46267f1fe72bfdf85fd775d7fdaf4f01c42da3b8a24bbbdec
|
|
4
|
+
data.tar.gz: 7cf240ada140db925c4d7eb77618ff6ae65bd97e9f68cc8845b3867089684ae7
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: cb7984b87276f64dc9f4266e92d4a66197f78e51057d89aa9dc978909373df5e6b0813cca5e3c0434b1b771f0edf48a3be5fbd88a6a6ccea198e9510018e7612
|
|
7
|
+
data.tar.gz: 5e30d78e8ce2777fd28b6485c3d24f99102fdaa2755d9ee62346b89602bad5c1c32823f93c1c68c607ac4d1f21d56a74f40d680e2711842f380892e3a4da7a28
|
data/_config.yml
CHANGED
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
title: Waterfall Theme
|
|
2
2
|
|
|
3
|
+
lang: &LANG "pt"
|
|
4
|
+
|
|
3
5
|
exclude: ['front']
|
|
4
6
|
|
|
5
7
|
collections:
|
|
6
8
|
experiences:
|
|
7
9
|
output: false
|
|
8
10
|
projects:
|
|
9
|
-
output:
|
|
11
|
+
output: true
|
|
10
12
|
|
|
11
13
|
defaults:
|
|
12
14
|
- scope:
|
|
@@ -16,19 +18,33 @@ defaults:
|
|
|
16
18
|
layout: "post"
|
|
17
19
|
- scope:
|
|
18
20
|
path: ""
|
|
21
|
+
type: "projects"
|
|
19
22
|
values:
|
|
23
|
+
layout: "project"
|
|
24
|
+
- scope:
|
|
25
|
+
path: ""
|
|
26
|
+
values:
|
|
27
|
+
lang: *LANG
|
|
20
28
|
layout: "default"
|
|
21
29
|
|
|
22
30
|
# Uncomment the section below to add items on your top navigation
|
|
23
31
|
# header_items:
|
|
24
|
-
#
|
|
25
|
-
#
|
|
26
|
-
#
|
|
27
|
-
#
|
|
28
|
-
#
|
|
29
|
-
#
|
|
30
|
-
#
|
|
31
|
-
#
|
|
32
|
+
# *LANG:
|
|
33
|
+
# -
|
|
34
|
+
# title: Item 1
|
|
35
|
+
# href: "/item-1"
|
|
36
|
+
# -
|
|
37
|
+
# title: Resume
|
|
38
|
+
# href: https://drive.google.com
|
|
39
|
+
# featured: true
|
|
40
|
+
# en:
|
|
41
|
+
# -
|
|
42
|
+
# title: Projects
|
|
43
|
+
# href: "/projects"
|
|
44
|
+
# -
|
|
45
|
+
# title: Resume
|
|
46
|
+
# href: https://drive.google.com
|
|
47
|
+
# featured: true
|
|
32
48
|
|
|
33
49
|
waterfall:
|
|
34
50
|
author:
|
|
@@ -40,8 +56,14 @@ waterfall:
|
|
|
40
56
|
linkedin: jekyll
|
|
41
57
|
email: jekyll@jekyll.io
|
|
42
58
|
|
|
59
|
+
home:
|
|
60
|
+
last_posts_items: 4
|
|
61
|
+
|
|
43
62
|
analytics:
|
|
44
63
|
tracking_id: "UX-12345678"
|
|
45
64
|
|
|
65
|
+
google_tag_manager:
|
|
66
|
+
tracking_id: "GTM-123XXXX"
|
|
67
|
+
|
|
46
68
|
disqus:
|
|
47
69
|
shortname: jekyll
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
|
|
2
|
+
{%- if jekyll.environment == 'production' and site.google_tag_manager.tracking_id -%}
|
|
3
|
+
<!-- Google Tag Manager (noscript) -->
|
|
4
|
+
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id={{ site.google_tag_manager.tracking_id }}"
|
|
5
|
+
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
|
|
6
|
+
<!-- End Google Tag Manager (noscript) -->
|
|
7
|
+
{%- endif -%}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
{%- if jekyll.environment == 'production' and site.google_tag_manager.tracking_id -%}
|
|
2
|
+
<!-- Google Tag Manager -->
|
|
3
|
+
<script>(function (w, d, s, l, i) {
|
|
4
|
+
w[l] = w[l] || []; w[l].push({
|
|
5
|
+
'gtm.start':
|
|
6
|
+
new Date().getTime(), event: 'gtm.js'
|
|
7
|
+
}); var f = d.getElementsByTagName(s)[0],
|
|
8
|
+
j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
|
|
9
|
+
'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
|
|
10
|
+
})(window, document, 'script', 'dataLayer', '{{ site.google_tag_manager.tracking_id }}');</script>
|
|
11
|
+
<!-- End Google Tag Manager -->
|
|
12
|
+
{%- endif -%}
|
data/_includes/experience.html
CHANGED
|
@@ -1,10 +1,16 @@
|
|
|
1
|
+
{%- assign experiences = site.experiences -%}
|
|
2
|
+
|
|
3
|
+
{%- if page.lang != null -%}
|
|
4
|
+
{%- assign experiences = site.experiences | where: "lang", page.lang -%}
|
|
5
|
+
{%- endif -%}
|
|
6
|
+
|
|
1
7
|
<div id="experience" class="min-h-screen pt-32">
|
|
2
8
|
<h2 class="text-primary-700 mb-10 text-3xl">Where I've Worked</h2>
|
|
3
9
|
|
|
4
10
|
<div class="flex flex-wrap">
|
|
5
11
|
<div class="w-1/4">
|
|
6
12
|
<div class="nav flex flex-col nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
|
|
7
|
-
{% for experience in
|
|
13
|
+
{% for experience in experiences %}
|
|
8
14
|
<a class="px-4 py-2 text-gray-400 nav-link" data-toggle="pill" href="#v-pills-{{ experience.slug }}"
|
|
9
15
|
aria-controls="v-pills-settings" aria-selected="false">{{ experience.company.name }}</a>
|
|
10
16
|
{% endfor %}
|
data/_includes/header.html
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
<header class="z-10">
|
|
2
|
-
<div class="py-5 border-b border-gray-200
|
|
1
|
+
<header class="z-10 fixed w-full bg-gray-50 transition-all duration-500" data-collapse="scroll" data-collapse-trigger-height="100">
|
|
2
|
+
<div class="py-5 border-b border-gray-200 dark:border-gray-800 dark:bg-gray-900 z-10">
|
|
3
3
|
<div class="container mx-auto">
|
|
4
4
|
<div class="flex items-center">
|
|
5
5
|
|
|
@@ -20,13 +20,13 @@
|
|
|
20
20
|
</div>
|
|
21
21
|
</div>
|
|
22
22
|
|
|
23
|
-
<aside class="fixed h-full top-0 w-64 -right-64 bg-gray-50 z-20 flex items-center justify-center transition-all">
|
|
24
|
-
<ul class="flex flex-col items-center justify-center">
|
|
25
|
-
{%- include nav.html -%}
|
|
26
|
-
</ul>
|
|
27
|
-
</aside>
|
|
28
|
-
|
|
29
23
|
<a href="#top-nav" class="w-1/4 md:hidden text-3xl text-primary-700 z-20 text-right fixed top-8 right-8" nav-toggler>
|
|
30
24
|
{%- include svg/bars.svg -%}
|
|
31
25
|
</a>
|
|
32
|
-
</header>
|
|
26
|
+
</header>
|
|
27
|
+
|
|
28
|
+
<aside class="fixed h-full top-0 w-64 -right-64 bg-gray-50 z-20 flex items-center justify-center transition-all">
|
|
29
|
+
<ul class="flex flex-col items-center justify-center">
|
|
30
|
+
{%- include nav.html -%}
|
|
31
|
+
</ul>
|
|
32
|
+
</aside>
|
data/_includes/last_posts.html
CHANGED
|
@@ -1,11 +1,27 @@
|
|
|
1
|
+
{%- assign posts = site.posts -%}
|
|
2
|
+
|
|
3
|
+
{%- if page.lang != null -%}
|
|
4
|
+
{%- assign posts = site.posts | where: "lang", page.lang -%}
|
|
5
|
+
{%- endif -%}
|
|
6
|
+
|
|
7
|
+
{%- assign limit = null -%}
|
|
8
|
+
|
|
9
|
+
{%- if site.waterfall.home.last_posts_items -%}
|
|
10
|
+
{%- assign limit = site.waterfall.home.last_posts_items -%}
|
|
11
|
+
{%- endif -%}
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
{%- if page.last_posts_items -%}
|
|
15
|
+
{%- assign limit = page.last_posts_items -%}
|
|
16
|
+
{%- endif -%}
|
|
17
|
+
|
|
1
18
|
<div id="last-posts" class="min-h-screen pt-32">
|
|
2
19
|
<h2 class="text-primary-700 mb-10 text-3xl">Last Posts</h2>
|
|
3
|
-
|
|
4
20
|
<div class="row">
|
|
5
|
-
{% for post in
|
|
21
|
+
{% for post in posts limit: limit %}
|
|
6
22
|
<div class="col w-full sm:w-1/2 md:w-1/3">
|
|
7
|
-
<a href="{{ post.url }}" class="card p-5 bg-gray-50 hover:shadow-lg rounded-md relative transition-all border-t-4 border-primary-600 block mb-3">
|
|
8
|
-
<h2 class="text-gray-800 text-xl mb-3">{{ post.title }}</h2>
|
|
23
|
+
<a href="{{ post.url }}" class="card p-5 bg-gray-50 dark:bg-gray-800 hover:shadow-lg rounded-md relative transition-all border-t-4 border-primary-600 block mb-3">
|
|
24
|
+
<h2 class="text-gray-800 dark:text-gray-100 text-xl mb-3">{{ post.title }}</h2>
|
|
9
25
|
<p class="text-gray-500">{{ post.excerpt }}</p>
|
|
10
26
|
|
|
11
27
|
<div class="absolute bottom-0 py-5">
|
data/_includes/nav.html
CHANGED
|
@@ -1,12 +1,26 @@
|
|
|
1
|
-
{%- assign header_items = page.
|
|
1
|
+
{%- assign header_items = site.header_items[page.lang] | default: site.header_items[site.lang ] -%}
|
|
2
|
+
|
|
3
|
+
{%- if page.header_items -%}
|
|
4
|
+
{%- assign header_items = page.header_items -%}
|
|
5
|
+
{%- endif -%}
|
|
2
6
|
|
|
3
7
|
{%- for item in header_items -%}
|
|
4
8
|
{%- assign cssClass = '' -%}
|
|
5
9
|
{%- assign target = '' -%}
|
|
10
|
+
{%- assign anchorTransition = '' -%}
|
|
11
|
+
|
|
6
12
|
{%- if item.title -%}
|
|
7
13
|
{%- assign title = item.title | escape -%}
|
|
8
14
|
{%- assign href = item.href | escape -%}
|
|
9
15
|
{%- assign target = item.target -%}
|
|
16
|
+
|
|
17
|
+
{%- assign aux = href | split: "#" -%}
|
|
18
|
+
|
|
19
|
+
{%- if aux.size == 2 -%}
|
|
20
|
+
{%- assign anchorTransition = "data-anchor-transition" -%}
|
|
21
|
+
{%- else -%}
|
|
22
|
+
{%- assign anchorTransition = "" -%}
|
|
23
|
+
{%- endif -%}
|
|
10
24
|
|
|
11
25
|
{%- if item.featured -%}
|
|
12
26
|
{%- assign cssClass = 'btn btn-primary inline-block' -%}
|
|
@@ -18,7 +32,7 @@
|
|
|
18
32
|
{%- endif -%}
|
|
19
33
|
|
|
20
34
|
<li class="pl-5">
|
|
21
|
-
<a class="nav-link {{ cssClass }}" href="{{ href }}" target="{{ target }}">
|
|
35
|
+
<a class="nav-link block {{ cssClass }}" href="{{ href }}" target="{{ target }}" {{anchorTransition}}>
|
|
22
36
|
<span class="text-gray-500">{{ title }}</span>
|
|
23
37
|
</a>
|
|
24
38
|
</li>
|
data/_includes/projects.html
CHANGED
|
@@ -1,25 +1,36 @@
|
|
|
1
|
+
{%- assign projects = site.projects -%}
|
|
2
|
+
|
|
3
|
+
{%- if page.lang != null -%}
|
|
4
|
+
{%- assign projects = site.projects | where: "lang", page.lang -%}
|
|
5
|
+
{%- endif -%}
|
|
6
|
+
|
|
1
7
|
<div id="projects" class="min-h-screen pt-32">
|
|
2
8
|
<h2 class="text-primary-700 mb-10 text-3xl">Some Things I've Built</h2>
|
|
3
9
|
|
|
10
|
+
|
|
4
11
|
<div class="row">
|
|
5
|
-
{% for project in
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
12
|
+
{% for project in projects | where: "featured", true %}
|
|
13
|
+
<div class="col w-full sm:w-1/2">
|
|
14
|
+
<a href="{{ project.url }}" class="card featured">
|
|
15
|
+
<div class="py-5 pt-2">
|
|
16
|
+
{% for category in project.categories %}
|
|
17
|
+
<span class="text-gray-300 text-sm pr-5 py-1">{{ category }}</span>
|
|
18
|
+
{% endfor %}
|
|
19
|
+
</div>
|
|
11
20
|
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
21
|
+
<h2 class="text-gray-800 text-2xl mb-3">{{ project.title }}</h2>
|
|
22
|
+
|
|
23
|
+
<div class="absolute bottom-0">
|
|
24
|
+
<div class="h-36 overflow-hidden w-4/5 mx-auto">
|
|
25
|
+
<img src="{{ project.thumbnail }}" alt="{{ project.title }}">
|
|
26
|
+
</div>
|
|
27
|
+
</div>
|
|
28
|
+
</a>
|
|
29
|
+
</div>
|
|
19
30
|
{% endfor %}
|
|
20
31
|
</div>
|
|
21
32
|
|
|
22
|
-
{%- if page.
|
|
33
|
+
{%- if page.projects -%}
|
|
23
34
|
<div class="flex justify-center my-5">
|
|
24
35
|
<a href="{{ page.projects.url }}" class="btn border-primary-700 border rounded-md text-center text-primary-700 hover:bg-primary-700 hover:text-white transition-all">{{ page.projects.see_more_label }}</a>
|
|
25
36
|
</div>
|
data/_includes/social.html
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
<div class="social-media fixed bottom-0 h-screen-1/2 hidden md:block sm:left-3 md:left-4 lg:left-9">
|
|
3
3
|
<div class="relative h-full">
|
|
4
4
|
|
|
5
|
-
<div class="bg-gray-100">
|
|
5
|
+
<div class="bg-gray-100 dark:bg-gray-900">
|
|
6
6
|
{%- if social.email -%}
|
|
7
7
|
<a href="mailto:{{ social.email | cgi_escape | escape }}" class="text-primary-700 text-lg block p-3">
|
|
8
8
|
{%- include svg/envelope.svg -%}
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
{%- endif -%}
|
|
17
17
|
|
|
18
18
|
{%- if social.linkedin -%}
|
|
19
|
-
<a href="https://www.linkedin.com/in/{{ social.linkedin | cgi_escape | escape }}" class="text-primary-700 text-lg block p-3">
|
|
19
|
+
<a href="https://www.linkedin.com/in/{{ social.linkedin | cgi_escape | escape }}" target="_blank" class="text-primary-700 text-lg block p-3">
|
|
20
20
|
{%- include svg/linkedin.svg -%}
|
|
21
21
|
</a>
|
|
22
22
|
{%- endif -%}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="moon" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svg-inline--fa fa-moon fa-w-16"><path fill="currentColor" d="M283.211 512c78.962 0 151.079-35.925 198.857-94.792 7.068-8.708-.639-21.43-11.562-19.35-124.203 23.654-238.262-71.576-238.262-196.954 0-72.222 38.662-138.635 101.498-174.394 9.686-5.512 7.25-20.197-3.756-22.23A258.156 258.156 0 0 0 283.211 0c-141.309 0-256 114.511-256 256 0 141.309 114.511 256 256 256z" class=""></path></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="sun" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svg-inline--fa fa-sun fa-w-16"><path fill="currentColor" d="M256 160c-52.9 0-96 43.1-96 96s43.1 96 96 96 96-43.1 96-96-43.1-96-96-96zm246.4 80.5l-94.7-47.3 33.5-100.4c4.5-13.6-8.4-26.5-21.9-21.9l-100.4 33.5-47.4-94.8c-6.4-12.8-24.6-12.8-31 0l-47.3 94.7L92.7 70.8c-13.6-4.5-26.5 8.4-21.9 21.9l33.5 100.4-94.7 47.4c-12.8 6.4-12.8 24.6 0 31l94.7 47.3-33.5 100.5c-4.5 13.6 8.4 26.5 21.9 21.9l100.4-33.5 47.3 94.7c6.4 12.8 24.6 12.8 31 0l47.3-94.7 100.4 33.5c13.6 4.5 26.5-8.4 21.9-21.9l-33.5-100.4 94.7-47.3c13-6.5 13-24.7.2-31.1zm-155.9 106c-49.9 49.9-131.1 49.9-181 0-49.9-49.9-49.9-131.1 0-181 49.9-49.9 131.1-49.9 181 0 49.9 49.9 49.9 131.1 0 181z" class=""></path></svg>
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
<div class="toolbox fixed bottom-0 h-screen-1/2 hidden md:block sm:right-3 md:right-4 lg:right-9">
|
|
2
|
+
<div class="relative h-full">
|
|
3
|
+
<div class="bg-gray-100 dark:bg-gray-900">
|
|
4
|
+
<a class="cursor-pointer text-primary-700" data-night-mode-toggler alt="Toggle night mode">
|
|
5
|
+
<div class="day hidden dark:inline">
|
|
6
|
+
{%- include svg/sun.svg -%}
|
|
7
|
+
</div>
|
|
8
|
+
|
|
9
|
+
<div class="night dark:hidden">
|
|
10
|
+
{%- include svg/moon.svg -%}
|
|
11
|
+
</div>
|
|
12
|
+
</a>
|
|
13
|
+
</div>
|
|
14
|
+
|
|
15
|
+
<div class="vertical-line h-full absolute top-0 bottom-0 bg-primary-700 -z-10" style="width: 2px; left: calc(50% - 1px);"></div>
|
|
16
|
+
</div>
|
|
17
|
+
</div>
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
{% assign collection = page.collection %}
|
|
6
|
+
|
|
7
|
+
{%- if page.lang -%}
|
|
8
|
+
{% assign items = site[collection] | where: "lang", page.lang %}
|
|
9
|
+
{%- else -%}
|
|
10
|
+
{% assign items = site[collection] %}
|
|
11
|
+
{%- endif -%}
|
|
12
|
+
|
|
13
|
+
<div class="row">
|
|
14
|
+
{% for item in items %}
|
|
15
|
+
<div class="col w-full sm:w-1/2 md:w-1/3 entries-{{ collection }}">
|
|
16
|
+
<a href="{{ item.url }}" class="card p-5 bg-gray-50 dark:bg-gray-800 hover:shadow-lg rounded-md relative transition-all border-t-4 border-primary-600 block mb-3">
|
|
17
|
+
<h2 class="text-gray-800 dark:text-gray-100 text-xl mb-3">{{ item.title }}</h2>
|
|
18
|
+
<p class="text-gray-500">{{ item.excerpt }}</p>
|
|
19
|
+
</a>
|
|
20
|
+
</div>
|
|
21
|
+
{% endfor %}
|
|
22
|
+
</div>
|
data/_layouts/default.html
CHANGED
|
@@ -9,9 +9,12 @@
|
|
|
9
9
|
<link rel="stylesheet" href="/assets/styles.css">
|
|
10
10
|
<link rel="preconnect" href="https://fonts.gstatic.com">
|
|
11
11
|
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;600&display=swap" rel="stylesheet">
|
|
12
|
+
{% include analytics_head.html %}
|
|
12
13
|
</head>
|
|
13
14
|
|
|
14
|
-
<body class="bg-gray-100">
|
|
15
|
+
<body class="bg-gray-100 dark:bg-gray-900">
|
|
16
|
+
{% include analytics_body.html %}
|
|
17
|
+
|
|
15
18
|
{%- include header.html -%}
|
|
16
19
|
|
|
17
20
|
<main class="container mx-auto pt-32">
|
|
@@ -20,9 +23,10 @@
|
|
|
20
23
|
|
|
21
24
|
{%- include social.html -%}
|
|
22
25
|
|
|
26
|
+
{%- include toolbox.html -%}
|
|
27
|
+
|
|
23
28
|
<div class="overlay hidden bg-gray-900 opacity-60 absolute top-0 bottom-0 w-full z-0 transition-all"></div>
|
|
24
29
|
|
|
25
|
-
{% include analytics.html %}
|
|
26
30
|
<script async src="/assets/scripts.bundle.js"></script>
|
|
27
31
|
</body>
|
|
28
32
|
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
<article class="post">
|
|
6
|
+
<h1 class="text-3xl text-primary-700 dark:text-gray-100 mb-10">{{ page.title }}</h1>
|
|
7
|
+
|
|
8
|
+
<img class="mx-auto mb-10" src="{{ page.thumbnail }}" alt="{{ page.title }}">
|
|
9
|
+
|
|
10
|
+
<h2 class="text-2xl text-primary-700 dark:text-gray-100 mb-10">About this project</h2>
|
|
11
|
+
{{ content }}
|
|
12
|
+
</article>
|
data/assets/scripts.bundle.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(()=>{"use strict";function e(e,t){for(var n=0;n<t.length;n++){var
|
|
1
|
+
(()=>{"use strict";function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}var t=function(){function t(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),this.panels=[],this.init()}var n,o;return n=t,(o=[{key:"init",value:function(){var e=this;document.querySelectorAll("[nav-toggler]").forEach((function(t){t.addEventListener("click",(function(e){e.preventDefault(),e.stopPropagation(),document.querySelector("body").classList.toggle("nav-opened")})),e.panels.push(document.querySelector(t.getAttribute("href")))})),window.onclick=function(t){e.elementIsAPanel(t.target)||document.querySelector("body").classList.remove("nav-opened")}}},{key:"elementIsAPanel",value:function(e){var t=!1;return this.panels.forEach((function(n){n==e&&(t=!0)})),t}}])&&e(n.prototype,o),t}();function n(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}var o=function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.init()}var t,o;return t=e,(o=[{key:"init",value:function(){var e=this,t=document.querySelectorAll('[data-toggle="pill"]');if(console.log("Found ".concat(t.length," pills on this page")),t.forEach((function(t){t.addEventListener("click",(function(t){t.preventDefault();var n=t.target.getAttribute("href");e.deactivateAllPills(t.target),t.target.classList.add("active");var o=document.querySelector(n);e.hideAllTabs(o).then((function(){o.classList.add("active"),setTimeout((function(){o.classList.add("show")}),100)}))}))})),t.length>0){var n=document.querySelector(t[0].getAttribute("href"));n.classList.add("show"),n.classList.add("active")}}},{key:"deactivateAllPills",value:function(e){e.parentNode.querySelectorAll('[data-toggle="pill"]').forEach((function(e){e.classList.remove("show"),e.classList.remove("active")}))}},{key:"hideAllTabs",value:function(e){var t=[];return e.parentNode.querySelectorAll('[role="tabpanel"]').forEach((function(e){e.classList.remove("show"),t.push(new Promise((function(t){setTimeout((function(){e.classList.remove("active"),t()}),100)})))})),Promise.all(t)}}])&&n(t.prototype,o),e}();function a(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}var r=function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.init()}var t,n;return t=e,(n=[{key:"init",value:function(){var e=this;this.setThemeOption(this.getThemeOption()),document.querySelectorAll("[data-night-mode-toggler]").forEach((function(t){t.addEventListener("click",(function(t){e.toggleThemeOption()}))}))}},{key:"toggleThemeOption",value:function(){var e=this.getThemeOption();document.querySelector("html").classList.add("night-mode-transitioning"),e="dark"==e?"light":"dark",this.setThemeOption(e),setTimeout((function(){document.querySelector("html").classList.remove("night-mode-transitioning")}),500)}},{key:"getDefaultThemeOption",value:function(){return window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}},{key:"getThemeOption",value:function(){return localStorage.getItem("theme")||this.getDefaultThemeOption()}},{key:"setThemeOption",value:function(e){"dark"==e?document.querySelector("html").classList.add("dark"):document.querySelector("html").classList.remove("dark"),localStorage.setItem("theme",e)}}])&&a(t.prototype,n),e}();function i(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}var l=function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.panels=[],this.lastScrollTop=0,this.init()}var t,n;return t=e,(n=[{key:"init",value:function(){var e=this;document.querySelectorAll("[data-collapse]").forEach((function(t){e.panels.push(t)})),window.addEventListener("scroll",(function(t){e.panels.forEach((function(t){var n=t.dataset.collapseTriggerHeight,o=window.pageYOffset||document.documentElement.scrollTop,a=o>e.lastScrollTop;e.lastScrollTop=o<=0?0:o,window.scrollY>n&&(t.style.transform=a?"translateY(".concat(-1*t.clientHeight,"px)"):"")}))}))}}])&&i(t.prototype,n),e}();function c(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}var s=function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.init()}var t,n;return t=e,(n=[{key:"init",value:function(){document.querySelectorAll("[data-anchor-transition").forEach((function(e){e.addEventListener("click",(function(e){e.preventDefault();for(var t=e.target;t&&!(t instanceof HTMLAnchorElement);)t=t.parentNode;var n=t.getAttribute("href"),o=document.querySelector(n);return!!o&&(window.scroll({top:o.offsetTop,left:0,behavior:"smooth"}),!1)}))}))}}])&&c(t.prototype,n),e}();new t,new o,new r,new l,new s})();
|
data/assets/styles.css
CHANGED
|
@@ -198,8 +198,7 @@ select { /* 1 */
|
|
|
198
198
|
Correct the inability to style clickable types in iOS and Safari.
|
|
199
199
|
*/
|
|
200
200
|
|
|
201
|
-
button
|
|
202
|
-
[type='button'] {
|
|
201
|
+
button {
|
|
203
202
|
-webkit-appearance: button;
|
|
204
203
|
}
|
|
205
204
|
|
|
@@ -573,6 +572,16 @@ video {
|
|
|
573
572
|
background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
|
|
574
573
|
}
|
|
575
574
|
|
|
575
|
+
.dark .dark\:bg-gray-800 {
|
|
576
|
+
--tw-bg-opacity: 1;
|
|
577
|
+
background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
|
|
578
|
+
}
|
|
579
|
+
|
|
580
|
+
.dark .dark\:bg-gray-900 {
|
|
581
|
+
--tw-bg-opacity: 1;
|
|
582
|
+
background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
|
|
583
|
+
}
|
|
584
|
+
|
|
576
585
|
.border-gray-200 {
|
|
577
586
|
--tw-border-opacity: 1;
|
|
578
587
|
border-color: rgba(229, 231, 235, var(--tw-border-opacity));
|
|
@@ -588,6 +597,11 @@ video {
|
|
|
588
597
|
border-color: rgba(67, 56, 202, var(--tw-border-opacity));
|
|
589
598
|
}
|
|
590
599
|
|
|
600
|
+
.dark .dark\:border-gray-800 {
|
|
601
|
+
--tw-border-opacity: 1;
|
|
602
|
+
border-color: rgba(31, 41, 55, var(--tw-border-opacity));
|
|
603
|
+
}
|
|
604
|
+
|
|
591
605
|
.rounded-md {
|
|
592
606
|
border-radius: 0.375rem;
|
|
593
607
|
}
|
|
@@ -608,6 +622,10 @@ video {
|
|
|
608
622
|
border-bottom-width: 1px;
|
|
609
623
|
}
|
|
610
624
|
|
|
625
|
+
.cursor-pointer {
|
|
626
|
+
cursor: pointer;
|
|
627
|
+
}
|
|
628
|
+
|
|
611
629
|
.block {
|
|
612
630
|
display: block;
|
|
613
631
|
}
|
|
@@ -628,6 +646,14 @@ video {
|
|
|
628
646
|
display: none;
|
|
629
647
|
}
|
|
630
648
|
|
|
649
|
+
.dark .dark\:inline {
|
|
650
|
+
display: inline;
|
|
651
|
+
}
|
|
652
|
+
|
|
653
|
+
.dark .dark\:hidden {
|
|
654
|
+
display: none;
|
|
655
|
+
}
|
|
656
|
+
|
|
631
657
|
.flex-col {
|
|
632
658
|
flex-direction: column;
|
|
633
659
|
}
|
|
@@ -644,6 +670,10 @@ video {
|
|
|
644
670
|
justify-content: center;
|
|
645
671
|
}
|
|
646
672
|
|
|
673
|
+
.h-36 {
|
|
674
|
+
height: 9rem;
|
|
675
|
+
}
|
|
676
|
+
|
|
647
677
|
.h-full {
|
|
648
678
|
height: 100%;
|
|
649
679
|
}
|
|
@@ -667,6 +697,11 @@ video {
|
|
|
667
697
|
line-height: 1.75rem;
|
|
668
698
|
}
|
|
669
699
|
|
|
700
|
+
.text-2xl {
|
|
701
|
+
font-size: 1.5rem;
|
|
702
|
+
line-height: 2rem;
|
|
703
|
+
}
|
|
704
|
+
|
|
670
705
|
.text-3xl {
|
|
671
706
|
font-size: 1.875rem;
|
|
672
707
|
line-height: 2.25rem;
|
|
@@ -707,6 +742,10 @@ video {
|
|
|
707
742
|
opacity: 0.6;
|
|
708
743
|
}
|
|
709
744
|
|
|
745
|
+
.overflow-hidden {
|
|
746
|
+
overflow: hidden;
|
|
747
|
+
}
|
|
748
|
+
|
|
710
749
|
.p-3 {
|
|
711
750
|
padding: 0.75rem;
|
|
712
751
|
}
|
|
@@ -735,6 +774,10 @@ video {
|
|
|
735
774
|
padding-right: 2rem;
|
|
736
775
|
}
|
|
737
776
|
|
|
777
|
+
.pt-2 {
|
|
778
|
+
padding-top: 0.5rem;
|
|
779
|
+
}
|
|
780
|
+
|
|
738
781
|
.pr-5 {
|
|
739
782
|
padding-right: 1.25rem;
|
|
740
783
|
}
|
|
@@ -805,6 +848,11 @@ video {
|
|
|
805
848
|
text-align: right;
|
|
806
849
|
}
|
|
807
850
|
|
|
851
|
+
.text-gray-300 {
|
|
852
|
+
--tw-text-opacity: 1;
|
|
853
|
+
color: rgba(209, 213, 219, var(--tw-text-opacity));
|
|
854
|
+
}
|
|
855
|
+
|
|
808
856
|
.text-gray-400 {
|
|
809
857
|
--tw-text-opacity: 1;
|
|
810
858
|
color: rgba(156, 163, 175, var(--tw-text-opacity));
|
|
@@ -835,6 +883,11 @@ video {
|
|
|
835
883
|
color: rgba(255, 255, 255, var(--tw-text-opacity));
|
|
836
884
|
}
|
|
837
885
|
|
|
886
|
+
.dark .dark\:text-gray-100 {
|
|
887
|
+
--tw-text-opacity: 1;
|
|
888
|
+
color: rgba(243, 244, 246, var(--tw-text-opacity));
|
|
889
|
+
}
|
|
890
|
+
|
|
838
891
|
.w-64 {
|
|
839
892
|
width: 16rem;
|
|
840
893
|
}
|
|
@@ -851,6 +904,10 @@ video {
|
|
|
851
904
|
width: 75%;
|
|
852
905
|
}
|
|
853
906
|
|
|
907
|
+
.w-4\/5 {
|
|
908
|
+
width: 80%;
|
|
909
|
+
}
|
|
910
|
+
|
|
854
911
|
.w-full {
|
|
855
912
|
width: 100%;
|
|
856
913
|
}
|
|
@@ -877,6 +934,10 @@ video {
|
|
|
877
934
|
transition-duration: 150ms;
|
|
878
935
|
}
|
|
879
936
|
|
|
937
|
+
.duration-500 {
|
|
938
|
+
transition-duration: 500ms;
|
|
939
|
+
}
|
|
940
|
+
|
|
880
941
|
@keyframes spin {
|
|
881
942
|
to {
|
|
882
943
|
transform: rotate(360deg);
|
|
@@ -999,6 +1060,10 @@ svg:not(:root).svg-inline--fa {
|
|
|
999
1060
|
border-left: solid 4.2426px #4338ca;
|
|
1000
1061
|
}
|
|
1001
1062
|
|
|
1063
|
+
.dark .hexagon {
|
|
1064
|
+
background-color: var(--bg-gray-700);
|
|
1065
|
+
}
|
|
1066
|
+
|
|
1002
1067
|
.post h1 {
|
|
1003
1068
|
font-weight: 600;
|
|
1004
1069
|
font-size: 1.875rem;
|
|
@@ -1026,6 +1091,89 @@ svg:not(:root).svg-inline--fa {
|
|
|
1026
1091
|
letter-spacing: 0.025em
|
|
1027
1092
|
}
|
|
1028
1093
|
|
|
1094
|
+
.dark .post p {
|
|
1095
|
+
font-weight: 300;
|
|
1096
|
+
line-height: 2.25rem;
|
|
1097
|
+
--tw-text-opacity: 1;
|
|
1098
|
+
color: rgba(243, 244, 246, var(--tw-text-opacity));
|
|
1099
|
+
letter-spacing: 0.025em
|
|
1100
|
+
}
|
|
1101
|
+
|
|
1102
|
+
.row {
|
|
1103
|
+
display: flex;
|
|
1104
|
+
flex-wrap: wrap;
|
|
1105
|
+
margin-left: -0.75rem;
|
|
1106
|
+
margin-right: -0.75rem
|
|
1107
|
+
}
|
|
1108
|
+
|
|
1109
|
+
.col {
|
|
1110
|
+
padding-left: 0.75rem;
|
|
1111
|
+
padding-right: 0.75rem
|
|
1112
|
+
}
|
|
1113
|
+
|
|
1114
|
+
.card {
|
|
1115
|
+
min-height: 16rem
|
|
1116
|
+
}
|
|
1117
|
+
|
|
1118
|
+
.card.featured {
|
|
1119
|
+
--tw-bg-opacity: 1;
|
|
1120
|
+
background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
|
|
1121
|
+
border-radius: 0.375rem;
|
|
1122
|
+
display: block;
|
|
1123
|
+
margin-bottom: 0.75rem;
|
|
1124
|
+
padding: 1.25rem;
|
|
1125
|
+
padding-bottom: 12rem;
|
|
1126
|
+
position: relative;
|
|
1127
|
+
--tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
|
|
1128
|
+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
1129
|
+
--tw-translate-x: 0;
|
|
1130
|
+
--tw-translate-y: 0;
|
|
1131
|
+
--tw-rotate: 0;
|
|
1132
|
+
--tw-skew-x: 0;
|
|
1133
|
+
--tw-skew-y: 0;
|
|
1134
|
+
--tw-scale-x: 1;
|
|
1135
|
+
--tw-scale-y: 1;
|
|
1136
|
+
transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
1137
|
+
transition-property: all;
|
|
1138
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1139
|
+
transition-duration: 150ms;
|
|
1140
|
+
transition-duration: 300ms;
|
|
1141
|
+
}
|
|
1142
|
+
|
|
1143
|
+
.card.featured h2, .card.featured p, .card.featured span {
|
|
1144
|
+
transition-property: all;
|
|
1145
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1146
|
+
transition-duration: 150ms;
|
|
1147
|
+
transition-duration: 300ms
|
|
1148
|
+
}
|
|
1149
|
+
|
|
1150
|
+
.dark .card.featured {
|
|
1151
|
+
--tw-bg-opacity: 1;
|
|
1152
|
+
background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
|
|
1153
|
+
}
|
|
1154
|
+
|
|
1155
|
+
.dark .card.featured h2 {
|
|
1156
|
+
--tw-text-opacity: 1;
|
|
1157
|
+
color: rgba(255, 255, 255, var(--tw-text-opacity))
|
|
1158
|
+
}
|
|
1159
|
+
|
|
1160
|
+
.card.featured:hover {
|
|
1161
|
+
--tw-bg-opacity: 1;
|
|
1162
|
+
background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
|
|
1163
|
+
--tw-scale-x: 0.98;
|
|
1164
|
+
--tw-scale-y: 0.98;
|
|
1165
|
+
}
|
|
1166
|
+
|
|
1167
|
+
.card.featured:hover h2 {
|
|
1168
|
+
--tw-text-opacity: 1;
|
|
1169
|
+
color: rgba(255, 255, 255, var(--tw-text-opacity))
|
|
1170
|
+
}
|
|
1171
|
+
|
|
1172
|
+
.card.featured:hover p, .card.featured:hover span {
|
|
1173
|
+
--tw-text-opacity: 1;
|
|
1174
|
+
color: rgba(165, 180, 252, var(--tw-text-opacity))
|
|
1175
|
+
}
|
|
1176
|
+
|
|
1029
1177
|
.btn {
|
|
1030
1178
|
border-radius: 0.5rem;
|
|
1031
1179
|
padding-top: 0.5rem;
|
|
@@ -1120,27 +1268,16 @@ body {
|
|
|
1120
1268
|
--gray-900: #111827;
|
|
1121
1269
|
}
|
|
1122
1270
|
|
|
1123
|
-
.
|
|
1124
|
-
transition: all
|
|
1125
|
-
|
|
1126
|
-
|
|
1127
|
-
.row {
|
|
1128
|
-
display: flex;
|
|
1129
|
-
flex-wrap: wrap;
|
|
1130
|
-
margin-left: -0.75rem;
|
|
1131
|
-
margin-right: -0.75rem
|
|
1132
|
-
}
|
|
1133
|
-
|
|
1134
|
-
.col {
|
|
1135
|
-
padding-left: 0.75rem;
|
|
1136
|
-
padding-right: 0.75rem
|
|
1137
|
-
}
|
|
1138
|
-
|
|
1139
|
-
.card {
|
|
1140
|
-
min-height: 16rem
|
|
1271
|
+
.night-mode-transitioning * {
|
|
1272
|
+
transition-property: all;
|
|
1273
|
+
transition-duration: 500ms;
|
|
1141
1274
|
}
|
|
1142
1275
|
|
|
1143
1276
|
@media (min-width: 640px) {
|
|
1277
|
+
.sm\:right-3 {
|
|
1278
|
+
right: 0.75rem;
|
|
1279
|
+
}
|
|
1280
|
+
|
|
1144
1281
|
.sm\:left-3 {
|
|
1145
1282
|
left: 0.75rem;
|
|
1146
1283
|
}
|
|
@@ -1175,6 +1312,10 @@ body {
|
|
|
1175
1312
|
padding-top: 10rem;
|
|
1176
1313
|
}
|
|
1177
1314
|
|
|
1315
|
+
.md\:right-4 {
|
|
1316
|
+
right: 1rem;
|
|
1317
|
+
}
|
|
1318
|
+
|
|
1178
1319
|
.md\:left-4 {
|
|
1179
1320
|
left: 1rem;
|
|
1180
1321
|
}
|
|
@@ -1197,6 +1338,10 @@ body {
|
|
|
1197
1338
|
}
|
|
1198
1339
|
|
|
1199
1340
|
@media (min-width: 1024px) {
|
|
1341
|
+
.lg\:right-9 {
|
|
1342
|
+
right: 2.25rem;
|
|
1343
|
+
}
|
|
1344
|
+
|
|
1200
1345
|
.lg\:left-9 {
|
|
1201
1346
|
left: 2.25rem;
|
|
1202
1347
|
}
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: jekyll-waterfall
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.
|
|
4
|
+
version: 0.10.2
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Rodrigo-Vargas
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date:
|
|
11
|
+
date: 2021-02-08 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -34,7 +34,8 @@ files:
|
|
|
34
34
|
- LICENSE.txt
|
|
35
35
|
- README.md
|
|
36
36
|
- _config.yml
|
|
37
|
-
- _includes/
|
|
37
|
+
- _includes/analytics_body.html
|
|
38
|
+
- _includes/analytics_head.html
|
|
38
39
|
- _includes/disqus_comments.html
|
|
39
40
|
- _includes/experience.html
|
|
40
41
|
- _includes/header.html
|
|
@@ -46,9 +47,14 @@ files:
|
|
|
46
47
|
- _includes/svg/envelope.svg
|
|
47
48
|
- _includes/svg/github.svg
|
|
48
49
|
- _includes/svg/linkedin.svg
|
|
50
|
+
- _includes/svg/moon.svg
|
|
51
|
+
- _includes/svg/sun.svg
|
|
52
|
+
- _includes/toolbox.html
|
|
53
|
+
- _layouts/collection.html
|
|
49
54
|
- _layouts/default.html
|
|
50
55
|
- _layouts/home.html
|
|
51
56
|
- _layouts/post.html
|
|
57
|
+
- _layouts/project.html
|
|
52
58
|
- assets/scripts.bundle.js
|
|
53
59
|
- assets/styles.css
|
|
54
60
|
homepage: https://rodrigovargas.com.br
|
data/_includes/analytics.html
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
<!-- Global site tag (gtag.js) - Google Analytics -->
|
|
2
|
-
{%- if jekyll.environment == 'production' and site.analytics.tracking_id -%}
|
|
3
|
-
<script async src="https://www.googletagmanager.com/gtag/js?id={{ site.analytics.google.tracking_id }}"></script>
|
|
4
|
-
<script>
|
|
5
|
-
window.dataLayer = window.dataLayer || [];
|
|
6
|
-
function gtag(){dataLayer.push(arguments);}
|
|
7
|
-
gtag('js', new Date());
|
|
8
|
-
|
|
9
|
-
gtag('config', '{{ site.analytics.tracking_id }}');
|
|
10
|
-
</script>
|
|
11
|
-
{%- endif -%}
|