vitrina 0.2.4 → 0.3.1

data/_layouts/resume.html

@@ -0,0 +1,62 @@
+---
+layout: default
+---
+
+{{ content }}
+
+<div class="resume">
+  <h1 class="title is-size-1 has-text-centered has-text-primary">{{ page.title }}</h1>
+  <div class="section section-card">
+    <div class="container page page-resume">
+      <div class="columns">
+        <div class="column is-5 resume-profile">
+          {% assign data = site.data.resume %}
+
+          {% assign link = data.photo %}
+          {% include util/prepend_link.html %}
+          <img class="image centered is-128x128" src="{{ link }}">
+
+          <h1 class="is-size-1 has-text-centered">{{ data.name }}</h1>
+          <p class="has-text-centered">{{ data.title }}</p>
+
+        {% if data.skills %}
+          {% for skill in data.skills %}
+            <p class="skill {{ skill.style }}">
+              <span class="icon is-big has-text-info">
+                <i class="fa fa-2x {{ skill.icon }}"></i>
+              </span>
+              <progress class="progress {{ skill.progress.style }}" value="{{ skill.progress.value }}" max="{{ skill.progress.max }}">{{ skill.progress.value }}%</progress>
+            </p>
+
+          {% endfor %}
+
+        {% endif %}
+
+        </div> {% comment %} resume-profile {% endcomment %}
+
+        <div class="column resume-info has-text-dark">
+        {% for section in data.profile %}
+          <h1 class="is-size-3 {{ section.style }}">{{ section.title }}</h1>
+
+          {% for item in section.info %}
+            <p class="years {{ item.style }}">{{ item.years }}</p>
+            <p class="info {{ item.style }}">{{ item.text }}</p>
+
+            {% if item.list %}
+              <ul class="info {{ item.style }}">
+                {% for line in item.list %}
+                  <li class="{{ line.style }}">{{ line.text }}</li>
+                {% endfor %}
+
+              </ul> {% comment %} info {% endcomment %}
+            {% endif %}
+
+          {% endfor %}
+
+        {% endfor %}
+
+        </div> {% comment %} resume-info {% endcomment %}
+      </div> {% comment %} columns {% endcomment %}
+    </div> {% comment %} page-resume {% endcomment %}
+  </div> {% comment %} section-card {% endcomment %}
+</div> {% comment %} resume {% endcomment %}

data/_papers/A-systematic-review-on-the-productive-effects-of-hobbies.md

@@ -0,0 +1,15 @@
+---
+title: A systematic review on the productive effects of hobbies
+type: Review article
+publication:
+  name: Vitrina Science
+  link: /
+  reference: Volume 666, Issue 69, 21 November 2001, Pages 50-500
+authors: [
+  Augusto Goulart,
+  José Goulart,
+  A. dos Santos
+]
+access:
+  open: false
+---

data/_papers/Applications-of-open-collaboration-in-software-development.md

@@ -0,0 +1,14 @@
+---
+title: Applications of open collaboration in software development
+type: Research article
+publication:
+  name: Vitrina Journal of Software
+  link: /
+  reference: Volume 420, Issue 13, 21 November 2001, Pages 12-13
+authors: [
+  José A. Goulart
+]
+access:
+  open: true
+  pdf: /
+---

data/_posts/2019-04-03-welcome-human.md

@@ -0,0 +1,52 @@
+---
+title:  Welcome, Human!
+author: Augusto Goulart
+date:   2019-04-03 18:07:23 -0300
+categories:
+  - jekyll
+  - update
+---
+
+Shall I welcome you to this site, make your way through the posts and you'll find many useless stuff, that's because the current content in here is intended for tests purposes only.
+
+As one may see, this is located in the `_posts` directory. Take a look at the source for this post to get an idea about how it works.
+
+- [x] Say this post is just a test
++ [ ] Make this post gone
+- [ ] Dominate this planet
+
+Some code from my ongoing projects:
+
+{% highlight c lineos %}
+#if defined(_WIN32) || defined(_WIN64) || defined(__MINGW32__) || defined (__MINGW64__) || defined(__CYGWIN__)
+  #undef __WINDOWS__
+  #define __WINDOWS__ 1
+#endif
+#if defined(__ILP32__) || defined(_ILP32) || defined(__i386__) || defined(_M_IX86) || defined(_X86_)
+  #undef __X86_ARCH__
+  #define __X86_ARCH__ 1
+#endif
+typedef unsigned char ubyte_t;
+#if defined(__X86_ARCH__)
+  typedef uint32_t ulong_t;
+#else
+  typedef uint64_t ulong_t;
+#endif
+{% endhighlight %}
+
+{% highlight c lineos %}
+size_t file_find_size(const char* filename)
+{
+  struct STAT file_status;
+
+  /* get file size */
+  if (!STAT(filename, &file_status))
+    return file_status.st_size;
+  else
+    return 0;
+}
+{% endhighlight %}
+
+Go to [Jekyll docs][jekyll-docs] for more info on how to destroy your enemies.
+
+[jekyll-docs]: https://jekyllrb.com/docs/home

