-
Notifications
You must be signed in to change notification settings - Fork 0
/
initialize.handlebars
executable file
·70 lines (69 loc) · 4.2 KB
/
initialize.handlebars
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
<head>
<link rel="stylesheet" href="/css/initialize.css" type="text/css">
</head>
<form action="/initialize" method="post">
<div class="initialize-container">
<h1>Welcome to Surplus!</h1>
<p>Surplus uses a simple formula that estimates how much surplus money you will have at the end of each
month <i>after</i> you pay your bills. We just
need you to answer some questions to get started!</p>
<div class="next-container">
<div class="initialize-container__form-group first">
<label>Select how often your paid:</label>
<select class="custom-select" method="post" name="payFrequency">
<option selected value="weekly">Weekly</option>
<option value="biweekly">Bi-Weekly</option>
<option value="monthly">Monthly</option>
</select>
<label for="payRate">How much are you paid each pay period? (e.g. if you selected
weekly
above, this is how much you get paid
each week)</label>
<input class="initialize-container__input" action="/initialize" method="post" name="payRate"
placeholder="Pay rate...">
<label for="start">First pay day this month:</label>
<input class="first-pay-day" action="/initialize" method="post" id="start"
name="firstPayDay" type="date">
<button class="initialize-container__submit init1" type="button">
Next
</button>
</div>
<div class="initialize-container__form-group second start">
<button class="initialize-container__submit-back back1" type="button">
Back
</button>
<div class="monthly-text">Input the following <i>monthly</i> costs. If they don't apply, leave blank.
</div>
<label for="rent">Rent and utilities</label>
<input class="initialize-container__input" action="/initialize" method="post" name="rent" type="number"
value="0" min="0" step=".01" required>
<label for="car">Car payment and car insurance</label>
<input class="initialize-container__input" action="/initialize" method="post" name="car" type="number"
value="0" min="0" step=".01" required>
<label for="phone">Phone bill</label>
<input class="initialize-container__input" action="/initialize" method="post" name="phone" type="number"
value="0" min="0" step=".01" required>
<label for="allother">Cable and internet package</label>
<input class="initialize-container__input" action="/initialize" method="post" name="internet"
type="number" value="0" min="0" step=".01" required>
<label for="allother">Add up all other re-ocurring expenses (e.g. Hulu, Netflix, Godaddy...etc)</label>
<input class="initialize-container__input" action="/initialize" method="post" name="allother"
type="number" value="0" min="0" step=".01" required>
<button class="initialize-container__submit init2" type="button">
Next
</button>
</div>
<div class="initialize-container__form-group third start">
<button class="initialize-container__submit-back back2" type="button">
Back
</button>
<label for="nonReocurring">How much have you spent on non re-ocurring expenses this month? (e.g. drinks, oil change, new tv, etc...)</label>
<input class="initialize-container__input" action="/initialize" method="post" name="nonReocurring"
type="number" value="0" min="0" step=".01" required>
<button class="initialize-container__submit init3" type="submit">
Finish
</button>
</div>
</div>
</div>
</form>