-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
93 lines (83 loc) · 4.46 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]> <html class="no-js"> <!--<![endif]-->
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Yoga Practice Builder</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="./styles/main.css">
<script type="module" src="./scripts/app.js" async defer></script>
</head>
<body>
<!--[if lt IE 7]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="#">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<header>
<!-- rename to "site-title" -->
<a id="site-title" href=""><h1>Yoga Practice Builder</h1></a>
<button id="sign-in-or-out-toggle" class="sign-in-or-out-toggle" data-event="Sign In">Sign In</button>
<nav id="main-nav">
<a id="nav-practice-button" data-event="practice" href="">Practice</a>
<a id="nav-create-button" data-event="create" href="">Create</a>
<a id="nav-posture-library-button" data-event="posture-library" href="">Posture Library</a>
</nav>
</header>
<main>
<div id="message-container" class="hide"></div>
<div id="page-title-container" ></div>
<div id="landing-container">
<div id="logged-in-user-message-container" class="hide"></div>
<div id="not-logged-in-user-message-container">
<h2>Welcome to the Practice Builder!</h2>
<p>Collect postures that you know and use them to build a yoga sequence.</p>
<p>This app is meant to help students build a home practice and to be used by teachers to construct sequences for their classes.</p>
<p><a class="sign-in-button" data-event="sign-in-button" href="">Create an account</a> to take full advantage of all this app has to offer!</p>
</div>
</div>
<div id="sign-in-and-up-container" class="hide">
<div id="sign-in-container">
<h3>Sign In</h3>
<form id="sign-in-form">
<input type="text" name="email" placeholder="email" required/>
<input type="password" name="password" placeholder="password" required/>
<input type="submit" value="Sign In" />
</form>
<button id="demo-login">Demo Login</button>
<p>First time here? <a id="toggle-sign-up" href="">Create an account</a></p>
</div>
<div id="sign-up-contatiner" class="hide">
<h3>Sign Up</h3>
<form id="sign-up-form">
<input type="text" name="name" placeholder="name" required/>
<input type="text" name="email" placeholder="email" required/>
<input type="password" name="password" placeholder="password" required/>
<input type="submit" value="Sign Up" />
</form>
<p>Already have an account? <a id="toggle-sign-in" href="">Login here</a></p>
</div>
</div>
<!-- New Practice Form -->
<div id="create-new-practice-form-container"></div>
<!-- List of Practices -->
<div id="practices-list-container"></div>
<!-- <div id="editor-wrapper"> -->
<!-- Practice Details / Editor-->
<div id="practice-details-container" class="editor"></div>
<!-- Sequence for the Editor -->
<div id="sequence-container"></div>
<!-- List of Postures -->
<div id="postures-list-container" ></div>
<!-- </div> -->
<!-- Posture Details -->
<div id="posture-details-container" class="admin_editor hide"></div>
</main>
<footer>
<p>Created by <a href="https://yoga.andrewsquier.com/" target="_blank">Andrew Squier Yoga</a></p>
</footer>
</body>
</html>