data/_projects/Make.md

@@ -0,0 +1,5 @@
+---
+title: Make
+link: /
+image: /assets/img/make.png
+---

data/_projects/Meet.md

@@ -0,0 +1,8 @@
+---
+title: Meet
+link: /
+image: /assets/img/meet.png
+overlay:
+  text: Work In Progress
+  style: has-text-primary has-background-light
+---

data/_projects/Mood.md

@@ -0,0 +1,5 @@
+---
+title: Mood
+link: /
+image: /assets/img/mood.png
+---

data/_projects/Take.md

@@ -0,0 +1,8 @@
+---
+title: Take
+link: /
+image: /assets/img/take.png
+overlay:
+  text: v1.4.3a
+  style: has-text-primary has-background-light
+---

data/_projects/Think.md

@@ -0,0 +1,8 @@
+---
+title: Think
+link: /
+image: /assets/img/think.png
+overlay:
+  text: Pre-Release
+  style: has-text-primary has-background-light
+---

data/_sass/_bulma.scss

@@ -0,0 +1,3 @@
+@charset "utf-8";
+
+@import "../node_modules/bulma/bulma.sass";

data/_sass/_fork_awesome.scss

@@ -0,0 +1,11 @@
+@charset "utf-8";
+
+@import "../node_modules/fork-awesome/scss/fork-awesome.scss";
+
+@font-face {
+  font-family: 'ForkAwesome';
+  src: url('../../node_modules/fork-awesome/fonts/forkawesome-webfont.eot?v=1.1.7');
+  src: url('../../node_modules/fork-awesome/fonts/forkawesome-webfont.eot?#iefix&v=1.1.7') format('embedded-opentype'), url('../../node_modules/fork-awesome/fonts/forkawesome-webfont.woff2?v=1.1.7') format('woff2'), url('../../node_modules/fork-awesome/fonts/forkawesome-webfont.woff?v=1.1.7') format('woff'), url('../../node_modules/fork-awesome/fonts/forkawesome-webfont.ttf?v=1.1.7') format('truetype'), url('../../node_modules/fork-awesome/fonts/forkawesome-webfont.svg?v=1.1.7#forkawesomeregular') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}

data/_sass/code.scss

@@ -0,0 +1,128 @@
+code, kbd, pre {
+  font-family: $font-code;
+  font-weight: 700;
+  background-color: $grey-lightest;
+}
+
+.highlight {
+  margin: 1rem 0;
+
+  pre {
+    padding: 1rem;
+  }
+
+  .err {
+    color: $text;
+  }
+
+  .w {
+    color: transparent;
+  }
+
+  .x, .n {
+    color: $text;
+  }
+
+  .na {
+    color: $blue;
+  }
+
+  .nb {
+    color: $cyan;
+  }
+
+  .nc {
+    color: $blue;
+  }
+
+  .no, .nd {
+    color: $pink;
+  }
+
+  .ni, .ne {
+    color: $text;
+  }
+
+  .nf {
+    color: $cyan;
+  }
+
+  .nl {
+    color: $blue-dark;
+  }
+
+  .nn {
+    color: $green-light;
+  }
+
+  .nx {
+    color: $cyan;
+  }
+
+  .py {
+    color: $text;
+  }
+
+  .nt {
+    color: $red;
+  }
+
+  .nv {
+    color: $orange;
+  }
+
+  .vc, .vg, .vi, .bp, .o {
+    color: $text;
+  }
+
+  .ow {
+    color: $pink;
+  }
+
+  .c, .cm {
+    color: $grey;
+    font-style: italic;
+  }
+
+  .cp {
+    color: $green;
+    font-style: italic;
+  }
+
+  .c1, .cs {
+    color: $grey;
+    font-style: italic;
+  }
+
+  .k, .kc, .kd {
+    color: $pink;
+  }
+
+  .kn {
+    color: $blue;
+  }
+
+  .kp, .kr, .kt {
+    color: $pink;
+  }
+
+  .l {
+    color: $greenish;
+  }
+
+  .ld, .m, .mf, .mh, .mi, .mo, .il {
+    color: $orange;
+  }
+
+  .s, .sb, .sc, .sd, .s2, .se, .sh, .si, .sx, .sr, .s1 {
+    color: $greenish;
+  }
+
+  .ss {
+    color: $cyan;
+  }
+
+  .g, .gd, .ge, .gr, .gh, .gi, .go, .gp, .gs, .gu, .gt {
+    color: $blue-dark;
+  }
+}

