vitrina 0.2.5 → 0.2.6

data/_data/links.json

@@ -0,0 +1,34 @@
+[
+  {
+    "reference": "https://twitter.com/",
+    "icon": "fa-twitter"
+  },
+  {
+    "reference": "https://github.com/",
+    "icon": "fa-github"
+  },
+  {
+    "reference": "https://medium.com/",
+    "icon": "fa-medium"
+  },
+  {
+    "reference": "https://discord.com/",
+    "icon": "fa-discord-alt"
+  },
+  {
+    "reference": "https://www.reddit.com/",
+    "icon": "fa-reddit-alien"
+  },
+  {
+    "reference": "https://www.deviantart.com/",
+    "icon": "fa-deviantart"
+  },
+  {
+    "reference": "https://www.pinterest.com/",
+    "icon": "fa-pinterest"
+  },
+  {
+    "reference": "https://codepen.io",
+    "icon": "fa-codepen"
+  }
+]

data/_data/resume.json

@@ -0,0 +1,80 @@
+{
+  "photo": "/assets/img/icon.png",
+  "name": "Vitrina",
+  "title": "Malding Scientist",
+  "skills": [
+    {
+      "icon": "fa-html5",
+      "progress": {
+        "value": 90,
+        "max": 100
+      }
+    },
+    {
+      "icon": "fa-android",
+      "progress": {
+        "value": 50,
+        "max": 100
+      }
+    },
+    {
+      "icon": "fa-gimp",
+      "progress": {
+        "value": 30,
+        "max": 100
+      }
+    },
+    {
+      "icon": "fa-css3",
+      "progress": {
+        "value": 90,
+        "max": 100
+      }
+    },
+    {
+      "icon": "fa-php",
+      "progress": {
+        "value": 75,
+        "max": 100
+      }
+    },
+    {
+      "icon": "fa-python",
+      "progress": {
+        "value": 95,
+        "max": 100
+      }
+    }
+  ],
+  "profile": [
+    {
+      "title": "Education",
+      "info": [
+        {
+          "years": "2015-2069",
+          "text": "B.S. in Malding Science, Vitrina University"
+        }
+      ]
+    },
+    {
+      "title": "Experience",
+      "info": [
+        {
+          "years": "1001-1312",
+          "text": "Malder in Chief - <em>Malding Industries</em>",
+          "list": [
+            {
+              "text": "Achived malding supreme ultra nuclear."
+            },
+            {
+              "text": "Lead malding experts to accomplish MALDNESS."
+            },
+            {
+              "text": "Instructed junior staff on the Art of Malding."
+            }
+          ]
+        }
+      ]
+    }
+  ]
+}

data/_includes/foot.html

@@ -0,0 +1,6 @@
+<!-- jQuery -->
+<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
+
+<!-- Default scripts -->
+<script type="text/javascript" src="{{ '/assets/js/navbar.js' | absolute_url }}" integrity="sha384-/gP+91gAFnWtZpy36VihV4TJOfyzBpII643sv0A+dAsC+S0N4dJGlTzTGikTu4dg" crossorigin="anonymous"></script>
+<script type="text/javascript" src="{{ '/assets/js/validate.js' | absolute_url }}"></script>

data/_includes/footer.html

@@ -0,0 +1,21 @@
+{% assign data = site.data.general.footer %}
+
+<div class="container">
+  <div class="columns">
+
+  {% for column in data %}
+    <div class="column {{ column.style }}">
+
+    {% for item in column.content %}
+      <div class="content">
+        {% include util/items.html %}
+      </div>
+
+    {% endfor %}
+
+    </div> {% comment %} column {% endcomment %}
+
+  {% endfor %}
+
+  </div> {% comment %} columns {% endcomment %}
+</div> {% comment %} container {% endcomment %}

data/_includes/head.html

