jekyll-waterfall 0.3.0 → 0.5.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: 4e2e78ae840afc8296a2d4019e2adb55d8f3974543a72f90f6895f24666e2408
4
- data.tar.gz: aad7078c0f331f4a836510ec956bb16653314f6b4c6dfd9708d0c8d71856e7c4
3
+ metadata.gz: 94df7ecc19e10f8779b3ee5f42d03f707ddd17d8b059e3f8c375b5cf47f400d6
4
+ data.tar.gz: 7c2b3690a84b0f0e956106448418330e17afd407e87cf9083b758796e3c57092
5
5
  SHA512:
6
- metadata.gz: 549087b204a0b6ae85986331735c528c737a9fce95e1e795034856663f7c8d5573efc0e88cf5d3aa59d300f17fe345f190aa8e8a95b229fd6df390e35bc614a2
7
- data.tar.gz: 927fd7a37b1cfa5ffaa6b551d64708f4d4ddabcee0c7bbbec1f8e9b31abc04c91700db290c1029f16b9ef4225d440774fac96c9963a892b1b643aba9ebf037b3
6
+ metadata.gz: d44d409098440b794907d462fbe5023f8f4f85ea3d1b12b68881064da2bc1e24ffe3e2932a5668b1a6d4a468c0f19ca855aee40c7fca4096544d4e35ce612905
7
+ data.tar.gz: 67d40eabae271008b6b9cf8ba06f27d2b4be8c42bc6b9feccb228935efcdb82bf1449b1844c6a4b59f8e2c893f8cf051d32d3ee47ca6b378f4e5e4a0a01d6465
@@ -5,6 +5,8 @@ exclude: ['front']
5
5
  collections:
6
6
  experiences:
7
7
  output: false
8
+ projects:
9
+ output: false
8
10
 
9
11
  # Uncomment the section below to add items on your top navigation
10
12
  header_items:
@@ -1,5 +1,5 @@
1
1
  <div id="experience" class="min-h-screen pt-32">
2
- <h2 class="text-primary-700 mb-10 text-2xl">Where I've Worked</h2>
2
+ <h2 class="text-primary-700 mb-10 text-3xl">Where I've Worked</h2>
3
3
 
4
4
  <div class="flex flex-wrap">
5
5
  <div class="w-1/4">
