diff --git a/app.js b/app.js
deleted file mode 100644
index 6d83d92..0000000
--- a/app.js
+++ /dev/null
@@ -1,20 +0,0 @@
-const express = require('express');
-const app = express();
-const port = 3000;
-
-var livereload = require("livereload");
-var connectLiveReload = require("connect-livereload");
-
-const liveReloadServer = livereload.createServer();
-liveReloadServer.server.once("connection", () => {
-  setTimeout(() => {
-    liveReloadServer.refresh("/");
-  }, 100);
-});
-
-app.use(connectLiveReload());
-app.use(express.static('public'));
-
-app.listen(port, () => {
-    console.log(`Now listening on port ${port}`); 
-});
\ No newline at end of file
diff --git a/public/assets/Josep.png b/assets/Josep.png
similarity index 100%
rename from public/assets/Josep.png
rename to assets/Josep.png
diff --git a/public/assets/Josep_shadow.png b/assets/Josep_shadow.png
similarity index 100%
rename from public/assets/Josep_shadow.png
rename to assets/Josep_shadow.png
diff --git a/public/assets/Victor.png b/assets/Victor.png
similarity index 100%
rename from public/assets/Victor.png
rename to assets/Victor.png
diff --git a/public/assets/Victor_shadow.png b/assets/Victor_shadow.png
similarity index 100%
rename from public/assets/Victor_shadow.png
rename to assets/Victor_shadow.png
diff --git a/public/assets/arrow_icon.svg b/assets/arrow_icon.svg
similarity index 100%
rename from public/assets/arrow_icon.svg
rename to assets/arrow_icon.svg
diff --git a/public/assets/background_2.png b/assets/background_2.png
similarity index 100%
rename from public/assets/background_2.png
rename to assets/background_2.png
diff --git a/public/assets/background_3.jpg b/assets/background_3.jpg
similarity index 100%
rename from public/assets/background_3.jpg
rename to assets/background_3.jpg
diff --git a/public/assets/favicon/android-chrome-192x192.png b/assets/favicon/android-chrome-192x192.png
similarity index 100%
rename from public/assets/favicon/android-chrome-192x192.png
rename to assets/favicon/android-chrome-192x192.png
diff --git a/public/assets/favicon/android-chrome-512x512.png b/assets/favicon/android-chrome-512x512.png
similarity index 100%
rename from public/assets/favicon/android-chrome-512x512.png
rename to assets/favicon/android-chrome-512x512.png
diff --git a/public/assets/favicon/apple-touch-icon.png b/assets/favicon/apple-touch-icon.png
similarity index 100%
rename from public/assets/favicon/apple-touch-icon.png
rename to assets/favicon/apple-touch-icon.png
diff --git a/public/assets/favicon/favicon-16x16.png b/assets/favicon/favicon-16x16.png
similarity index 100%
rename from public/assets/favicon/favicon-16x16.png
rename to assets/favicon/favicon-16x16.png
diff --git a/public/assets/favicon/favicon-32x32.png b/assets/favicon/favicon-32x32.png
similarity index 100%
rename from public/assets/favicon/favicon-32x32.png
rename to assets/favicon/favicon-32x32.png
diff --git a/public/assets/favicon/favicon.ico b/assets/favicon/favicon.ico
similarity index 100%
rename from public/assets/favicon/favicon.ico
rename to assets/favicon/favicon.ico
diff --git a/public/assets/favicon/site.webmanifest b/assets/favicon/site.webmanifest
similarity index 100%
rename from public/assets/favicon/site.webmanifest
rename to assets/favicon/site.webmanifest
diff --git a/public/assets/github_icon.svg b/assets/github_icon.svg
similarity index 100%
rename from public/assets/github_icon.svg
rename to assets/github_icon.svg
diff --git a/public/assets/linkedIn_icon.svg b/assets/linkedIn_icon.svg
similarity index 100%
rename from public/assets/linkedIn_icon.svg
rename to assets/linkedIn_icon.svg
diff --git a/public/assets/mail_icon.svg b/assets/mail_icon.svg
similarity index 100%
rename from public/assets/mail_icon.svg
rename to assets/mail_icon.svg
diff --git a/public/assets/streamSphere_logo-bg.png b/assets/streamSphere_logo-bg.png
similarity index 100%
rename from public/assets/streamSphere_logo-bg.png
rename to assets/streamSphere_logo-bg.png
diff --git a/public/assets/streamSphere_logo-black.png b/assets/streamSphere_logo-black.png
similarity index 100%
rename from public/assets/streamSphere_logo-black.png
rename to assets/streamSphere_logo-black.png
diff --git a/public/assets/streamSphere_logo-white.png b/assets/streamSphere_logo-white.png
similarity index 100%
rename from public/assets/streamSphere_logo-white.png
rename to assets/streamSphere_logo-white.png
diff --git a/public/assets/streamSphere_logo-wide.svg b/assets/streamSphere_logo-wide.svg
similarity index 100%
rename from public/assets/streamSphere_logo-wide.svg
rename to assets/streamSphere_logo-wide.svg
diff --git a/public/assets/streamSphere_logo.png b/assets/streamSphere_logo.png
similarity index 100%
rename from public/assets/streamSphere_logo.png
rename to assets/streamSphere_logo.png
diff --git a/public/assets/streamSphere_logo.svg b/assets/streamSphere_logo.svg
similarity index 100%
rename from public/assets/streamSphere_logo.svg
rename to assets/streamSphere_logo.svg
diff --git a/public/index.html b/index.html
similarity index 100%
rename from public/index.html
rename to index.html
diff --git a/public/index.js b/index.js
similarity index 100%
rename from public/index.js
rename to index.js
diff --git a/public/menu.js b/menu.js
similarity index 100%
rename from public/menu.js
rename to menu.js
diff --git a/package.json b/package.json
deleted file mode 100644
index dd7260e..0000000
--- a/package.json
+++ /dev/null
@@ -1,23 +0,0 @@
-{
-  "name": "streamsphere_labs",
-  "version": "1.0.0",
-  "description": "StreamSphere Labs landing page",
-  "main": "app.js",
-  "scripts": {
-    "watch": "nodemon --ext js,css,html",
-    "watch-scss": "sass --watch scss:public",
-    "test": "npm run watch & npm run watch-scss"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://ArcherDiLunaire@github.com/infinity-nets.git"
-  },
-  "author": "Aurel",
-  "devDependencies": {
-    "connect-livereload": "^0.6.1",
-    "express": "^4.18.1",
-    "livereload": "^0.9.3",
-    "nodemon": "^2.0.22",
-    "sass": "^1.52.3"
-  }
-}
diff --git a/scss/_mixins.scss b/scss/_mixins.scss
deleted file mode 100644
index 76716fd..0000000
--- a/scss/_mixins.scss
+++ /dev/null
@@ -1,19 +0,0 @@
-// breakpoints
-@mixin for-tablet {
-    @media (min-width: 640px) { @content; }
-}
-@mixin for-desktop {
-    @media (min-width: 900px) { @content; }
-}
-
-@mixin vertical-layout {
-    @media (orientation: portrait) { @content; }
-}
-
-@mixin horizontal-layout {
-    @media (orientation: landscape) { @content; }
-}
-
-@mixin no-touch-device {
-    @media (pointer: fine), (pointer: none) { @content; }
-}
\ No newline at end of file
diff --git a/scss/_variables.scss b/scss/_variables.scss
deleted file mode 100644
index 1bb4e1a..0000000
--- a/scss/_variables.scss
+++ /dev/null
@@ -1,85 +0,0 @@
-@import "mixins.scss";
-
-// colors
-$dark-00:#0f0f1b;
-$dark-01:#0d0d16;
-$dark-02:#1a1a2f;
-$dark-03: #101828;
-$light-00:#fff;
-$light-01:#c4c3c3;
-$pink-00:#eea1e6;
-$blue-00: #6edcf3;
-$grid-blue: #202740;
-
-
-:root {
-    --header-height: 40px;
-    --section-height: calc(100vh - var(--header-height));
-
-    --margin-0: 12px;
-    --margin-1: 24px;
-    --margin-2: 48px;
-
-    @include for-desktop{
-        --header-height: 40px;
-        --margin-0: 24px;
-        --margin-1: 48px;
-        --margin-2: 96px;
-    }
-}
-
-
-.highlight.animate::after{
-    content: '';
-    position: absolute;
-    top: 1px;
-    right: 0;
-    width: 100%;
-    height: calc(100% - 3px);
-    animation: a-ltr-after 2s cubic-bezier(.77,0,.18,1) forwards;
-    transform: translateX(-101%);
-    will-change: transform;
-}
-
-h1.animate::after{
-    background: $pink-00;
-}
-h2.animate::after{
-    background: $blue-00;
-}
-
-.highlight.animate::before, .highlight.scroll-animate::before{
-    content: '';
-    position: absolute;
-    top: 1px;
-    right: 0;
-    width: 100%;
-    height: 100%;
-    background: $dark-00;
-    transform: translateX(0);
-    will-change: transform;
-}
-
-.highlight.animate::before{
-    animation: a-ltr-before 2s cubic-bezier(.77,0,.18,1) forwards;
-}
-
-h1.highlight.animate::before,
-h1.highlight.animate::after{
-    animation-delay: 0.0s;
-}
-
-h2.highlight.animate::before,
-h2.highlight.animate::after{
-    animation-delay: 0.2s;
-}
-
-@keyframes a-ltr-after{
-    0% {transform: translateX(-100%)}
-    100% {transform: translateX(101%)}
-}
-
-@keyframes a-ltr-before{
-    0% {transform: translateX(0)}
-    100% {transform: translateX(200%)}
-}
\ No newline at end of file
diff --git a/scss/style.scss b/scss/style.scss
deleted file mode 100644
index ef1ceba..0000000
--- a/scss/style.scss
+++ /dev/null
@@ -1,704 +0,0 @@
-@import "mixins.scss";
-@import "variables.scss";
-
-*,
-*::before,
-*::after {
-    box-sizing: border-box;
-    margin: 0;
-}
-
-html,
-body {
-    height: 100%;
-    width: 100%;
-}
-
-html {
-    font-family: "roc-grotesk", sans-serif;
-    font-optical-sizing: auto;
-    font-weight: 200;
-    font-style: normal;
-    background-color: $dark-00;
-    color: $light-00;
-    scroll-behavior: smooth;
-}
-
-body {
-    &.no-scroll {
-        overflow: hidden;
-    }
-
-    display: table;
-    background: radial-gradient(at 40% 40%, rgba(13, 20, 33, 0.5), rgba(10, 9, 15, 0.1)),
-    radial-gradient(at 60% 60%, rgba(20, 33, 66, 0.8), rgba(0, 0, 0, 0));
-
-    &.loaded {
-        .hero-img {
-            opacity: 1;
-            transition: opacity 1s linear .3s;
-        }
-    }
-}
-
-a {
-    color: inherit;
-
-    &:hover {
-        color: $pink-00;
-    }
-}
-
-button {
-    background: none;
-    color: inherit;
-    border: none;
-    padding: 0;
-    font: inherit;
-    cursor: pointer;
-}
-
-h1 {
-    font-size: 50px;
-    margin: 0;
-    position: relative;
-    overflow: hidden;
-    display: inline-block;
-    line-height: 1em;
-    margin-bottom: 8px;
-
-}
-
-h2 {
-    font-family: "Source Code Pro", monospace;
-    font-size: 18px;
-    font-weight: 500;
-    line-height: 1.8em;
-    color: #fff;
-    position: relative;
-    overflow: hidden;
-    display: inline-table;
-    transform: translateX(1px);
-}
-
-h2 span {
-    background-color: $blue-00;
-    color: $dark-00;
-    padding: 3px 8px;
-    -webkit-box-decoration-break: clone;
-    box-decoration-break: clone;
-}
-
-h3 {
-    font-size: 17px;
-    font-family: "roc-grotesk-wide", sans-serif;
-    font-weight: 500;
-    font-style: normal;
-}
-
-p {
-    font-family: "roc-grotesk", sans-serif;
-    font-size: 18px;
-    font-weight: 300;
-    line-height: 1.2em;
-    letter-spacing: 0.03em;
-    color: $light-01;
-}
-
-.logo-text {
-    font-family: "Rubik", sans-serif;
-    font-weight: 500;
-
-    .source-code {
-        font-family: "Source Code Pro", monospace;
-        font-size: 1.06em;
-        font-weight: 300;
-    }
-
-    background-color: $blue-00;
-    background-image: linear-gradient(45deg, $pink-00, $blue-00);
-    background-size: 100%;
-    background-repeat: repeat;
-    background-clip: text;
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-}
-
-.menu-btn {
-    position: relative;
-    z-index: 101;
-    margin: 8px var(--margin-1);
-    height: var(--margin-1);
-    width: 26px;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    background-color: transparent;
-    color: $light-00;
-
-    &:hover {
-        .m-button {
-            background: $pink-00;
-
-            &:before,
-            &:after {
-                background: $pink-00;
-            }
-        }
-    }
-
-    .m-button {
-        /* cross thickness */
-        height: 1px;
-        width: calc(100%);
-        background: $light-00 ;
-
-        &:before,
-        &:after {
-            content: '';
-            position: absolute;
-            left: 0;
-            /* cross thickness */
-            height: 1px;
-            width: calc(100%);
-            background: $light-00 ;
-        }
-
-        &:before {
-            transform: translateY(-8px);
-        }
-
-        &:after {
-            transform: translateY(8px);
-        }
-    }
-
-    &.isCross {
-        .m-button {
-            width: 0%;
-
-            &:before {
-                transform: rotate(45deg);
-            }
-
-            &:after {
-                transform: rotate(-45deg);
-            }
-        }
-    }
-
-    @include horizontal-layout {
-        display: none;
-    }
-}
-
-.menu {
-    position: fixed;
-    width: 100vw;
-    height: 100vh;
-    left: 0px;
-    top: 0px;
-    background-color: $dark-00;
-    z-index: 100;
-    opacity: 1;
-    overflow-y: auto;
-    will-change: transform;
-    transform: translateX(0%);
-    transition: transform 0.4s cubic-bezier(0, 0, 0.1, 1);
-    box-shadow: 1px 3px 8px 2px rgba(13, 13, 22, 0.3);
-
-    &.hidden {
-        transform: translateX(-101%);
-        transition: transform 0.5s cubic-bezier(0, 0, 0.1, 1);
-        will-change: transform;
-    }
-
-    &.isSwipingX {
-        transition: none;
-    }
-
-    ul {
-        margin: var(--header-height) 0;
-        padding: 0;
-        display: flex;
-        flex-direction: column;
-        font-family: "Source Code Pro", monospace;
-        font-weight: 400;
-        font-size: 18px;
-        will-change: opacity;
-
-        li {
-            display: inline-flex;
-            align-items: center;
-            padding: var(--margin-1);
-            border-bottom: solid 1px $grid-blue;
-
-            &:nth-child(1) {
-                border-top: solid 1px $grid-blue;
-            }
-
-            .icon {
-                width: 20px;
-                height: 20px;
-                transform: rotate(45deg);
-                margin-right: 28px;
-            }
-
-            a {
-                color: $light-00;
-                text-decoration: none;
-                display: block;
-            }
-        }
-    }
-
-    @include horizontal-layout {
-        position: relative;
-        margin: 0 var(--margin-1);
-        width: auto;
-        height: auto;
-        background-color: transparent;
-        overflow-y: auto;
-        transform: none;
-        transition: none;
-        box-shadow: none;
-
-        .line-v {
-            display: none;
-        }
-
-        &.hidden {
-            transform: none;
-            transition: none;
-        }
-
-        ul {
-            margin: 0;
-            font-size: 14px;
-            flex-direction: row;
-
-            li {
-                display: inline-block;
-                padding: 0;
-                margin-left: var(--margin-1);
-                border: none;
-
-                &:nth-child(1) {
-                    border: none;
-                }
-
-                .icon {
-                    display: none;
-                }
-
-                a {
-                    color: $light-00;
-                    text-decoration: none;
-                    display: block;
-
-                    &:hover {
-                        color: $pink-00;
-                    }
-                }
-            }
-        }
-    }
-}
-
-header {
-    z-index: 10;
-    position: fixed;
-    top: 0;
-    width: 100vw;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    background-color: rgba($color: $dark-00, $alpha: 0.6);
-    backdrop-filter: blur(5px);
-    height: var(--header-height);
-
-    .logo {
-        font-size: 18px;
-        margin: 0 var(--margin-1);
-        display: flex;
-        align-items: center;
-
-        img {
-            padding-right: 8px;
-            height: 20px;
-        }
-    }
-}
-
-section {
-    width: 100%;
-    padding: 40px var(--margin-1);
-    max-width: 1440px;
-    margin: 0 auto;
-
-    &.hero {
-        position: relative;
-        z-index: 4;
-        height: var(--section-height);
-        display: flex;
-        align-items: center;
-        padding-left: var(--margin-1);
-        padding-top: 0;
-        height: 100vh;
-
-        .title {
-            max-width: 500px;
-        }
-
-        .subtitle {
-            margin: 0;
-        }
-    }
-}
-
-.hero-img {
-    position: absolute;
-    top: 0;
-    left: 0;
-    object-position: center;
-    object-fit: cover;
-    width: 100%;
-    height: 100vh;
-    will-change: opacity;
-    opacity: 0;
-
-    &.planet {
-        z-index: 3;
-    }
-}
-
-#what-we-do {
-    p {
-        padding: var(--margin-1);
-
-        text {
-            background-color: $blue-00;
-            background-image: linear-gradient(45deg, $pink-00, $blue-00);
-            background-size: 100%;
-            background-repeat: repeat;
-            background-clip: text;
-            -webkit-background-clip: text;
-            -webkit-text-fill-color: transparent;
-        }
-
-    }
-}
-
-#the-team {
-    .content {
-        .member {
-            align-items: center;
-            display: flex;
-            flex-direction: column;
-            width: 100%;
-            margin: var(--margin-1) auto;
-
-            &:nth-child(1) {
-                margin-bottom: var(--margin-2);
-            }
-
-            &:nth-child(2) {
-                margin-top: var(--margin-2);
-                margin-bottom: 0;
-            }
-
-            .photo {
-                display: flex;
-                flex-direction: column;
-                align-items: center;
-                justify-content: space-between;
-                position: relative;
-                height: 250px;
-                width: 100%;
-                margin-bottom: var(--margin-1);
-
-                &.scroll-animate {
-                    .strip {
-                        will-change: transform;
-                        transform: scaleX(0.8);
-                    }
-
-                    &.animate {
-                        .strip {
-                            transform: scaleX(1);
-                            transition: 1s cubic-bezier(.77, 0, .18, 1) 0.3s;
-
-                            &:nth-child(2) {
-                                transform: scaleX(1) translateX(-16px);
-                            }
-
-                            &:nth-child(3) {
-                                transform: scaleX(1) translateX(16px);
-                            }
-                        }
-                    }
-                }
-
-                .strip {
-                    padding: 12px;
-                    color: $dark-01;
-                    min-width: calc(100% - 32px);
-                    display: flex;
-                    height: 32px;
-                    align-items: center;
-
-                    &.scroll-translate {
-                        transform: translateX(0px);
-
-                    }
-
-                    &:nth-child(1) {
-                        background: #e2b1e4;
-                    }
-
-                    &:nth-child(2) {
-                        background: #e0c9ff;
-
-                        &.scroll-animate {
-                            will-change: transform;
-                            transform: translateX(0);
-
-                            &.animate {
-                                transition: 1s cubic-bezier(.77, 0, .18, 1) 0.3s;
-                                transform: translateX(-16px);
-                            }
-                        }
-                    }
-
-                    &:nth-child(3) {
-                        background: #b7cbff;
-                        justify-content: end;
-
-                        &.scroll-animate {
-                            will-change: transform;
-                            transform: translateX(0);
-
-                            &.animate {
-                                transition: 1s cubic-bezier(.77, 0, .18, 1) 0.3s;
-                                transform: translateX(16px);
-                            }
-                        }
-                    }
-
-                    &:nth-child(4) {
-                        background: #8fcbff;
-                    }
-                }
-
-                .picture {
-                    width: 225px;
-                    position: absolute;
-                    bottom: 0;
-                    pointer-events: none;
-
-                    &.shadow {
-                        transform: translateX(-10px);
-                        mix-blend-mode: overlay;
-                        opacity: 0.6;
-                    }
-                }
-            }
-
-            .profile {
-                flex: 2;
-                display: flex;
-                flex-direction: column;
-                min-width: 300px;
-                align-items: center;
-
-                .socials {
-                    display: flex;
-                    flex-direction: row;
-                    width: 100%;
-                    border-top: solid 1px $grid-blue;
-                    border-bottom: solid 1px $grid-blue;
-
-                    a {
-                        flex: auto;
-                        padding: 10px;
-                        display: flex;
-                        justify-content: center;
-                        align-items: center;
-                        border-right: solid 1px $grid-blue;
-
-                        svg {
-                            height: 24px;
-                        }
-
-                        &:hover {
-                            background-color: $pink-00;
-
-                            svg {
-                                fill: $dark-00;
-                            }
-                        }
-                    }
-
-                    img {
-                        width: 25px;
-                        height: 25px;
-                    }
-                }
-
-                p {
-                    flex: auto;
-                    padding: var(--margin-1);
-                }
-            }
-
-            @include horizontal-layout {
-                flex-direction: row;
-                border-top: solid 1px $grid-blue;
-                border-bottom: solid 1px $grid-blue;
-
-                &:nth-child(1) {
-                    margin-bottom: var(--margin-1);
-                }
-
-                &:nth-child(2) {
-                    margin-top: var(--margin-1);
-                    flex-direction: row-reverse;
-
-                    .profile {
-                        flex-direction: row-reverse;
-                    }
-                }
-
-                .photo {
-                    flex: 1;
-                    margin: 0;
-                }
-
-                .profile {
-                    flex-direction: row;
-                    min-height: 250px;
-
-                    .socials {
-                        flex-direction: column;
-                        min-height: 250px;
-                        align-items: center;
-                        border: 0;
-                        align-self: stretch;
-
-                        a {
-                            border-right: solid 1px $grid-blue;
-                            border-left: solid 1px $grid-blue;
-                            border-bottom: solid 1px $grid-blue;
-                            width: calc(250px / 3);
-
-                            &:last-child {
-                                border-bottom: none;
-                            }
-                        }
-                    }
-
-                    p {
-                        padding: var(--margin-0) var(--margin-1);
-                    }
-                }
-            }
-        }
-    }
-}
-
-#our-libraries {
-    ul {
-        padding: 0;
-        li {
-            display: block;
-            padding-bottom: var(--margin-1);
-            border-bottom: solid 1px $grid-blue;
-        }
-    }
-
-    .title-wrapper {
-        display: flex;
-        align-items: center;
-        border-bottom: solid 1px $grid-blue;
-        justify-content: space-between;
-
-        h3 {
-            padding: 0 var(--margin-1);
-        }
-
-        .arrow-icon {
-            border-left: solid 1px $grid-blue;
-            padding: 16px;
-            display: flex;
-
-            &:hover {
-                background-color: $pink-00;
-
-                svg {
-                    fill: $dark-00;
-                }
-            }
-        }
-
-    }
-
-    p {
-        padding: var(--margin-0) var(--margin-1);
-    }
-}
-
-
-footer {
-    background-color: $dark-01;
-
-    .content {
-        width: 100%;
-        padding: 48px var(--margin-1);
-        max-width: 1440px;
-        margin: 0 auto;
-
-        ul {
-            display: flex;
-            flex-direction: column;
-            padding: var(--margin-0) 0;
-
-            li {
-                display: block;
-                margin: 4px 0;
-
-                span {
-                    font-weight: 500;
-                }
-            }
-        }
-    }
-}
-
-.line {
-    z-index: 2;
-    background: $grid-blue;
-    will-change: transform;
-    pointer-events: none;
-    position: fixed;
-
-    &.line-h {
-        width: 100%;
-        height: 1px;
-        left: 0;
-        position: absolute;
-    }
-
-    &.line-v {
-        height: 100%;
-        width: 1px;
-        top: 0;
-
-        &.left {
-            left: var(--margin-1);
-        }
-
-        &.right {
-            right: var(--margin-1);
-        }
-    }
-}
\ No newline at end of file
diff --git a/public/style.css b/style.css
similarity index 100%
rename from public/style.css
rename to style.css
diff --git a/public/style.css.map b/style.css.map
similarity index 100%
rename from public/style.css.map
rename to style.css.map