<!DOCTYPE html>
<html>
<head>
<!-- MAKE SURE OUR SITE LOOKS GOOD ON MOBILE -->
<meta name="viewport" content="width=device-width, initial-scale=0.5">
<!-- THIS TELLS OUR BROWSER TO GRAB THE CSS FROM THIS FILE -->
<link rel="stylesheet" href="styles.css">
<!-- THIS TELLS OUR BROWSER TO GRAB THE JAVSCRIPT FROM THIS FILE -->
<script type="module" src="script.js"></script>
<!-- THIS ADDS A DOG HEAD TO OUR TAB (aka favicon) -->
<link rel="shortcut icon" type="image/jpg" href="/Motivicio/Motivicio.png"/>
<!-- THIS PUTS TEXT INTO THE TAB -->
<title>Welcome</title>
</head>
<body>
<nav>
<ul>
<!-- USERS WHO ARE NOT LOGGED WILL SEE THIS -->
{{^private}}
<a href='login'>Login</a>
<a href='signup'>Signup</a>
{{/private}}
<!-- USERS WHO ARE LOGGED WILL SEE THIS -->
{{#private}}
<a href='account'>
<img src='/Motivicio/Screenshot 2021-06-29 211441.png'>
</a>
<a onclick='logout()'>Logout</a>
{{/private}}
</ul>
</nav>
<main>
<!-- THE WHITE BOX IN OUR DESIGN -->
<div>
<!-- THE BIG TEXT IN OUR DESIGN -->
<h1>
Motivicio
</h1>
<!-- THE SMALLER TEXT IN OUR DESIGN -->
<h2>
Motivicio is dedicated to giving our users quality motivational messages and focus aid delivered by their own virtual pet.
</h2>
<p> <a href='README.md'>About</a></p>
<p> <a href='contact'>Contact Us</a></p>
</div>
</main>
<footer>
© 2021 Motivicio Inc.
</footer>
</body>
</html>