git-svn-id: svn://losandesgames.com/alfheim-website@26 15359d88-9307-4e75-a9c1-e5686e5897df

bin/linux_amd64/ui/account.html

@@ -0,0 +1,22 @@
+{{define "body"}}
+<div class="account-wrapper">
+	<div>Username: {{.Account.Username}}</div>
+	<div>First name: {{.Account.Firstname}}</div>
+	<div>Last name: {{.Account.Lastname}}</div>
+	<div>Color: {{.Account.Color}}</div>
+</div>
+
+<div class="wrapper">
+	<form action="/deleteaccount" method="post">
+		<div class="login-btn-wrapper">
+		<input type="submit" value="Delete Account" class="btn">
+		</div>
+	</form>
+
+	<form method="POST" action="/managebilling">
+		<div class="login-btn-wrapper">
+		<input type="submit" value="Manage Billing" class="btn">
+		</div>
+	</form>
+</div>
+{{end}}

bin/linux_amd64/ui/base.html

@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+
+<!--
+	/\   |    |--- |   | |--- || |\    /|
+   /__\  |    |--  |---| |--  || | \  / |
+  /    \ |___ |    |   | |___ || |  \/  |
+-->
+
+<html lang="en">
+	<head>
+		<title>Alfheim</title>
+		<meta charset="utf-8" />
+		<meta name="description" content="A handcrafted economy and politics MMO." />
+		<meta name="author" content="Vicente Ferrari Smith" />
+		<meta name="keywords" content="Alfheim, indie, video game, mmo, colony, colony simulator, vicente ferrari smith, game, economy, politics, alfheim" />
+		<style>
+			@font-face {
+				font-family: "Vollkorn";
+				src: url(/static/Vollkorn-VariableFont_wght.ttf);
+			}
+		</style>
+		<link href="/static/style.css" rel="stylesheet" />
+	</head>
+
+	<body>
+		<header>
+			<nav>
+				<a href="/"><h1 class="maintitle">Alfheim</h1></a>
+				<div class="navbuttons">
+				{{/*{{if not .ActiveSubscription}}
+				<a href="/subscribe"><div class="loginbutton"><strong>Subscribe</strong></div></a>
+				{{end}}
+
+				{{if .AuthenticatedUser}}
+				<a href="/account"><div class="loginbutton"><strong>Account</strong></div></a>
+				<a href="/logout"><div class="loginbutton"><strong>Log out</strong></div></a>
+				{{else}}
+				<a href="/login"><div class="loginbutton"><strong>Log in</strong><img src="/static/login_24dp_FILL0_wght400_GRAD0_opsz24.svg" alt=""/></div></a>
+				<a href="/register"><div class="loginbutton"><strong>Register</strong></div></a>
+				{{end}}
+				*/}}
+				</div>
+			</nav>
+		</header>
+
+		<main>
+			{{template "body" .}}
+		</main>
+
+		<footer>
+			Alfheim &copy; 2024, Vicente Ferrari Smith, Los Andes Studios, Vienna, Austria. All rights reserved.
+		</footer>
+	</body>
+</html>

bin/linux_amd64/ui/index.html

@@ -0,0 +1,9 @@
+{{define "body"}}
+<p>Alfheim is a game about humanity: our own will, and our place in the world at large.</p>
+<p>Alfheim is an MMO where you&mdash;the player&mdash;administers a medieval settlement of elves.
+In an infinite world, and with thousands of other players, you will have to design an efficient command economy, if you wish to be able to compete with your enemies... Or your friends?</p>
+<br \>
+<video loop autoplay muted><source src="/static/video.mp4" type="video/mp4">Your browser does not support the video tag.</video>
+<br \>
+<img src="/static/image.png" alt="Alfheim" style="height: 100%; width: 100%; object-fit: contain">
+{{end}}

bin/linux_amd64/ui/login.html

