small improvements

This commit is contained in:
vcoppe
2024-07-19 23:22:29 +02:00
parent 0142ef4a42
commit d0dcafa78e
7 changed files with 41 additions and 30 deletions

View File

@@ -54,7 +54,7 @@ npm run dev
## Credits
This project has been made possible thanks to the following open-source projects:
This project has been made possible thanks to the following open source projects:
- Development:
- [Svelte](https://github.com/sveltejs/svelte) and [SvelteKit](https://github.com/sveltejs/kit) — seamless development experience

View File

@@ -2,10 +2,7 @@
import { CircleHelp } from 'lucide-svelte';
</script>
<div
class="{$$props.class ||
''} text-sm bg-muted font-light rounded border flex flex-row items-center p-2"
>
<div class="{$$props.class || ''} text-sm bg-muted rounded border flex flex-row items-center p-2">
<CircleHelp size="16" class="w-4 mr-2 shrink-0 grow-0" />
<slot />
</div>

View File

@@ -2,11 +2,12 @@
import { HeartHandshake } from 'lucide-svelte';
</script>
# <HeartHandshake size="24" class="mr-1 inline-block align-baseline" /> Help keep the website free (and ad-free)
## <HeartHandshake size="18" class="mr-1 inline-block align-baseline" /> Help keep the website free (and ad-free)
Each time you add or move GPS points, we make a request to our servers to retrieve a route on the road network.
We also rely on APIs from <a href="https://mapbox.com" target="_blank">Mapbox</a> to load beautiful maps, retrieve elevation data and process geocoding requests (looking for a place in the search bar).
Each time you add or move GPS points, our servers calculate the best route on the road network.
We also use APIs from <a href="https://mapbox.com" target="_blank">Mapbox</a> to display beautiful maps, retrieve elevation data and process geocoding requests (searching for a place).
Unfortunately this is very costly so if you like the tool and use it frequently, please consider making even a small donation so that this website can stay **free** and **ad-free**.
Unfortunately, this is expensive.
If you enjoy using this tool and find it valuable, please consider making a small donation to help keep the website free and ad-free.
Thank you very much for your support! ❤️

View File

@@ -1,5 +1,5 @@
Mapbox is the company that provides some of the beautiful maps on this website.
They also develop the <a href="https://github.com/mapbox/mapbox-gl-js" target="_blank">map engine</a> which powers *gpx.studio*.
They also develop the <a href="https://github.com/mapbox/mapbox-gl-js" target="_blank">map engine</a> which powers **gpx.studio**.
We are incredibly lucky and grateful to have joined their <a href="https://mapbox.com/community" target="_blank">Community</a> program, which supports nonprofits, educational institutions, and positive impact organizations.
This means that *gpx.studio* can benefit from Mapbox tools at discounted prices, which greatly contributes to the financial viability of the project and to offering the best possible user experience.
We are incredibly fortunate and grateful to be part of their <a href="https://mapbox.com/community" target="_blank">Community</a> program, which supports nonprofits, educational institutions, and positive impact organizations.
This partnership allows **gpx.studio** to benefit from Mapbox tools at discounted prices, greatly contributing to the financial viability of the project and enabling us to offer the best possible user experience.

View File

@@ -2,11 +2,11 @@
import { Languages } from 'lucide-svelte';
</script>
# <Languages size="24" class="mr-1 inline-block align-baseline" /> Translation
## <Languages size="18" class="mr-1 inline-block align-baseline" /> Translation
The website is translated by volunteers on a collaborative translation platform.
You can contribute by adding or improving translations on the <a href="https://crowdin.com/project/gpxstudio" target="_blank">Crowdin project</a>.
The website is translated by volunteers using a collaborative translation platform.
You can contribute by adding or improving translations on our <a href="https://crowdin.com/project/gpxstudio" target="_blank">Crowdin project</a>.
Please <a href="#contact">get in touch</a> if you want to start the translation in a new language.
If you would like to start translating into a new language, please <a href="#contact">get in touch</a>.
Any help is greatly appreciated!

View File

@@ -401,10 +401,10 @@
"file_processing": "Advanced file processing",
"file_processing_description": "A suite of tools for performing all common file processing tasks, and which can be applied to multiple files at once.",
"maps": "Global and local maps",
"maps_description": "A large collection of basemaps and overlays to help you craft your next outdoor adventure, or visualize your latest achievement.",
"maps_description": "A large collection of basemaps, overlays and points of interest to help you craft your next outdoor adventure, or visualize your latest achievement.",
"data_visualization": "Data visualization",
"data_visualization_description": "An interactive elevation profile with detailed statistics to analyze recorded activities and future objectives.",
"identity": "Free, ad-free and open-source",
"identity": "Free, ad-free and open source",
"identity_description": "The website is free to use, without ads, and the source code is publicly available on GitHub. This is only possible thanks to the incredible support of the community."
},
"embedding": {

View File

@@ -5,7 +5,16 @@
import ElevationProfile from '$lib/components/ElevationProfile.svelte';
import GPXStatistics from '$lib/components/GPXStatistics.svelte';
import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
import { BookOpenText, Heart, LineChart, Map, PencilRuler, Route, Scale } from 'lucide-svelte';
import {
BookOpenText,
Heart,
LineChart,
Map,
PencilRuler,
PenLine,
Route,
Scale
} from 'lucide-svelte';
import { _ } from 'svelte-i18n';
import { exampleGPXFile } from '$lib/assets/example';
import { writable } from 'svelte/store';
@@ -202,22 +211,26 @@
/>
</div>
</div>
<div class="px-12 flex flex-col items-center">
<div class="max-w-5xl flex flex-col items-center gap-6">
<div
class="px-12 md:px-24 flex flex-row flex-wrap lg:flex-nowrap items-center justify-center -space-y-0.5 lg:-space-x-0.5"
>
<div
class="grow max-w-xl flex flex-col items-center gap-6 p-8 border rounded-2xl shadow-xl -rotate-1 lg:rotate-1"
>
<DocsLoader path="home/funding.mdx" />
<Button
href="https://ko-fi.com/gpxstudio"
target="_blank"
class="w-1/3 min-w-fit bg-support text-base"
>
<Heart size="16" class="mr-1" fill="rgb(var(--support))" />
<Button href="https://ko-fi.com/gpxstudio" target="_blank" class="text-base">
<Heart size="16" class="mr-1" fill="rgb(var(--support))" color="rgb(var(--support))" />
<span>{$_('homepage.support_button')}</span>
</Button>
</div>
</div>
<div class="px-12 flex flex-col items-center">
<div class="max-w-5xl">
<div
class="grow max-w-lg mx-6 h-fit bg-background flex flex-col items-center gap-6 p-8 border rounded-2xl shadow-xl rotate-1 lg:-rotate-1"
>
<DocsLoader path="home/translation.mdx" />
<Button href="https://crowdin.com/project/gpxstudio" target="_blank" class="text-base">
<PenLine size="16" class="mr-1" />
<span>{$_('homepage.contribute')}</span>
</Button>
</div>
</div>
<div class="px-12 md:px-24 flex flex-col items-center">