-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhome.html
112 lines (93 loc) · 3.1 KB
/
home.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
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
<head>
<title>Upstatement Gadget Lab</title>
<meta name="viewport" content="width=device-width, user-scalable=no">
</head>
<body>
{{> nav}}
<div class="detail-modal">
{{> device_detail }}
</div>
{{> device_input }}
{{> device_list}}
<footer>
<div class="ups-logo"></div>
<div class="footer-text">
<p>Made by <a href="http://www.upstatement.com">Upstatement</a>.</p>
<p>Made with <a href="https://www.meteor.com/">Meteor</a>. Source code: <a href="https://github.com/mswartz/device-library">GitHub</p>
</footer>
</body>
<template name="scripts">
{{scripts}}
</template>
<template name="nav">
<header class="header">
<div class="logo">Gadget<strong>Lab</strong></div>
<div class="nav-buttons">
{{#if currentUser}}
<a class="user_logout" href="#logout" title="logout">Logout</a>
<a class="add_device" href="#" title="Add a device">Add Device</a>
<a class="wiki_link" target="blank" href="https://github.com/Upstatement/Upstatement/wiki/Device-Testing" title="Documentation at the Upstatement wiki">Docs</a>
{{else}}
<a class="show_login" href="#login">Login</a>
<a class="show_register" href="#register">Register</a>
{{/if}}
</div>
</header>
{{#unless currentUser}}
{{> login}}
{{> register}}
{{/unless}}
</template>
<template name="device_thumb">
<div class="device-thumb-mod media-block {{status}}">
<div class="device-img {{#if borrower}}out{{/if}}">
<img src="{{img}}"/>
<h1 class="h2">{{name}}</h1>
</div>
</div>
</template>
<template name="device_list">
<div class="home {{mode}}">
{{#each devices}}
{{> device_thumb}}
{{/each}}
</div>
</template>
<template name="register">
<div class="register-form account-form">
<input class="close" type="button" value="cancel">
<h3 class="h1 centered">Register</h3>
<form id="register-form" action="action">
<div class="form-mod">
<div><h3 class="h3">name:</h3></div>
<input class="input" type="name" id="account-name" />
<div><h3 class="h3">email:</h3></div>
<input class="input" type="email" id="account-email" />
<div><h3 class="h3">password:</h3></div>
<input class="input" type="password" id="account-password" />
<div><h3 class="h3">registration key:</h3></div>
<input class="input" type="text" id="account-key" />
<div class="submit-mod">
<input class="btn" type="submit" id="create-account" value="Create an Account" />
</div>
</div>
</form>
</div>
</template>
<template name="login">
<div class="login-form account-form">
<input class="close" type="button" value="cancel">
<h3 class="h1 centered">Login</h3>
<form id="login-form" action="action">
<div class="form-mod">
<div><h3 class="h3">username:</h3></div>
<input class="input" type="email" id="login-email" />
<div><h3 class="h3">pass:</h3></div>
<input class="input" type="password" id="login-password" />
<div class="submit-mod">
<input class="submit-button btn" type="submit" id="login-button" value="Sign in" />
</div>
</div>
</form>
</div>
</template>