mirror of
https://github.com/KRTirtho/spotube.git
synced 2025-12-11 09:27:30 +00:00
45 lines
1.3 KiB
Svelte
45 lines
1.3 KiB
Svelte
<script lang="ts">
|
|
import { ADS_SLOTS, extendedDownloadLinks } from '$lib';
|
|
import { Download } from 'lucide-svelte';
|
|
import { History, Sparkles, Package } from 'lucide-svelte';
|
|
import DownloadItems from '$lib/components/downloads/download-items.svelte';
|
|
import Ads from '$lib/components/ads/ads.svelte';
|
|
|
|
const otherDownloads: [string, string, any][] = [
|
|
['/downloads/packages', 'CLI Packages Managers', Package],
|
|
['/downloads/older', 'Older Versions', History],
|
|
['/downloads/nightly', 'Nightly Builds', Sparkles]
|
|
];
|
|
</script>
|
|
|
|
<section class="p-4 md:p-16 md:pb-4">
|
|
<h2 class="h2 flex items-center gap-4">
|
|
Download
|
|
<Download class="inline" size={30} />
|
|
</h2>
|
|
<br /><br />
|
|
<h5 class="h5">Spotube is available for every platform</h5>
|
|
<br />
|
|
|
|
<DownloadItems links={extendedDownloadLinks} />
|
|
|
|
<br />
|
|
<Ads adSlot={ADS_SLOTS.downloadPageDisplay} adFormat="auto" />
|
|
<br />
|
|
|
|
<h2 class="h2">Other Downloads</h2>
|
|
<br /><br />
|
|
<div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-2 max-w-3xl">
|
|
{#each otherDownloads as download}
|
|
<a href={download[0]}>
|
|
<div class="btn rounded variant-soft-secondary flex flex-col items-center p-4 gap-4">
|
|
<svelte:component this={download[2]} />
|
|
<h5 class="h5">{download[1]}</h5>
|
|
</div>
|
|
</a>
|
|
{/each}
|
|
</div>
|
|
<br />
|
|
<Ads adSlot={ADS_SLOTS.downloadPageDisplay} adFormat="auto" />
|
|
</section>
|