();
+
+ useEffect(() => {
+ switch (platform) {
+ case "macos":
+ setScreenshotUrl(`/screenshot_desktop_mac_${colorScheme}.webp`);
+ break;
+ case "linux":
+ break;
+ case "windows":
+ default:
+ setScreenshotUrl(`/screenshot_desktop_win_${colorScheme}.webp`);
+ break;
+ }
+ }, [ colorScheme ]);
+
+ return (
+
+
+
Organize your thoughts. Build your personal knowledge base.
+
Trilium is an open-source solution for note-taking and organizing a personal knowledge base. Use it locally on your desktop, or sync it with your self-hosted server to keep your notes everywhere you go.
+
+
+
+
+ )
+}
+
+function OrganizationBenefitsSection() {
+ return (
+ <>
+
+
+ Notes can be arranged hierarchically. There's no need for folders, since each note can contain sub-notes. A single note can be added in multiple places in the hierarchy.
+ Use relations between notes or add labels for easy categorization. Use promoted attributes to enter structured information which can be used in tables, boards.
+ Easily separate your personal and work notes by grouping them under a workspace, which focuses your note tree to only show a specific set of notes.
+
+
+
+ );
+}
+
+function ProductivityBenefitsSection() {
+ return (
+ <>
+
+
+ Notes are periodically saved in the background and revisions can be used for review or to undo accidental changes. Revisions can also be created on-demand.
+ Use a self-hosted or cloud instance to easily synchronize your notes across multiple devices, and to access it from your mobile phone using a PWA.
+ Protect sensitive personal information by encrypting the notes and locking them behind a password-protected session.
+ Jump quickly to notes or UI commands across the hierarchy by searching for their title, with fuzzy matching to account for typos or slight differences.
+ Or search for text inside notes and narrow down the search by filtering by the parent note, or by depth.
+ Grab web pages (or screenshots) and place them directly into Trilium using the web clipper browser extension.
+
+
+
+ );
+}
+
+function NoteTypesSection() {
+ return (
+
+
+ and others:{" "}
+
+
+ );
+}
+
+function ExtensibilityBenefitsSection() {
+ return (
+ <>
+
+
+ Easily interact with other applications using Markdown, ENEX, OML formats.
+ If you have a server, it can be used to share a subset of your notes with other people.
+ Build your own integrations within Trilium with custom widgets, or server-side logic.
+ Interact with Trilium programatically using its builtin REST API.
+
+
+
+ );
+}
+
+function CollectionsSection() {
+ return (
+
+ );
+}
+
+function ListWithScreenshot({ items, horizontal, cardExtra }: {
+ items: { title: string, imageUrl: string, description: string, moreInfo: string, iconSvg?: string }[];
+ horizontal?: boolean;
+ cardExtra?: ComponentChildren;
+}) {
+ const [ selectedItem, setSelectedItem ] = useState(items[0]);
+
+ return (
+
+
+ {items.map(item => (
+
+ setSelectedItem(item)}
+ onClick={() => setSelectedItem(item)}
+ moreInfoUrl={item.moreInfo}
+ iconSvg={item.iconSvg}
+ >
+ {item.description}
+
+
+ ))}
+
+
+
+ {selectedItem && (
+ <>
+
+
+ )}
+
+
+
+ Currently there is no official mobile application. However, if you have a server instance you can access it using a web browser and even install it as a PWA. For Android, there is an unofficial application called TriliumDroid that even works offline (same as a desktop client).
+ All your notes will be stored in an SQLite database in an application folder. The reasoning why Trilium uses a database instead of plain text files is both performance and some features would be much more difficult to implement such as clones (same note in multiple places in the tree). To find the application folder, simply go to the About window.
+ No, the server allows access via a web browser and manages the synchronization if you have multiple devices. To get started, it's enough to download the desktop application and start using it.
+ Depending on usage, the application should be able to handle at least 100.000 notes without an issue. Do note that the sync process can sometimes fail if uploading many large files (> 1 GB per file) since Trilium is meant more as a knowledge base application rather than a file store (like NextCloud, for example).
+ No, it's generally not a good idea to share a SQLite database over a network drive. Although sometimes it might work, there are chances that the database will get corrupted due to imperfect file locks over a network.
+ By default, notes are not encrypted and can be read directly from the database. Once a note is marked as encrypted, the note is encrypted using AES-128-CBC.
+
+
+ );
+}
+
+function FaqItem({ question, children }: { question: string; children: ComponentChildren }) {
+ return (
+
+ {children}
+
+ )
+}
+
+function FinalCta() {
+ return (
+
+ Build your personal knowledge base with powerful features and full privacy.
+
+
+
+
+ )
+}
diff --git a/apps/website/src/pages/SupportUs/SupportUs.css b/apps/website/src/pages/SupportUs/SupportUs.css
new file mode 100644
index 0000000000..2159d97435
--- /dev/null
+++ b/apps/website/src/pages/SupportUs/SupportUs.css
@@ -0,0 +1,21 @@
+section.donate {
+ background: var(--background-color);
+
+ ul.donate-buttons {
+ list-style-type: none;
+ display: flex;
+ gap: 1em;
+ padding: 0;
+ flex-direction: column;
+
+ @media (min-width: 720px) {
+ gap: 0 1em;
+ flex-direction: row;
+ }
+ }
+
+ h3 {
+ font-size: 1.5em;
+ color: var(--brand-1);
+ }
+}
diff --git a/apps/website/src/pages/SupportUs/SupportUs.tsx b/apps/website/src/pages/SupportUs/SupportUs.tsx
new file mode 100644
index 0000000000..d7f8d77e2e
--- /dev/null
+++ b/apps/website/src/pages/SupportUs/SupportUs.tsx
@@ -0,0 +1,70 @@
+import Section from "../../components/Section.js";
+import "./SupportUs.css";
+import githubIcon from "../../assets/boxicons/bx-github.svg?raw";
+import paypalIcon from "../../assets/boxicons/bx-paypal.svg?raw";
+import buyMeACoffeeIcon from "../../assets/boxicons/bx-buy-me-a-coffee.svg?raw";
+import Button, { Link } from "../../components/Button.js";
+import Card from "../../components/Card.js";
+import { usePageTitle } from "../../hooks.js";
+
+export default function Donate() {
+ usePageTitle("Support us");
+
+ return (
+ <>
+
+
+
+
+ Trilium is built and maintained with
+
+ Consider supporting the main developer (
+
+
+
+
+
+
+ Translate the application into your native language via
+ Interact with the community on
+ Report bugs via
+ Improve the documentation by informing us on gaps in the documentation or contributing guides, FAQs or tutorials.
+ Spread the word: Share Trilium Notes with friends, or on blogs and social media.
+
+
+
+
+ )
+}
diff --git a/apps/website/src/pages/_404.css b/apps/website/src/pages/_404.css
new file mode 100644
index 0000000000..8eabd31e64
--- /dev/null
+++ b/apps/website/src/pages/_404.css
@@ -0,0 +1,9 @@
+section.section-404 {
+ text-align: center;
+ background: var(--background-color);
+
+ h2 {
+ color: var(--brand-3);
+ margin: 1em;
+ }
+}
\ No newline at end of file
diff --git a/apps/website/src/pages/_404.tsx b/apps/website/src/pages/_404.tsx
new file mode 100644
index 0000000000..07d9364375
--- /dev/null
+++ b/apps/website/src/pages/_404.tsx
@@ -0,0 +1,13 @@
+import Section from "../components/Section.js";
+import { usePageTitle } from "../hooks.js";
+import "./_404.css";
+
+export function NotFound() {
+ usePageTitle("404");
+
+ return (
+
+ The page you were looking for could not be found. Maybe it was deleted or the URL is incorrect.
+
+ );
+}
diff --git a/apps/website/src/routes/+layout.svelte b/apps/website/src/routes/+layout.svelte
deleted file mode 100644
index 98e32e276b..0000000000
--- a/apps/website/src/routes/+layout.svelte
+++ /dev/null
@@ -1,16 +0,0 @@
-
-
-
-
-
-{@render children()}
-
-
-
- © 2024-2025 Elian Doran and the team . zadam .
-
diff --git a/apps/website/src/routes/+page.svelte b/apps/website/src/routes/+page.svelte
deleted file mode 100644
index a438901b5e..0000000000
--- a/apps/website/src/routes/+page.svelte
+++ /dev/null
@@ -1,176 +0,0 @@
-
-
-
- Trilium Notes
-
-
-
-
-
-
-
-
-
-
-
-
-
Organize Your Thoughts.
-
- Trilium Notes helps you build and organize complex personal knowledge bases effortlessly.
- Its unique tree structure, rich editing tools, and powerful search features make managing your information intuitive and flexible.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Beyond Text: Smarter Note Types
-
-
-
-
- Technical Features
-
-
-
-
-
-
- Feature Highlights
-
-
-
-
-
Organization & Navigation
-
- Arbitrarily deep note tree with cloning support.
- Fast navigation, full-text search, and note hoisting.
- Note attributes for organization, querying, and scripting.
- Seamless note versioning.
-
-
-
-
-
-
Editing & Content
-
- Rich WYSIWYG editor with tables, images, math, and markdown autoformat.
- Source code editing with syntax highlighting.
- Evernote and Markdown import/export.
- Web Clipper for easy saving of web content.
-
-
-
-
-
-
Security & Sync
-
- Direct OpenID and TOTP integration for secure login.
- Strong note encryption with per-note granularity.
- Sharing notes publicly on the internet.
-
-
-
-
-
-
Advanced & Customization
-
- Relation maps and link maps to visualize notes.
- Touch-optimized mobile frontend and dark/user themes.
- Customizable UI with sidebar buttons and user widgets.
- Scales efficiently beyond 100,000 notes.
-
-
-
-
-
-
-
-
Ready to get started with Trilium Notes?
-
Build your personal knowledge base with powerful features and full privacy.
-
-
-
\ No newline at end of file
diff --git a/apps/website/src/routes/demo/+page.svelte b/apps/website/src/routes/demo/+page.svelte
deleted file mode 100644
index a815390c5d..0000000000
--- a/apps/website/src/routes/demo/+page.svelte
+++ /dev/null
@@ -1 +0,0 @@
-paraglide
diff --git a/apps/website/src/routes/demo/paraglide/+page.svelte b/apps/website/src/routes/demo/paraglide/+page.svelte
deleted file mode 100644
index 797149f8ae..0000000000
--- a/apps/website/src/routes/demo/paraglide/+page.svelte
+++ /dev/null
@@ -1,15 +0,0 @@
-
-
-
-
-{m.hello_world({ name: 'SvelteKit User' })}
-
- setLocale('en')}>en
-
-If you use VSCode, install the Sherlock i18n extension for a better i18n experience.
-
diff --git a/apps/website/src/routes/download-now.svelte b/apps/website/src/routes/download-now.svelte
deleted file mode 100644
index 20abe9c55f..0000000000
--- a/apps/website/src/routes/download-now.svelte
+++ /dev/null
@@ -1,18 +0,0 @@
-
-
-{#if url}
-
- Download now
-
- ({platform} {architecture})
-
-
-{/if}
\ No newline at end of file
diff --git a/apps/website/src/routes/download/+page.svelte b/apps/website/src/routes/download/+page.svelte
deleted file mode 100644
index b09c684f98..0000000000
--- a/apps/website/src/routes/download/+page.svelte
+++ /dev/null
@@ -1,65 +0,0 @@
-
-
-
- Trilium Notes: Download
-
-
-
-
-
- Download the desktop application
-
-
-
-
Architecture:
-
- {#each architectures as arch}
- architecture = arch}>
- {arch}
-
- {/each}
-
-
- {#each Object.entries(downloadMatrix.desktop) as [platformId, platform]}
- {@const textColor = (platformId === "windows" ? "text-blue-600" : platformId === "linux" ? "text-violet-600" : "text-gray-800 dark:text-gray-100")}
- {@const bgColor = (platformId === "windows" ? "bg-blue-600" : platformId === "linux" ? "bg-violet-600" : "bg-gray-800")}
- {@const hoverColor = (platformId === "windows" ? "hover:bg-blue-700" : platformId === "linux" ? "hover:bg-violet-700" : "hover:bg-gray-900")}
-
-
-
-
- Set up a server for access on multiple devices
-
-
- {#each Object.entries(downloadMatrix.server) as [platformId, platform]}
- {@const textColor = (platformId === "linux" ? "text-violet-600" : "text-gray-800 dark:text-gray-100")}
- {@const bgColor = (platformId === "linux" ? "bg-violet-600" : "bg-gray-800")}
- {@const hoverColor = (platformId === "linux" ? "hover:bg-violet-700" : "hover:bg-gray-900")}
-
-
-
-
-
-
-
{typeof platform.title === "object" ? platform.title[architecture] : platform.title}
-
{typeof platform.title === "object" ? platform.description[architecture] : platform.description}
-
-
-
-
-
`
+ );
+ expect(processed).toStrictEqual(`
`);
+ });
+
+ it("skips over non-data images", () => {
+ for (const url of [ "foo", "" ]) {
+ const processed = processContent(
+ [{"imageId":"OKZxZA3MonZJkwFcEhId","src":"inline.png","dataUrl": url}],
+ note, `
+ 
+ 
+
}
+
+