@@ -1,45 +1,32 @@
1
- <header class="py-5 border-b border-gray-200 fixed w-full bg-gray-50">
2
- <div class="container mx-auto">
3
- <div class="flex items-center">
4
-
5
- <div class="w-3/4 md:w-1/4">
6
- <div class="logo hexagon relative">
7
- <a href="/">
8
- <span class="text-primary-700 absolute text-center w-full h-full z-10 flex items-center justify-center">RV</span>
9
- </a>
1
+ <header class="z-10">
2
+ <div class="py-5 border-b border-gray-200 fixed w-full bg-gray-50">
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
- <li class="pl-5">
31
- <a class="nav-link {{ cssClass }}" href="{{ href }}">
32
- <!-- <span class="text-primary-700">{{ forloop.index }}.</span> -->
33
- <span class="text-gray-500">{{ title }}</span>
34
- </a>
35
- </li>
36
- {%- endfor -%}
37
- </ul>
38
- </div>
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
- <a class="w-1/4 md:hidden text-3xl text-primary-700 z-10 text-right" nav-toggler>
41
- {%- include svg/bars.svg -%}
42
- </a>
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,20 @@
1
+ <div id="last-posts" class="min-h-screen pt-32">
2
+ <h2 class="text-primary-700 mb-10 text-3xl">Last Posts</h2>
3
+
4
+ <div class="row">
5
+ {% for post in site.posts %}
6
+ <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>
9
+ <p class="text-gray-500">{{ post.excerpt }}</p>
10
+
11
+ <div class="absolute bottom-0 py-5">
12
+ {% for category in post.categories %}
13
+ <span class="text-gray-400 text-sm">{{ category }}</span>
14
+ {% endfor %}
15
+ </div>
16
+ </a>
17
+ </div>
18
+ {% endfor %}
19
+ </div>
20
+ </div>
@@ -0,0 +1,23 @@
1
+ {%- for item in site.header_items -%}
2
+ {%- assign cssClass = '' -%}
3
+
4
+ {%- if item.title -%}
5
+ {%- assign title = item.title | escape -%}
6
+ {%- assign href = item.href | escape -%}
7
+
8
+ {%- if item.featured -%}
9
+ {%- assign cssClass = 'btn btn-primary inline-block' -%}
10
+ {%- endif -%}
11
+ {%- else -%}
12
+ {%- assign page = site.pages | where: "path", item | first -%}
13
+ {%- assign title = page.title | escape -%}
14
+ {%- assign href = page.url | relative_url -%}
15
+ {%- endif -%}
16
+
17
+ <li class="pl-5">
18
+ <a class="nav-link {{ cssClass }}" href="{{ href }}">
19
+ <!-- <span class="text-primary-700">{{ forloop.index }}.</span> -->
20
+ <span class="text-gray-500">{{ title }}</span>
21
+ </a>
22
+ </li>
23
+ {%- endfor -%}
@@ -0,0 +1,21 @@
1
+ <div id="projects" class="min-h-screen pt-32">
2
+ <h2 class="text-primary-700 mb-10 text-3xl">Some Things I've Built</h2>
3
+
4
+ <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>
11
+
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>
19
+ {% endfor %}
20
+ </div>
21
+ </div>
@@ -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
- {%- if social.email -%}
6
- <a href="mailto{{ social.email | cgi_escape | escape }}" class="text-primary-700 text-lg block bg-gray-50 p-3">
7
- {%- include svg/envelope.svg -%}
8
- </a>
9
- {%- endif -%}
5
+ <div class="bg-gray-100">
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
- {%- if social.github -%}
12
- <a href="https://github.com/{{ social.github | cgi_escape | escape }}" target="_blank" class="text-primary-700 text-lg block bg-gray-50 p-3">
13
- {%- include svg/github.svg -%}
14
- </a>
15
- {%- endif -%}
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
- {%- if social.linkedin -%}
18
- <a href="https://www.linkedin.com/in/{{ social.linkedin | cgi_escape | escape }}" class="text-primary-700 text-lg block bg-gray-50 p-3">
19
- {%- include svg/linkedin.svg -%}
20
- </a>
21
- {%- endif -%}
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">
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>
@@ -11,25 +11,17 @@
11
11
  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap" rel="stylesheet">
12
12
  </head>
13
13
 
14
- <body class="bg-gray-50">
14
+ <body class="bg-gray-100">
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
+ <div class="overlay hidden bg-gray-900 opacity-60 absolute top-0 bottom-0 w-full z-0 transition-all"></div>
24
+
33
25
  <script async src="/assets/scripts.bundle.js"></script>
34
26
  </body>
35
27
 
@@ -0,0 +1,21 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ <div class="page-hero min-h-screen">
6
+ <h1 class="text-primary-700 text-4xl pt:20 md:pt-40 mb-10">{{ site.waterfall.author.name }}</h1>
7
+
8
+ <p class="my-5 text-gray-500 mb-24 w-2/3 md:w-1/2">{{ site.waterfall.author.description }}</p>
9
+
10
+ {% if page.cta %}
11
+ <a class="btn btn-large bg-primary-700 py-4 px-8 text-white rounded-lg my-5" href="{{ page.cta.link }}">{{ page.cta.label }}</a>
12
+ {% endif %}
13
+ </div>
14
+
15
+ {%- include experience.html -%}
16
+
17
+ {%- include projects.html -%}
18
+
19
+ {%- include last_posts.html -%}
20
+
21
+ {{ content }}
@@ -20,7 +20,7 @@
20
20
  /*! runtime requirements: __webpack_exports__, __webpack_require__.r, __webpack_require__.d, __webpack_require__.* */
21
21
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
22
22
 
