jekyll-waterfall 0.5.0 → 0.10.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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 94df7ecc19e10f8779b3ee5f42d03f707ddd17d8b059e3f8c375b5cf47f400d6
4
- data.tar.gz: 7c2b3690a84b0f0e956106448418330e17afd407e87cf9083b758796e3c57092
3
+ metadata.gz: 5a8da653095ece0b81a89f4e14eaba50097f88b745fadaf7bfc9a2fdaea5dfc9
4
+ data.tar.gz: 904d36429a74bc0ab66d6849110cc1853eae867d7d2b4288b7e6dc26d45520c2
5
5
  SHA512:
6
- metadata.gz: d44d409098440b794907d462fbe5023f8f4f85ea3d1b12b68881064da2bc1e24ffe3e2932a5668b1a6d4a468c0f19ca855aee40c7fca4096544d4e35ce612905
7
- data.tar.gz: 67d40eabae271008b6b9cf8ba06f27d2b4be8c42bc6b9feccb228935efcdb82bf1449b1844c6a4b59f8e2c893f8cf051d32d3ee47ca6b378f4e5e4a0a01d6465
6
+ metadata.gz: 85be8cfe7b2d9bef9f49d38cc2f8267946c4dc9c7a29a3c6d7d28c766d3271232ee90d8fa691b51361ea6e9517b74330036d904b25ce328813ee03b36184b61d
7
+ data.tar.gz: 5da30fb0e17228c5b22181f7dc4b3f975b26f8b86b6a2925a3281cf3392a3ca6961c723341855581bec636348aa35a67fe6d4001b2cf6dddf50cb0b848a5d290
@@ -1,36 +1,66 @@
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: false
11
+ output: true
12
+
13
+ defaults:
14
+ - scope:
15
+ path: ""
16
+ type: "posts"
17
+ values:
18
+ layout: "post"
19
+ - scope:
20
+ path: ""
21
+ type: "projects"
22
+ values:
23
+ layout: "project"
24
+ - scope:
25
+ path: ""
26
+ values:
27
+ lang: *LANG
28
+ layout: "default"
10
29
 
11
30
  # Uncomment the section below to add items on your top navigation
12
- header_items:
13
- - About:
14
- title: About
15
- href: "#about"
16
- - Experience:
17
- title: Experience
18
- href: "#experience"
19
- - Work:
20
- title: Projects
21
- href: "#projects"
22
- - contact.md
23
- - Resume:
24
- title: Resume
25
- href: https://drive.google.com
26
- featured: true
31
+ # header_items:
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
27
48
 
28
49
  waterfall:
29
50
  author:
30
- name: Rodrigo Vargas
31
- description: Eu sou um desenvolvedor Full Stack com mais de 7 anos de experiência em desenvolvimento de aplicações Web. Hoje trabalhando principalmente com .Net, JavaScript e React
51
+ name: John Doe
52
+ description: Write a great description about you here
32
53
 
33
54
  social_links:
34
- github: Rodrigo-Vargas
35
- linkedin: Rodrigo-Vargas
36
- email: rodrigo@rodrigovargas.com.br
55
+ github: jekyll
56
+ linkedin: jekyll
57
+ email: jekyll@jekyll.io
58
+
59
+ home:
60
+ last_posts_items: 4
61
+
62
+ analytics:
63
+ tracking_id: "UX-12345678"
64
+
65
+ disqus:
66
+ 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 -%}
@@ -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 site.experiences %}
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 %}
@@ -1,5 +1,5 @@
1
- <header class="z-10">
2
- <div class="py-5 border-b border-gray-200 fixed w-full bg-gray-50">
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>
@@ -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 site.posts %}
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.permalink }}" 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">
@@ -17,4 +33,10 @@
17
33
  </div>
18
34
  {% endfor %}
19
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 -%}
20
42
  </div>
@@ -1,13 +1,30 @@
1
- {%- for item in site.header_items -%}
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 -%}
6
+
7
+ {%- for item in header_items -%}
2
8
  {%- assign cssClass = '' -%}
3
-
9
+ {%- assign target = '' -%}
10
+ {%- assign anchorTransition = '' -%}
11
+
4
12
  {%- if item.title -%}
5
13
  {%- assign title = item.title | escape -%}
6
14
  {%- assign href = item.href | escape -%}
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 -%}
7
24
 
8
25
  {%- if item.featured -%}
9
26
  {%- assign cssClass = 'btn btn-primary inline-block' -%}
10
- {%- endif -%}
27
+ {%- endif -%}
11
28
  {%- else -%}
12
29
  {%- assign page = site.pages | where: "path", item | first -%}
13
30
  {%- assign title = page.title | escape -%}
@@ -15,8 +32,7 @@
15
32
  {%- endif -%}
16
33
 
17
34
  <li class="pl-5">
18
- <a class="nav-link {{ cssClass }}" href="{{ href }}">
19
- <!-- <span class="text-primary-700">{{ forloop.index }}.</span> -->
35
+ <a class="nav-link block {{ cssClass }}" href="{{ href }}" target="{{ target }}" {{anchorTransition}}>
20
36
  <span class="text-gray-500">{{ title }}</span>
21
37
  </a>
22
38
  </li>
@@ -1,21 +1,38 @@
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 site.projects %}
6
- <div class="col w-full sm:w-1/2 md:w-1/3">
7
- <a href="{{ project.permalink }}"
8
- class="card p-5 bg-gray-50 hover:shadow-lg rounded-md relative transition-all border-t-4 border-primary-600 block mb-3">
9
- <h2 class="text-gray-800 text-xl mb-3">{{ project.title }}</h2>
10
- <p class="text-gray-500">{{ project.excerpt }}</p>
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
- <div class="absolute bottom-0 py-5">
13
- {% for category in project.categories %}
14
- <span class="text-gray-400 text-sm pr-5 py-1">{{ category }}</span>
15
- {% endfor %}
16
- </div>
17
- </a>
18
- </div>
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>
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 -%}
21
38
  </div>
@@ -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>
@@ -8,10 +8,10 @@
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-100">
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">
@@ -20,8 +20,11 @@
20
20
 
21
21
  {%- include social.html -%}
22
22
 
23
+ {%- include toolbox.html -%}
24
+
23
25
  <div class="overlay hidden bg-gray-900 opacity-60 absolute top-0 bottom-0 w-full z-0 transition-all"></div>
24
26
 
27
+ {% include analytics.html %}
25
28
  <script async src="/assets/scripts.bundle.js"></script>
26
29
  </body>
27
30
 
@@ -12,10 +12,16 @@
12
12
  {% endif %}
13
13
  </div>
14
14
 
15
- {%- include experience.html -%}
15
+ {% if site.experiences.size > 0 %}
16
+ {%- include experience.html -%}
17
+ {% endif %}
16
18
 
17
- {%- include projects.html -%}
19
+ {% if site.projects.size > 0 %}
20
+ {%- include projects.html -%}
21
+ {% endif %}
18
22
 
19
- {%- include last_posts.html -%}
23
+ {% if site.posts.size > 0 %}
24
+ {%- include last_posts.html -%}
25
+ {% endif %}
20
26
 
21
27
  {{ content }}
@@ -0,0 +1,12 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+ <article class="post">
5
+ <h1>{{ page.title }}</h1>
6
+
7
+ {{ content }}
8
+
9
+ {%- if site.disqus.shortname -%}
10
+ {%- include disqus_comments.html -%}
11
+ {%- endif -%}
12
+ </article>