butter/butter-kanglam-ui
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add actual map links; improve spacing

Browse source
This commit is contained in:
John Hess 2024-06-07 15:53:50 -05:00
parent f602b282d5
commit 0f73bc81f4
3 changed files with 67 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

11
_includes/fancybutton.html Normal file
View file

@ -0,0 +1,11 @@
<a class="btn-main btn-slim" href="{{ include.href }}">
<div class="btn-split">
<div class="btn-logo">
<img class="btn-android" src="{{ site.baseurl}}/assets/images/btr-android.svg">
</div>
<div class="btn-text">
<span class="button-main-text">{{ include.main_cta }}</span><br>
<span class="button-sub-text">{{ include.sub_cta }}</span>
</div>
</div>
</a>

7
_scss/pages/home.scss
View file

@ -174,7 +174,7 @@ a:active {
h2 {
font-size: 18px;
font-weight: 500;
margin: 20px 0 10px 0;
margin: 30px 0 15px 0;
}
p {
font-size: 14px;
@ -184,6 +184,11 @@ a:active {
.filelist {
background-color: white;
border-radius: 20px;
margin-top: 40px;
}
.btn-container {
width: fit-content;
margin: 30px auto;
}
}

56
maps.html
View file

@ -9,15 +9,59 @@ breadcrumb: "Offline Maps"
<h1>Navigating Offline</h1>
<p class="subtitle">OsmAnd is an offline world map application based on OpenStreetMap</p>
[Button goes here]
<div class="btn-container">
{% assign apk_url = site.baseurl | append: "/fdroid/repo/net.osmand.plus_471703.apk" %}
{% include fancybutton.html main_cta="Download OsmAnd" sub_cta="137 MB" href=apk_url %}
</div>
<h2>About OsmAnd</h2>
<p>OsmAnd allows you to navigate taking into account the preferred roads and vehicle dimensions. Plan routes based on inclines and record GPX tracks without an internet connection. OsmAnd is an open source app. It does not collect user data and you decide what data the app will have access to.</p>
<p>OsmAnd allows you to navigate taking into account the preferred roads and vehicle dimensions. Plan routes based on
inclines and record GPX tracks without an internet connection. OsmAnd is an open source app. It does not collect
user data and you decide what data the app will have access to.</p>
<h2>Map Files</h2>
<p>Download map files for your region. To import a map file into OsmAnd, locate the file in your device downloads. Then open it with the OsmAnd app.</p>
<!-- TODO: Determine these automatically with JS. -->
<p>Download map files for your region. To import a map file into OsmAnd, locate the file in your device downloads. Then
open it with the OsmAnd app.</p>
<div class="filelist">
{% include filerow.html display_name="Zimbabwe" file_name="zim.zip" icon_filename="ext-pbf.svg" href="/" %}
{% assign obf_url= site.basurl | append: "/fdroid/repo/" | append: "Angola_africa_2.obf.zip" %}
{% include filerow.html href=obf_url file_name="Angola_africa_2.obf.zip" icon_filename="ext-pbf.svg" display_name="Angola" %}
{% assign obf_url= site.basurl | append: "/fdroid/repo/" | append: "Virgin-islands-british_centralamerica_2.obf.zip" %}
{% include filerow.html href=obf_url file_name="Virgin-islands-british_centralamerica_2.obf.zip" icon_filename="ext-pbf.svg" display_name="British Virgin Islands" %}
{% assign obf_url= site.basurl | append: "/fdroid/repo/" | append: "Colombia_southamerica_2.obf.zip" %}
{% include filerow.html href=obf_url file_name="Colombia_southamerica_2.obf.zip" icon_filename="ext-pbf.svg" display_name="Colombia" %}
{% assign obf_url= site.basurl | append: "/fdroid/repo/" | append: "Swaziland_africa_2.obf.zip" %}
{% include filerow.html href=obf_url file_name="Swaziland_africa_2.obf.zip" icon_filename="ext-pbf.svg" display_name="Eswatini (Swaziland)" %}
{% assign obf_url= site.basurl | append: "/fdroid/repo/" | append: "Malawi_africa_2.obf.zip" %}
{% include filerow.html href=obf_url file_name="Malawi_africa_2.obf.zip" icon_filename="ext-pbf.svg" display_name="Malawi" %}
{% assign obf_url= site.basurl | append: "/fdroid/repo/" | append: "Mexico_mexico_northamerica_2.obf.zip" %}
{% include filerow.html href=obf_url file_name="Mexico_mexico_northamerica_2.obf.zip" icon_filename="ext-pbf.svg" display_name="Mexico" %}
{% assign obf_url= site.basurl | append: "/fdroid/repo/" | append: "Mozambique_africa_2.obf.zip" %}
{% include filerow.html href=obf_url file_name="Mozambique_africa_2.obf.zip" icon_filename="ext-pbf.svg" display_name="Mozambique" %}
{% assign obf_url= site.basurl | append: "/fdroid/repo/" | append: "Namibia_africa_2.obf.zip" %}
{% include filerow.html href=obf_url file_name="Namibia_africa_2.obf.zip" icon_filename="ext-pbf.svg" display_name="Namibia" %}
{% assign obf_url= site.basurl | append: "/fdroid/repo/" | append: "Puerto-rico_centralamerica_2.obf.zip" %}
{% include filerow.html href=obf_url file_name="Puerto-rico_centralamerica_2.obf.zip" icon_filename="ext-pbf.svg" display_name="Puerto Rico" %}
{% assign obf_url= site.basurl | append: "/fdroid/repo/" | append: "South-africa_africa_2.obf.zip" %}
{% include filerow.html href=obf_url file_name="South-africa_africa_2.obf.zip" icon_filename="ext-pbf.svg" display_name="South Africa" %}
{% assign obf_url= site.basurl | append: "/fdroid/repo/" | append: "Virgin-islands-us_centralamerica_2.obf.zip" %}
{% include filerow.html href=obf_url file_name="Virgin-islands-us_centralamerica_2.obf.zip" icon_filename="ext-pbf.svg" display_name="US Virgin Islands" %}
{% assign obf_url= site.basurl | append: "/fdroid/repo/" | append: "Venezuela_southamerica_2.obf.zip" %}
{% include filerow.html href=obf_url file_name="Venezuela_southamerica_2.obf.zip" icon_filename="ext-pbf.svg" display_name="Venezuela" %}
{% assign obf_url= site.basurl | append: "/fdroid/repo/" | append: "Zambia_africa_2.obf.zip" %}
{% include filerow.html href=obf_url file_name="Zambia_africa_2.obf.zip" icon_filename="ext-pbf.svg" display_name="Zambia" %}
{% assign obf_url= site.basurl | append: "/fdroid/repo/" | append: "Zimbabwe_africa_2.obf.zip" %}
{% include filerow.html href=obf_url file_name="Zimbabwe_africa_2.obf.zip" icon_filename="ext-pbf.svg" display_name="Zimbabwe" %}
</div>