@@ -0,0 +1,13 @@
+<meta charset='utf-8'>
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+
+{% if page.title %}
+<title>{{ page.title }} | {{ site.title | default: 'Vitrina' }}</title>
+{% else %}
+<title>{{ site.title | default: 'Vitrina' }}</title>
+{% endif %}
+
+<link rel="stylesheet" href="{{ '/assets/css/styles.css' | absolute_url }}" >
+
+{% seo %}

data/_includes/header.html

@@ -0,0 +1,63 @@
+{% assign data = site.data.general.header %}
+{% assign burger_spans = 3 %}
+
+<nav class="navbar is-primary {{ data.menu.style }}" role="navigation" aria-label="main navigation">
+
+{% if data.brand %}
+  <div id="navbarBrand" class="navbar-brand">
+    {% assign link = data.brand.link %}
+    {% include util/prepend_link.html %}
+    <a class="navbar-item" href="{{ link }}">
+
+    {% if data.brand.image %}
+      {% assign link = data.brand.image %}
+      {% include util/prepend_link.html %}
+      <img src="{{ link }}" alt="{{ data.brand.name }}">
+
+    {% endif %}
+
+    </a> {% comment %} navbar-item {% endcomment %}
+
+    <a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false" data-target="navbarBurger">
+
+    {% for i in (1..burger_spans) %}
+      <span aria-hidden="true"></span>
+    {% endfor %}
+
+    </a> {% comment %} navbar-burger {% endcomment %}
+  </div> {% comment %} navbar-brand {% endcomment %}
+
+{% endif %}
+
+{% if data.menu %}
+  <div id="navbarMenu" class="navbar-menu">
+
+  {% if data.menu.start %}
+    <div class="navbar-start">
+
+    {% for item in data.menu.start %}
+      {% include util/navbar_items.html %}
+    {% endfor %}
+
+    </div> {% comment %} navbar-start {% endcomment %}
+
+  {% endif %}
+
+  {% if data.menu.end %}
+    {% assign dropdown_right = true %}
+
+    <div class="navbar-end">
+      <div class="navbar-item">
+
+      {% for item in data.menu.end %}
+        {% include util/navbar_items.html %}
+      {% endfor %}
+
+    </div> {% comment %} navbar-end {% endcomment %}
+
+  {% endif %}
+
+  </div> {% comment %} navbar-menu {% endcomment %}
+{% endif %}
+
+</nav> {% comment %} navbar {% endcomment %}

data/_includes/pagination.html

@@ -0,0 +1,75 @@
+{% if paginator.total_pages > 1 %}
+  {% assign next_pages = paginator.total_pages | minus: paginator.page %}
+  {% assign page_offset = 2 %}
+  {% assign shown_pages = page_offset | times: 2 | plus: 1 %}
+  {% assign start_page = 1 %}
+  {% assign end_page = paginator.total_pages %}
+
+  {% if paginator.page > page_offset %}
+    {% if next_pages > page_offset %}
+      {% assign start_page = paginator.page | minus: page_offset %}
+      {% assign end_page = paginator.page | plus: page_offset %}
+    {% else %}
+      {% if paginator.page >= shown_pages %}
+        {% assign start_page = paginator.total_pages | minus: shown_pages | plus: 1 %}
+      {% endif %}
+    {% endif %}
+  {% else %}
+    {% if next_pages >= shown_pages %}
+      {% assign end_page = shown_pages %}
+    {% endif %}
+  {% endif %}
+
+  <div class="page-nav">
+    <nav class="pagination is-centered" role="navigation" aria-label="pagination">
+
+    {% if paginator.previous_page %}
+      <a class="pagination-previous" href="{{ paginator.previous_page_path | relative_url }}">Prev</a>
+    {% else %}
+      <a class="pagination-previous" disabled>Prev</a>
+    {% endif %}
+
+    {% if paginator.next_page %}
+      <a class="pagination-next" href="{{ paginator.next_page_path | relative_url }}">Next</a>
+    {% else %}
+      <a class="pagination-next" disabled>Next</a>
+    {% endif %}
+
+      <ul class="pagination-list">
+        {% if paginator.page != 1 %}
+        <li><a class="pagination-link" href="{{ site.paginate_path | relative_url | replace: ':num', '' }}">First</a></li>
+        {% else %}
+        <li><a class="pagination-link" disabled>First</a></li>
+        {% endif %}
+
+        <li><span class="pagination-ellipsis">&hellip;</span></li>
+
+      {% for page in (start_page..end_page) %}
+        {% if page == paginator.page %}
+        <li><a class="pagination-link is-current">{{ page }}</a></li>
+
+        {% elsif page == 1 %}
+        <li><a class="pagination-link" href="{{ site.paginate_path | relative_url | replace: ':num', '' }}">1</a></li>
+
+        {% else %}
+        <li><a class="pagination-link" href="{{ site.paginate_path | relative_url | replace: ':num', page }}">{{ page }}</a></li>
+
+        {% endif %}
+
+      {% endfor %}
+
+        <li><span class="pagination-ellipsis">&hellip;</span></li>
+
+        {% if paginator.page != paginator.total_pages %}
+        <li><a class="pagination-link" href="{{ site.paginate_path | relative_url | replace: ':num', paginator.total_pages }}">Last</a></li>
+        {% else %}
+        <li><a class="pagination-link" disabled>Last</a></li>
+        {% endif %}
+
+      </ul> {% comment %} pagination-list {% endcomment %}
+
+    </nav> {% comment %} pagination {% endcomment %}
+
+  </div> {% comment %} page-nav {% endcomment %}
+
+{% endif %}

