Add Formula V product page

VUEngine · Jun 30, 2024 · 3853690 · 3853690
1 parent b7e3de0
commit 3853690
Show file tree

Hide file tree

Showing 8 changed files with 68 additions and 0 deletions.
diff --git a/_layouts/product.html b/_layouts/product.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html class="h-100" lang="en">
+
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+    <title>
+        {{ page.title }}
+    </title>
+
+    <!-- Styles -->
+    <link rel="stylesheet" href="/assets/bootstrap/css/bootstrap.min.css" />
+    <link rel="stylesheet" href="/assets/style.css?{{ site.time | split:' ' | first }}" />
+    <link rel="stylesheet" href="/assets/rogue/syntax-base16.monokai.dark.css" />
+
+    <!-- Favicon -->
+    <link rel="icon" type="image/png" href="{{ page.favicon }}" sizes="32x32" />
+    <link rel="icon" type="image/png" href="{{ page.favicon }}" sizes="96x96" />
+    <link rel="apple-touch-icon" sizes="180x180" href="{{ page.favicon }}" />
+    <meta name="msapplication-TileColor" content="#ffffff" />
+    <meta name="msapplication-TileImage" content="{{ page.favicon }}" />
+</head>
+
+<body class="d-flex flex-column h-100">
+    {{ content }}
+    <script src="/assets/bootstrap/js/bootstrap.min.js"></script>
+</body>
+
+</html>
diff --git a/assets/images/games/formula-v/background.jpg b/assets/images/games/formula-v/background.jpg
diff --git a/assets/images/games/formula-v/favicon.png b/assets/images/games/formula-v/favicon.png
diff --git a/assets/images/games/formula-v/fv-logo.png b/assets/images/games/formula-v/fv-logo.png
diff --git a/assets/images/games/formula-v/ro-logo.png b/assets/images/games/formula-v/ro-logo.png
diff --git a/assets/images/games/formula-v/tv-logo.png b/assets/images/games/formula-v/tv-logo.png
diff --git a/assets/images/games/formula-v/vb-logo.png b/assets/images/games/formula-v/vb-logo.png
diff --git a/formula-v.html b/formula-v.html
@@ -0,0 +1,39 @@
+---
+layout: product
+title: FORMULA V
+favicon: /assets/images/games/formula-v/favicon.png
+---
+
+<section class="h-100 overflow-auto d-flex flex-column gap-4 p-4 align-items-center"
+  style="background: url('/assets/images/games/formula-v/background.jpg') no-repeat top right; background-size: cover;">
+
+  <img src="/assets/images/games/formula-v/fv-logo.png" width="680" class="img-fluid" />
+
+  <div class="w-100" style="max-width: 840px;">
+    <div class="position-relative h-0 w-100" style="padding-top: 56.25%; /* 16:9 Aspect Ratio */">
+      <iframe class="shadow position-absolute h-100 w-100 top-0 start-0" style="border-radius: .5rem"
+        src="https://www.youtube-nocookie.com/embed/U6xiuXKPUto?autoplay=1&modestbranding=1&rel=0&iv_load_policy=3"
+        width="560" height="315" title="FORMULA V Commercial" frameborder="0" allowfullscreen></iframe>
+    </div>
+  </div>
+
+  <div class="fs-5 fw-semibold fst-italic text-uppercase text-center" style="color: #a11815; max-width: 700px;">
+    Fasten your seat-belts and dive into blazingly fast futuristic top-down racing action on your Nintendo Virtual Boy!
+  </div>
+
+  <div class="fs-2 fw-bold fst-italic text-uppercase text-center" style="color: #a11815;">
+    Coming Q4 2024
+  </div>
+
+  <div class="d-flex flex-column flex-md-row align-items-center gap-4 gap-md-5 mt-4">
+    <a href="https://www.virtual-boy.com">
+      <img src="/assets/images/games/formula-v/vb-logo.png" width="120" />
+    </a>
+    <a href="https://www.retroonyx.com">
+      <img src="/assets/images/games/formula-v/ro-logo.png" width="150" />
+    </a>
+    <a href="https://www.vuengine.dev">
+      <img src="/assets/images/games/formula-v/tv-logo.png" width="150" />
+    </a>
+  </div>
+</section>