feat(website): add github & docker links on hero section

apps/website/src/assets/boxicons/bx-docker.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><!--Boxicons v3.0 https://boxicons.com | License  https://docs.boxicons.com/free--><path d="M20.17 9.82a5 5 0 0 0-.84.07 3.12 3.12 0 0 0-1.43-2.14l-.28-.16-.19.27a3.7 3.7 0 0 0-.51 1.19 2.84 2.84 0 0 0 .33 2.22 4.1 4.1 0 0 1-1.45.35H2.63a.63.63 0 0 0-.63.62 9.6 9.6 0 0 0 .58 3.39 5 5 0 0 0 2 2.6 8.86 8.86 0 0 0 4.42.95 13.3 13.3 0 0 0 2.42-.18 10.1 10.1 0 0 0 3.19-1.15A8.9 8.9 0 0 0 16.78 16a12 12 0 0 0 2.13-3.67h.19a3.08 3.08 0 0 0 2.23-.84 2.36 2.36 0 0 0 .59-.87l.08-.22-.2-.16a2.7 2.7 0 0 0-1.63-.42"/><path d="M5.61 9.35H3.85a.16.16 0 0 0-.16.15v1.58a.16.16 0 0 0 .16.15h1.76a.16.16 0 0 0 .16-.15V9.5a.16.16 0 0 0-.16-.15m2.44 0H6.28a.16.16 0 0 0-.16.15v1.58a.16.16 0 0 0 .16.15h1.77a.15.15 0 0 0 .15-.15V9.5a.15.15 0 0 0-.15-.15m2.47 0H8.75a.15.15 0 0 0-.15.15v1.58a.15.15 0 0 0 .15.15h1.77a.15.15 0 0 0 .15-.15V9.5a.15.15 0 0 0-.15-.15m.67 0a.15.15 0 0 0-.19.15v1.58a.15.15 0 0 0 .15.15H13a.15.15 0 0 0 .15-.15V9.5a.15.15 0 0 0-.15-.15zM6.28 7.09H8a.16.16 0 0 1 .16.16v1.56A.16.16 0 0 1 8 9H6.28a.15.15 0 0 1-.15-.15V7.24a.15.15 0 0 1 .15-.15m2.47 0h1.77a.15.15 0 0 1 .15.15v1.57a.16.16 0 0 1-.16.16H8.75a.15.15 0 0 1-.15-.15V7.24a.15.15 0 0 1 .15-.15m2.44 0H13a.15.15 0 0 1 .15.15v1.57A.15.15 0 0 1 13 9h-1.81a.16.16 0 0 1-.19-.19V7.24a.15.15 0 0 1 .19-.15"/><rect width="2.07" height="1.88" x="11.04" y="4.82" rx=".15"/><path d="M13.65 9.35a.15.15 0 0 0-.15.15v1.58a.15.15 0 0 0 .15.15h1.77a.15.15 0 0 0 .15-.15V9.5a.15.15 0 0 0-.15-.15z"/></svg>

apps/website/src/download-helper.ts

@@ -113,7 +113,7 @@ export const downloadMatrix: DownloadMatrix = {
                 docker: {
                     recommended: true,
                     name: "View on Docker Hub",
-                    url: "https://hub.docker.com/r/triliumnext/notes"
+                    url: "https://hub.docker.com/r/triliumnext/trilium"
                 },
                 tarX64: {
                     name: "x86 (.tar.xz)",

apps/website/src/pages/Home/index.css

@@ -95,6 +95,18 @@ section.hero-section .more-download-options {
     text-align: center;
 }
 
+section.hero-section .additional-options {
+    margin-top: 1em;
+    display: flex;
+    gap: 1em;
+    font-size: 0.85em;
+    align-items: center;
+}
+
+section.hero-section .additional-options a {
+    flex-grow: 1;
+}
+
 @media (max-width: 719px) {
     section.hero-section {
         padding-bottom: 0;        

apps/website/src/pages/Home/index.tsx

@@ -4,6 +4,9 @@ import Section from '../../components/Section';
 import DownloadButton from '../../components/DownloadButton';
 import "./index.css";
 import { usePageTitle } from '../../hooks';
+import Button from '../../components/Button';
+import gitHubIcon from "../../assets/boxicons/bx-github.svg?raw";
+import dockerIcon from "../../assets/boxicons/bx-docker.svg?raw";
 
 export function Home() {
     usePageTitle("");
@@ -29,9 +32,14 @@ function HeroSection() {
                 <div className="download-wrapper">
                     <DownloadButton big />
                     <a class="more-download-options" href="./download">See all download options</a>
+                    <div className="additional-options">
+                        <Button iconSvg={gitHubIcon} outline text="GitHub" href="https://github.com/TriliumNext/Trilium/" openExternally />
+                        <Button iconSvg={dockerIcon} outline text="Docker Hub" href="https://hub.docker.com/r/triliumnext/trilium" openExternally />
                     </div>
                 </div>
 
+            </div>
+
             <img class="screenshot" src="./src/assets/screenshot_desktop_win.png" />
         </Section>
     )