data/_includes/util/grid_columns.html

@@ -0,0 +1,49 @@
+{% comment %}
+  This requires an array with all cards named part.cards
+{% endcomment %}
+
+{% assign grid_width = 4 %}
+{% assign grid_height = part.cards.size | divided_by: grid_width %}
+
+<div class="columns">
+
+{% for i in (1..grid_width) %}
+  <div class="column is-3">
+
+  {% for n in (0..grid_height) %}
+    {% assign index = grid_width | times: n | plus: i | minus: 1 %}
+    {% assign card = part.cards[index] %}
+
+    {% if card == nil %}
+      {% continue %}
+    {% endif %}
+
+    <div class="card">
+
+    {% if card.image %}
+      <div class="card-image">
+        <figure class="image">
+          {% assign link = card.image %}
+          {% include util/prepend_link.html %}
+          <img src="{{ link }}" alt="{{ card.title }}">
+        </figure>
+      </div>
+
+    {% endif %}
+
+      <div class="card-content">
+
+      {% for item in card.content %}
+        {% include util/items.html %}
+      {% endfor %}
+
+      </div> {% comment %} card-content {% endcomment %}
+    </div> {% comment %} card {% endcomment %}
+
+  {% endfor %}
+
+  </div> {% comment %} container {% endcomment %}
+
+{% endfor %}
+
+</div> {% comment %} columns {% endcomment %}

data/_includes/util/item_content.html

@@ -0,0 +1,8 @@
+{% if item.icon %}
+  <span class="icon {{ item.icon.style }}">
+    <i class="fa {{ item.icon.name }}"></i>
+  </span>
+
+{% endif %}
+
+<span>{{ item.content | newline_to_br }}</span>

data/_includes/util/items.html

