jekyll-waterfall 0.3.0 → 0.9.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/_config.yml +45 -20
- data/_includes/analytics.html +11 -0
- data/_includes/disqus_comments.html +20 -0
- data/_includes/experience.html +8 -2
- data/_includes/header.html +28 -41
- data/_includes/last_posts.html +42 -0
- data/_includes/nav.html +25 -0
- data/_includes/projects.html +38 -0
- data/_includes/social.html +17 -15
- data/_includes/svg/bars.svg +1 -0
- data/_includes/svg/moon.svg +1 -0
- data/_includes/svg/sun.svg +1 -0
- data/_includes/toolbox.html +17 -0
- data/_layouts/collection.html +16 -0
- data/_layouts/default.html +7 -12
- data/_layouts/home.html +27 -0
- data/_layouts/post.html +12 -0
- data/_layouts/project.html +12 -0
- data/assets/scripts.bundle.js +1 -114
- data/assets/styles.css +505 -124832
- metadata +15 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 1d518b6a3f4e0052e01ee17711c9aee886b1f77a93af4990e1ae3b2f59fdf66c
|
|
4
|
+
data.tar.gz: d6dfc23dcc7cd8569ecd91f38b3d286bb98990550fced0ec4b5ddf69d61abaf5
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: ae5b40b3f69f55c8e25226f5c25829badb351ac15c628cda295d04f2d46d73c008d7e37393b2c88e887767f8ea19fce71acda24c14423bdb49c183e6eb6467a4
|
|
7
|
+
data.tar.gz: 345bd2a6aec2d1717b015814bdd9aa2c9020a26546b3c639282b2eaa374093b642a6ca65b9b9d8bf6c7c6ffa0a08b686388bfa8771cec00e4cfc4d31cd2de677
|
data/_config.yml
CHANGED
|
@@ -1,34 +1,59 @@
|
|
|
1
1
|
title: Waterfall Theme
|
|
2
2
|
|
|
3
|
+
enable_multi_language: true
|
|
4
|
+
lang: &LANG "pt"
|
|
5
|
+
|
|
3
6
|
exclude: ['front']
|
|
4
7
|
|
|
5
8
|
collections:
|
|
6
9
|
experiences:
|
|
7
10
|
output: false
|
|
11
|
+
projects:
|
|
12
|
+
output: true
|
|
13
|
+
|
|
14
|
+
defaults:
|
|
15
|
+
- scope:
|
|
16
|
+
path: ""
|
|
17
|
+
type: "posts"
|
|
18
|
+
values:
|
|
19
|
+
layout: "post"
|
|
20
|
+
- scope:
|
|
21
|
+
path: ""
|
|
22
|
+
type: "projects"
|
|
23
|
+
values:
|
|
24
|
+
layout: "project"
|
|
25
|
+
- scope:
|
|
26
|
+
path: ""
|
|
27
|
+
values:
|
|
28
|
+
lang: *LANG
|
|
29
|
+
layout: "default"
|
|
8
30
|
|
|
9
31
|
# Uncomment the section below to add items on your top navigation
|
|
10
|
-
header_items:
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
href: "#projects"
|
|
20
|
-
- contact.md
|
|
21
|
-
- Resume:
|
|
22
|
-
title: Resume
|
|
23
|
-
href: https://drive.google.com
|
|
24
|
-
featured: true
|
|
32
|
+
# header_items:
|
|
33
|
+
# -
|
|
34
|
+
# title: Projects
|
|
35
|
+
# href: "/projects"
|
|
36
|
+
# - contact.md
|
|
37
|
+
# -
|
|
38
|
+
# title: Resume
|
|
39
|
+
# href: https://drive.google.com
|
|
40
|
+
# featured: true
|
|
25
41
|
|
|
26
42
|
waterfall:
|
|
27
43
|
author:
|
|
28
|
-
name:
|
|
29
|
-
description:
|
|
44
|
+
name: John Doe
|
|
45
|
+
description: Write a great description about you here
|
|
30
46
|
|
|
31
47
|
social_links:
|
|
32
|
-
github:
|
|
33
|
-
linkedin:
|
|
34
|
-
email:
|
|
48
|
+
github: jekyll
|
|
49
|
+
linkedin: jekyll
|
|
50
|
+
email: jekyll@jekyll.io
|
|
51
|
+
|
|
52
|
+
home:
|
|
53
|
+
last_posts_items: 4
|
|
54
|
+
|
|
55
|
+
analytics:
|
|
56
|
+
tracking_id: "UX-12345678"
|
|
57
|
+
|
|
58
|
+
disqus:
|
|
59
|
+
shortname: jekyll
|
|
@@ -0,0 +1,11 @@
|
|
|
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 -%}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
{%- if page.comments != false and jekyll.environment == "production" -%}
|
|
2
|
+
|
|
3
|
+
<div id="disqus_thread"></div>
|
|
4
|
+
<script>
|
|
5
|
+
var disqus_config = function () {
|
|
6
|
+
this.page.url = '{{ page.url | absolute_url }}';
|
|
7
|
+
this.page.identifier = '{{ page.url | absolute_url }}';
|
|
8
|
+
};
|
|
9
|
+
|
|
10
|
+
(function() {
|
|
11
|
+
var d = document, s = d.createElement('script');
|
|
12
|
+
|
|
13
|
+
s.src = 'https://{{ site.disqus.shortname }}.disqus.com/embed.js';
|
|
14
|
+
|
|
15
|
+
s.setAttribute('data-timestamp', +new Date());
|
|
16
|
+
(d.head || d.body).appendChild(s);
|
|
17
|
+
})();
|
|
18
|
+
</script>
|
|
19
|
+
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
|
|
20
|
+
{%- endif -%}
|
data/_includes/experience.html
CHANGED
|
@@ -1,10 +1,16 @@
|
|
|
1
|
+
{%- assign experiences = site.experiences -%}
|
|
2
|
+
|
|
3
|
+
{%- if site.enable_multi_language == true && 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
|
-
<h2 class="text-primary-700 mb-10 text-
|
|
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,45 +1,32 @@
|
|
|
1
|
-
<header class="
|
|
2
|
-
<div class="
|
|
3
|
-
<div class="
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
<div class="
|
|
7
|
-
<
|
|
8
|
-
<
|
|
9
|
-
|
|
1
|
+
<header class="z-10">
|
|
2
|
+
<div class="py-5 border-b border-gray-200 dark:border-gray-800 fixed w-full bg-gray-50 dark:bg-gray-900 z-10">
|
|
3
|
+
<div class="container mx-auto">
|
|
4
|
+
<div class="flex items-center">
|
|
5
|
+
|
|
6
|
+
<div class="w-3/4 md:w-1/4">
|
|
7
|
+
<div class="logo hexagon relative">
|
|
8
|
+
<a href="/">
|
|
9
|
+
<span class="text-primary-700 absolute text-center w-full h-full z-10 flex items-center justify-center">RV</span>
|
|
10
|
+
</a>
|
|
11
|
+
</div>
|
|
10
12
|
</div>
|
|
11
|
-
</div>
|
|
12
|
-
|
|
13
|
-
<div class="nav w-64 md:w-3/4 fixed md:static -right-64 transition-all h-full top-0 bg-gray-50 flex flex-col md:flex-row items-center text-center justify-center md:justify-end">
|
|
14
|
-
<ul class="flex flex-col md:flex-row items-center justify-end">
|
|
15
|
-
{%- for item in site.header_items -%}
|
|
16
|
-
{%- if item.title -%}
|
|
17
|
-
{%- assign title = item.title | escape -%}
|
|
18
|
-
{%- assign href = item.href | escape -%}
|
|
19
|
-
|
|
20
|
-
{%- if item.featured -%}
|
|
21
|
-
{%- assign cssClass = 'btn btn-primary inline-block' -%}
|
|
22
|
-
{%- endif -%}
|
|
23
|
-
|
|
24
|
-
{%- else -%}
|
|
25
|
-
{%- assign page = site.pages | where: "path", item | first -%}
|
|
26
|
-
{%- assign title = page.title | escape -%}
|
|
27
|
-
{%- assign href = page.url | relative_url -%}
|
|
28
|
-
{%- endif -%}
|
|
29
13
|
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
14
|
+
<nav id="top-nav" class="nav w-64 md:w-3/4 hidden md:flex flex-col md:flex-row items-center text-center justify-center md:justify-end z-20">
|
|
15
|
+
<ul class="flex flex-col md:flex-row items-center justify-end">
|
|
16
|
+
{%- include nav.html -%}
|
|
17
|
+
</ul>
|
|
18
|
+
</nav>
|
|
19
|
+
</div>
|
|
20
|
+
</div>
|
|
21
|
+
</div>
|
|
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>
|
|
39
28
|
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
</div>
|
|
44
|
-
</div>
|
|
29
|
+
<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
|
+
{%- include svg/bars.svg -%}
|
|
31
|
+
</a>
|
|
45
32
|
</header>
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
{%- assign posts = site.posts -%}
|
|
2
|
+
|
|
3
|
+
{%- if site.enable_multi_language == true && 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
|
+
|
|
18
|
+
<div id="last-posts" class="min-h-screen pt-32">
|
|
19
|
+
<h2 class="text-primary-700 mb-10 text-3xl">Last Posts</h2>
|
|
20
|
+
<div class="row">
|
|
21
|
+
{% for post in posts limit: limit %}
|
|
22
|
+
<div class="col w-full sm:w-1/2 md:w-1/3">
|
|
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>
|
|
25
|
+
<p class="text-gray-500">{{ post.excerpt }}</p>
|
|
26
|
+
|
|
27
|
+
<div class="absolute bottom-0 py-5">
|
|
28
|
+
{% for category in post.categories %}
|
|
29
|
+
<span class="text-gray-400 text-sm">{{ category }}</span>
|
|
30
|
+
{% endfor %}
|
|
31
|
+
</div>
|
|
32
|
+
</a>
|
|
33
|
+
</div>
|
|
34
|
+
{% endfor %}
|
|
35
|
+
</div>
|
|
36
|
+
|
|
37
|
+
{%- if page.posts -%}
|
|
38
|
+
<div class="flex justify-center my-5">
|
|
39
|
+
<a href="{{ page.posts.url }}" class="btn border-primary-700 border rounded-md text-center text-primary-700 hover:bg-primary-700 hover:text-white transition-all">{{ page.posts.see_more_label }}</a>
|
|
40
|
+
</div>
|
|
41
|
+
{%- endif -%}
|
|
42
|
+
</div>
|
data/_includes/nav.html
ADDED
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
{%- assign header_items = page.header_items | default: site.header_items -%}
|
|
2
|
+
|
|
3
|
+
{%- for item in header_items -%}
|
|
4
|
+
{%- assign cssClass = '' -%}
|
|
5
|
+
{%- assign target = '' -%}
|
|
6
|
+
{%- if item.title -%}
|
|
7
|
+
{%- assign title = item.title | escape -%}
|
|
8
|
+
{%- assign href = item.href | escape -%}
|
|
9
|
+
{%- assign target = item.target -%}
|
|
10
|
+
|
|
11
|
+
{%- if item.featured -%}
|
|
12
|
+
{%- assign cssClass = 'btn btn-primary inline-block' -%}
|
|
13
|
+
{%- endif -%}
|
|
14
|
+
{%- else -%}
|
|
15
|
+
{%- assign page = site.pages | where: "path", item | first -%}
|
|
16
|
+
{%- assign title = page.title | escape -%}
|
|
17
|
+
{%- assign href = page.url | relative_url -%}
|
|
18
|
+
{%- endif -%}
|
|
19
|
+
|
|
20
|
+
<li class="pl-5">
|
|
21
|
+
<a class="nav-link {{ cssClass }}" href="{{ href }}" target="{{ target }}">
|
|
22
|
+
<span class="text-gray-500">{{ title }}</span>
|
|
23
|
+
</a>
|
|
24
|
+
</li>
|
|
25
|
+
{%- endfor -%}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
{%- assign projects = site.projects -%}
|
|
2
|
+
|
|
3
|
+
{%- if site.enable_multi_language == true && page.lang != null -%}
|
|
4
|
+
{%- assign projects = site.projects | where: "lang", page.lang -%}
|
|
5
|
+
{%- endif -%}
|
|
6
|
+
|
|
7
|
+
<div id="projects" class="min-h-screen pt-32">
|
|
8
|
+
<h2 class="text-primary-700 mb-10 text-3xl">Some Things I've Built</h2>
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
<div class="row">
|
|
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>
|
|
20
|
+
|
|
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>
|
|
30
|
+
{% endfor %}
|
|
31
|
+
</div>
|
|
32
|
+
|
|
33
|
+
{%- if page.projects -%}
|
|
34
|
+
<div class="flex justify-center my-5">
|
|
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>
|
|
36
|
+
</div>
|
|
37
|
+
{%- endif -%}
|
|
38
|
+
</div>
|
data/_includes/social.html
CHANGED
|
@@ -2,23 +2,25 @@
|
|
|
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
|
-
|
|
6
|
-
|
|
7
|
-
{
|
|
8
|
-
|
|
9
|
-
|
|
5
|
+
<div class="bg-gray-100 dark:bg-gray-900">
|
|
6
|
+
{%- if social.email -%}
|
|
7
|
+
<a href="mailto:{{ social.email | cgi_escape | escape }}" class="text-primary-700 text-lg block p-3">
|
|
8
|
+
{%- include svg/envelope.svg -%}
|
|
9
|
+
</a>
|
|
10
|
+
{%- endif -%}
|
|
10
11
|
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
12
|
+
{%- if social.github -%}
|
|
13
|
+
<a href="https://github.com/{{ social.github | cgi_escape | escape }}" target="_blank" class="text-primary-700 text-lg block p-3">
|
|
14
|
+
{%- include svg/github.svg -%}
|
|
15
|
+
</a>
|
|
16
|
+
{%- endif -%}
|
|
16
17
|
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
18
|
+
{%- if social.linkedin -%}
|
|
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
|
+
{%- include svg/linkedin.svg -%}
|
|
21
|
+
</a>
|
|
22
|
+
{%- endif -%}
|
|
23
|
+
</div>
|
|
22
24
|
|
|
23
25
|
<div class="vertical-line h-full absolute top-0 bottom-0 bg-primary-700 -z-10" style="width: 2px; left: calc(50% - 1px);"></div>
|
|
24
26
|
</div>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="bars" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="svg-inline--fa fa-bars fa-w-14"><path fill="currentColor" d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z" class=""></path></svg>
|
|
@@ -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,16 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
{% assign collection = page.collection %}
|
|
6
|
+
|
|
7
|
+
<div class="row">
|
|
8
|
+
{% for item in site[collection] %}
|
|
9
|
+
<div class="col w-full sm:w-1/2 md:w-1/3 entries-{{ collection }}">
|
|
10
|
+
<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">
|
|
11
|
+
<h2 class="text-gray-800 dark:text-gray-100 text-xl mb-3">{{ item.title }}</h2>
|
|
12
|
+
<p class="text-gray-500">{{ item.excerpt }}</p>
|
|
13
|
+
</a>
|
|
14
|
+
</div>
|
|
15
|
+
{% endfor %}
|
|
16
|
+
</div>
|
data/_layouts/default.html
CHANGED
|
@@ -8,28 +8,23 @@
|
|
|
8
8
|
|
|
9
9
|
<link rel="stylesheet" href="/assets/styles.css">
|
|
10
10
|
<link rel="preconnect" href="https://fonts.gstatic.com">
|
|
11
|
-
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap" rel="stylesheet">
|
|
11
|
+
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;600&display=swap" rel="stylesheet">
|
|
12
12
|
</head>
|
|
13
13
|
|
|
14
|
-
<body class="bg-gray-
|
|
14
|
+
<body class="bg-gray-100 dark:bg-gray-900">
|
|
15
15
|
{%- include header.html -%}
|
|
16
16
|
|
|
17
17
|
<main class="container mx-auto pt-32">
|
|
18
|
-
<div class="page-hero min-h-screen">
|
|
19
|
-
<h1 class="text-primary-700 text-4xl pt:20 md:pt-40 mb-10">{{ site.waterfall.author.name }}</h1>
|
|
20
|
-
|
|
21
|
-
<p class="my-5 text-gray-500 mb-24 w-1/2">{{ site.waterfall.author.description }}</p>
|
|
22
|
-
|
|
23
|
-
<a class="btn btn-large bg-primary-700 py-4 px-8 text-white rounded-lg my-5" href="#">Say Hello!</a>
|
|
24
|
-
</div>
|
|
25
|
-
|
|
26
|
-
{%- include experience.html -%}
|
|
27
|
-
|
|
28
18
|
{{ content }}
|
|
29
19
|
</main>
|
|
30
20
|
|
|
31
21
|
{%- include social.html -%}
|
|
32
22
|
|
|
23
|
+
{%- include toolbox.html -%}
|
|
24
|
+
|
|
25
|
+
<div class="overlay hidden bg-gray-900 opacity-60 absolute top-0 bottom-0 w-full z-0 transition-all"></div>
|
|
26
|
+
|
|
27
|
+
{% include analytics.html %}
|
|
33
28
|
<script async src="/assets/scripts.bundle.js"></script>
|
|
34
29
|
</body>
|
|
35
30
|
|