23
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => __WEBPACK_DEFAULT_EXPORT__\n/* harmony export */ });\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nvar NavCollapse = /*#__PURE__*/function () {\n function NavCollapse() {\n _classCallCheck(this, NavCollapse);\n\n this.init();\n }\n\n _createClass(NavCollapse, [{\n key: \"init\",\n value: function init() {\n var navTogglers = document.querySelectorAll('[nav-toggler]');\n navTogglers.forEach(function (toggler) {\n toggler.addEventListener('click', function (event) {\n document.querySelector('body').classList.toggle('nav-opened');\n });\n });\n }\n }]);\n\n return NavCollapse;\n}();\n\nvar NavCollapseInit = function NavCollapseInit() {\n return new NavCollapse();\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (NavCollapseInit);\n\n//# sourceURL=webpack:///./js/nav-collapse.js?");
23
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => __WEBPACK_DEFAULT_EXPORT__\n/* harmony export */ });\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nvar NavCollapse = /*#__PURE__*/function () {\n function NavCollapse() {\n _classCallCheck(this, NavCollapse);\n\n this.panels = [];\n this.init();\n }\n\n _createClass(NavCollapse, [{\n key: \"init\",\n value: function init() {\n var _this = this;\n\n var navTogglers = document.querySelectorAll('[nav-toggler]');\n navTogglers.forEach(function (toggler) {\n toggler.addEventListener('click', function (event) {\n event.preventDefault();\n event.stopPropagation();\n document.querySelector('body').classList.toggle('nav-opened');\n });\n\n _this.panels.push(document.querySelector(toggler.getAttribute('href')));\n });\n\n window.onclick = function (event) {\n if (!_this.elementIsAPanel(event.target)) document.querySelector('body').classList.remove('nav-opened');\n };\n }\n }, {\n key: \"elementIsAPanel\",\n value: function elementIsAPanel(target) {\n var isAPanel = false;\n this.panels.forEach(function (panel) {\n if (panel == target) isAPanel = true;\n });\n return isAPanel;\n }\n }]);\n\n return NavCollapse;\n}();\n\nvar NavCollapseInit = function NavCollapseInit() {\n return new NavCollapse();\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (NavCollapseInit);\n\n//# sourceURL=webpack:///./js/nav-collapse.js?");
24
24
 
25
25
  /***/ }),
26
26
 
@@ -47,7 +47,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
47
47
  /*! runtime requirements: __webpack_require__, __webpack_require__.r, __webpack_exports__, __webpack_require__.* */
48
48
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
49
49
 
50
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _nav_collapse__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./nav-collapse */ \"./js/nav-collapse.js\");\n/* harmony import */ var _pills__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./pills */ \"./js/pills.js\");\n\n\n(0,_pills__WEBPACK_IMPORTED_MODULE_1__.default)();\n(0,_nav_collapse__WEBPACK_IMPORTED_MODULE_0__.default)();\n\n//# sourceURL=webpack:///./js/site.js?");
50
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _nav_collapse__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./nav-collapse */ \"./js/nav-collapse.js\");\n/* harmony import */ var _pills__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./pills */ \"./js/pills.js\");\n\n(0,_nav_collapse__WEBPACK_IMPORTED_MODULE_0__.default)();\n\n(0,_pills__WEBPACK_IMPORTED_MODULE_1__.default)();\n\n//# sourceURL=webpack:///./js/site.js?");
51
51
 
52
52
  /***/ })
53
53
 
@@ -21181,90 +21181,6 @@ video {
21181
21181
  transition-duration: 150ms;
21182
21182
  }
21183
21183
 
21184
- @media (prefers-reduced-motion: no-preference) {
21185
- .motion-safe\:transition-none {
21186
- transition-property: none;
21187
- }
21188
-
21189
- .motion-safe\:transition-all {
21190
- transition-property: all;
21191
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21192
- transition-duration: 150ms;
21193
- }
21194
-
21195
- .motion-safe\:transition {
21196
- transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
21197
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21198
- transition-duration: 150ms;
21199
- }
21200
-
21201
- .motion-safe\:transition-colors {
21202
- transition-property: background-color, border-color, color, fill, stroke;
21203
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21204
- transition-duration: 150ms;
21205
- }
21206
-
21207
- .motion-safe\:transition-opacity {
21208
- transition-property: opacity;
21209
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21210
- transition-duration: 150ms;
21211
- }
21212
-
21213
- .motion-safe\:transition-shadow {
21214
- transition-property: box-shadow;
21215
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21216
- transition-duration: 150ms;
21217
- }
21218
-
21219
- .motion-safe\:transition-transform {
21220
- transition-property: transform;
21221
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21222
- transition-duration: 150ms;
21223
- }
21224
- }
21225
-
21226
- @media (prefers-reduced-motion: reduce) {
21227
- .motion-reduce\:transition-none {
21228
- transition-property: none;
21229
- }
21230
-
21231
- .motion-reduce\:transition-all {
21232
- transition-property: all;
21233
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21234
- transition-duration: 150ms;
21235
- }
21236
-
21237
- .motion-reduce\:transition {
21238
- transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
21239
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21240
- transition-duration: 150ms;
21241
- }
21242
-
21243
- .motion-reduce\:transition-colors {
21244
- transition-property: background-color, border-color, color, fill, stroke;
21245
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21246
- transition-duration: 150ms;
21247
- }
21248
-
21249
- .motion-reduce\:transition-opacity {
21250
- transition-property: opacity;
21251
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21252
- transition-duration: 150ms;
21253
- }
21254
-
21255
- .motion-reduce\:transition-shadow {
21256
- transition-property: box-shadow;
21257
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21258
- transition-duration: 150ms;
21259
- }
21260
-
21261
- .motion-reduce\:transition-transform {
21262
- transition-property: transform;
21263
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21264
- transition-duration: 150ms;
21265
- }
21266
- }
21267
-
21268
21184
  .ease-linear {
21269
21185
  transition-timing-function: linear;
21270
21186
  }