@@ -0,0 +1,39 @@
+{{define "body"}}
+<div class="wrapper">
+	<form method="POST">
+		<h1>Log in</h1>
+
+		{{with .FormErrors.generic}}
+		<label class="error">{{.}}</label>
+		{{end}}
+
+		{{with .FormErrors.username}}
+		<label class="error">{{.}}</label>
+		{{end}}
+
+		<div {{if .FormErrors.username}}class="input-error"{{else}}class="input-box"{{end}}>
+		<input type="text" id="username" name="username" placeholder="Username" required>
+		</div>
+		<br />
+
+		{{with .FormErrors.password}}
+		<label class="error">{{.}}</label>
+		{{end}}
+
+		<div  {{if .FormErrors.password}}class="input-error"{{else}}class="input-box"{{end}}>
+		<input type="password" id="password" name="password" placeholder="Password" required>
+		</div>
+		<br />
+
+		<div class="login-btn-wrapper">
+		<input type="submit" value="Log in" class="btn">
+		</div>
+		<br />
+		<a href="/forgotten">Have you forgotten your password?</a>
+
+		<div class="register-link">
+			<p>Don't have an account? <a href="/register">Register</a></p>
+		</div>
+	</form>
+</div>
+{{end}}

bin/linux_amd64/ui/logout.html

@@ -0,0 +1,11 @@
+{{define "body"}}
+<div class="wrapper">
+	<form method="POST">
+		<h1>Log out</h1>
+
+		<div class="login-btn-wrapper">
+		<input type="submit" value="Log out" class="btn">
+		</div>
+	</form>
+</div>
+{{end}}

bin/linux_amd64/ui/register.html

@@ -0,0 +1,45 @@
+{{define "body"}}
+<div class="wrapper">
+	<form method="POST">
+		<h1>Register</h1>
+
+		{{with .FormErrors.username}}
+		<label class="error">{{.}}</label>
+		{{end}}
+
+		<div class="input-box" {{with .FormErrors.username}}class="input-error"{{end}}>
+		<input type="text" id="username" name="username" placeholder="Username" required>
+		</div>
+		<br />
+
+
+		<div class="input-box">
+		<input type="email" id="email" name="email" placeholder="Email" required>
+		</div>
+		<br />
+
+		<div class="input-box">
+		<input type="text" id="firstname" name="firstname" placeholder="First Name" required>
+		</div>
+		<br />
+
+		<div class="input-box">
+		<input type="text" id="lastname" name="lastname" placeholder="Last Name" required>
+		</div>
+		<br />
+
+		{{with .FormErrors.password}}
+		<label class="error">{{.}}</label>
+		{{end}}
+
+		<div class="input-box" {{with .FormErrors.password}}class="input-error"{{end}}>
+		<input type="password" id="password" name="password" placeholder="Password" required>
+		</div>
+		<br />
+
+		<div class="login-btn-wrapper">
+		<input type="submit" value="Register" class="btn">
+		</div>
+	</form>
+</div>
+{{end}}

bin/linux_amd64/ui/subscribe.html

@@ -0,0 +1,8 @@
+{{define "body"}}
+{{range .Prices}}
+<div class="wrapper">
+	{{$price := divide .UnitAmountDecimal 100}}
+	{{.Currency}} {{printf "%.2f" $price}}
+</div>
+{{end}}
+{{end}}

bin/linux_amd64/ui/subscribe_stripe.html

@@ -0,0 +1,5 @@
+{{define "body"}}
+<script async src="https://js.stripe.com/v3/pricing-table.js"></script>
+<stripe-pricing-table pricing-table-id="prctbl_1PIaJpKUHKCjyTmcy1ONKQiT" publishable-key="pk_test_51PGebgKUHKCjyTmcyuhj7C5lfHfKFLCxRJ2opoqxL3mGEHSRaMvOHYKKgX4MdFfESW78dssjyunboUcFhg3LTwmn005PmzVIXw" customer-session-client-secret={{.ClientSecret}}>
+</stripe-pricing-table>
+{{end}}