VI Legal Website

VantaInteractive · Apr 10, 2024 · 73223f7 · 73223f7
1 parent 29e5998
commit 73223f7
Show file tree

Hide file tree

Showing 26 changed files with 546 additions and 599 deletions.
diff --git a/404.html → 404.md b/404.html → 404.md
diff --git a/_config.yml b/_config.yml
@@ -1,23 +1,18 @@
-# Jekyll Config
-
 title: Legal | Vanta Interactive
 email: [email protected]
 description: Official website for Vanta Interactive, the indie game, software and web development studio from Romania.
 baseurl: ""
 url: "https://legal.vantainteractive.com"
-twitter_username: 
-github_username:  VantaInteractive
+twitter_username:
+github_username: VantaInteractive
 
 lang: en
 
-# Build settings
-theme: minima
 plugins:
   - jekyll-feed
 
 include:
   - _includes
   - _layouts
-  - _sass
   - _data
   - js
diff --git a/_includes/footer.html b/_includes/footer.html
@@ -9,7 +9,6 @@
             </div>
         </footer>
 <!-- Footer end -->
-        <script src="{{ site.baseurl }}/js/common.js"></script>
         <script src="{{ site.baseurl }}/js/insert-banners.js"></script>
-        <script src="{{ site.baseurl }}/js/logo-change.js"></script>
         <script src="{{ site.baseurl }}/js/sticky-header.js"></script>
+        {% if page.toc %}<script src="{{ site.baseurl }}/js/sticky-postheader.js"></script>{% endif %}
diff --git a/_includes/head.html b/_includes/head.html
@@ -1,3 +1,11 @@
+        <meta charset="UTF-8" />
+        <!-- Webpage title -->
+        <title id="home">{{ page.title }}</title>
+        <!-- Website description -->
+        <meta name="description" content="{{ page.description }}">
+        <!-- Viewport width -->
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+
         <!-- CSS Stylesheets -->
         <link rel="stylesheet" href="{{ site.baseurl }}/css/fonts.css"/>
         <link rel="stylesheet" href="{{ site.baseurl }}/css/styles.css"/>
@@ -14,3 +22,24 @@
         <meta name="msapplication-TileColor" content="#9f00a7"> <!-- Win8/10 Tile Icon -->
         <meta name="theme-color" content="#c5c5c5"> <!-- Theme color -->
         <!-- Favicons end -->
+        <meta name="apple-mobile-web-app-title" content="Vanta Interactive">
+        <meta name="apple-mobile-web-app-capable" content="yes">
+        <meta name="apple-mobile-web-app-status-bar-style" content="black">
+
+        <!-- Open Graph meta tags -->
+        <meta property="og:title" content="{{ page.title }}">
+        <meta property="og:description" content="{{ page.description }}">
+        <meta property="og:image" content="{% if page.image_banner_link %}{{ page.image_banner_link }}{% else %}https://i.ibb.co/5Kfp1jD/VI-Page-Banner.png{% endif %}">
+        <meta property="og:image:secure" content="{% if page.image_banner_link %}{{ page.image_banner_link }}{% else %}https://i.ibb.co/5Kfp1jD/VI-Page-Banner.png{% endif %}">
+        <meta property="og:image:alt" content="{{ page.image_banner_alt}}">
+        <meta property="og:url" content="{{ page.url }}">
+        <meta property="og:type" content="website">
+        <meta property="og:locale" content="{{ page.locale }}">
+        <meta property="og:site_name" content="Legal | Vanta Interactive">
+        <meta name="twitter:card" content="summary_large_image">
+        <meta property="twitter:domain" content="{{ site.baseurl }}/{{ page.lang }}/">
+        <meta property="twitter:url" content="{{ page.url }}">
+        <meta name="twitter:title" content="{{ page.title }}">
+        <meta name="twitter:description" content="{{ page.description }}">
+        <meta name="twitter:image" content="{% if page.image_banner_link %}{{ page.image_banner_link }}{% else %}https://i.ibb.co/5Kfp1jD/VI-Page-Banner.png{% endif %}">
+        <meta name="twitter:site" content="@{{ site.twitter_username }}">
diff --git a/_includes/header.html b/_includes/header.html
@@ -5,7 +5,7 @@
                     <a href="https://vantainteractive.com/">
                     <img class="header-logo" id="logo" src="{{ site.baseurl }}/favicon/vi-logo-big-wh.png" alt="VI brand image"/></a>
                     <div class="header-spacing"></div>
-                    <a href="https://legal.vantainteractive.com/en/"><p class="header-branding monospace white rem3 semibold">Legal</p></a>
+                    <a href="{{ site.baseurl }}"><p class="header-branding monospace white rem3 semibold">Legal</p></a>
                 </div>
               </div>
         </header>

diff --git a/_layouts/404.html b/_layouts/404.html
@@ -5,22 +5,7 @@
 <!DOCTYPE html>
 <html lang="en" class="scroll-smooth">
     <head>
