Add TechTileTime logo in SVG and documentation

astro.config.mjs

@@ -8,9 +8,17 @@ export default defineConfig({
   integrations: [
     starlight({
       title: "TechTileTime",
-      social: {
-        github: "https://github.com/devinekask/techtiletime",
+      logo: {
+        light: "./src/assets/logo/logo-ttt-weboptimized.svg",
+        dark: "./src/assets/logo/logo-ttt-weboptimized-white.svg",
       },
+      social: [
+        {
+          icon: "github",
+          label: "GitHub",
+          href: "https://github.com/devinekask/techtiletime",
+        },
+      ],
       editLink: {
         baseUrl: "https://github.com/devinekask/techtiletime/edit/main/",
       },

package.json

@@ -10,8 +10,8 @@
     "astro": "astro"
   },
   "dependencies": {
-    "@astrojs/starlight": "^0.32.0",
-    "astro": "^5.3.0",
+    "@astrojs/starlight": "^0.36.2",
+    "astro": "^5.15.9",
     "sharp": "^0.33.5"
   }
 }

src/content/docs/general/logo.md

@@ -0,0 +1,23 @@
+---
+title: Logo
+---
+
+Yes, we have a logo! You can download it in various formats below.
+
+## About the logo
+
+A team of professional designers created the TechTileTime logo, based on a couple of constraints so it would also be a perfect use case for our machines.
+
+- A clean line drawing suitable for plotting, embroidery, and cutting.
+- A single color.
+- Optionally integrate a tile or grid motif.
+- Remain recognizable when mirrored.
+
+## Versions
+
+We have a stroke version (plotter) and a outlined version (embroidery, vinyl cutting)
+
+| | Stroke version | Outline version | png |
+| ----------------| ------------------------- | ------------------ | ------------------ |
+| Preview | ![TechTileTime logo - stroke version](/techtiletime/logo/logo%20techtiletemple%20stroke.svg) | ![TechTileTime logo - outlined version](/techtiletime/logo/logo%20techtiletemple%20shape.svg) | ![TechTileTime logo - png version](/techtiletime/logo/logo%20techtiletemple.png) |
+| Download | [Download SVG](/techtiletime/logo/logo%20techtiletemple%20stroke.svg) | [Download SVG](/techtiletime/logo/logo%20techtiletemple%20shape.svg) | [Download PNG](/techtiletime/logo/logo%20techtiletemple.png) |

src/content/docs/index.md

@@ -5,6 +5,8 @@ description: From digital to tactile
 
 Join us for an ongoing exploration of plotting, embroidery and other techniques.
 
+![TechTileTime logo](./../../assets/logo/logo-ttt-weboptimized.svg)
+
 ## Tech Tile Temple
 
 If you want, you can [make use of this area whenever you want](./general/temple)