@@ -21544,10 +21460,14 @@ p {
21544
21460
  background-color: rgba(79, 70, 229, var(--tw-bg-opacity))
21545
21461
  }
21546
21462
 
21547
- .nav-opened .nav {
21463
+ .nav-opened aside {
21548
21464
  right: 0;
21549
21465
  }
21550
21466
 
21467
+ .nav-opened .overlay {
21468
+ display: block;
21469
+ }
21470
+
21551
21471
  body {
21552
21472
  --white: #fff;
21553
21473
  --primary-50: #eef2ff;
@@ -21576,6 +21496,22 @@ body {
21576
21496
  transition: all 0.5s !important;
21577
21497
  }
21578
21498
 
21499
+ .row {
21500
+ display: flex;
21501
+ flex-wrap: wrap;
21502
+ margin-left: -0.75rem;
21503
+ margin-right: -0.75rem
21504
+ }
21505
+
21506
+ .col {
21507
+ padding-left: 0.75rem;
21508
+ padding-right: 0.75rem
21509
+ }
21510
+
21511
+ .card {
21512
+ height: 16rem
21513
+ }
21514
+
21579
21515
  @media (min-width: 640px) {
21580
21516
  .sm\:container {
21581
21517
  width: 100%;
@@ -42202,93 +42138,6 @@ body {
42202
42138
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
42203
42139
  transition-duration: 150ms;
42204
42140
  }
42205
- }
42206
-
42207
- @media (min-width: 640px) and (prefers-reduced-motion: no-preference) {
42208
- .sm\:motion-safe\:transition-none {
42209
- transition-property: none;
42210
- }
42211
-
42212
- .sm\:motion-safe\:transition-all {
42213
- transition-property: all;
42214
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
42215
- transition-duration: 150ms;
42216
- }
42217
-
42218
- .sm\:motion-safe\:transition {
42219
- transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
42220
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
42221
- transition-duration: 150ms;
42222
- }
42223
-
42224
- .sm\:motion-safe\:transition-colors {
42225
- transition-property: background-color, border-color, color, fill, stroke;
42226
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
42227
- transition-duration: 150ms;
42228
- }
42229
-
42230
- .sm\:motion-safe\:transition-opacity {
42231
- transition-property: opacity;
42232
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
42233
- transition-duration: 150ms;
42234
- }
42235
-
42236
- .sm\:motion-safe\:transition-shadow {
42237
- transition-property: box-shadow;
42238
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
42239
- transition-duration: 150ms;
42240
- }
42241
-
42242
- .sm\:motion-safe\:transition-transform {
42243
- transition-property: transform;
42244
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
42245
- transition-duration: 150ms;
42246
- }
42247
- }
42248
-
42249
- @media (min-width: 640px) and (prefers-reduced-motion: reduce) {
42250
- .sm\:motion-reduce\:transition-none {
42251
- transition-property: none;
42252
- }
42253
-
42254
- .sm\:motion-reduce\:transition-all {
42255
- transition-property: all;
42256
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
42257
- transition-duration: 150ms;
42258
- }
42259
-
42260
- .sm\:motion-reduce\:transition {
42261
- transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
42262
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
42263
- transition-duration: 150ms;
42264
- }
42265
-
42266
- .sm\:motion-reduce\:transition-colors {
42267
- transition-property: background-color, border-color, color, fill, stroke;
42268
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
42269
- transition-duration: 150ms;
42270
- }
42271
-
42272
- .sm\:motion-reduce\:transition-opacity {
42273
- transition-property: opacity;
42274
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
42275
- transition-duration: 150ms;
42276
- }
42277
-
42278
- .sm\:motion-reduce\:transition-shadow {
42279
- transition-property: box-shadow;
42280
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
42281
- transition-duration: 150ms;
42282
- }
42283
-
42284
- .sm\:motion-reduce\:transition-transform {
42285
- transition-property: transform;
42286
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
42287
- transition-duration: 150ms;
42288
- }
42289
- }
42290
-
42291
- @media (min-width: 640px) {
42292
42141
 
42293
42142
  .sm\:ease-linear {
42294
42143
  transition-timing-function: linear;
@@ -63022,93 +62871,6 @@ body {
63022
62871
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
63023
62872
  transition-duration: 150ms;
63024
62873
  }
63025
- }
63026
-
63027
- @media (min-width: 768px) and (prefers-reduced-motion: no-preference) {
63028
- .md\:motion-safe\:transition-none {
63029
- transition-property: none;
63030
- }
63031
-
63032
- .md\:motion-safe\:transition-all {
63033
- transition-property: all;
63034
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
63035
- transition-duration: 150ms;
63036
- }
63037
-
63038
- .md\:motion-safe\:transition {
63039
- transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
63040
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
63041
- transition-duration: 150ms;
63042
- }
63043
-
63044
- .md\:motion-safe\:transition-colors {
63045
- transition-property: background-color, border-color, color, fill, stroke;
63046
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
63047
- transition-duration: 150ms;
63048
- }
63049
-
63050
- .md\:motion-safe\:transition-opacity {
63051
- transition-property: opacity;
63052
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
63053
- transition-duration: 150ms;
63054
- }
63055
-
63056
- .md\:motion-safe\:transition-shadow {
63057
- transition-property: box-shadow;
63058
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
63059
- transition-duration: 150ms;
63060
- }
63061
-
63062
- .md\:motion-safe\:transition-transform {
63063
- transition-property: transform;
63064
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
63065
- transition-duration: 150ms;
63066
- }
63067
- }
63068
-
63069
- @media (min-width: 768px) and (prefers-reduced-motion: reduce) {
63070
- .md\:motion-reduce\:transition-none {
63071
- transition-property: none;
63072
- }
63073
-
63074
- .md\:motion-reduce\:transition-all {
63075
- transition-property: all;
63076
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
63077
- transition-duration: 150ms;
63078
- }
63079
-
63080
- .md\:motion-reduce\:transition {
63081
- transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
63082
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
63083
- transition-duration: 150ms;
63084
- }
63085
-
63086
- .md\:motion-reduce\:transition-colors {
63087
- transition-property: background-color, border-color, color, fill, stroke;
63088
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
63089
- transition-duration: 150ms;
63090
- }
63091
-
63092
- .md\:motion-reduce\:transition-opacity {
63093
- transition-property: opacity;
63094
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
63095
- transition-duration: 150ms;
63096
- }
63097
-
63098
- .md\:motion-reduce\:transition-shadow {
63099
- transition-property: box-shadow;
63100
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
63101
- transition-duration: 150ms;
63102
- }
63103
-
63104
- .md\:motion-reduce\:transition-transform {
63105
- transition-property: transform;
63106
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
63107
- transition-duration: 150ms;
63108
- }
63109
- }
63110
-
63111
- @media (min-width: 768px) {
63112
62874
 
63113
62875
  .md\:ease-linear {
63114
62876
  transition-timing-function: linear;
@@ -83842,93 +83604,6 @@ body {
83842
83604
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
83843
83605
  transition-duration: 150ms;
83844
83606
  }
83845
- }
83846
-
83847
- @media (min-width: 1024px) and (prefers-reduced-motion: no-preference) {
83848
- .lg\:motion-safe\:transition-none {
83849
- transition-property: none;
83850
- }
83851
-
83852
- .lg\:motion-safe\:transition-all {
83853
- transition-property: all;
83854
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
83855
- transition-duration: 150ms;
83856
- }
83857
-
83858
- .lg\:motion-safe\:transition {
83859
- transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
83860
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
83861
- transition-duration: 150ms;
83862
- }
83863
-
83864
- .lg\:motion-safe\:transition-colors {
83865
- transition-property: background-color, border-color, color, fill, stroke;
83866
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
83867
- transition-duration: 150ms;
83868
- }
83869
-
83870
- .lg\:motion-safe\:transition-opacity {
83871
- transition-property: opacity;
83872
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
83873
- transition-duration: 150ms;
83874
- }
83875
-
83876
- .lg\:motion-safe\:transition-shadow {
83877
- transition-property: box-shadow;
83878
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
83879
- transition-duration: 150ms;
83880
- }
83881
-
83882
- .lg\:motion-safe\:transition-transform {
83883
- transition-property: transform;
83884
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
83885
- transition-duration: 150ms;
83886
- }
83887
- }
83888
-
83889
- @media (min-width: 1024px) and (prefers-reduced-motion: reduce) {
83890
- .lg\:motion-reduce\:transition-none {
83891
- transition-property: none;
83892
- }
83893
-
83894
- .lg\:motion-reduce\:transition-all {
83895
- transition-property: all;
83896
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
83897
- transition-duration: 150ms;
83898
- }
83899
-
83900
- .lg\:motion-reduce\:transition {
83901
- transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
83902
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
83903
- transition-duration: 150ms;
83904
- }
83905
-
83906
- .lg\:motion-reduce\:transition-colors {
83907
- transition-property: background-color, border-color, color, fill, stroke;
83908
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
83909
- transition-duration: 150ms;
83910
- }
83911
-
83912
- .lg\:motion-reduce\:transition-opacity {
83913
- transition-property: opacity;
83914
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
83915
- transition-duration: 150ms;
83916
- }
83917
-
83918
- .lg\:motion-reduce\:transition-shadow {
83919
- transition-property: box-shadow;
83920
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
83921
- transition-duration: 150ms;
83922
- }
83923
-
83924
- .lg\:motion-reduce\:transition-transform {
83925
- transition-property: transform;
83926
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
83927
- transition-duration: 150ms;
83928
- }
83929
- }
83930
-
83931
- @media (min-width: 1024px) {
83932
83607
 
83933
83608
  .lg\:ease-linear {
83934
83609
  transition-timing-function: linear;
@@ -104662,93 +104337,6 @@ body {
104662
104337
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
104663
104338
  transition-duration: 150ms;
104664
104339
  }
104665
- }
104666
-
104667
- @media (min-width: 1280px) and (prefers-reduced-motion: no-preference) {
104668
- .xl\:motion-safe\:transition-none {
104669
- transition-property: none;
104670
- }
104671
-
104672
- .xl\:motion-safe\:transition-all {
104673
- transition-property: all;
104674
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
104675
- transition-duration: 150ms;
104676
- }
104677
-
104678
- .xl\:motion-safe\:transition {
104679
- transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
104680
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
104681
- transition-duration: 150ms;
104682
- }
104683
-
104684
- .xl\:motion-safe\:transition-colors {
104685
- transition-property: background-color, border-color, color, fill, stroke;
104686
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
104687
- transition-duration: 150ms;
104688
- }
104689
-
104690
- .xl\:motion-safe\:transition-opacity {
104691
- transition-property: opacity;
104692
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
104693
- transition-duration: 150ms;
104694
- }
104695
-
104696
- .xl\:motion-safe\:transition-shadow {
104697
- transition-property: box-shadow;
104698
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
104699
- transition-duration: 150ms;
104700
- }
104701
-
104702
- .xl\:motion-safe\:transition-transform {
104703
- transition-property: transform;
104704
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
104705
- transition-duration: 150ms;
104706
- }
104707
- }
104708
-
104709
- @media (min-width: 1280px) and (prefers-reduced-motion: reduce) {
104710
- .xl\:motion-reduce\:transition-none {
104711
- transition-property: none;
104712
- }
104713
-
104714
- .xl\:motion-reduce\:transition-all {
104715
- transition-property: all;
104716
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
104717
- transition-duration: 150ms;
104718
- }
104719
-
104720
- .xl\:motion-reduce\:transition {
104721
- transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
104722
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
104723
- transition-duration: 150ms;
104724
- }
104725
-
104726
- .xl\:motion-reduce\:transition-colors {
104727
- transition-property: background-color, border-color, color, fill, stroke;
104728
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
104729
- transition-duration: 150ms;
104730
- }
104731
-
104732
- .xl\:motion-reduce\:transition-opacity {
104733
- transition-property: opacity;
104734
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
104735
- transition-duration: 150ms;
104736
- }
104737
-
104738
- .xl\:motion-reduce\:transition-shadow {
104739
- transition-property: box-shadow;
104740
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
104741
- transition-duration: 150ms;
104742
- }
104743
-
104744
- .xl\:motion-reduce\:transition-transform {
104745
- transition-property: transform;
104746
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
104747
- transition-duration: 150ms;
104748
- }
104749
- }
104750
-
104751
- @media (min-width: 1280px) {
104752
104340
 
104753
104341
  .xl\:ease-linear {
104754
104342
  transition-timing-function: linear;
@@ -125482,93 +125070,6 @@ body {
125482
125070
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
125483
125071
  transition-duration: 150ms;
125484
125072
  }
125485
- }
125486
-
125487
- @media (min-width: 1536px) and (prefers-reduced-motion: no-preference) {
125488
- .\32xl\:motion-safe\:transition-none {
125489
- transition-property: none;
125490
- }
125491
-
125492
- .\32xl\:motion-safe\:transition-all {
125493
- transition-property: all;
125494
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
125495
- transition-duration: 150ms;
125496
- }
125497
-
125498
- .\32xl\:motion-safe\:transition {
125499
- transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
125500
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
125501
- transition-duration: 150ms;
125502
- }
125503
-
125504
- .\32xl\:motion-safe\:transition-colors {
125505
- transition-property: background-color, border-color, color, fill, stroke;
125506
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
125507
- transition-duration: 150ms;
125508
- }
125509
-
125510
- .\32xl\:motion-safe\:transition-opacity {
125511
- transition-property: opacity;
125512
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
125513
- transition-duration: 150ms;
125514
- }
125515
-
125516
- .\32xl\:motion-safe\:transition-shadow {
125517
- transition-property: box-shadow;
125518
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
125519
- transition-duration: 150ms;
125520
- }
125521
-
125522
- .\32xl\:motion-safe\:transition-transform {
125523
- transition-property: transform;
125524
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
125525
- transition-duration: 150ms;
125526
- }
125527
- }
125528
-
125529
- @media (min-width: 1536px) and (prefers-reduced-motion: reduce) {
125530
- .\32xl\:motion-reduce\:transition-none {
125531
- transition-property: none;
125532
- }
125533
-
125534
- .\32xl\:motion-reduce\:transition-all {
125535
- transition-property: all;
125536
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
125537
- transition-duration: 150ms;
125538
- }
125539
-
125540
- .\32xl\:motion-reduce\:transition {
125541
- transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
125542
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
125543
- transition-duration: 150ms;
125544
- }
125545
-
125546
- .\32xl\:motion-reduce\:transition-colors {
125547
- transition-property: background-color, border-color, color, fill, stroke;
125548
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
125549
- transition-duration: 150ms;
125550
- }
125551
-
125552
- .\32xl\:motion-reduce\:transition-opacity {
125553
- transition-property: opacity;
125554
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
125555
- transition-duration: 150ms;
125556
- }
125557
-
125558
- .\32xl\:motion-reduce\:transition-shadow {
125559
- transition-property: box-shadow;
125560
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
125561
- transition-duration: 150ms;
125562
- }
125563
-
125564
- .\32xl\:motion-reduce\:transition-transform {
125565
- transition-property: transform;
125566
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
125567
- transition-duration: 150ms;
125568
- }
125569
- }
125570
-
125571
- @media (min-width: 1536px) {
125572
125073
 
125573
125074
  .\32xl\:ease-linear {
125574
125075
  transition-timing-function: linear;
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.3.0
4
+ version: 0.5.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Rodrigo-Vargas
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2020-12-08 00:00:00.000000000 Z
11
+ date: 2020-12-10 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -36,11 +36,16 @@ files:
36
36
  - _config.yml
37
37
  - _includes/experience.html
38
38
  - _includes/header.html
39
+ - _includes/last_posts.html
40
+ - _includes/nav.html
41
+ - _includes/projects.html
39
42
  - _includes/social.html
43
+ - _includes/svg/bars.svg
40
44
  - _includes/svg/envelope.svg
41
45
  - _includes/svg/github.svg
42
46
  - _includes/svg/linkedin.svg
43
47
  - _layouts/default.html
48
+ - _layouts/home.html
44
49
  - assets/scripts.bundle.js
45
50
  - assets/styles.css
46
51
  homepage: https://rodrigovargas.com.br