mirror of
https://github.com/TriliumNext/Notes.git
synced 2025-10-23 15:51:35 +08:00
64 lines
2.9 KiB
Svelte
64 lines
2.9 KiB
Svelte
|
<section class="mt-20 max-w-6xl mx-auto px-4">
|
||
|
|
<h2 class="text-3xl font-bold text-center mb-12">Desktop application</h2>
|
||
|
|
|
||
|
|
<div class="grid md:grid-cols-3 gap-10">
|
||
|
|
<div class="bg-white rounded-xl shadow overflow-hidden">
|
||
|
|
<div class="p-6">
|
||
|
|
<h3 class="text-xl font-semibold mb-2">Windows</h3>
|
||
|
|
|
||
|
|
<div class="flex flex-wrap gap-y-2">
|
||
|
|
<a class="py-2 px-5 bg-violet-600 text-white font-semibold rounded-full shadow-md hover:bg-violet-700 focus:outline-none focus:ring focus:ring-violet-400 focus:ring-opacity-75 grow" href="#">
|
||
|
|
Installer (.exe)
|
||
|
|
<span class="text-sm text-gray-300 ml-2">Recommended</span>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<a class="py-2 px-5 border-1 border-gray-500 text-gray-500 font-semibold rounded-full shadow-md grow" href="#">
|
||
|
|
Portable (.zip)
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="bg-white rounded-xl shadow overflow-hidden">
|
||
|
|
<div class="p-6">
|
||
|
|
<h3 class="text-xl font-semibold mb-2">Linux</h3>
|
||
|
|
|
||
|
|
<div class="flex flex-wrap gap-y-2">
|
||
|
|
<a class="py-2 px-5 border-1 border-gray-500 text-gray-500 font-semibold rounded-full shadow-md grow" href="#">
|
||
|
|
Debian-based distributions (.deb)
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<a class="py-2 px-5 border-1 border-gray-500 text-gray-500 font-semibold rounded-full shadow-md grow" href="#">
|
||
|
|
Red Hat-based distributions (.rpm)
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<a class="py-2 px-5 border-1 border-gray-500 text-gray-500 font-semibold rounded-full shadow-md grow" href="#">
|
||
|
|
Flatpak (.flatpak)
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<a class="py-2 px-5 border-1 border-gray-500 text-gray-500 font-semibold rounded-full shadow-md grow" href="#">
|
||
|
|
Portable (.zip)
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="bg-white rounded-xl shadow overflow-hidden">
|
||
|
|
<div class="p-6">
|
||
|
|
<h3 class="text-xl font-semibold mb-2">macOS</h3>
|
||
|
|
|
||
|
|
<div class="flex flex-wrap gap-y-2">
|
||
|
|
<a class="py-2 px-5 bg-violet-600 text-white font-semibold rounded-full shadow-md hover:bg-violet-700 focus:outline-none focus:ring focus:ring-violet-400 focus:ring-opacity-75 grow" href="#">
|
||
|
|
Disk image (.dmg)
|
||
|
|
<span class="text-sm text-gray-300 ml-2">Recommended</span>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<a class="py-2 px-5 border-1 border-gray-500 text-gray-500 font-semibold rounded-full shadow-md grow" href="#">
|
||
|
|
Portable (.zip)
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|