themed installer, started form

10 years ago · ee94d72c59
parent 60d655e32b
commit ee94d72c59
1 changed files with 66 additions and 1 deletions
--- a/src/views/install/index.tpl
+++ b/src/views/install/index.tpl
@ -1 +1,66 @@
-Welcome to the installer!
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>NodeBB Web Installer</title>
+
+	<link rel="stylesheet" type="text/css" href="https://bootswatch.com/united/bootstrap.min.css">
+	<link href='http://fonts.googleapis.com/css?family=Roboto:400,300,500,700' rel='stylesheet' type='text/css'>
+
+
+	<!--[if lt IE 9]>
+  		<script src="//cdnjs.cloudflare.com/ajax/libs/es5-shim/2.3.0/es5-shim.min.js"></script>
+  		<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7/html5shiv.js"></script>
+  		<script src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.js"></script>
+  		<script>__lt_ie_9__ = 1;</script>
+	<![endif]-->
+
+	<style type="text/css">
+	.btn, .form-control, .navbar { border-radius: 0; }
+	.container { font-size: 18px; }
+	body, small, p, div { font-family: "Roboto", sans-serif; }
+	</style>
+</head>
+
+<body>
+	<nav class="navbar navbar-default">
+		<div class="container-fluid">
+			<div class="navbar-header">
+				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
+					<span class="sr-only">Toggle navigation</span>
+					<span class="icon-bar"></span>
+					<span class="icon-bar"></span>
+					<span class="icon-bar"></span>
+				</button>
+				<a class="navbar-brand" href="#">NodeBB</a>
+			</div>
+
+			<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+				<ul class="nav navbar-nav">
+					<li class="active"><a href="/">Installer</a></li>
+					<li><a href="#">Get Help</a></li>
+					<li><a href="#">Community</a></li>
+				</ul>
+			</div>
+		</div>
+	</nav>
+
+	<div class="container">
+		<p>
+			<h1>Welcome to the NodeBB Installer! <hr /><small>You are just a few steps away from launching your own NodeBB forum</small></h1>
+		</p>
+		<br />
+		<p>
+			<small>Administrator</small>
+		</p>
+		<p>
+			<label for="username">Username</label>
+			<input type="text" class="form-control" name="username" placeholder="Username" />
+		</p>
+	</div>
+
+	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
+</body>
+</html>