Final Party Manip - Initial

ff8-speedruns · Aug 9, 2021 · 3a43883 · 3a43883
1 parent cb64c78
commit 3a43883
Show file tree

Hide file tree

Showing 4 changed files with 656 additions and 0 deletions.
diff --git a/Final-Party-Manip-PC/css/styles.css b/Final-Party-Manip-PC/css/styles.css
@@ -0,0 +1,22 @@
+html {
+  position: relative;
+  min-height: 100%;
+}
+body {
+  margin-bottom: 60px; /* Margin bottom by footer height */
+}
+body > .container {
+  padding: 60px 15px 0;
+}
+.footer {
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  height: 60px; /* Set the fixed height of the footer here */
+  line-height: 60px; /* Vertically center the text there */
+  background-color: #f5f5f5;
+}
+.footer > .container {
+  padding-right: 15px;
+  padding-left: 15px;
+}
diff --git a/Final-Party-Manip-PC/index.html b/Final-Party-Manip-PC/index.html
@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+	<meta name="description" content="">
+	<meta name="author" content="">
+
+	<title>FFVIII Final Party Manipulation - PC</title>
+
+	<!-- Bootstrap core CSS -->
+	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css" rel="stylesheet"
+		integrity="sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We" crossorigin="anonymous">
+	<link href="./css/styles.css" rel="stylesheet">
+
+</head>
+
+<body>
+	<!-- Header -->
+	<header>
+		<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
+			<div class="container">
+				<a class="navbar-brand" href="#">Final Fantasy VIII Final Party Manipulation - PC</a>
+			</div>
+		</nav>
+	</header>
+
+
+	<!-- Page Content -->
+		<main role="main" class="container">
+			<div class="col mt-5 align-self-center">
+				<div class="row g-3 justify-content-center">
+					<div class="col-sm-12 col-lg-6">
+						<label for="firstName" class="form-label">WASD inputs</label>
+						<input type="text" class="form-control" id="tilts" placeholder="" value="" required>
+					</div>
+				</div>
+				<div class="row g-3 justify-content-center">
+					<div class="col-sm-12 col-lg-6">
+						<div class="my-3">
+							  <input id="FR" name="paymentMethod" type="radio" class="form-check-input" checked>
+							  <label class="form-check-label" for="FR">French</label>
+							  <input id="EN" name="paymentMethod" type="radio" class="form-check-input ms-2" disabled>
+							  <label class="form-check-label" for="EN">English (not yet available)</label>
+						  </div>
+						  <span class="badge bg-danger">WORK IN PROGRESS - NON FUNCTIONAL.</span>
+					</div>
+				</div>
+			</div>
+		</main>
+	<!-- /.container -->
+
+
+    <footer class="footer">
+		<div class="container">
+		  <span class="text-muted">Created with ❤️ by <a href="https://twitch.tv/brofar">Brofar</a> based on the works of <a href="http://pingval.g1.xrea.com/">Pingval</a> and <a href="https://twitch.tv/awesomewaves">awesomeWaves</a>.</span>
+		</div>
+	  </footer>
+
+	<!-- Bootstrap core JavaScript -->
+	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/js/bootstrap.bundle.min.js"
+		integrity="sha384-U1DAWAznBHeqEIlVSCgzq+c9gqGAJn5c/t99JyeKa9xxaYpSvHU5awsuZVVFIhvj"
+		crossorigin="anonymous"></script>
+	<script src="./js/calculate.js"></script>
+</body>
+
+</html>