Initial commit

.gitignore

@@ -0,0 +1,15 @@
+# JetBrains
+.idea/
+*.iml
+*.iws
+
+# Visual Studio Code
+.vscode/
+.history
+
+# npm
+/node_modules/
+
+# Hugo
+/public/
+/resources/_gen/

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 Azuriom
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,22 @@
+# azuriom.com
+
+[![Chat](https://img.shields.io/discord/625774284823986183?color=5865f2&label=Discord&logo=discord&logoColor=fff&style=flat-square)](https://azuriom.com/discord)
+
+The Azuriom's website, available at [azuriom.com](https://azuriom.com) and made with [Hugo](https://gohugo.io/).
+
+## Project setup for development
+
+### Install required dependencies
+```
+npm install
+```
+
+### Compiles and hot-reloads for development
+```
+npm run serve
+```
+
+### Compiles and minifies for production
+```
+npm run build
+```

assets/js/app.js

@@ -0,0 +1,26 @@
+window.Popper = require('@popperjs/core');
+window.bootstrap = require('bootstrap');
+const Typed = require('typed.js');
+
+document.querySelectorAll('.azuriom-last-version').forEach(function (el) {
+    fetch('https://api.github.com/repos/Azuriom/Azuriom/releases/latest')
+        .then(function (response) {
+            return response.json();
+        })
+        .then(function (json) {
+            const version = json['tag_name'].replace('v', '');
+            el.innerHTML = `Azuriom v${version}`;
+        });
+});
+
+document.querySelectorAll('[data-typed]').forEach(function (el) {
+    el.innerText = '';
+
+    new Typed(el, {
+        strings: el.dataset['typed'].split('|'),
+        typeSpeed: 100,
+        backSpeed: 25,
+        loop: true,
+        autoInsertCss: false,
+    });
+});

assets/scss/_global.scss

@@ -0,0 +1,130 @@
+html,
+body {
+    height: 100%;
+}
+
+body {
+    display: flex;
+    flex-direction: column;
+}
+
+::-webkit-scrollbar {
+    width: 10px;
+}
+
+::-webkit-scrollbar-track-piece {
+    background: #e1e1e1;
+    border: 3px solid transparent;
+}
+
+::-webkit-scrollbar-thumb {
+    background: $blue;
+    border: 3px solid transparent;
+    border-radius: 5px;
+}
+
+.title-divider {
+    padding-bottom: 0.75rem;
+    margin-bottom: 1rem;
+    position: relative;
+
+    &::after {
+        content: '';
+        width: 60px;
+        height: 3px;
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        background: $blue;
+    }
+}
+
+.title-divider-sm::after {
+    width: 30px;
+    height: 2px;
+}
+
+.content {
+    margin-top: 5rem;
+    margin-bottom: 5rem;
+}
+
+.page-wrapper {
+    flex: 1 0 auto;
+}
+
+.svg,
+.bi {
+    height: 1.15em;
+    width: 1.15em;
+    vertical-align: -0.225em;
+}
+
+.svg-small {
+    height: 1em;
+}
+
+.navbar .nav-link {
+    font-weight: 600;
+
+    .svg {
+        height: 1.4em;
+        width: 1.4em;
+        border-radius: 3px;
+    }
+}
+
+.bg-primary-gradient {
+    background: linear-gradient(-75deg, #0096e6, #265bfb 55%, #0026e6);
+}
+
+.section-waves,
+.footer-waves {
+    margin-bottom: -1px;
+}
+
+.footer {
+    flex-shrink: 0;
+    color: #fff;
+    background: #2b2b2b;
+    font-size: 0.95rem;
+    padding: 2.5rem 0 1.5rem;
+
+    .copyright {
+        padding-top: 1.5rem;
+        border-top: $blue solid 1px;
+    }
+
+    .bi-heart-fill {
+        color: #ff7273;
+    }
+
+    a,
+    a:hover {
+        color: #fff;
+    }
+
+    .links a::before {
+        content: ' ';
+        background-image: url('../svg/chevron-right.svg');
+        margin-right: 5px;
+        display: inline-block;
+        vertical-align: -0.2em;
+        height: 1.05rem;
+        width: 1.05rem;
+        transition: transform 0.2s ease-in-out;
+    }
+
+    .links a:hover::before {
+        transform: translate3d(5px, 0, 0);
+    }
+}
+
+.documentation-alert {
+    border-left: none !important;
+
+    img {
+        height: 4rem;
+        width: 4rem;
+    }
+}

assets/scss/_home.scss

@@ -0,0 +1,153 @@
+// Typed.js
+.typed-cursor {
+    opacity: 1;
+}
+
+.typed-cursor.typed-cursor--blink {
+    -webkit-animation: typedBlink 0.7s infinite;
+    animation: typedBlink 0.7s infinite;
+}
+
+.float-animation {
+    -webkit-animation: float ease-in-out 2.5s infinite alternate;
+    animation: float ease-in-out 2.5s infinite alternate;
+}
+
+.home-hero {
+    color: #fff;
+    background: linear-gradient(-75deg, #58c3ff 0, #004de6 55%, #003bb1 100%);
+
+    .navbar {
+        background: transparent !important;
+    }
+
+    .logo {
+        height: 85px;
+        max-width: 100%;
+    }
+
+    .hero-waves {
+        position: absolute;
+        bottom: -1px;
+        left: 0;
+        right: 0;
+    }
+
+    .hero-wrapper {
+        min-height: calc(100vh - 5.5rem);
+    }
+}
+
+.home-button {
+    padding: 0.75rem 1.25rem;
+    transition: all 0.3s ease;
+    -webkit-animation: flash ease-in-out 2.5s infinite;
+    animation: flash ease-in-out 2.5s infinite;
+
+    &:hover {
+        box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
+        transform: translate3d(0, -.2rem, 0);
+    }
+}
+
+.features .svg {
+    height: 4rem;
+    width: 4rem;
+    text-align: center;
+    margin-bottom: 0.5rem;
+}
+
+.section {
+    padding: 5rem 0;
+
+    @media (max-width: 768px) {
+        padding: 3rem 0;
+    }
+}
+
+.section-waves-reversed {
+    margin-top: -1px;
+}
+
+.social-icons {
+    a:hover svg {
+        transform: translate3d(0, -.2rem, 0);
+    }
+
+    svg {
+        height: 2.5em;
+        width: 2.5em;
+        transition: all 0.3s ease;
+        color: #fff;
+    }
+}
+
+@-webkit-keyframes typedBlink {
+    from {
+        opacity: 1;
+    }
+    50% {
+        opacity: 0;
+    }
+    to {
+        opacity: 1;
+    }
+}
+
+@keyframes typedBlink {
+    from {
+        opacity: 1;
+    }
+    50% {
+        opacity: 0;
+    }
+    to {
+        opacity: 1;
+    }
+}
+
+@-webkit-keyframes float {
+    from {
+        -webkit-transform: translate3d(0, -5px, 0);
+        transform: translate3d(0, -5px, 0);
+    }
+    to {
+        -webkit-transform: translate3d(0, 5px, 0);
+        transform: translate3d(0, 5px, 0);
+    }
+}
+
+@keyframes float {
+    from {
+        -webkit-transform: translate3d(0, -5px, 0);
+        transform: translate3d(0, -5px, 0);
+    }
+    to {
+        -webkit-transform: translate3d(0, 5px, 0);
+        transform: translate3d(0, 5px, 0);
+    }
+}
+
+@-webkit-keyframes flash {
+    from {
+        box-shadow: 0 0 0 0 #28a745;
+    }
+    75% {
+        box-shadow: 0 0 0 15px rgba(40, 167, 69, 0);
+    }
+    to {
+        box-shadow: 0 0 0 0 rgba(40, 167, 69, 0);
+    }
+}
+
+@keyframes flash {
+    from {
+        box-shadow: 0 0 0 0 #28a745;
+    }
+    75% {
+        box-shadow: 0 0 0 10px rgba(40, 167, 69, 0);
+    }
+    to {
+        box-shadow: 0 0 0 0 rgba(40, 167, 69, 0);
+    }
+}