almost done, make build pending

.gitignore

@@ -0,0 +1,2 @@
+# Node modules #
+node_modules/

app/coffee/index.coffee

@@ -0,0 +1,115 @@
+pswpElement = document.querySelectorAll('.pswp')[0]
+
+images =
+	nailstyle: [
+		{
+			src: 'images/nailstyle/1.png'
+			w: 1250
+			h: 630
+		}
+		{
+			src: 'images/nailstyle/2.png'
+			w: 1250
+			h: 630
+		}
+		{
+			src: 'images/nailstyle/3.png'
+			w: 1250
+			h: 630
+		}
+	]
+
+	frepi: [
+		{
+			src: 'images/frepi/1.png'
+			w: 1250
+			h: 630
+		}
+		{
+			src: 'images/frepi/2.png'
+			w: 1250
+			h: 630
+		}
+		{
+			src: 'images/frepi/3.png'
+			w: 1250
+			h: 630
+		}
+		{
+			src: 'images/frepi/4.png'
+			w: 1250
+			h: 630
+		}
+		{
+			src: 'images/frepi/5.png'
+			w: 1250
+			h: 630
+		}
+		{
+			src: 'images/frepi/6.png'
+			w: 1250
+			h: 630
+		}
+	]
+
+	nu3: [
+		{
+			src: 'images/nu3/1.jpg'
+			w: 1440
+			h: 2560
+		}
+		{
+			src: 'images/nu3/2.jpg'
+			w: 1440
+			h: 2560
+		}
+		{
+			src: 'images/nu3/3.jpg'
+			w: 1440
+			h: 2560
+		}
+	]
+
+	izinotas: [
+		{
+			src: 'images/izinotas/1.png'
+			w: 1775
+			h: 3000
+		}
+		{
+			src: 'images/izinotas/2.png'
+			w: 1775
+			h: 3000
+		}
+		{
+			src: 'images/izinotas/3.png'
+			w: 1775
+			h: 3000
+		}
+		{
+			src: 'images/izinotas/4.png'
+			w: 1775
+			h: 3000
+		}
+	]
+
+options =
+	history: false
+	index: 0
+	loop: false
+	shareEl: false
+
+items = []
+
+imgElements = document.querySelectorAll('#work img')
+
+for imgElem in imgElements
+	imgElem.addEventListener('click', (event) ->
+			items = images[event.target.id]
+			gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options)
+			gallery.init()
+		)
+
+
+
+

app/css/global.css

