Merge pull request #1221 from joreilly/404-page

Add 404 page
joreilly · Mar 29, 2024 · 505b5e6 · 505b5e6
2 parents fa162ff + c0a033a
commit 505b5e6
Show file tree

Hide file tree

Showing 2 changed files with 107 additions and 0 deletions.
diff --git a/backend/terraform/main.tf b/backend/terraform/main.tf
@@ -353,6 +353,19 @@ resource "google_storage_bucket" "tfstate" {
   }
 }
 
+resource "google_storage_bucket" "landing_page" {
+  provider      = google-beta
+  name          = "confetti-landing-page"
+  # This bucket was created before everything was in terraform and uses a multi-region instead of var.region
+  location      = "US"
+  storage_class = "STANDARD"
+
+  website {
+    main_page_suffix = "index.html"
+    not_found_page   = "404.html"
+  }
+}
+
 output "ip_addr" {
   value = google_compute_global_address.default.address
 }
diff --git a/landing-page/public/404.html b/landing-page/public/404.html
@@ -0,0 +1,94 @@
+<!DOCTYPE html>
+<html lang="en">
+
+	<head>
+		<meta charset="utf-8">
+		<title>Confetti 🎊</title>
+		<meta http-equiv="X-UA-Compatible" content="IE=Edge">
+		<meta name="viewport" content="width=device-width, initial-scale=1">
+		<meta name="keywords" content="">
+		<meta name="description" content="">
+
+		<link rel="stylesheet" href="assets/css/animate.min.css">
+		<link rel="stylesheet" href="assets/css/bootstrap.min.css">
+		<link rel="stylesheet" href="assets/css/font-awesome.min.css">
+		<link href='//fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,700,800' rel='stylesheet' type='text/css'>
+		<link rel="stylesheet" href="assets/css/style.css">
+
+	</head>
+
+	<body>
+		<div class="preloader">
+			<div class="sk-spinner sk-spinner-rotating-plane"></div>
+		</div>
+
+		<nav class="navbar navbar-default navbar-fixed-top templatemo-nav" role="navigation">
+			<div class="container">
+				<div class="navbar-header">
+					<button class="navbar-toggle">
+						<span class="icon icon-bar"></span>
+						<span class="icon icon-bar"></span>
+						<span class="icon icon-bar"></span>
+					</button>
+					<a href="#" class="navbar-brand">Confetti 🎊</a>
+				</div>
+				<div class="">
+					<ul class="nav navbar-nav navbar-right text-uppercase">
+						<li><a href="https://github.com/joreilly/Confetti" target="_blank"><i class="fa fa-github"></i> Github</a></li>
+					</ul>
+				</div>
+			</div>
+		</nav>
+
+		<section id="home">
+			<div class="overlay">
+				<div class="container">
+					<div class="row">
+						<div class="col-md-1"></div>
+						<div class="col-md-10 wow fadeIn" data-wow-delay="0.3s">
+							<h1 class="text-upper">Oh No! 😞</h1>
+							<p class="white" style="font-size: 2em;">This page does not exist or is not supported on the Web 😞<br /></p>
+							<p class="white" style="font-size: 2em;">Want to help build awesome Kotlin apps? Join us <a href="https://github.com/joreilly/Confetti/issues/1220">on GitHub.</a><br /></p>
+							<p class="white" style="font-size: 2em;">Just want to see the schedule? Download our <a hred="https://play.google.com/store/apps/details?id=dev.johnoreilly.confetti">Android</a> and <a href="https://apps.apple.com/us/app/confetti/id1660211390">iOS</a> apps below.<br /></p>
+						</div>
+						<div class="col-md-1"></div>
+					</div>
+				</div>
+			</div>
+		</section>
+
+
+		<section id="divider">
+			<div class="container">
+				<div class="row">
+					<div class="col-md-6 wow fadeInUp templatemo-box" data-wow-delay="0.3s">
+						<a href="https://play.google.com/store/apps/details?id=dev.johnoreilly.confetti">
+							<img src="https://upload.wikimedia.org/wikipedia/commons/7/78/Google_Play_Store_badge_EN.svg"
+								 alt="Get it on Google Play Store"
+								 width="300">
+						</a>
+					</div>
+					<div class="col-md-6 wow fadeInUp templatemo-box" data-wow-delay="0.3s">
+						<a href="https://apps.apple.com/us/app/confetti/id1660211390">
+							<img src="https://developer.apple.com/assets/elements/badges/download-on-the-app-store.svg"
+							  alt="Get it on App Store"
+							  width="300">
+						</a>
+					</div>
+				</div>
+			</div>
+		</section>
+
+
+		<script src="assets/js/jquery.js"></script>
+		<script src="assets/js/bootstrap.min.js"></script>
+		<script src="assets/js/wow.min.js"></script>
+		<script src="assets/js/jquery.singlePageNav.min.js"></script>
+		<script>
+			$(window).load(function () {
+				$('.preloader').fadeOut(1000);
+			});
+		</script>
+	</body>
+
+</html>