Skip to content

Commit

Permalink
Added and fixed links
Browse files Browse the repository at this point in the history
- Fixed target properties of a tags
  • Loading branch information
ming-suhi committed Jun 14, 2024
1 parent 72f858f commit afd7479
Showing 1 changed file with 10 additions and 7 deletions.
17 changes: 10 additions & 7 deletions dist/information.html
Original file line number Diff line number Diff line change
Expand Up @@ -73,6 +73,9 @@
ol {
list-style-position: inside;
}
a {
color: #5175f5;
}
}
</style>
</head>
Expand All @@ -89,7 +92,7 @@
<text style="font-size: medium;">Generate Map</text>
<img src="map.png" style="width:25px; height: 24px; margin-left: 5px">
</a>
<a class="flex center" style="margin-left: 20px;" href="https://github.com/ming-suhi" target="_blank">
<a class="flex center" style="margin-left: 20px;" href="https://github.com/ming-suhi/UP.Di-Libot" target="_blank">
<text style="font-size: medium;">Repository</text>
<img src="github.svg" style="width:25px; height: 25px; margin-left: 5px">
</a>
Expand All @@ -102,10 +105,10 @@
<h1>UP Di-Libot: Your UP Diliman Lakwatsa Checklist</h1>
<h2>Kyle Joseph Taton • Jose Mari Mangalindan • Last Updated June 14, 2024</h2>
<h3>I. Project Description</h3>
<text>The web application maps out a UPD student’s “visiting checklist” by gathering the user’s location history data from Google Maps and marking all locations visited within the bounds of UP Diliman. After inputting the history data, the website displays a masked map of UP Diliman presenting all locations that Google Maps has tracked. In addition, another layer displays the names of buildings and institutes the user has already visited; therefore, displaying all the landmarks visited and blurring sites that have not been explored.</text>
<text>The <a href="index.html" target="_self">web application</a> maps out a UPD student’s “visiting checklist” by gathering the user’s location history data from Google Maps and marking all locations visited within the bounds of UP Diliman. After inputting the history data, the website displays a masked map of UP Diliman presenting all locations that Google Maps has tracked. In addition, another layer displays the names of buildings and institutes the user has already visited; therefore, displaying all the landmarks visited and blurring sites that have not been explored.</text>
<h3>II. How It Works</h3>
<text>
The project hails from low-resolution satellite imagery provided by ESRI, serving as the orthophoto referenced by the other integrated, makeshift data layers, such as:
The project hails from low-resolution satellite imagery provided by <a href="https://www.esri.com/en-us/home" target="_blank">ESRI</a>, serving as the orthophoto referenced by the other integrated, makeshift data layers, such as:
<ul>
<li>the borders of UP Diliman and its neighboring sites,</li>
<li>the polygon representations of relevant infrastructures,</li>
Expand All @@ -124,14 +127,14 @@ <h3>II. How It Works</h3>
<text>
The project was only made possible because of several open-sources projects that made the development easier.
<ul>
<li>Leaflet</li>
<li>Turf.js</li>
<li><a href="https://leafletjs.com/reference.html" target="_blank">Leaflet</a></li>
<li><a href="https://turfjs.org/" target="_blank">Turf.js</a></li>
</ul>
</text>
<h3>III. Downloading you data from Google</h3>
<text>
<ol>
<li>Go to <a href="https://takeout.google.com/settings/takeout">Google Takeout</a></li>
<li>Go to <a href="https://takeout.google.com/settings/takeout" target="_blank">Google Takeout</a></li>
<li>Under "Select data to include", select ONLY "Location History (Timeline)"</li>
<li>Click "Next Step"</li>
<li>Select the following:<br>Transfer to: Send download link via email<br>Frequency: Export once<br>File type: .zip<br>File size: 2GB</li>
Expand All @@ -143,7 +146,7 @@ <h3>III. Downloading you data from Google</h3>
</ol>
</text>
<h3>IV. Using the Web Application</h3>
<text>Using the web application is easy. Simply tick the required checbox and press the "Generate My Map" button and select the folder named "Semantic Location History". Note that your data is not uploaded to any server and processing is done by your computer, locally.</text>
<text>Using the <a href="index.html" target="_self">web application</a> is easy. Simply tick the required checbox and press the "Generate My Map" button and select the folder named "Semantic Location History". Note that your data is not uploaded to any server and processing is done by your computer, locally.</text>
<h3>V. Considerations</h3>
<text>A. Data Usage</text>
<text>Google Maps requires location access, mobile data usage, and especially, timeline recording permission from the user; the web application relies on recorded coordinates by the application as input to produce the map. If location history is turned off, then the user will not be able to see the mapped version of their visited sites.</text>
Expand Down

0 comments on commit afd7479

Please sign in to comment.