RELEASE: VI Docs (2024-06-01)

.gitignore

@@ -16,10 +16,6 @@ _site
 .jekyll-metadata
 vendor
 
-# -- Other pages, folders --
-/downloads/
-search.html
-
 # -- Favicons --
 /favicon/vi-logo-big-hngo.png
 /favicon/vi-logo-small-hngo.png
@@ -40,48 +36,8 @@ search.html
 /fonts/PlexMono/
 /fonts/TechnaSans-Regular.otf
 
-# -- Game pages --
-Project-Anubis.html
-Project-Hangar.html
-Project-Jailbird.html
-Project-Mountain.html
-Project-Odyssey.html
-Project-Vidal.html
-
-# -- Posts --
-
-# -- Projects folders --
-
-# -- Documentation --
-# Moved to docs.vantainteractive.com
-
-# -- Support --
-# Moved to support.vantainteractive.com
-
-# -- CMS --
-# CMS is not used anymore since the migration to Jekyll
-/css/obisidian-design-cms.css
-/cms/
-/cms/saved/
-/cms/templates/
-/dash/
-cms.js
-dash.js
-server.sh
-server.py
-
-# -- Languages --
-lang-list.txt
-/ar/
-/cn/
-/jp/
-/ko/
-/pt/
-/uk/
-/vi/
+search.js
+search_data.json
+search.html
+search.md
 
-# -- Progressive Web App --
-offline.html
-sw.js
-site.webmanifest
-sw.js.map

404.html

@@ -35,7 +35,7 @@ <h1 class="post-title blaec semibold rem15 white" itemprop="name headline">404</
                 <p class="post-description rem1-5 outfit medium white">{{ site.t[page.lang].pagenotfound }}</p>
             </header>
          <div class="post-content lightgray rem1-15 monospace medium">
-               <a href="https://vantainteractive.com/">{{ site.t[page.lang].homepage }}</a>
+               <a href="{{ site.baseurl }}/">{{ site.t[page.lang].homepage }}</a>
            </div>
         </div>
 

_includes/footer.html

@@ -4,9 +4,9 @@
                     <div class="footer-legal">
                         <p class="footer-copyright-text dm-sans semibold italic">© 2018-{{ site.t[page.lang].present }} Vanta Interactive. {{ site.t[page.lang].allrights }}</p>
                         <p class="footer-copyright-text footer-link white dm-sans bold">&ensp;|&ensp;</p>
-                        <a class="footer-copyright-text footer-link white link-white dm-sans bold" href="https://legal.vantainteractive.com/2024/03/24/Terms-of-Service">{{ site.t[page.lang].tos }}</a>
+                        <a class="footer-copyright-text footer-link white link-white dm-sans bold" href="https://legal.vantainteractive.com/terms-of-service">{{ site.t[page.lang].tos }}</a>
                         <p class="footer-copyright-text footer-link white dm-sans bold">&ensp;|&ensp;</p>
-                        <a class="footer-copyright-text footer-link white link-white dm-sans bold" href="https://legal.vantainteractive.com/2024/03/24/Privacy-Policy">{{ site.t[page.lang].privacy }}</a>
+                        <a class="footer-copyright-text footer-link white link-white dm-sans bold" href="https://legal.vantainteractive.com/privacy-policy">{{ site.t[page.lang].privacy }}</a>
                         <p class="footer-copyright-text footer-link white dm-sans bold">&ensp;|&ensp;
                         <a class="footer-copyright-text footer-link white link-white dm-sans bold" href="https://status.vantainteractive.com">{{ site.t[page.lang].status }}</a>
                     </div>

_includes/header.html

@@ -4,7 +4,7 @@
                 <div class="header-right">
                     <div class="header-buttons">
                         <a class="header-button dm-sans semibold" href="{{ site.baseurl }}/{{ page.lang }}/">{{ site.t[page.lang].home }}</a>
