Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-07-28 10:32:27 +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"> <section class="relative overflow-hidden bg-gradient-to-br from-white to-violet-50">
<!-- Bokeh background circles --> <!-- Bokeh background circles -->
<div class="absolute inset-0 pointer-events-none z-0"> <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. Its unique tree structure, rich editing tools, and powerful search features make managing your information intuitive and flexible.
</p> </p>
<div class="flex items-center gap-6"> <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"> <DownloadNow />
Download <a href="/download" class="font-medium text-violet-700 hover:underline">
</a>
<a href="#" class="font-medium text-violet-700 hover:underline">
More platforms More platforms
</a> </a>
</div> </div>
@ -30,7 +32,6 @@
<div class="md:w-1/2"> <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"> <img src="screenshots/desktop-win.png" alt="Screenshot of the app on desktop Windows" class="w-full rounded-xl shadow-lg">
</div> </div>
</div> </div>
</div> </div>
</section> </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"> <header class="header bg-white sticky top-0 z-50">
<div class="container mx-auto flex items-center py-5"> <div class="container mx-auto flex items-center py-5">
<a href="/" class="flex items-center gap-x-2 w-100"> <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="/about">About</a></li>
<li><a href="/services">Services</a></li> <li><a href="/services">Services</a></li>
<li><a href="/contact">Contact</a></li> <li><a href="/contact">Contact</a></li>
</ul> <li><DownloadNow /></li>
</ul>
</nav> </nav>
</div> </div>
</div> </div>