diff --git a/Art/Blender/logo.svg b/Art/Blender/logo.svg
new file mode 100644
index 0000000..b32ac84
--- /dev/null
+++ b/Art/Blender/logo.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/tubio-frontend-nuxt-app/.stylelintignore b/tubio-frontend-nuxt-app/.stylelintignore
new file mode 100644
index 0000000..c34e502
--- /dev/null
+++ b/tubio-frontend-nuxt-app/.stylelintignore
@@ -0,0 +1,2 @@
+components/Logo.vue
+assets/scss/fonts/*
diff --git a/tubio-frontend-nuxt-app/assets/css/fonts/zilla-slab.css b/tubio-frontend-nuxt-app/assets/css/fonts/zilla-slab.css
new file mode 100644
index 0000000..e26d5bc
--- /dev/null
+++ b/tubio-frontend-nuxt-app/assets/css/fonts/zilla-slab.css
@@ -0,0 +1,49 @@
+@font-face {
+ font-family: "ZillaSlab";
+ src: url("/assets/fonts/zilla-slab/ZillaSlab-Regular.ttf") format('truetype');
+}
+
+@font-face {
+ font-family: "ZillaSlab";
+ src: url("/assets/fonts/zilla-slab/ZillaSlab-Italic.ttf") format('truetype');
+ font-style: italic;
+}
+
+@font-face {
+ font-family: "ZillaSlab";
+ src: url("/assets/fonts/zilla-slab/ZillaSlab-Bold.ttf") format('truetype');
+ font-weight: bold;
+}
+
+@font-face {
+ font-family: "ZillaSlab";
+ src: url("/assets/fonts/zilla-slab/ZillaSlab-BoldItalic.ttf") format('truetype');
+ font-weight: bold;
+ font-style: italic;
+}
+
+@font-face {
+ font-family: "ZillaSlab";
+ src: url("/assets/fonts/zilla-slab/ZillaSlab-Light.ttf") format('truetype');
+ font-weight: lighter;
+}
+
+@font-face {
+ font-family: "ZillaSlab";
+ src: url("/assets/fonts/zilla-slab/ZillaSlab-Light.ttf") format('truetype');
+ font-weight: lighter;
+ font-style: italic;
+}
+
+@font-face {
+ font-family: "ZillaSlab";
+ src: url("/assets/fonts/zilla-slab/ZillaSlab-Medium.ttf") format('truetype');
+ font-weight: 500;
+}
+
+@font-face {
+ font-family: "ZillaSlab";
+ src: url("/assets/fonts/zilla-slab/ZillaSlab-Medium.ttf") format('truetype');
+ font-weight: 500;
+ font-style: italic;
+}
diff --git a/tubio-frontend-nuxt-app/assets/css/main.css b/tubio-frontend-nuxt-app/assets/css/main.css
new file mode 100644
index 0000000..353f55e
--- /dev/null
+++ b/tubio-frontend-nuxt-app/assets/css/main.css
@@ -0,0 +1,28 @@
+a,
+p,
+li,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+input,
+* {
+ font-family: "ZillaSlab", serif;
+}
+
+.button {
+ background-color: #fff;
+ border-radius: 5px;
+ min-width: 80px;
+ height: 50px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ cursor: pointer;
+}
+
+* {
+ -webkit-tap-highlight-color: #0000;
+}
diff --git a/tubio-frontend-nuxt-app/assets/css/reset.css b/tubio-frontend-nuxt-app/assets/css/reset.css
new file mode 100644
index 0000000..fa222c8
--- /dev/null
+++ b/tubio-frontend-nuxt-app/assets/css/reset.css
@@ -0,0 +1,366 @@
+/* http://meyerweb.com/eric/tools/css/reset/
+ v2.0-modified | 20110126
+ License: none (public domain)
+*/
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font-size: 100%;
+ font: inherit;
+ vertical-align: baseline;
+}
+
+/* make sure to set some focus styles for accessibility */
+:focus {
+ outline: 0;
+}
+
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+ display: block;
+}
+
+body {
+ line-height: 1;
+}
+
+ol, ul {
+ list-style: none;
+}
+
+blockquote, q {
+ quotes: none;
+}
+
+blockquote:before, blockquote:after,
+q:before, q:after {
+ content: '';
+ content: none;
+}
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+
+input[type=search]::-webkit-search-cancel-button,
+input[type=search]::-webkit-search-decoration,
+input[type=search]::-webkit-search-results-button,
+input[type=search]::-webkit-search-results-decoration {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+}
+
+input[type=search] {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -webkit-box-sizing: content-box;
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+}
+
+textarea {
+ overflow: auto;
+ vertical-align: top;
+ resize: vertical;
+}
+
+/**
+ * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
+ */
+
+audio,
+canvas,
+video {
+ display: inline-block;
+ *display: inline;
+ *zoom: 1;
+ max-width: 100%;
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/**
+ * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
+ * Known issue: no IE 6 support.
+ */
+
+[hidden] {
+ display: none;
+}
+
+/**
+ * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
+ * `em` units.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ * user zoom.
+ */
+
+html {
+ font-size: 100%; /* 1 */
+ -webkit-text-size-adjust: 100%; /* 2 */
+ -ms-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Address `outline` inconsistency between Chrome and other browsers.
+ */
+
+a:focus {
+ outline: thin dotted;
+}
+
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+ outline: 0;
+}
+
+/**
+ * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
+ * 2. Improve image quality when scaled in IE 7.
+ */
+
+img {
+ border: 0; /* 1 */
+ -ms-interpolation-mode: bicubic; /* 2 */
+}
+
+/**
+ * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
+ */
+
+figure {
+ margin: 0;
+}
+
+/**
+ * Correct margin displayed oddly in IE 6/7.
+ */
+
+form {
+ margin: 0;
+}
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct color not being inherited in IE 6/7/8/9.
+ * 2. Correct text not wrapping in Firefox 3.
+ * 3. Correct alignment displayed oddly in IE 6/7.
+ */
+
+legend {
+ border: 0; /* 1 */
+ padding: 0;
+ white-space: normal; /* 2 */
+ *margin-left: -7px; /* 3 */
+}
+
+/**
+ * 1. Correct font size not being inherited in all browsers.
+ * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
+ * and Chrome.
+ * 3. Improve appearance and consistency in all browsers.
+ */
+
+button,
+input,
+select,
+textarea {
+ font-size: 100%; /* 1 */
+ margin: 0; /* 2 */
+ vertical-align: baseline; /* 3 */
+ *vertical-align: middle; /* 3 */
+}
+
+/**
+ * Address Firefox 3+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+button,
+input {
+ line-height: normal;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
+ * Correct `select` style inheritance in Firefox 4+ and Opera.
+ */
+
+button,
+select {
+ text-transform: none;
+}
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ * and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ * `input` and others.
+ * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
+ * Known issue: inner spacing remains in IE 6.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+ -webkit-appearance: button; /* 2 */
+ cursor: pointer; /* 3 */
+ *overflow: visible; /* 4 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+ cursor: default;
+}
+
+/**
+ * 1. Address box sizing set to content-box in IE 8/9.
+ * 2. Remove excess padding in IE 8/9.
+ * 3. Remove excess padding in IE 7.
+ * Known issue: excess padding remains in IE 6.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+ *height: 13px; /* 3 */
+ *width: 13px; /* 3 */
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
+ * (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ -moz-box-sizing: content-box;
+ -webkit-box-sizing: content-box; /* 2 */
+ box-sizing: content-box;
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari 5 and Chrome
+ * on OS X.
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * Remove inner padding and border in Firefox 3+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+
+/**
+ * 1. Remove default vertical scrollbar in IE 6/7/8/9.
+ * 2. Improve readability and alignment in all browsers.
+ */
+
+textarea {
+ overflow: auto; /* 1 */
+ vertical-align: top; /* 2 */
+}
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+
+html,
+button,
+input,
+select,
+textarea {
+ color: #222;
+}
+
+
+::-moz-selection {
+ background: #b3d4fc;
+ text-shadow: none;
+}
+
+::selection {
+ background: #b3d4fc;
+ text-shadow: none;
+}
+
+img {
+ vertical-align: middle;
+}
+
+fieldset {
+ border: 0;
+ margin: 0;
+ padding: 0;
+}
+
+textarea {
+ resize: vertical;
+}
+
+.chromeframe {
+ margin: 0.2em 0;
+ background: #ccc;
+ color: #000;
+ padding: 0.2em 0;
+}
diff --git a/tubio-frontend-nuxt-app/assets/scss/main.scss b/tubio-frontend-nuxt-app/assets/scss/main.scss
deleted file mode 100644
index 916fc4e..0000000
--- a/tubio-frontend-nuxt-app/assets/scss/main.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-.dontcry {
- color: #ffff;
-}
diff --git a/tubio-frontend-nuxt-app/components/DownloadBox.vue b/tubio-frontend-nuxt-app/components/DownloadBox.vue
new file mode 100644
index 0000000..2904440
--- /dev/null
+++ b/tubio-frontend-nuxt-app/components/DownloadBox.vue
@@ -0,0 +1,20 @@
+
+
+
No downloads yet...
+
+
+
+
\ No newline at end of file
diff --git a/tubio-frontend-nuxt-app/components/Icons/arrow-right-square.vue b/tubio-frontend-nuxt-app/components/Icons/arrow-right-square.vue
new file mode 100644
index 0000000..f72b052
--- /dev/null
+++ b/tubio-frontend-nuxt-app/components/Icons/arrow-right-square.vue
@@ -0,0 +1,6 @@
+
+
+
diff --git a/tubio-frontend-nuxt-app/components/Icons/gear.vue b/tubio-frontend-nuxt-app/components/Icons/gear.vue
new file mode 100644
index 0000000..6833ddf
--- /dev/null
+++ b/tubio-frontend-nuxt-app/components/Icons/gear.vue
@@ -0,0 +1,6 @@
+
+
+
diff --git a/tubio-frontend-nuxt-app/components/Icons/terminal.vue b/tubio-frontend-nuxt-app/components/Icons/terminal.vue
new file mode 100644
index 0000000..aa6eac4
--- /dev/null
+++ b/tubio-frontend-nuxt-app/components/Icons/terminal.vue
@@ -0,0 +1,6 @@
+
+
+
diff --git a/tubio-frontend-nuxt-app/components/Layout/Background.vue b/tubio-frontend-nuxt-app/components/Layout/Background.vue
index e46d639..9dd5e8d 100644
--- a/tubio-frontend-nuxt-app/components/Layout/Background.vue
+++ b/tubio-frontend-nuxt-app/components/Layout/Background.vue
@@ -48,7 +48,7 @@ export default {
height: 1000000px;
position: absolute;
z-index: -9;
- mask-image: url("/images/tiles/grid.png");
+ mask-image: url("/assets/images/tiles/grid.png");
background-color: theme("colors.purple-1");
&__wrapper {
diff --git a/tubio-frontend-nuxt-app/components/Layout/Header.vue b/tubio-frontend-nuxt-app/components/Layout/Header.vue
new file mode 100644
index 0000000..9f058d2
--- /dev/null
+++ b/tubio-frontend-nuxt-app/components/Layout/Header.vue
@@ -0,0 +1,82 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/tubio-frontend-nuxt-app/components/Logo.vue b/tubio-frontend-nuxt-app/components/Logo.vue
index 44fb462..70b454d 100644
--- a/tubio-frontend-nuxt-app/components/Logo.vue
+++ b/tubio-frontend-nuxt-app/components/Logo.vue
@@ -1,9 +1,14 @@
-
+
-
+.cls-2 {
+ stroke: none !important;
+}
+
\ No newline at end of file
diff --git a/tubio-frontend-nuxt-app/components/Spacer.vue b/tubio-frontend-nuxt-app/components/Spacer.vue
new file mode 100644
index 0000000..75c3758
--- /dev/null
+++ b/tubio-frontend-nuxt-app/components/Spacer.vue
@@ -0,0 +1,33 @@
+
+
+
+
+
+
+
diff --git a/tubio-frontend-nuxt-app/layouts/default.vue b/tubio-frontend-nuxt-app/layouts/default.vue
index fa9a1e5..e22ed4a 100644
--- a/tubio-frontend-nuxt-app/layouts/default.vue
+++ b/tubio-frontend-nuxt-app/layouts/default.vue
@@ -1,22 +1,39 @@
diff --git a/tubio-frontend-nuxt-app/nuxt.config.js b/tubio-frontend-nuxt-app/nuxt.config.js
index deb1096..af56123 100644
--- a/tubio-frontend-nuxt-app/nuxt.config.js
+++ b/tubio-frontend-nuxt-app/nuxt.config.js
@@ -6,7 +6,9 @@ export default {
dir: "web"
},
-
+ server: {
+ host: "0.0.0.0"
+ },
// Global page headers (https://go.nuxtjs.dev/config-head)
head: {
@@ -22,8 +24,10 @@ export default {
},
// Global CSS (https://go.nuxtjs.dev/config-css)
- scss: [
- "~/assets/scss/main.scss"
+ css: [
+ "~/assets/css/reset.css",
+ "~/assets/css/main.css",
+ "~/assets/css/fonts/zilla-slab.css"
],
// Plugins to run before rendering page (https://go.nuxtjs.dev/config-plugins)
diff --git a/tubio-frontend-nuxt-app/pages/index.vue b/tubio-frontend-nuxt-app/pages/index.vue
index fb14ec0..a690989 100644
--- a/tubio-frontend-nuxt-app/pages/index.vue
+++ b/tubio-frontend-nuxt-app/pages/index.vue
@@ -1,17 +1,123 @@
-
+
+
+
+
+
+
+
+
+
+
+
+