@@ -0,0 +1,63 @@
+{% if item.type == "buttons" %}
+  <div class="buttons {{ item.style }}">
+
+  {% for button in item.content %}
+    {% assign link = button.link %}
+    {% include util/prepend_link.html %}
+    <a class="button {{ button.style }}" href="{{ link }}">
+
+    {% if button.icon %}
+      <span class="icon {{ button.icon.style }}">
+        <i class="fa {{ button.icon.name }}"></i>
+      </span>
+
+    {% endif %}
+
+      <span>{{ button.content | newline_to_br }}</span>
+    </a> {% comment %} button {% endcomment %}
+
+  {% endfor %}
+
+  </div> {% comment %} buttons {% endcomment %}
+
+{% elsif item.type == "link" %}
+  {% assign link = item.link %}
+  {% include util/prepend_link.html %}
+  <a class="{{ item.style }}" href="{{ link }}">
+    {% include util/item_content.html %}
+  </a>
+
+{% elsif item.type == "image" %}
+  {% if item.link %}
+    {% assign link = item.link %}
+    {% include util/prepend_link.html %}
+    <a href="{{ link }}">
+      {% assign link = item.file %}
+      {% include util/prepend_link.html %}
+      <img class="{{ item.style }}" src="{{ link }}" alt="{{ item.name }}" width="{{ item.width }}" height="{{ item.height }}"></img>
+    </a>
+
+  {% else %}
+    {% assign link = item.file %}
+    {% include util/prepend_link.html %}
+    <img class="{{ item.style }}" src="{{ link }}" alt="{{ item.name }}" width="{{ item.width }}" height="{{ item.height }}"></img>
+
+  {% endif %}
+
+{% elsif item.type == "text" %}
+  <p class="{{ item.style }}">
+    {% include util/item_content.html %}
+  </p>
+
+{% elsif item.type == "icons" %}
+  <span class="icon {{ item.style }}">
+    <span class="fa-stack">
+
+    {% for icon in item.content %}
+      <i class="fa {{ icon.name }} {{ icon.style }}"></i>
+    {% endfor %}
+
+    </span> {% comment %} span {% endcomment %}
+  </span> {% comment %} span {% endcomment %}
+
+{% endif %}

data/_includes/util/navbar_items.html

@@ -0,0 +1,76 @@
+{% if item.type == "buttons" %}
+  <div class="navbar-item">
+    <div class="buttons">
+
+    {% for button in item.content %}
+      {% assign link = button.link %}
+      {% include util/prepend_link.html %}
+      <a class="button {{ button.style }}" href="{{ link }}">
+
+      {% if button.icon %}
+        <span class="icon {{ button.icon.style }}">
+          <i class="fa {{ button.icon.name }}"></i>
+        </span>
+
+      {% endif %}
+
+        <span>{{ button.content | newline_to_br }}</span>
+      </a> {% comment %} button {% endcomment %}
+
+    {% endfor %}
+
+    </div> {% comment %} buttons {% endcomment %}
+  </div> {% comment %} navbar-item {% endcomment %}
+
+{% elsif item.type == "link" %}
+  {% assign link = item.link %}
+  {% include util/prepend_link.html %}
+  <a class="navbar-item {{ item.style }}" href="{{ link }}">
+    {% include util/item_content.html %}
+  </a>
+
+{% elsif item.type == "text" %}
+  <div class="navbar-item {{ item.style }}">
+    {% include util/item_content.html %}
+  </div>
+
+{% elsif item.type == "dropdown" %}
+  <div class="navbar-item has-dropdown is-hoverable">
+    <a class="navbar-link {{ item.style }}">
+      {% include util/item_content.html %}
+    </a>
+
+    {% if dropdown_right %}
+      <div class="navbar-dropdown is-right">
+    {% else %}
+      <div class="navbar-dropdown">
+    {% endif %}
+
+    {% for option in item.links %}
+
+      {% if option.divider %}
+        <hr class="navbar-divider">
+
+      {% else %}
+        {% assign link = option.link %}
+        {% include util/prepend_link.html %}
+        <a class="navbar-item" href="{{ link }}">
+
+          {% if option.icon %}
+            <span class="icon {{ option.icon.style }}">
+              <i class="fa {{ option.icon.name }}"></i>
+            </span>
+
+          {% endif %}
+
+          <span>{{ option.content | newline_to_br }}</span>
+        </a>
+
+      {% endif %}
+
+    {% endfor %}
+
+    </div> {% comment %} navbar-dropdown {% endcomment %}
+  </div> {% comment %} navbar-item {% endcomment %}
+
+{% endif %}