-        <meta charset="UTF-8" />
-        <!-- Webpage title -->
-        <title id="home">404 | Vanta Interactive</title>
-        <!-- Website description -->
-        <meta name="description" content="{{ site.t[page.lang].pagenotfound }}">
-        <!-- Viewport width -->
-        <meta name="viewport" content="width=device-width, initial-scale=1" />
-
         {% include head.html %}
-
-        <!-- Open Graph meta tags -->
-        <meta property="og:title" content="404 | Vanta Interactive">
-        <meta property="og:description" content="{{ site.t[page.lang].pagenotfound }}">
-        <meta property="og:image" content="https://raw.githubusercontent.com/vantainteractive/vantainteractive.com/main/favicon/vi-logo-big-bk.png">
-        <meta property="og:url" content="https://vantainteractive.com/">
-        <meta property="og:type" content="website">
     </head>
 <body class="bg-header">
         {% include header.html %}

diff --git a/_layouts/en/posts.html b/_layouts/en/posts.html
diff --git a/_layouts/index.html b/_layouts/index.html
@@ -5,39 +5,29 @@
 <!DOCTYPE html>
 <html lang="en" class="scroll-smooth">
     <head>
-        <meta charset="UTF-8" />
-        <!-- Webpage title -->
-        <title id="home">{{ site.t[page.lang].home }} | Vanta Interactive</title>
-        <!-- Website description -->
-        <meta name="description" content="{{ page.description }}">
-        <!-- Viewport width -->
-        <meta name="viewport" content="width=device-width, initial-scale=1" />
-
         {% include head.html %}
-
-        <!-- Open Graph meta tags -->
-        <meta property="og:title" content="{{ site.t[page.lang].home }} | Vanta Interactive">
-        <meta property="og:description" content="{{ page.description }}">
-        <meta property="og:image" content="https://raw.githubusercontent.com/vantainteractive/vantainteractive.com/main/favicon/vi-logo-big-bk.png">
-        <meta property="og:url" content="https://legal.vantainteractive.com/">
-        <meta property="og:type" content="website">
     </head>
 <body class="bg-header fade-in">
         {% include header.html %}
 
         {% include notice-container.html %}
 
         <div class="articles-container">
-        {% assign posts=site.posts | where:"lang", page.lang %}
-        {% for post in site.posts %}
-        <div class="link">
-        <div class="row">
-            <a href="{{ post.url }}">
-                <p class="article-title rem1-5 white monospace semibold">{{ post.title }}</p>
-            </a>
-        </div>
-        </div>
-        {% endfor %}
+            <div class="link">
+                <div class="row">
+                    <a href="{{ site.baseurl }}/terms-of-service"><p class="article-title rem1-5 white monospace semibold">Terms of Service</p></a>
+                </div>
+            </div>
+            <div class="link">
+                <div class="row">
+                    <a href="{{ site.baseurl }}/privacy-policy"><p class="article-title rem1-5 white monospace semibold">Privacy Policy</p></a>
+                </div>
+            </div>
+            <div class="link">
+                <div class="row">
+                    <a href="{{ site.baseurl }}/privacy-security-commitment"><p class="article-title rem1-5 white monospace semibold">Our commitment to privacy and security</p></a>
+                </div>
+            </div>
         </div>
 
         {% include footer.html %}

diff --git a/_layouts/post.html b/_layouts/post.html
@@ -5,38 +5,32 @@
 <!DOCTYPE html>
 <html lang="en" class="scroll-smooth">
     <head>
-        <meta charset="UTF-8" />
-        <!-- Webpage title -->
-        <title id="home">{{ page.title }} | Vanta Interactive</title>
-        <!-- Website description -->
-        <meta name="description" content="{{ page.description }}">
-        <!-- Viewport width -->
-        <meta name="viewport" content="width=device-width, initial-scale=1" />
-
         {% include head.html %}
-
-        <!-- Open Graph meta tags -->
-        <meta property="og:title" content="{{ page.title }} | Vanta Interactive">
-        <meta property="og:description" content="{{ page.description }}">
-        <meta property="og:image" content="https://raw.githubusercontent.com/vantainteractive/vantainteractive.com/main/favicon/vi-logo-big-bk.png">
-        <meta property="og:url" content="https://legal.vantainteractive.com/en/">
-        <meta property="og:type" content="website">
     </head>
 <body class="bg-header">
         {% include header.html %}
 
         {% include notice-container.html %}
 
         <div class="post-content post">