-                        <a class="header-button dm-sans semibold icon-search" href="{{ site.baseurl }}/{{ page.lang }}/search"></a>
+                        <!-- <a class="header-button dm-sans semibold icon-search" href="{{ site.baseurl }}/{{ page.lang }}/search"></a> -->
                     </div>
                 </div>
             </div>

_includes/sidebar.html

@@ -55,10 +55,10 @@
                 <a class="header-button monospace medium" href="{{ site.baseurl }}/{{ page.lang }}/sapphire/">Sapphire Overview</a>
                 {% elsif page.sidebar_topic == 'Websites' %}
                     <a class="header-button monospace medium" href="{{ site.baseurl }}/{{ page.lang }}/websites/main">VI Website</a>
-                    <a class="header-button monospace medium" href="{{ site.baseurl }}/{{ page.lang }}/websites/docs">VI Docs</a>
-                    <a class="header-button monospace medium" href="{{ site.baseurl }}/{{ page.lang }}/websites/legal">VI Legal</a>
-                    <a class="header-button monospace medium" href="{{ site.baseurl }}/{{ page.lang }}/websites/status">VI Status</a>
-                    <a class="header-button monospace medium" href="{{ site.baseurl }}/{{ page.lang }}/websites/support">VI Support</a>
+                    <a class="header-button monospace medium" href="#">VI Docs</a>
+                    <a class="header-button monospace medium" href="#">VI Legal</a>
+                    <a class="header-button monospace medium" href="#">VI Status</a>
+                    <a class="header-button monospace medium" href="#">VI Support</a>
                 {% endif %}
             </div>
         {% endif %}

en/api/index.md

@@ -18,8 +18,8 @@ sidebar_topic: API
 API that will be used in our games, software and web platforms.
 
 Projects that will likely use the API:
-- Jailbird (post-release)
 - Morel (Core, ...)
 - Mountain
+- Other projects not mentioned
 
 **Coming soon**

en/branding/index.md

@@ -19,11 +19,11 @@ toc: <a class="header-button monospace medium" href="#brand-guidelines">Brand Gu
 ## Brand Guidelines
 
 ### Typography