@@ -0,0 +1,203 @@
+@charset "UTF-8";
+/*
+ * Andres Castañeda Borre
+ * Github: @borref
+ * Copyright 2016 - All Rights Reserved
+ */
+/* Generated by Font Squirrel (https://www.fontsquirrel.com) on September 4, 2016 */
+@font-face {
+  font-family: 'rubikregular';
+  src: url("../fonts/rubik-black-webfont.woff2") format("woff2"), url("../fonts/rubik-black-webfont.woff") format("woff");
+  font-weight: normal;
+  font-style: normal; }
+
+@font-face {
+  font-family: 'rubikitalic';
+  src: url("../fonts/rubik-blackitalic-webfont.woff2") format("woff2"), url("../fonts/rubik-blackitalic-webfont.woff") format("woff");
+  font-weight: normal;
+  font-style: normal; }
+
+@font-face {
+  font-family: 'rubikregular';
+  src: url("../fonts/rubik-bold-webfont.woff2") format("woff2"), url("../fonts/rubik-bold-webfont.woff") format("woff");
+  font-weight: normal;
+  font-style: normal; }
+
+@font-face {
+  font-family: 'rubikbold_italic';
+  src: url("../fonts/rubik-bolditalic-webfont.woff2") format("woff2"), url("../fonts/rubik-bolditalic-webfont.woff") format("woff");
+  font-weight: normal;
+  font-style: normal; }
+
+@font-face {
+  font-family: 'rubikitalic';
+  src: url("../fonts/rubik-italic-webfont.woff2") format("woff2"), url("../fonts/rubik-italic-webfont.woff") format("woff");
+  font-weight: normal;
+  font-style: normal; }
+
+@font-face {
+  font-family: 'rubikregular';
+  src: url("../fonts/rubik-light-webfont.woff2") format("woff2"), url("../fonts/rubik-light-webfont.woff") format("woff");
+  font-weight: normal;
+  font-style: normal; }
+
+@font-face {
+  font-family: 'rubikitalic';
+  src: url("../fonts/rubik-lightitalic-webfont.woff2") format("woff2"), url("../fonts/rubik-lightitalic-webfont.woff") format("woff");
+  font-weight: normal;
+  font-style: normal; }
+
+@font-face {
+  font-family: 'rubikregular';
+  src: url("../fonts/rubik-medium-webfont.woff2") format("woff2"), url("../fonts/rubik-medium-webfont.woff") format("woff");
+  font-weight: normal;
+  font-style: normal; }
+
+@font-face {
+  font-family: 'rubikitalic';
+  src: url("../fonts/rubik-mediumitalic-webfont.woff2") format("woff2"), url("../fonts/rubik-mediumitalic-webfont.woff") format("woff");
+  font-weight: normal;
+  font-style: normal; }
+
+@font-face {
+  font-family: 'rubikregular';
+  src: url("../fonts/rubik-regular-webfont.woff2") format("woff2"), url("../fonts/rubik-regular-webfont.woff") format("woff");
+  font-weight: normal;
+  font-style: normal; }
+
+/*******************************
+			General
+*******************************/
+section {
+  padding: 2.5rem 0 2rem; }
+  section h2 {
+    text-align: center;
+    margin-bottom: 3rem; }
+
+/*******************************
+			Header | Home Section
+*******************************/
+header {
+  position: absolute;
+  top: 0;
+  width: 100%;
+  z-index: 1; }
+  header h1 {
+    display: none; }
+  header ul {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    text-align: center; }
+    header ul li {
+      display: inline-block;
+      padding: 1.5em 1em 1em; }
+      header ul li a {
+        color: #d8d8d8;
+        font-weight: 600; }
+        header ul li a:hover {
+          color: white; }
+
+#home {
+  background: url("../images/dark_pattern.png") repeat;
+  padding: 10.714285rem 2.14285rem 14.285714rem;
+  position: relative;
+  text-align: center; }
+  #home h1.header {
+    color: #F1F1F1;
+    font-size: 2.142857em;
+    margin-bottom: 1.75rem; }
+  #home p.sub.header {
+    color: #bebebe;
+    font-size: 1.142857em; }
+  #home ul.social {
+    bottom: .5em;
+    left: 0;
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    position: absolute;
+    width: 100%; }
+    #home ul.social li.item {
+      display: inline-block;
+      padding: 1em; }
+      #home ul.social li.item a {
+        color: #F1F1F1; }
+
+#work img {
+  cursor: pointer; }
+
+#work ul.technologies-list {
+  padding: 0; }
+  #work ul.technologies-list li.ui.label {
+    margin: 0.28571em 0.14286em; }
+
+#about p {
+  font-size: 1.142857em;
+  text-align: center; }
+
+/*******************************
+			Footer
+*******************************/
+#footer {
+  background-color: #343830;
+  border-top: solid 8px #1b1d18;
+  padding: 4.285714rem 0;
+  text-align: center; }
+  #footer p {
+    color: white;
+    font-weight: 600; }
+  #footer ul.social {
+    list-style: none;
+    margin: 0;
+    padding: 0; }
+    #footer ul.social li.item {
+      display: inline-block;
+      padding: 1em; }
+      #footer ul.social li.item a {
+        color: #F1F1F1; }
+
+/*******************************
+			Responsiveness
+*******************************/
+@media (min-width: 767px) {
+  nav a {
+    font-size: 1.142857em; }
+  #home {
+    padding: 14.285714rem 7.142857rem 14.285714rem; }
+    #home h1.header {
+      font-size: 3em; }
+    #home p.sub.header {
+      font-size: 1.285714em; }
+  #about .ui.container {
+    width: 80%; }
+  #about p {
+    font-size: 1.285714em; } }
+
+@media (min-width: 992px) {
+  header {
+    top: 1.5em; }
+  section {
+    padding: 3.5rem 0 2rem; }
+  nav a {
+    font-size: 1.285714em; }
+  #home {
+    padding: 16.071428rem 12.5rem 14.285714rem; }
+    #home h1.header {
+      font-size: 3em; }
+    #home ul.social {
+      bottom: 1.5em; }
+  #about .ui.container {
+    width: 70%; } }
+
+@media (min-width: 1200px) {
+  header {
+    top: 2em; }
+  #home {
+    padding: 17.857142rem 16.071428rem 14.285714rem; }
+    #home h1.header {
+      font-size: 3em; }
+    #home ul.social {
+      bottom: 2em; }
+  #about .ui.container {
+    width: 55%; } }

app/fonts/generator_config.txt

@@ -0,0 +1,5 @@
+# Font Squirrel Font-face Generator Configuration File
+# Upload this file to the generator to recreate the settings
+# you used to create these fonts.
+
+{"mode":"optimal","formats":["woff","woff2"],"tt_instructor":"default","fix_gasp":"xy","fix_vertical_metrics":"Y","metrics_ascent":"","metrics_descent":"","metrics_linegap":"","add_spaces":"Y","add_hyphens":"Y","fallback":"none","fallback_custom":"100","options_subset":"basic","subset_custom":"","subset_custom_range":"","subset_ot_features_list":"","css_stylesheet":"stylesheet.css","filename_suffix":"-webfont","emsquare":"2048","spacing_adjustment":"0"}

app/got-it.html

@@ -0,0 +1 @@
+<h1>Pille el correo</h1>