Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-07-27 10:02:59 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(website): place download now button in header as well

Browse Source
This commit is contained in:
Elian Doran 2025-06-14 13:35:31 +03:00
parent 450fa5311c
commit cb6cb97326
No known key found for this signature in database
3 changed files with 15 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
apps/website/src/routes/+page.svelte
View File

@ -1,3 +1,7 @@
<script>
import DownloadNow from "./download-now.svelte";
</script>
<section class="relative overflow-hidden bg-gradient-to-br from-white to-violet-50">
<!-- Bokeh background circles -->
<div class="absolute inset-0 pointer-events-none z-0">
@ -17,10 +21,8 @@
Its unique tree structure, rich editing tools, and powerful search features make managing your information intuitive and flexible.
</p>
<div class="flex items-center gap-6">
<a href="#" 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">
Download
</a>
<a href="#" class="font-medium text-violet-700 hover:underline">
<DownloadNow />
<a href="/download" class="font-medium text-violet-700 hover:underline">
More platforms
</a>
</div>
@ -30,7 +32,6 @@
<div class="md:w-1/2">
<img src="screenshots/desktop-win.png" alt="Screenshot of the app on desktop Windows" class="w-full rounded-xl shadow-lg">
</div>
</div>
</div>
</section>

3
apps/website/src/routes/download-now.svelte Normal file
View File

@ -0,0 +1,3 @@
<a href="#" 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">
Download now
</a>

7
apps/website/src/routes/header.svelte
View File

@ -1,3 +1,7 @@
<script>
import DownloadNow from "./download-now.svelte";
</script>
<header class="header bg-white sticky top-0 z-50">
<div class="container mx-auto flex items-center py-5">
<a href="/" class="flex items-center gap-x-2 w-100">
@ -12,7 +16,8 @@
<li><a href="/about">About</a></li>
<li><a href="/services">Services</a></li>
<li><a href="/contact">Contact</a></li>
</ul>
<li><DownloadNow /></li>
</ul>
</nav>
</div>
</div>