-
Notifications
You must be signed in to change notification settings - Fork 1
/
splash.html
86 lines (85 loc) · 4.43 KB
/
splash.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
<!doctype html>
<html lang="en">
<head>
<title>REFUGE Restrooms</title>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.12/css/all.css" integrity="sha384-G0fIWCsCzJIMAVNQPfjH08cyYaUtMwjJwqiRKxxE/rx96Uroj1BtIQ6MLJuheaO9" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,400i,700,900" rel="stylesheet">
<link rel="stylesheet" href="stylesheet.css">
<meta content="width=device-width, initial-scale=1" name="viewport" />
<meta charset="utf-8">
</head>
<body>
<div class="topnav-geometric-background"></div>
<header>
<a href="/"><img class="navlogo" src="logo-light.svg" alt="Refuge Restrooms' homepage" role="img"/></a>
<nav class="topnav">
<div class="collapsed-nav" id="toggle-nav" onclick="toggle_navbar()">
<div></div>
<div></div>
<div></div>
</div>
<ul id="links">
<li>
<a href="/restrooms/new">Submit a New Restroom</a>
</li>
<li>
<a href="/about">About</a>
</li>
<li>
<a href="/contact">Contact</a>
</li>
<li class="dropdown">
<a href="/resources" id="resources">Resources</a>
<ul class="dropdown-content">
<li><a href="/signs">Download Unisex Restroom Signs</a></li>
<li><a href="/api/docs">Public API</a></li>
</ul>
</li>
</ul>
</nav>
</header>
<main>
<div class="darkpurple-text large-text find-refuge-div">
<p>Sometimes Life is Tough...</p>
<p>Find Refuge</p>
</div>
<p class = "grey-text">Refuge Restrooms is a web application that seeks to provide safe restroom access for transgender, intersex, and gender nonconforming individuals.</p>
<div class="search-restroom-form">
<form action="/restrooms" accept-charset="UTF-8" method="get" role="search">
<input name="utf8" value="✓" type="hidden">
<input name="lat" id="lat" value="" type="hidden">
<input name="long" id="long" value="" type="hidden">
<div class="input-group">
<input class="form-control" name="search" id="search" aria-label="Enter an address" placeholder="1 Embarcadero Center, San Francisco, California" autocomplete="off" type="text">
<div class="input-group-btn">
<button class="btn form-control" aria-label="Search" title="Search" type="button" value="Search"><i class="fas fa-search"></i></button><button class="btn form-control" aria-label="Search by Current Location" title="Search by Current Location" type="button" value="Search by Current Location"><i class="fas fa-location-arrow"></i></button>
</div>
</div>
</form>
</div>
<div class="add-restroom-wrapper">
<a href="restrooms/new"><button class="splash-add-restroom-btn">Add a Restroom <i class="far fa-plus-square" alt="add a restroom"></i><span class="plus-button"></span></button></a>
</div>
</main>
<footer>
<p>Refuge Restrooms is open source. <a href="https://github.com/RefugeRestrooms/refugerestrooms">code on GitHub.</a><br>Contribute to the project <a href="https://patreon.com/refugerestrooms">on patreon.</a><br>© Copyright 2018 refuge restrooms.</p>
<nav>
<div class="social-row">
<a href="https://github.com/RefugeRestrooms/refugerestrooms"><i class="fab fa-github-square" alt="Refuge Restrooms on GitHub" role="img"></i></a>
<a href="https://twitter.com/refugerestrooms"><i class="fab fa-twitter-square" alt="Refuge Restrooms on twitter" role="img"></i></a>
<a href="https://www.facebook.com/refugerestrooms"><i class="fab fa-facebook-square" alt="Refuge Restrooms on facebook" role="img"></i></a>
<a href="http://blog.refugerestrooms.org"><i class="fab fa-tumblr-square" alt="Refuge Restrooms blog on tumblr" role="img"></i></a>
<a href="/contact"><i class="fas fa-envelope" alt="Email Refuge Restrooms" role="img"></i></a>
</div>
<ul class="social">
<li><a href="https://itunes.apple.com/us/app/refuge-restrooms/id968531953?mt=8"><img src="App-Store.svg" alt="Refuge Restrooms app on the iOS App Store" role="img "width="73"/></a><br>
<a href="https://play.google.com/store/apps/details?id=org.refugerestrooms"><img src="Google-Play-Badge.svg" alt="Refuge Restrooms app on the Google Play Store" role="img" width=73/></a>
</li>
<li><a href="https://patreon.com/refugerestrooms"><img src="become_a_patron_button.png" alt="Refuge Restrooms on Patreon" width=200/></a>
</li>
</ul>
</nav>
</footer>
<script type="text/javascript" src="collapsible_navbar.js"></script>
</body>
</html>