-            <header class="post-header">
-                <h1 class="post-title rem2-5 white outfit semibold" itemprop="name headline">{{ page.title }}</h1>
-                <p class="post-meta">
-                <time class="dt-published rem1 white outfit medium" datetime="{{ page.date | date: "%Y-%m-%d" }}" itemprop="datePublished">{{ page.date | date: "%B %d, %Y" }}
-                </time></p>
-            </header>
-         <div class="post-content lightgray rem1-15 monospace medium">
-               {{ content }}
-           </div>
+            {% if page.toc %}
+                <header class="post-header z-index25" id="post-header">
+                    <details class="toc">
+                        <summary class="post-text monospace rem1-25 lightgray">Table of Contents</summary>
+                        {{ page.toc }}
+                    </details>
+                </header>
+            {% endif %}
+            <div class="post-content lightgray rem1-15 monospace medium">
+            <h1 class="post-title rem2-5 white monospace semibold" itemprop="name headline">{{ page.title }}</h1>
+                 {% if page.date %}
+                     <p class="post-meta">
+                         <time class="dt-published rem1 white monospace medium" datetime="{{ page.date | date: "%Y-%m-%d" }}" itemprop="datePublished">{{ page.date | date: "%B %d, %Y" }}
+                        </time></p>
+                    {% endif %}
+                <p class="post-text rem1-15 monospace medium lightgray">{{ page.description }}</p>
+                {{ content }}
+            </div>
         </div>
 
         {% include footer.html %}

diff --git a/_posts/2024-03-24-Privacy-Policy.md b/_posts/2024-03-24-Privacy-Policy.md
diff --git a/css/colors.css b/css/colors.css
@@ -1,4 +1,3 @@
-/* Raccoon - Colors */
 :root {
     --jumpgame: #306dc9;
     --project-mountain: #E9DCDC;
@@ -10,7 +9,7 @@
     --project-UnVzc2V0: #62682a;
     --project-Vm94ZWw: #754040;
     --project-anubis: #ffc525;
-    --project-jailbird: #001457;
+    --project-jailbird: #ff9900;
 
     --black: #000000;
     --darkgray: #3a3a3a;
@@ -19,49 +18,49 @@
     --transparent: #00000000;
 
     --brand: #a0a0a0;
-    --bg-darkmagenta: #342836;
-    --bg-darkpink: #cc47bf;
     --magenta: #fcb5ff;
     --vantagray: #242424;
-
     --readerbg: #D4D4D4;
     --readerbg-dark: #1a1a1a;
-
     --headerbg: #282a36;
     --headerbg-dark: #1c1d25;
     --headerbg-dark-transparent: #1c1d2580;
-    --warning: #f8ff9c;
 
+    --warning: #f8ff9c;
+    --danger: #ed333b;
+    --caution: #ff7800;
+
     --accent-color: #c5c5c5;
 }
 
 .lightgray-hover:hover, .darkgray-hover:hover {transition: 0.3s;}
-::selection, ::-moz-selection {color: var(--black); background-color: var(--accent-color);}
-.accent-color {color: var(--accent-color);}
-.white {color: var(--white);}
-.lightgray {color: var(--lightgray);}
-.lightgray-hover:hover {color: var(--lightgray);}
-.reader {background-color: var(--readerbg);}
-.reader-dark {background-color: var(--readerbg-dark);}
-.darkgray {color: var(--darkgray);}
-.darkgray-hover:hover {color: var(--darkgray);}
-.black {color: var(--black);}
-.bg-darkmagenta {background-color: var(--bg-darkmagenta);}
-.bg-darkpink {background-color: var(--bg-darkpink);}
-.bg-header {background-color: var(--vantagray)}
-.bg-transparent {background-color: var(--transparent);}
+::selection, ::-moz-selection {color: var(--black) !important; background-color: var(--accent-color) !important;}
+.accent-color {color: var(--accent-color) !important;}
+.white {color: var(--white) !important;}
+.lightgray {color: var(--lightgray) !important;}
+.lightgray-hover:hover {color: var(--lightgray) !important;}
+.reader {background-color: var(--readerbg) !important;}
+.reader-dark {background-color: var(--readerbg-dark) !important;}
+.darkgray {color: var(--darkgray) !important;}
+.darkgray-hover:hover {color: var(--darkgray) !important;}
+.black {color: var(--black) !important;}
+.bg-header {background-color: var(--vantagray) !important;}
+.bg-transparent {background-color: var(--transparent) !important;}
 .text-active {background-color: var(--accent-color) !important; color: var(--darkgray) !important;}
 .text-active:hover {color: var(--accent-color) !important; background-color: var(--darkgray) !important;}
-.warning {color: var(--warning);}
-.vantagray {color: var(--vantagray);}
+
+.warning {color: var(--warning) !important;}
+.danger {color: var(--danger) !important;}
+.caution {color: var(--caution) !important;}
+
+.vantagray {color: var(--vantagray) !important;}
 
 .jumpgame {color: var(--jumpgame);}
 .project-mountain {color: var(--project-mountain);}
 .project-hangar {color: var(--project-hangar);}
 .project-odyssey {color: var(--project-odyssey);}
 .project-anubis {color: var(--project-anubis);}
 .project-jailbird {color: var(--white);}
-
 .header-brandname::selection, .header-logo::selection, .header-button::selection {color: var(--black); background-color: var(--brand);}
 .header-brandname::-moz-selection, .header-logo::-moz-selection, .header-button::-moz-selection {color: var(--black); background-color: var(--brand);}
 .project-mountain-logo::selection {color: var(--black); background-color: var(--project-mountain);}