beatnik mod page

sealldeveloper · Feb 6, 2024 · 54efd48 · 54efd48
1 parent 870b6f3
commit 54efd48
Show file tree

Hide file tree

Showing 3 changed files with 133 additions and 1 deletion.
diff --git a/assets/beatnik.png b/assets/beatnik.png
diff --git a/mods/beatnik.html b/mods/beatnik.html
@@ -0,0 +1,132 @@
+<!DOCTYPE html>
+<html lang="en" style="background-color:rgb(17, 5, 29) ;">
+<head>
+	<title>Beatnik - BOOGO x SEAL</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<meta name="description" content="A jazzy mod, by Boogo x Seal.">
+	<link rel="apple-touch-icon" sizes="180x180" href="../icons/apple-touch-icon.png">
+	<link rel="icon" type="image/png" sizes="32x32" href="../icons/favicon-32x32.png">
+	<link rel="icon" type="image/png" sizes="16x16" href="../icons/favicon-16x16.png">
+	<link rel="manifest" href="../icons/site.webmanifest">
+	<link rel="shortcut icon" href="../icons/favicon.ico">
+	<meta name="msapplication-TileColor" content="#603cba">
+	<meta name="msapplication-config" content="../icons/browserconfig.xml">
+	<meta name="theme-color" content="#ffffff">
+	<meta charset="UTF-8">
+	<meta property="og:type" content="website">
+	<meta property="og:site_name" content="BOOGO x SEAL">
+	<meta property="og:title" content="Beatnik" />
+    <meta property="og:image" content="https://boogoxseal.xyz/assets/beatnik.png" />
+    <meta property="twitter:image:src" content="https://boogoxseal.xyz/assets/beatnik.png" />
+	<meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:description" content="A jazzy mod, by Boogo x Seal.">
+    <meta name="og:image:alt" content="A jazzy mod, by Boogo x Seal.">
+    <meta name="og:description" content="A jazzy mod, by Boogo x Seal.">
+	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.2.3/css/bootstrap.min.css" crossorigin="anonymous">
+	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/6.0.1/mdb.min.css" crossorigin="anonymous">
+    <link rel="stylesheet" href="../css/topnav.css">
+	<link rel="stylesheet" href="../css/hovers.css">
+	<link rel="stylesheet" href="../css/all.css">
+    <link rel="stylesheet" href="../css/selectable-boxes.css">
+    <style>
+        td{text-align:center}.th-custom{overflow:auto;font-weight:200;text-align:center;padding-left:5px;padding-right:5px;font-size:28px;margin:10px}body{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fff;overflow:auto;font-family:monospace;font-weight:500;margin-top:15vh}.coolButton{font-size:15px;margin-right:10px;transition:all .2s linear;border-style:solid;color:var(--color);border-width:2px;border-color:#7023b8;font-family:monospace}.coolButton:hover{transform:translateY(-6px);border-radius:28px;border-bottom-right-radius:28px;border-top-right-radius:28px;border-top-left-radius:28px;border-bottom-left-radius:28px;border-color:#7023b8;font-family:monospace}.parent:hover .coolButton:not(:hover){border-radius:29px;font-family:monospace}h1,h3{font-family:monospace}
+    </style>
+</head>
+
+
+
+<body style="background-color:rgb(17, 5, 29) ;">
+    <div class="topnav">
+		<a href="../">Home</a>
+		<a href="../tools">Tools</a>
+		<a class="active" href=".">Mods</a>
+		<a href="../about">About Us</a>
+		<a href="https://sealldeveloper.github.io/incredibox-downloads-index/">Mod Index</a>
+<a href='https://ko-fi.com/K3K3LWCC7' target='_blank'><img height='24' style='border:0px;height:24px;' src='https://storage.ko-fi.com/cdn/kofi3.png?v=3' alt='Buy Me a Coffee at ko-fi.com' /></a>
+	  </div>
+	<div class="container mt-3" style="background-color:rgb(29, 8, 49) ; overflow:hidden;	padding-bottom:40px;">
+		<div id="beatnik" class="container m-3">
+			<div id="beatnik-title" class="text-center">
+				<h1 class="mt-3 mb-3">Beatnik</h1>
+				<img src="../assets/beatnik.png" class="mx-auto d-block justhover" width="auto" height="240" style="border-radius:20px">
+				<br>
+				<p>A jazzy mod, by Boogo x Seal.</p>
+			</div>
+			<br>
+			<div id="beatnik-credits" class="text-center">
+				<h2>Credits</h2>
+				<br>
+				<p>Props to the entire team who worked on Beatnik:</p>
+				<br>
+				<div class="container" id="credits-container">
+					<div class="row justify-content-center">
+					  <div class="col"><b>
+						Boogo
+					</b></div>
+					  <div class="col">
+						Animator, Composer, Designer and Bonus Creator
+					  </div>
+					</div>
+					<br>
+					<div class="row justify-content-center">
+						<div class="col"><b>
+						  Seal
+					  </b></div>
+						<div class="col">
+						  Compiler & Programmer
+						</div>
+					  </div>
+					  <br>
+					  <div class="row justify-content-center">
+						<div class="col"><b>
+						  OxenMoxie & Gumi
+					  </b></div>
+						<div class="col">
+						  Helping with some polo designs
+						</div>
+					  </div>
+					  <br>
+					  <div class="row justify-content-center">
+						<div class="col"><b>
+							KHOU_citruzzzzzz, Overcooked Lemonade, Baby Eduardo, abdcgfe, ProtoMano🇧🇷, cable party & Ters
+					  </b></div>
+						<div class="col">
+						  Video submissions
+						</div>
+					  </div>
+					  <br>
+					  <div class="row justify-content-center">
+						<div class="col"><b>
+						  The BOOGO x SEAL Discord Community
+					  </b></div>
+						<div class="col">
+						  Audio submissions used in Bonus 3
+						</div>
+					  </div>
+				  </div>
+			</div>
+			<br>
+			<hr class="hr hr-blurry" />
+			<br>
+			<div id="beatnik-downloads" class="text-center">
+				<h2>Downloads</h2>
+				<small>Note: The APK on install, may pose a 'warning' from Google Play. This is due to the signature of the APK not being verified, and not due to any malicious content.</small>
+				<br>
+				<br>
+				<p>No Downloads till the 9th ;&rpar;</p>
+				<!--
+				<div class="btn-group" role="group">
+					<a class="btn coolButton" role="button" target="_blank" rel="noopener noreferrer" href="">Windows</a>
+					<a class="btn coolButton" role="button" target="_blank" rel="noopener noreferrer" href="">Mac</a>
+					<a class="btn coolButton" role="button" target="_blank" rel="noopener noreferrer" href="">Android</a>
+					<a class="btn coolButton" role="button" target="_blank" rel="noopener noreferrer" href="">Webapp</a>
+				</div>
+				-->
+			</div>
+			<br>
+		</div>
+	</div>
+    <h3 style="padding-bottom:5px"></h3>
+    <h3 style="text-align:center;font-size:10px">Made by <a style="font-size:10px"target="_blank" rel="noopener noreferrer" class="enter">seal</a></h3>
+</body>
+</html>
diff --git a/mods/index.html b/mods/index.html
@@ -60,7 +60,7 @@ <h5>Genre</h5>
 			</div>
 			<div id="beatnik-status" class="ms-3">
 				<h3>Mod Status</h3>
-				<h6 class="ms-2"><i class='fa-duotone fa-loader' style='color:#f8a303'></i> <a  href="https://www.youtube.com/watch?v=0gBzMbwgvOg" class="enter" target="_blank" rel="noopener noreferrer">Work in Progress...</a></h6>
+				<h6 class="ms-2"><i class='fa-duotone fa-loader' style='color:#f8a303'></i> <a  href="beatnik" class="enter" target="_blank" rel="noopener noreferrer">Coming VERY soon!</a></h6>
 			</div>
 			<br>
 		</div>