-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.php
84 lines (84 loc) · 3.08 KB
/
index.php
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
<?php
$pageTitle = "Minimal METRO - a Portland, Maine, METRO Bus Tracker";
$css = "onboard";
include 'head.php';
?>
<body>
<header class="onboarding__header">
<h1 class="onboarding__headline">
<span class="visuallyhidden">Minimal METRO</span>
<?php include('svg/logo.svg'); ?>
</h1>
</header>
<form action="app.php" method="GET" class="onboarding__form">
<ol class="onboardingList">
<li class="onboardingListItem">
<div class="onboardingListItem__layout">
<div class="onboardingSMTT" aria-hidden="true">
<div class="onboardingSMTT__logo">
<?php include 'svg/smtt.svg'; ?>
</div>
<div class="onboardingSMTT__stopID">
<span class="onboardingSMTT__stopIDtext">Stop ID</span>
<span class="onboardingSMTT__stopIDnumber">1234</span>
</div>
</div>
<p>Every METRO stop has a unique <strong>SMTT STOP ID</strong>. Get the STOP IDs for the stops you wait at in the AM and PM.</p>
</div>
</li>
<li class="onboardingListItem">
<div class="onboardingListItem__layout">
<p>Enter them below:</p>
<div class="onboardingInput">
<label for="am" class="onboardingInput__label">AM Stop ID</label>
<input
type="number"
name="am"
id="am"
class="input onboardingInput__input"
placeholder="e.g., 132"
required
/>
<span class="onboardingInput__background"></span>
</div>
<div class="onboardingInput">
<label for="pm" class="onboardingInput__label">PM Stop ID</label>
<input
type="number"
name="pm"
id="pm"
class="input onboardingInput__input"
placeholder="e.g., 132"
required
/>
<span class="onboardingInput__background"></span>
</div>
</div>
</li>
<li class="onboardingListItem">
<div class="onboardingListItem__layout">
<p>
<span class="onboardingPhone" aria-hidden="true">
<span class="onboardingPhone__layout">
<?php include 'svg/sample-screen.svg'; ?>
</span>
</span>
</p>
<p>
Get a page that displays the buses expected right now at the stops you use. <strong>Bookmark it for one-click access!</strong>
</p>
<p>
<button class="button button--pushy button--block button--large" type="submit">Submit</button>
</p>
</div>
</li>
</ol>
</form>
<footer class="onboarding__footer">
©<?php echo date("Y"); ?> Personable Design |
<a class="link--light" href="mailto:c%68ris@pe%72sona%62ledesig%6E.co%6D">Contact me</a>
|
<a class="link--light" href="https://github.com/personable/minimal-metro">Github</a>
</footer>
</body>
</html>