data/_sass/customize.scss

@@ -0,0 +1,69 @@
+@charset "utf-8";
+
+// Typography
+@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:400,700|Source+Code+Pro:400,700&display=swap');
+
+// Initial variables
+$family-sans-serif: 'Josefin Sans', sans-serif;
+$family-monospace: 'Source Code Pro', monospace;
+
+$black: hsl(0, 0%, 0%);
+$white: hsl(0, 0%, 100%);
+$grey: hsl(0, 0%, 78%);
+$grey-dark: hsl(0, 0%, 29%);
+$grey-lighter: hsl(0, 0%, 94%);
+$grey-lightest: hsl(0, 0%, 96%);
+$grey-superlight: hsl(0, 0%, 98%);
+$yellow: hsl(53, 100%, 50%);
+$pink: hsl(300, 100%, 50%);
+$blue: hsl(205, 84%, 50%);
+$cyan: hsl(180, 100%, 35%);
+$green: hsl(115, 67%, 38%);
+$blue-dark: hsl(205, 53%, 25%);
+$green-light: hsl(131, 65%, 58%);
+$red: hsl(5, 83%, 50%);
+$orange: hsl(41, 79%, 50%);
+$greenish: hsl(78, 36%, 53%);
+
+// Functions
+@function darkenColor($color) {
+  @if type-of($color) == 'color' {
+    @return change-color($color, $lightness: 40%);
+  }
+
+  @return $black;
+}
+
+// Derivated variables
+$primary: $black;
+$primary-invert: $yellow;
+$primary-light: $white;
+$primary-dark: $grey;
+
+$info: $yellow;
+$info-invert: $black;
+$info-light: $white;
+$info-dark: $grey;
+
+$link: $black;
+$link-invert: $yellow;
+$link-dark: darkenColor($yellow);
+$link-hover: $link-dark;
+$link-hover-border: $link-dark;
+$link-focus: $link-dark;
+$link-focus-border: $link-dark;
+$link-active: $link-dark;
+$link-active-border: $link-dark;
+
+$text: $grey-dark;
+
+$background: $grey-superlight;
+
+$border-hover: $info;
+
+$font-code: $family-monospace;
+
+$progress-border-radius: 0;
+
+$progress-bar-background-color: $primary;
+$progress-value-background-color: $primary-invert;

data/_sass/elements.scss

