-
Notifications
You must be signed in to change notification settings - Fork 13
/
index.html
137 lines (122 loc) · 8.48 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
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<!DOCTYPE html>
<html lang="en">
<head>
<title>LotLinker</title>
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0">
<link rel="stylesheet" href="static/style/main.css" />
<link rel="stylesheet" href="node_modules/leaflet/dist/leaflet.css" />
<link rel="stylesheet" href="node_modules/leaflet.markercluster/dist/MarkerCluster.css" />
<link rel="stylesheet" href="node_modules/leaflet.markercluster/dist/MarkerCluster.Default.css" />
<link rel="stylesheet" href="node_modules/leaflet.awesome-markers/dist/leaflet.awesome-markers.css" />
<link rel="stylesheet" href="//code.ionicframework.com/ionicons/1.5.2/css/ionicons.min.css">
<link rel="apple-touch-icon" sizes="57x57" href="static/images/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="static/images/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="static/images/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="static/images/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="static/images/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="static/images/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="static/images/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="static/images/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="static/images/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="static/images/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="static/images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="static/images/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="static/images/favicon-16x16.png">
<link rel="manifest" href="static/images/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="static/images/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
</head>
<body>
<div class="navbar">
<div class="logo-container">
<a class="logo" href="#"><h1>LotLinker</h1></a>
</div>
</div>
<div class="mappanel">
<div id="map" class="map">
</div>
</div>
<div class="resultspanel">
<div class="contentpanel searchpanel">
<div id="custom-templates">
<input class="typeahead" id="addressInput" type="text" placeholder="Enter Street Address or Parcel ID"aria-label="Text box to enter street address" />
<input type="checkbox" id="showOnlyNewProperties" value="showOnlyNewProperties"/><label for="showOnlyNewProperties">Show only new</label>
</div>
<div class="results">
<p class="result-text" id="selectedAddress"></p>
<p class="result-text" id="selectedParcelId"></p>
<p class="result-text" id="linkToTreasuresSite"></p>
<p class="result-text" id="linkToGISSite"></p>
<p class="result-text" id="claimedWarning"></p>
</div>
<hr />
</div>
<div id="intropanel" class="intropanel">
<div class="introcontainer">
<h2>Lot Linker Search Tool</h2>
<p class="intro-paragraph"><strong>Lot Links</strong> is the City of Dayton program that uses a state provision for Real Estate Acquisition Process, commonly referred to as "REAP," to take title to tax delinquent abandoned properties in the City of Dayton. The City can then sell those properties to qualified buyers.<br><br>This tool streamlines your search by showing *only those properties that meet the first four eligibility criteria for the Lot Links program. <a href="//www.daytonohio.gov/187/Lot-Links" target="_blank">Learn about the Lot Links program before proceeding with this tool.</a></p>
<div class="FAQcontainer">
<div id="FAQ-eligibility" class="FAQ-item">
<h3><span class="expand-icon">+</span> What makes a property eligible for Lot Links?</h3>
<div id="FAQ-eligibility-expand" class="FAQ-expand">
<ul class="scrunched">
<li>is in the City of Dayton.</li>
<li>is at least 2 years in arrears on taxes.</li>
<li>has not had its tax lien sold.</li>
<li>is not on a delinquent tax payment plan.</li>
<li>does not already have an active REAP claim against it.</li>
</ul>
</div>
</div>
<div id="FAQ-howto" class="FAQ-item">
<h3><span class="expand-icon">+</span> How do I use this tool?</h3>
<div id="FAQ-howto-expand" class="FAQ-expand">
<p>You can search by address, parcel number, or by visual inspection of the map.<br>To view the address and parcel number of a location on the map, click on the blue balloon icon. <img class="small-balloon" src="/node_modules/leaflet/dist/images/marker-icon.png" alt="Map marker icon"></p>
<p>Properties that have already been claimed show up with a red balloon. These are not available at this time.</p>
</div>
</div>
<div id="FAQ-notfound" class="FAQ-item">
<h3><span class="expand-icon">+</span> I can't find the property I'm looking for?</h3>
<div id="FAQ-notfound-expand" class="FAQ-expand">
<p>If the property does not show up in this search tool, then it is not Lot Links eligible at this time.</p>
<p>If the property shows up with a red balloon, then the property has already has an active claim against it.</p>
</div>
</div>
<div id="FAQ-nowwhat" class="FAQ-item">
<h3><span class="expand-icon">+</span> I found an eligible property! Now what?</h3>
<div id="FAQ-nowwhat-expand" class="FAQ-expand">
<p>Verify the property is vacant and abandoned. This is important! Applying for a property that is not vacant and abandoned will result in you losing half your deposit.</p>
<p>Download, complete, & submit the application from the <a href="//www.daytonohio.gov/187/Lot-Links">Lot Links page</a>.
</div>
</div>
</div>
<a class="right-image" href="//www.daytonohio.gov/187/Lot-Links"><img class="" src="static/images/lotlinks.jpg" alt="Lot Linker Logo"/></a>
<p class="fineprint"><i>*The data for this tool comes directly from the Montgomery County Treasurers Office database, which is updated at the end of every month. The county's data was last queried for LotLinker on <span id="last_update"></span>.</i></p>
</div>
<div class="contentpanel footerpanel">
<div class="footer">
<p class="footertext">Made with pride by</p>
<a href="//codefordayton.org"><img class="logo firstlogo" src="static/images/logo.png" alt="Code For Dayton Logo"/></a>
</div>
</div>
</div>
</div>
<script src="node_modules/jquery/dist/jquery.js"></script>
<script src="node_modules/leaflet/dist/leaflet.js"></script>
<script src="node_modules/leaflet.markercluster/dist/leaflet.markercluster-src.js"></script>
<script src="node_modules/leaflet.awesome-markers/dist/leaflet.awesome-markers.min.js"></script>
<script src="node_modules/typeahead.js/dist/typeahead.bundle.min.js"></script>
<script src="static/data/reaps.json"></script>
<script src="node_modules/jquery-placeholder/jquery.placeholder.js"></script>
<script src="static/js/main.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-49480678-3', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>