Move the index.php file that required authentication to `protected.…

…php` and add a new `index.html` file that can be viewed without authentication
DaveWoodCom · Jan 25, 2020 · a84ede6 · a84ede6
1 parent 98da6a3
commit a84ede6
Show file tree

Hide file tree

Showing 3 changed files with 75 additions and 13 deletions.
diff --git a/index.html b/index.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<!--
+// OTAgo
+// - OTA App Distribution System
+// - https://github.com/DaveWoodCom/OTAgo
+// - Copyright 2020 Dave Wood, Cerebral Gardens Inc.
+-->
+<html>
+<head>
+	<title>OTAgo Installation Demo</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+	<link rel="stylesheet" type="text/css" href="styles/styles.css" />
+</head>
+<body>
+	<div id="page">
+		<div class="header">
+			<div class="headerTop">
+				&nbsp;
+			</div>
+			<div class="headerBottom">
+				<div class="otagoTitle vertical-center"><p><a href="/">OTAgo Installation Demo</a></p></div>
+			</div>
+			<div class="headerKeyline"></div>
+		</div>
+
+		<div class="appTitle">
+			<p>About `My App`</p>
+		</div>
+
+		<div class="appIntro">
+			<div class="logo">
+				<div class="appIconContainer">
+					<a href="/protected.php"><img src="images/1024.png" width="256" height="256" alt="" class="appIcon" /></a>
+				</div>
+			</div>
+			<p>
+				This is an intro page, that explains a little about the app and perhaps lets the visitor know they'll need a username/password to access the <a href="/protected.php">protected</a> page with the install link on it.
+			</p>
+			<p>
+				Having an intro page that's open to the public just makes the install process a little easier for your customers/users, since they're not immediately presented with a login dialog when they navigate to your site.
+			</p>
+			<p>
+				You can also use this space to build up some hype for your upcoming app, perhaps include an option for the visitor to subscribe to your newsletter, so they can be promptly notified when the app is available to the public. Maybe even with an intro discount or something.
+			</p>
+			<p>
+				If you're on our private beta test list, or an employee of our company, you can tap the 'Next' button below to proceed to the download page. You will need your username/password to continue.
+			</p>
+			<div class="actionButton">
+				<br />
+				<a href="/protected.php">Next</a>
+			</div>
+			<p>
+				<br />
+				<br />
+			</p>
+		</div>
+
+		<br />
+		<br />
+		<br />
+		<br />
+
+		<div class="pageBottom">
+			<div class="pageFooter">
+				<span class="pageFooterText vertical-center">OTAgo: <a href="https://github.com/DaveWoodCom/OTAgo" target="_blank">View on GitHub</a></span>
+				<span class="footerCopyright vertical-center">&copy;2020 Dave Wood</span>
+			</div>		
+		</div>
+	</div>	
+</body>
+</html>
diff --git a/index.php → protected.php b/index.php → protected.php
diff --git a/templates/webTemplate.html b/templates/webTemplate.html
@@ -18,13 +18,13 @@
 				&nbsp;
 			</div>
 			<div class="headerBottom">
-				<div class="otagoTitle vertical-center"><p>OTAgo Installation Demo</p></div>
+				<div class="otagoTitle vertical-center"><p><a href="/">OTAgo Installation Demo</a></p></div>
 			</div>
 			<div class="headerKeyline"></div>
 		</div>
 
 		<div class="appTitle">
-			<p>My App</p>
+			<p>Install `My App`</p>
 		</div>
 
 		<div class="appIntro">
@@ -34,19 +34,10 @@
 				</div>
 			</div>
 			<p>
-				Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vel neque non sapien accumsan vulputate sed ac dolor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aenean sollicitudin aliquet odio.
+				This is the protected install page for `My App`. In order to view this page, the visitor will have had to be authorized by whichever auth system you've enabled in the configuration. The initial release of OTAgo includes a `simpleAuth` option that allows you to supply a list of username/password pairs. As well as a `noAuth` option that lets everyone through the door.
 			</p>
 			<p>
-				In nisl nisi, congue quis tincidunt non, pellentesque non tortor. Aenean feugiat id magna ut posuere. Praesent porta ut velit eu tristique. Nunc pellentesque mi vel nulla fringilla pharetra.
-			</p>
-			<p>
-				Praesent vel urna ac magna luctus dapibus vel facilisis ligula. Vestibulum efficitur, lectus nec fringilla ultricies, purus nibh volutpat neque, a luctus massa purus eget lorem. In hac habitasse platea dictumst.
-			</p>
-			<p>
-				Mauris egestas sapien accumsan, fringilla urna sed, dignissim eros. Nunc congue laoreet elementum. In blandit lacus eget elit convallis elementum. Proin sit amet luctus odio, non placerat est. Vestibulum in velit nec turpis efficitur blandit ac non metus.
-			</p>
-			<p>
-				Morbi dignissim odio ac posuere consectetur. Praesent efficitur semper metus, eu varius ligula egestas vitae. Suspendisse sem lacus, porta sit amet sapien vestibulum, finibus mattis odio.
+				A future version of this project may allow users to select which build of the app to install, in case you need users to be able to install older versions for regression testing etc. Feel free to submit a pull request with this feature. 😁 (Ideally this feature would read build information from a .json file that could be automatically updated by a CI/CD system.
 			</p>
 			<div class="actionButton">
 				<br />