@@ -0,0 +1,501 @@
+@charset "utf-8";
+
+@mixin square-shadow {
+  -moz-box-shadow: 0px 0px 10px -4px rgba(0,0,0,1);
+  -webkit-box-shadow: 0px 0px 10px -4px rgba(0,0,0,1);
+  box-shadow: 0px 0px 10px -4px rgba(0,0,0,1);
+}
+
+a.navbar-item,
+.navbar-link {
+  &.is-active,
+  &:hover,
+  &:focus,
+  &:focus-within {
+    background-color: transparent;
+  }
+}
+
+hr {
+  background-color: $grey-lightest;
+}
+
+main {
+  min-height: 100vh;
+
+  .contacts,
+  .projects,
+  .resume,
+  .error {
+    background-color: $primary-invert;
+    color: $primary;
+    margin: 0;
+    min-height: 100vh;
+    padding: 8rem 0;
+  }
+
+  .container.page {
+    @include square-shadow;
+    background-color: $white;
+    margin-top: -8rem;
+    padding: 4rem;
+
+    &.page-resume {
+      padding: 0;
+
+      .columns {
+        margin: 0;
+        padding: 0;
+
+        .column {
+          padding: 4rem;
+
+          &.resume-profile {
+            background-color: $primary;
+            color: $primary-invert;
+
+            h1 {
+              margin-top: 1rem;
+            }
+          }
+
+          &.resume-info {
+            margin-left: 5rem;
+            overflow-wrap: break-word;
+
+            .info {
+              position: relative;
+              top: -1.5rem;
+            }
+
+            .years {
+              border-top: 4px solid $primary-invert;
+              left: -6rem;
+              position: relative;
+              text-align: right;
+              text-overflow: clip;
+              width: 5rem;
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .page-head {
+    background-color: $primary;
+    color: $primary-invert;
+    margin: 0;
+    padding: 8rem;
+  }
+
+  .projects {
+    figure {
+      .overlay {
+        background-color: $primary;
+        bottom: 1rem;
+        color: $white;
+        padding: 0 1rem 0 0.4rem;
+        position: absolute;
+        right: -0.5rem;
+        z-index: 1000;
+      }
+    }
+
+    .columns {
+      padding: 1rem;
+    }
+  }
+
+  .container .columns {
+    padding-bottom: 5rem;
+  }
+
+  &>.section:nth-child(even) {
+    background-color: $white;
+  }
+
+  &>.section:nth-child(odd) {
+    background-color: $grey-lighter;
+  }
+}
+
+ul:not(.task-list) {
+  list-style: square inside;
+}
+
+.button {
+  &.is-link {
+    background-color: $primary-invert;
+    color: $primary;
+  }
+
+  &.is-primary:hover,
+  &.is-primary.is-hovered,
+  &.is-primary:active,
+  &.is-primary.is-active,
+  &.is-primary:focus,
+  &.is-primary.is-focused {
+    background-color: $primary-invert;
+    color: $primary;
+  }
+}
+
+.button,
+.file-cta,
+.file-name,
+.input,
+.pagination-ellipsis,
+.pagination-link,
+.pagination-next,
+.pagination-previous,
+.select select,
+.textarea{
+  border-radius: 0;
+}
+
+.buttons {
+  padding: 1rem 0;
+}
+
+.categories {
+  span {
+    background-color: $grey-lightest;
+    margin: 2px 0;
+    padding: 4px;
+  }
+}
+
+.centered {
+  margin: auto;
+}
+
+.column.contact {
+  @include square-shadow;
+  background-color: $primary;
+  color: $primary-invert;
+  height: 100%;
+  margin-right: 3rem;
+  padding: 1rem;
+
+  .links {
+    line-height: 5rem;
+    padding: 1rem;
+
+    .link {
+      margin: 1rem;
+    }
+  }
+}
+
+.grid {
+  .card {
+    height: max-content;
+    margin-bottom: 1.5rem;
+  }
+
+  .column {
+    .card:last-child {
+      margin-bottom: 0;
+    }
+  }
+}
+
+.has-text-pink {
+  color: $pink;
+}
+
+.hero {
+  &-background {
+    -webkit-filter: opacity(20%);
+    filter: opacity(20%);
+    height: 100%;
+    left: 0;
+    object-fit: cover;
+    object-position: center center;
+    position: absolute;
+    top: 0;
+    transition: ease 1s;
+    width: 100%;
+  }
+
+  &.has-background {
+    overflow: hidden;
+    position: relative;
+  }
+
+  &:hover {
+    .hero-background {
+      height: 120%;
+      left: -10%;
+      max-width: 120%;
+      top: -10%;
+      width: 120%;
+    }
+  }
+}
+
+.image.project {
+  background-color: $primary;
+}
+
+.navbar {
+  @include square-shadow;
+
+  &-brand {
+    padding-left: 3rem;
+    position: relative;
+  }
+
+  &-burger {
+    position: absolute;
+    right: 3rem;
+    top: calc(50% - 1.625rem);
+  }
+
+  &-dropdown {
+    background-color: $info;
+    border-radius: 0;
+    border: none;
+
+    .navbar-item {
+      a {
+        &:hover,
+        &:focus,
+        &:focus-within {
+          background-color: transparent;
+        }
+      }
+    }
+  }
+
+  &-menu {
+    background-color: $primary;
+    padding-right: 3rem;
+  }
+}
+
+.navbar-item {
+  img {
+    max-height: 3rem;
+  }
+}
+
+.post-body {
+  margin: 1.5rem 0;
+
+  .task-list-item-checkbox {
+    margin: 0.5rem;
+  }
+}
+
+.progress {
+  background-color: $progress-bar-background-color; // Bulma bug fix (not released yeet)
+  border: 4px solid $primary-invert;
+}
+
+.project {
+  @include square-shadow;
+
+  .hover {
+    -ms-flex-align: center;
+    -ms-flex-pack: center;
+    -webkit-box-align: center;
+    -webkit-box-pack: center;
+    align-items: center;
+    background: rgba(0, 0, 0, 0.75);
+    bottom: 0;
+    display: none;
+    font-size: 2rem;
+    font-weight: bold;
+    justify-content: center;
+    left: 0;
+    position: absolute;
+    right: 0;
+    top: 0;
+    z-index: 1;
+
+    span {
+      margin: 1rem;
+    }
+  }
+
+  &:hover {
+    .hover {
+      display: flex;
+    }
+  }
+}
+
+.resume {
+  .skill {
+    margin: 1rem;
+    margin-left: 3rem;
+
+    .icon {
+      position: relative;
+      top: 1.6rem;
+      left: -2.5rem;
+    }
+  }
+}
+
+.section.section-card {
+  background-color: inherit;
+  margin-top: 10rem;
+
+  h1 {
+    font-weight: bold;
+  }
+}
+
+.navbar-link:not(.is-arrowless)::after,
+.select:not(.is-multiple):not(.is-loading)::after {
+  border-radius: 0;
+}
+
+.paper:not(:last-child) {
+  margin-bottom: 1rem;
+}
+
+.timeline {
+  margin: 0 auto;
+  max-width: 1000px;
+  position: relative;
+
+  .left {
+    left: 0;
+
+    &::before {
+      right: 33px;
+    }
+  }
+
+  .right {
+    left: 50%;
+
+    &::after {
+      left: -10px;
+    }
+
+    &::before {
+      left: 33px;
+    }
+  }
+
+  &-card {
+    padding: 10px 40px;
+    position: relative;
+    width: 50%;
+
+    .timeline-content {
+      background-color: $primary;
+      color: $primary-invert;
+      padding: 20px 30px;
+      position: relative;
+      transition: ease 0.5s;
+    }
+
+    &::after {
+      background-color: $primary-invert;
+      border: 4px solid $primary;
+      content: "";
+      height: 20px;
+      position: absolute;
+      right: -10px;
+      top: 22px;
+      transform: rotate(45deg);
+      transition: ease 0.5s;
+      width: 20px;
+      z-index: 1;
+    }
+
+    &:hover {
+      font-size: larger;
+
+      &::after {
+        transform: rotate(90deg);
+      }
+    }
+  }
+
+  .left::before,
+  .right::before {
+    background-color: $primary;
+    content: "";
+    height: 15px;
+    position: absolute;
+    top: 25px;
+    transform: rotate(45deg);
+    width: 15px;
+    z-index: 1;
+  }
+
+  &::after {
+    background-color: $primary;
+    bottom: 0;
+    content: "";
+    left: 50%;
+    margin-left: -3px;
+    position: absolute;
+    top: 0;
+    width: 6px;
+  }
+}
+
+@media screen and (min-width: 1px) {
+  .navbar.is-primary .navbar-start .navbar-link,
+  .navbar.is-primary .navbar-end .navbar-link {
+    &::after {
+      border-color: $primary-invert transparent transparent transparent;
+      border-style: solid;
+      border-width: 10px 5px 0 5px;
+      height: 0;
+      margin-top: -0.275em;
+      transform: none;
+      width: 0;
+    }
+  }
+}
+
+@media screen and (max-width: 500px) {
+  .timeline {
+    .right {
+      left: 0%;
+    }
+
+    &-card {
+      padding: 5px 0 5px 70px;
+      width: 100%;
+
+      &::before {
+        left: 60px;
+      }
+    }
+
+    .left::after,
+    .right::after {
+      left: 26px;
+    }
+
+    .left::before,
+    .right::before {
+      left: 62px;
+    }
+
+    &::after {
+      left: 36px;
+    }
+  }
+}
+
+@media screen and (min-width: 1000px) {
+  .column.contact {
+    margin-left: -8rem;
+  }
+
+  .contacts .section.section-card {
+    margin-left: 10rem;
+    margin-right: 5rem;
+  }
+}