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): add a basic feature highlights section

Browse Source
This commit is contained in:
Elian Doran 2025-06-14 12:02:22 +03:00
parent 88abb895ff
commit c69ecb768b
No known key found for this signature in database
1 changed files with 91 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -14,6 +14,97 @@
</div> </div>
</section> </section>
<section class="mt-20 max-w-6xl mx-auto px-4">
<h2 class="text-3xl font-bold text-center mb-12">Feature Highlights</h2>
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
<div class="bg-white p-6 rounded-xl shadow">
<h3 class="text-xl font-semibold mb-2">Flexible Tree Structure</h3>
<p class="text-gray-600">Organize notes in an arbitrarily deep tree. Notes can appear in multiple places via cloning.</p>
</div>
<div class="bg-white p-6 rounded-xl shadow">
<h3 class="text-xl font-semibold mb-2">Note Attributes & Scripting</h3>
<p class="text-gray-600">Use note attributes to organize, query, and script advanced workflows.</p>
</div>
<div class="bg-white p-6 rounded-xl shadow">
<h3 class="text-xl font-semibold mb-2">Rich WYSIWYG Editor</h3>
<p class="text-gray-600">Create notes with tables, images, math, and auto-formatted Markdown.</p>
</div>
<div class="bg-white p-6 rounded-xl shadow">
<h3 class="text-xl font-semibold mb-2">Source Code Friendly</h3>
<p class="text-gray-600">Edit source code notes with syntax highlighting and a smooth experience.</p>
</div>
<div class="bg-white p-6 rounded-xl shadow">
<h3 class="text-xl font-semibold mb-2">Fast Navigation</h3>
<p class="text-gray-600">Quickly move between notes with full-text search, backlinks, and hoisting.</p>
</div>
<div class="bg-white p-6 rounded-xl shadow">
<h3 class="text-xl font-semibold mb-2">Note Versioning</h3>
<p class="text-gray-600">Track changes over time with seamless version history.</p>
</div>
<div class="bg-white p-6 rounded-xl shadow">
<h3 class="text-xl font-semibold mb-2">Strong Encryption</h3>
<p class="text-gray-600">Secure notes individually with per-note encryption support.</p>
</div>
<div class="bg-white p-6 rounded-xl shadow">
<h3 class="text-xl font-semibold mb-2">Secure Authentication</h3>
<p class="text-gray-600">Login via OpenID and TOTP for enhanced security.</p>
</div>
<div class="bg-white p-6 rounded-xl shadow">
<h3 class="text-xl font-semibold mb-2">Note Synchronization</h3>
<p class="text-gray-600">Sync with your own server or use a 3rd party Trilium hosting provider.</p>
</div>
<div class="bg-white p-6 rounded-xl shadow">
<h3 class="text-xl font-semibold mb-2">Public Note Sharing</h3>
<p class="text-gray-600">Easily publish and share notes on the web.</p>
</div>
<div class="bg-white p-6 rounded-xl shadow">
<h3 class="text-xl font-semibold mb-2">Visual Thinking Tools</h3>
<p class="text-gray-600">Create relation maps, mind maps, and canvas-based sketches.</p>
</div>
<div class="bg-white p-6 rounded-xl shadow">
<h3 class="text-xl font-semibold mb-2">Geo Mapping</h3>
<p class="text-gray-600">Visualize notes with pins and GPX tracks on maps.</p>
</div>
<div class="bg-white p-6 rounded-xl shadow">
<h3 class="text-xl font-semibold mb-2">Automation via REST API</h3>
<p class="text-gray-600">Automate tasks and integrate with external tools using the REST API.</p>
</div>
<div class="bg-white p-6 rounded-xl shadow">
<h3 class="text-xl font-semibold mb-2">Advanced Scripting</h3>
<p class="text-gray-600">Build powerful automations and workflows with scriptable notes.</p>
</div>
<div class="bg-white p-6 rounded-xl shadow">
<h3 class="text-xl font-semibold mb-2">Import & Export</h3>
<p class="text-gray-600">Easily bring in data from Evernote or Markdown. Export content with flexibility.</p>
</div>
<div class="bg-white p-6 rounded-xl shadow">
<h3 class="text-xl font-semibold mb-2">Web Clipper</h3>
<p class="text-gray-600">Save content from the web with the built-in web clipper.</p>
</div>
<div class="bg-white p-6 rounded-xl shadow">
<h3 class="text-xl font-semibold mb-2">Customizable UI</h3>
<p class="text-gray-600">Tailor the interface with custom buttons, themes, and widgets.</p>
</div>
<div class="bg-white p-6 rounded-xl shadow">
<h3 class="text-xl font-semibold mb-2">Scales to 100k+ Notes</h3>
<p class="text-gray-600">Trilium is built to handle massive knowledge bases without slowing down.</p>
</div>
<div class="bg-white p-6 rounded-xl shadow">
<h3 class="text-xl font-semibold mb-2">Mobile & Dark Mode</h3>
<p class="text-gray-600">Touch-friendly mobile UI and full dark mode support included.</p>
</div>
<div class="bg-white p-6 rounded-xl shadow">
<h3 class="text-xl font-semibold mb-2">Multilingual Interface</h3>
<p class="text-gray-600">Available in English, German, Spanish, French, Romanian, and Chinese (simplified & traditional).</p>
</div>
<div class="bg-white p-6 rounded-xl shadow">
<h3 class="text-xl font-semibold mb-2">Metrics Dashboard</h3>
<p class="text-gray-600">Track and visualize usage with built-in metrics and Grafana integration.</p>
</div>
</div>
</section>
<footer class="container bg-white mt-16 py-6 text-sm text-center text-gray-500"> <footer class="container bg-white mt-16 py-6 text-sm text-center text-gray-500">
&copy; 2024-2025 <a href="https://github.com/eliandoran" class="text-blue-500 hover:underline">Elian Doran</a> and the <a href="https://github.com/TriliumNext/Notes/graphs/contributors" class="text-blue-500 hover:underline">team</a>. <br/> &copy; 2017-2024 <a href="https://github.com/zadam" class="text-blue-500 hover:underline">Adam Zivner</a>. &copy; 2024-2025 <a href="https://github.com/eliandoran" class="text-blue-500 hover:underline">Elian Doran</a> and the <a href="https://github.com/TriliumNext/Notes/graphs/contributors" class="text-blue-500 hover:underline">team</a>. <br/> &copy; 2017-2024 <a href="https://github.com/zadam" class="text-blue-500 hover:underline">Adam Zivner</a>.
</footer> </footer>