Drop-OSS/archived-drop-website
1
0
Fork 0
mirror of https://github.com/Drop-OSS/drop-website.git synced 2026-01-30 20:55:25 +01:00
Code Issues Packages Projects Releases Wiki Activity

chore: minor changes

Browse Source
This commit is contained in:
DecDuck
2025-04-24 00:43:08 +10:00
parent eb40975dd4
commit 6c3524ea30
1 changed files with 17 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
pages/download.vue
View File

@@ -1,11 +1,11 @@
<template>
<div class="z-50 py-24 sm:py-32 lg:pb-40">
<div class="z-50 py-24 sm:py-32">
<div class="mx-auto max-w-7xl px-6 lg:px-8">
<div class="mx-auto max-w-2xl text-center">
<h1
class="text-balance text-4xl font-bold tracking-tight text-white sm:text-7xl font-display"
>
Download Drop
Download
</h1>
<p
class="mt-8 text-pretty text-lg font-medium text-zinc-400 sm:text-xl/8"
@@ -19,7 +19,7 @@
<div class="mt-16 grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-3">
<!-- Windows -->
<div
class="rounded-lg bg-white/5 p-6 ring-1 ring-white/10 flex flex-col h-full"
class="rounded-lg bg-white/5 p-6 ring-1 ring-white/10 flex flex-col gap-y-4 h-full"
>
<div>
<div class="flex items-center gap-x-4">
@@ -27,12 +27,14 @@
<h3 class="text-lg font-semibold text-white">Windows</h3>
</div>
<p class="mt-4 text-sm text-zinc-400">
Download the Windows client installer
Download the Windows installer. May require administrator
privileges on your system.
</p>
</div>
<div class="mt-auto">
<!-- UPDATE on update -->
<NuxtLink
href="https://github.com/Drop-OSS/drop-app/releases/latest/download/drop-windows.exe"
:href="links.windows"
class="inline-flex items-center gap-x-2 rounded-md bg-blue-600 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-blue-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-400"
>
Download for Windows
@@ -43,7 +45,7 @@
<!-- macOS -->
<div
class="rounded-lg bg-white/5 p-6 ring-1 ring-white/10 flex flex-col h-full"
class="rounded-lg bg-white/5 p-6 ring-1 ring-white/10 flex flex-col gap-y-4 h-full"
>
<div>
<div class="flex items-center gap-x-4">
@@ -51,7 +53,8 @@
<h3 class="text-lg font-semibold text-white">macOS</h3>
</div>
<p class="mt-4 text-sm text-zinc-400">
Download the macOS application
Download the macOS application. Supports both Intel and Apple
Silicon.
</p>
</div>
<div class="mt-auto">
@@ -75,7 +78,7 @@
<!-- Linux -->
<div
class="rounded-lg bg-white/5 p-6 ring-1 ring-white/10 flex flex-col h-full"
class="rounded-lg bg-white/5 p-6 ring-1 ring-white/10 flex flex-col gap-y-4 h-full"
>
<div>
<div class="flex items-center gap-x-4">
@@ -85,6 +88,7 @@
<p class="mt-4 text-sm text-zinc-400">
Download the Linux <b>AppImage</b>, or get RPM and DEB packages
from our
<NuxtLink
href="https://github.com/Drop-OSS/drop-app/releases"
class="text-blue-400 hover:text-blue-300"
@@ -94,7 +98,7 @@
</div>
<div class="mt-auto pt-2">
<NuxtLink
href="https://github.com/Drop-OSS/drop-app/releases/latest/download/drop-linux.AppImage"
:href="links.linux"
class="inline-flex items-center gap-x-2 rounded-md bg-blue-600 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-blue-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-400"
>
Download for Linux
@@ -107,20 +111,18 @@
<!-- Server Setup -->
<div class="mt-16 text-center">
<h2 class="text-3xl font-bold tracking-tight text-white sm:text-4xl">
Set Up Your Own Server
Setup your own server
</h2>
<p class="mt-4 text-lg text-zinc-400">
<p class="mt-4 text-lg text-zinc-400 max-w-xl mx-auto">
Want to host your own Drop server? Follow our comprehensive
documentation to get started.
</p>
<div class="mt-8">
<NuxtLink
href="https://wiki.droposs.org/guides/quickstart.html"
class="inline-flex items-center gap-x-2 rounded-md bg-zinc-900 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-zinc-950 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-400"
class="text-sm/6 font-semibold text-zinc-100"
>Quickstart <span aria-hidden="true">&rarr;</span></NuxtLink
>
Server Setup Guide
<ArrowRightIcon class="h-4 w-4" />
</NuxtLink>
</div>
</div>
</div>