-![An image showing use cases of the Blaec font, used only for the Vanta Interactive logo](https://i.ibb.co/47Vvw1T/VI-Branding-Typeface-Blaec.png "An image showing use cases of the Blaec font, used only for the Vanta Interactive logo")
+![An image showing use cases of the Blaec font, used only for the Vanta Interactive logo]({{ site.baseurl }}/images/docs/branding/VI-Branding-Typeface-Blaec.png "An image showing use cases of the Blaec font, used only for the Vanta Interactive logo")
 
 Primary Font: Blaec is exclusively used in the logo, because of the big, bold, uppercase font face. This creates a simple, yet reusable and recognizable logo that can be used in any situation, while ensuring it's readable.
 
-![An image showing use cases of the Space Mono font](https://i.ibb.co/XVL5jGY/VI-Branding-Typeface-Space-Mono.png "An image showing use cases of the Space Mono font")
+![An image showing use cases of the Space Mono font]({{ site.baseurl }}/images/docs/branding/VI-Branding-Typeface-Space-Mono.png "An image showing use cases of the Space Mono font")
 
 Secondary Font: Space Mono. All Vanta Interactive websites heavily use Space Mono, due to the industrial, retro-futurist 'NASA-like' design evoked by the font, that also complements our brand colors.
 
@@ -43,10 +43,10 @@ Each project within Vanta Interactive may utilize its own typefaces to reflect i
 - Project Jailbird using Kiloton: Bright orange background with white VANTA text and a thick black border
 
 ### Colors
-![An image showing the 4 main colors used by the brand - vantablack, vantagray, light gray and yellow](https://i.ibb.co/5cJ03K3/VI-Branding-Colours.png "An image showing the 4 main colors used by the brand - vantablack, vantagray, light gray and yellow")
+![An image showing the 4 main colors used by the brand - vantablack, vantagray, light gray and yellow]({{ site.baseurl }}/images/docs/branding/VI-Branding-Colours.png "An image showing the 4 main colors used by the brand - vantablack, vantagray, light gray and yellow")
 
 ### Shapes
-![An image showing various shapes that are used in some way, on the website. The shapes are an upside triangle, a circle, a 4-pointed star, an 8-pointed star, a hexagon, an octagon, and an inflated 8-pointed star](https://i.ibb.co/55TQqVS/VI-Branding-Shapes.png "An image showing various shapes that are used in some way, on the website. The shapes are an upside triangle, a circle, a 4-pointed star, an 8-pointed star, a hexagon, an octagon, and an inflated 8-pointed star.")
+![An image showing various shapes that are used in some way, on the website. The shapes are an upside triangle, a circle, a 4-pointed star, an 8-pointed star, a hexagon, an octagon, and an inflated 8-pointed star]({{ site.baseurl }}/images/docs/branding/VI-Branding-Shapes.png "An image showing various shapes that are used in some way, on the website. The shapes are an upside triangle, a circle, a 4-pointed star, an 8-pointed star, a hexagon, an octagon, and an inflated 8-pointed star.")
 
 <img class="shape" src="{{ site.baseurl }}/images/shapes/4Star.png"/>
 <img class="shape" src="{{ site.baseurl }}/images/shapes/8Star.png"/>
@@ -56,7 +56,7 @@ Each project within Vanta Interactive may utilize its own typefaces to reflect i
 <img class="shape" src="{{ site.baseurl }}/images/shapes/UpsideDownTriangle.png"/>
 
 ### Logo
-![A square image showing the white VANTA logo in the middle, surrounded on all sides by smaller logos with different colours and patterns.](https://i.ibb.co/P1d4KzN/VI-Branding-Logos.png "A square image showing the white VANTA logo in the middle, surrounded on all sides by smaller logos with different colours and patterns.")
+![A square image showing the white VANTA logo in the middle, surrounded on all sides by smaller logos with different colours and patterns.]({{ site.baseurl }}/images/docs/branding/VI-Branding-Logos.png "A square image showing the white VANTA logo in the middle, surrounded on all sides by smaller logos with different colours and patterns.")
 Our logo is the cornerstone of our brand identity. It features the distinctive, double-line "VANTA" text in the Blaec font, with deliberate space left out to the right, to evoke a sense of openness and possibility - symbols can be used to fill the empty space, for example. The design resembles a vertical half of an upside-down pyramid, symbolizing our studio's forward-thinking approach and holistic view of our projects. We refer to the upside-down pyramid as a Panopticon, as it's the 'control center', the heart of Vanta Interactive.
 
 *Usage:*

en/index.md

@@ -15,41 +15,41 @@ metadata_timespan:
 sidebar_topic:
 ---
 
-<!-- <div class="article-long article-banner">
-    <p class="article-title rem2 semibold monospace white z-index1 right-15 top-15">Jailbird Modding</p>
-    <img src="" class="project-image-banner" alt="">
+<div class="article-long article-banner">
+    <p class="article-title rem2 semibold monospace white z-index1 right-15 top-15">Prisonia Modding Reference</p>
+    <img src="{{ site.baseurl }}/images/docs/games/Prisonia.png" class="project-image-banner" alt="">
     <div class="banner-button-container z-index1 absolute">
-        <a class="article-button-dark button-margin-right" href="{{ site.baseurl }}/{{ page.lang }}/#/">⇀</a>
+        <a class="article-button-dark button-margin-right" href="#">[ COMING SOON ]</a>
     </div>
-</div> -->
+</div>
 
 <div class="article-long article-banner">
     <p class="article-title rem2 semibold monospace white z-index1 right-15 top-15">Sapphire game engine</p>
-    <img src="https://i.ibb.co/vd8D2yv/Sapphire-Banner.png" class="project-image-banner" alt="A banner showing the Sapphire engine logo, which is a pink hexagon with rounded corners, thick black borders and a big black letter S in the middle, and some screenshots of the engine, on a dark gray grid background all laid out at a 15 degree angle towards the left.">
+    <img src="{{ site.baseurl }}/images/docs/sapphire/Sapphire-Banner.png" class="project-image-banner" alt="A banner showing the Sapphire engine logo, which is a pink hexagon with rounded corners, thick black borders and a big black letter S in the middle, and some screenshots of the engine, on a dark gray grid background all laid out at a 15 degree angle towards the left.">
     <div class="banner-button-container z-index1 absolute">
         <a class="article-button-dark button-margin-right" href="{{ site.baseurl }}/{{ page.lang }}/sapphire/">⇀</a>
     </div>
 </div>
 
 <div class="article-long article-banner">
     <p class="article-title rem2 semibold monospace white z-index1 right-15 top-15">Vanta Interactive Branding</p>
-    <img src="https://i.ibb.co/xYxH7hn/VI-Branding-Logos.png" class="project-image-banner" alt="A banner showing an upside down white triangle with black API text in the middle, some lines from various sections of the triangle being extended and connected to various other shapes, such as the Sapphire logo, a blue circle, a pink hexagon, a yellow star and a green octogon, on a dark gray grid background all laid out at a 15 degree angle towards the left.">
+    <img src="{{ site.baseurl }}/images/docs/branding/VI-Branding-Logos.png" class="project-image-banner" alt="A banner showing an upside down white triangle with black API text in the middle, some lines from various sections of the triangle being extended and connected to various other shapes, such as the Sapphire logo, a blue circle, a pink hexagon, a yellow star and a green octogon, on a dark gray grid background all laid out at a 15 degree angle towards the left.">
     <div class="banner-button-container z-index1 absolute">
         <a class="article-button-dark button-margin-right" href="{{ site.baseurl }}/{{ page.lang }}/branding/">⇀</a>
     </div>
 </div>
 
 <div class="article-long article-banner">
     <p class="article-title rem2 semibold monospace white z-index1 right-15 top-15">Websites</p>
-    <img src="https://i.ibb.co/FqCnnyn/mainsite.png" class="project-image-banner" alt="Screenshot of the main Vanta Interactive website">
+    <img src="{{ site.baseurl }}/images/docs/websites/mainsite.png" class="project-image-banner" alt="Screenshot of the main Vanta Interactive website">
     <div class="banner-button-container z-index1 absolute">
         <a class="article-button-dark button-margin-right" href="{{ site.baseurl }}/{{ page.lang }}/websites/">⇀</a>
     </div>
 </div>
 
 <div class="article-long article-banner">
     <p class="article-title rem2 semibold monospace white z-index1 right-15 top-15">Vanta Interactive API</p>
-    <img src="https://i.ibb.co/phB5XYp/VI-API-Banner.png" class="project-image-banner" alt="A banner showing an upside down white triangle with black API text in the middle, some lines from various sections of the triangle being extended and connected to various other shapes, such as the Sapphire logo, a blue circle, a pink hexagon, a yellow star and a green octogon, on a dark gray grid background all laid out at a 15 degree angle towards the left.">
+    <img src="{{ site.baseurl }}/images/docs/api/VI-API-Banner.png" class="project-image-banner" alt="A banner showing an upside down white triangle with black API text in the middle, some lines from various sections of the triangle being extended and connected to various other shapes, such as the Sapphire logo, a blue circle, a pink hexagon, a yellow star and a green octogon, on a dark gray grid background all laid out at a 15 degree angle towards the left.">
     <div class="banner-button-container z-index1 absolute">
         <a class="article-button-dark button-margin-right" href="{{ site.baseurl }}/{{ page.lang }}/api/">⇀</a>
     </div>