mirror of
https://github.com/KRTirtho/spotube.git
synced 2025-12-06 23:39:42 +00:00
79 lines
2.5 KiB
Plaintext
79 lines
2.5 KiB
Plaintext
---
|
|
import type { IconType } from "react-icons";
|
|
import { LuDownload, LuHistory, LuPackage, LuSparkles } from "react-icons/lu";
|
|
import { ADS_SLOTS, extendedDownloadLinks } from "~/collections/app";
|
|
import Ads from "~/components/ads/Ads.astro";
|
|
import RootLayout from "~/layouts/RootLayout.astro";
|
|
import DownloadItems from "~/modules/downloads/download-item.astro";
|
|
|
|
const otherDownloads: [string, string, IconType][] = [
|
|
["/downloads/packages", "CLI Packages Managers", LuPackage],
|
|
["/downloads/older", "Older Versions", LuHistory],
|
|
["/downloads/nightly", "Nightly Builds", LuSparkles],
|
|
];
|
|
---
|
|
|
|
<RootLayout>
|
|
<section class="p-4 md:p-16 md:pb-4">
|
|
<h2 class="h2 flex items-center gap-4">
|
|
Download
|
|
<LuDownload className="inline" size={30} />
|
|
</h2>
|
|
<br /><br />
|
|
<h5 class="h5">Spotube is available for every platform</h5>
|
|
<br />
|
|
<!-- WARNING! -->
|
|
<h3 class="h3 text-red-500" data-svelte-h="svelte-1l4b696">
|
|
Versions of Spotube (<=v4.0.2) are ceased to work with Spotify™ API.
|
|
<br />
|
|
So users can no longer use/download those versions.
|
|
<br />
|
|
Please wait for the next version that will remedy this issue by not using such
|
|
APIs.
|
|
</h3>
|
|
<p class="text-surface-500 mt-5" data-svelte-h="svelte-1nkw9cu">
|
|
Spotube has no affiliation with Spotify™ or any of its subsidiaries.
|
|
</p>
|
|
<br />
|
|
<br />
|
|
<!-- <DownloadItems links={extendedDownloadLinks} /> -->
|
|
<h6 class="h6 mb-5" data-svelte-h="svelte-1ws2638">
|
|
The new Spotube v5 is still under beta. Please use the Nightly version
|
|
until stable release.
|
|
</h6>
|
|
<!-- WARNING! -->
|
|
<div class="flex">
|
|
<a href="/downloads/nightly" class="flex gap-2 btn btn-lg preset-filled">
|
|
<LuDownload />
|
|
Download Nightly
|
|
</a>
|
|
</div>
|
|
<br />
|
|
|
|
<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">
|
|
{
|
|
otherDownloads.map((download) => {
|
|
const Icon = download[2];
|
|
|
|
return (
|
|
<a href={download[0]}>
|
|
<div class="btn preset-filled-primary-100-900 flex flex-col items-center p-4 gap-4">
|
|
<Icon />
|
|
<h5 class="h5">{download[1]}</h5>
|
|
</div>
|
|
</a>
|
|
);
|
|
})
|
|
}
|
|
</div>
|
|
<br />
|
|
<Ads adSlot={ADS_SLOTS.downloadPageDisplay} adFormat="auto" />
|
|
</section>
|
|
</RootLayout>
|