Merge pull request #8 from devinekask/feature/logos

SimonVanherweghe · web-flow · commit 73b3a4edf8d2 · 2025-11-20T11:30:11.000+01:00
Add TechTileTime logo in SVG and documentation
diff --git a/astro.config.mjs b/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/",
       },
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/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"
   }
 }
diff --git a/public/logo/logo techtiletemple shape.svg b/public/logo/logo techtiletemple shape.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="techtiletemple" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 116.39 117.14">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #231f20;
+      }
+    </style>
+  </defs>
+  <polygon class="cls-1" points="19.22 74.03 28.36 74.03 28.58 100.73 31.58 100.7 31.36 74.03 40.48 74.03 40.48 71.03 19.22 71.03 19.22 74.03"/>
+  <polygon class="cls-1" points="85.27 44.03 88.27 44.01 88.05 17.34 97.17 17.34 97.17 14.34 75.91 14.34 75.91 17.34 85.05 17.34 85.27 44.03"/>
+  <path class="cls-1" d="M18.04,25.44c1.98,0,3.84-.77,5.24-2.18.34-.34.99-.35,1.35,0,.36.37.36.97,0,1.33-1.4,1.4-2.18,3.26-2.18,5.23s.77,3.84,2.18,5.23c.18.18.28.42.28.67s-.1.49-.28.67c-1.4,1.4-2.18,3.26-2.18,5.24,0,4.08,3.32,7.4,7.4,7.4s7.4-3.32,7.4-7.4c0-1.98-.77-3.84-2.18-5.24-.18-.18-.28-.42-.28-.67s.1-.49.28-.67c1.4-1.4,2.18-3.26,2.18-5.24s-.77-3.83-2.18-5.23c-.37-.37-.36-.97,0-1.34.35-.36.99-.36,1.34,0,1.4,1.4,3.26,2.18,5.24,2.18,4.08,0,7.4-3.32,7.4-7.4s-3.32-7.4-7.4-7.4c-1.98,0-3.84.77-5.23,2.17-.35.35-.99.35-1.34,0-1.4-1.4-3.26-2.18-5.24-2.18s-3.84.77-5.24,2.17c-.35.35-.99.35-1.34,0-1.4-1.4-3.26-2.18-5.24-2.18-4.08,0-7.4,3.32-7.4,7.4s3.32,7.4,7.4,7.4ZM18.04,13.63c1.17,0,2.28.46,3.11,1.29.73.74,1.75,1.16,2.79,1.16s2.06-.42,2.79-1.16c.83-.83,1.94-1.29,3.11-1.29s2.28.46,3.11,1.29c.73.74,1.75,1.16,2.79,1.16s2.06-.42,2.79-1.16c.83-.83,1.94-1.29,3.11-1.29,2.43,0,4.4,1.98,4.4,4.4s-1.98,4.4-4.4,4.4c-1.17,0-2.28-.46-3.11-1.29-.73-.74-1.75-1.16-2.8-1.16-1.06,0-2.05.42-2.8,1.17-1.52,1.54-1.52,4.04.01,5.57.84.83,1.3,1.94,1.3,3.11s-.46,2.28-1.3,3.11c-.73.73-1.16,1.75-1.16,2.79s.42,2.06,1.16,2.79c.84.83,1.3,1.94,1.3,3.11,0,2.43-1.98,4.4-4.4,4.4s-4.4-1.98-4.4-4.4c0-1.17.46-2.28,1.3-3.11.73-.73,1.16-1.75,1.16-2.79s-.42-2.06-1.16-2.79c-.84-.83-1.3-1.94-1.3-3.11s.46-2.28,1.3-3.11c1.53-1.53,1.54-4.02.01-5.57-.74-.74-1.76-1.17-2.81-1.17-1.04,0-2.06.42-2.8,1.15-.83.83-1.94,1.29-3.11,1.29-2.43,0-4.4-1.98-4.4-4.4s1.97-4.4,4.4-4.4Z"/>
+  <path class="cls-1" d="M86.54,0c-16.46,0-29.85,13.39-29.85,29.85v31.88c-2.48-3.07-6.26-5.03-10.5-5.03H0v46.19c0,7.44,6.06,13.5,13.5,13.5h46.19v-29.45l26.85,30.2,29.85-33.58V29.85c0-16.46-13.39-29.85-29.85-29.85ZM86.54,3c14.8,0,26.85,12.04,26.85,26.85s-12.04,26.85-26.85,26.85-26.85-12.04-26.85-26.85S71.74,3,86.54,3ZM61.53,84.5h50.01l-19.38,21.8h-11.25l-19.38-21.8ZM85.04,59.65v21.84h-14.72v-26.61c4.28,2.78,9.31,4.5,14.72,4.77ZM88.04,81.5v-21.84c5.41-.27,10.44-1.99,14.72-4.77v26.61h-14.72ZM59.69,42.88c1.84,3.77,4.45,7.1,7.63,9.78v28.84h-7.63v-38.62ZM56.69,113.39H13.5c-5.79,0-10.5-4.71-10.5-10.5v-43.19h43.19c5.79,0,10.5,4.71,10.5,10.5v43.19ZM83.58,109.3h5.92l-2.96,3.33-2.96-3.33ZM113.39,81.5h-7.63v-28.84c3.18-2.68,5.79-6.01,7.63-9.78v38.62Z"/>
+</svg>
diff --git a/public/logo/logo techtiletemple stroke.svg b/public/logo/logo techtiletemple stroke.svg
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="techtiletemple" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 116.39 117.14">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: none;
+        stroke: #231f20;
+        stroke-miterlimit: 10;
+        stroke-width: 3px;
+      }
+    </style>
+  </defs>
+  <line class="cls-1" x1="19.22" y1="72.53" x2="40.48" y2="72.53"/>
+  <line class="cls-1" x1="29.85" y1="72.53" x2="30.08" y2="100.71"/>
+  <line class="cls-1" x1="75.91" y1="15.84" x2="97.17" y2="15.84"/>
+  <line class="cls-1" x1="86.54" y1="15.84" x2="86.77" y2="44.02"/>
+  <path class="cls-1" d="M29.85,47.56c-3.26,0-5.9-2.65-5.9-5.9,0-1.57.62-3.06,1.74-4.17.46-.46.72-1.08.72-1.73s-.26-1.27-.72-1.73c-1.12-1.12-1.74-2.6-1.74-4.17s.62-3.06,1.74-4.17c.95-.95.95-2.49,0-3.45-.46-.46-1.09-.73-1.74-.73h0c-.65,0-1.27.25-1.73.71-1.11,1.12-2.6,1.73-4.17,1.73-3.25,0-5.9-2.65-5.9-5.9s2.65-5.9,5.9-5.9c1.58,0,3.06.62,4.17,1.73.46.46,1.08.72,1.73.72s1.27-.26,1.73-.72c1.11-1.12,2.6-1.73,4.17-1.73s3.06.62,4.17,1.73c.46.46,1.08.72,1.73.72s1.27-.26,1.73-.72c1.11-1.12,2.6-1.73,4.17-1.73,3.26,0,5.9,2.65,5.9,5.9s-2.65,5.9-5.9,5.9c-1.58,0-3.06-.62-4.17-1.73-.46-.46-1.08-.72-1.73-.72h0c-.65,0-1.27.26-1.73.72-.95.96-.95,2.51,0,3.46,1.12,1.12,1.74,2.6,1.74,4.17s-.62,3.06-1.74,4.17c-.46.46-.72,1.08-.72,1.73s.26,1.27.72,1.73c1.12,1.12,1.74,2.6,1.74,4.17,0,3.26-2.65,5.9-5.9,5.9Z"/>
+  <path class="cls-1" d="M1.5,58.19h44.69c6.62,0,12,5.38,12,12v44.69H13.5c-6.62,0-12-5.38-12-12v-44.69h0Z"/>
+  <circle class="cls-1" cx="86.54" cy="29.85" r="28.35"/>
+  <polyline class="cls-1" points="114.89 29.85 114.89 83 86.54 114.89 58.19 83 58.19 29.85"/>
+  <line class="cls-1" x1="58.19" y1="83" x2="114.89" y2="83"/>
+  <line class="cls-1" x1="80.24" y1="107.8" x2="92.84" y2="107.8"/>
+  <line class="cls-1" x1="86.54" y1="83" x2="86.54" y2="58.19"/>
+  <line class="cls-1" x1="68.82" y1="83" x2="68.82" y2="51.98"/>
+  <line class="cls-1" x1="104.26" y1="83" x2="104.26" y2="51.98"/>
+</svg>
diff --git a/public/logo/logo techtiletemple.png b/public/logo/logo techtiletemple.png
diff --git a/src/assets/logo/logo-ttt-weboptimized-white.svg b/src/assets/logo/logo-ttt-weboptimized-white.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="techtiletemple" viewBox="0 0 116.39 117.14"><defs><style>.cls-1{fill:none;stroke:#ffffff;stroke-miterlimit:10;stroke-width:3px}</style></defs><path d="M19.22 72.53h21.26M29.85 72.53l.23 28.18M75.91 15.84h21.26M86.54 15.84l.23 28.18M29.85 47.56c-3.26 0-5.9-2.65-5.9-5.9 0-1.57.62-3.06 1.74-4.17.46-.46.72-1.08.72-1.73s-.26-1.27-.72-1.73a5.865 5.865 0 0 1 0-8.34c.95-.95.95-2.49 0-3.45-.46-.46-1.09-.73-1.74-.73s-1.27.25-1.73.71a5.84 5.84 0 0 1-4.17 1.73c-3.25 0-5.9-2.65-5.9-5.9s2.65-5.9 5.9-5.9c1.58 0 3.06.62 4.17 1.73.46.46 1.08.72 1.73.72s1.27-.26 1.73-.72c1.11-1.12 2.6-1.73 4.17-1.73s3.06.62 4.17 1.73c.46.46 1.08.72 1.73.72s1.27-.26 1.73-.72a5.84 5.84 0 0 1 4.17-1.73c3.26 0 5.9 2.65 5.9 5.9s-2.65 5.9-5.9 5.9c-1.58 0-3.06-.62-4.17-1.73-.46-.46-1.08-.72-1.73-.72s-1.27.26-1.73.72c-.95.96-.95 2.51 0 3.46a5.865 5.865 0 0 1 0 8.34c-.46.46-.72 1.08-.72 1.73s.26 1.27.72 1.73a5.87 5.87 0 0 1 1.74 4.17c0 3.26-2.65 5.9-5.9 5.9ZM1.5 58.19h44.69c6.62 0 12 5.38 12 12v44.69H13.5c-6.62 0-12-5.38-12-12V58.19Z" class="cls-1"/><circle cx="86.54" cy="29.85" r="28.35" class="cls-1"/><path d="M114.89 29.85V83l-28.35 31.89L58.19 83V29.85M58.19 83h56.7M80.24 107.8h12.6M86.54 83V58.19M68.82 83V51.98M104.26 83V51.98" class="cls-1"/></svg>
diff --git a/src/assets/logo/logo-ttt-weboptimized.svg b/src/assets/logo/logo-ttt-weboptimized.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="techtiletemple" viewBox="0 0 116.39 117.14"><defs><style>.cls-1{fill:none;stroke:#231f20;stroke-miterlimit:10;stroke-width:3px}</style></defs><path d="M19.22 72.53h21.26M29.85 72.53l.23 28.18M75.91 15.84h21.26M86.54 15.84l.23 28.18M29.85 47.56c-3.26 0-5.9-2.65-5.9-5.9 0-1.57.62-3.06 1.74-4.17.46-.46.72-1.08.72-1.73s-.26-1.27-.72-1.73a5.865 5.865 0 0 1 0-8.34c.95-.95.95-2.49 0-3.45-.46-.46-1.09-.73-1.74-.73s-1.27.25-1.73.71a5.84 5.84 0 0 1-4.17 1.73c-3.25 0-5.9-2.65-5.9-5.9s2.65-5.9 5.9-5.9c1.58 0 3.06.62 4.17 1.73.46.46 1.08.72 1.73.72s1.27-.26 1.73-.72c1.11-1.12 2.6-1.73 4.17-1.73s3.06.62 4.17 1.73c.46.46 1.08.72 1.73.72s1.27-.26 1.73-.72a5.84 5.84 0 0 1 4.17-1.73c3.26 0 5.9 2.65 5.9 5.9s-2.65 5.9-5.9 5.9c-1.58 0-3.06-.62-4.17-1.73-.46-.46-1.08-.72-1.73-.72s-1.27.26-1.73.72c-.95.96-.95 2.51 0 3.46a5.865 5.865 0 0 1 0 8.34c-.46.46-.72 1.08-.72 1.73s.26 1.27.72 1.73a5.87 5.87 0 0 1 1.74 4.17c0 3.26-2.65 5.9-5.9 5.9ZM1.5 58.19h44.69c6.62 0 12 5.38 12 12v44.69H13.5c-6.62 0-12-5.38-12-12V58.19Z" class="cls-1"/><circle cx="86.54" cy="29.85" r="28.35" class="cls-1"/><path d="M114.89 29.85V83l-28.35 31.89L58.19 83V29.85M58.19 83h56.7M80.24 107.8h12.6M86.54 83V58.19M68.82 83V51.98M104.26 83V51.98" class="cls-1"/></svg>
diff --git a/src/content/docs/general/logo.md b/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) |
diff --git a/src/content/docs/index.md b/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)

Original file line number	Diff line number	Diff line change
`@@ -10,8 +10,8 @@`
`10`	`10`	`"astro": "astro"`
`11`	`11`	`},`
`12`	`12`	`"dependencies": {`
`13`		`- "@astrojs/starlight": "^0.32.0",`
`14`		`- "astro": "^5.3.0",`
	`13`	`+ "@astrojs/starlight": "^0.36.2",`
	`14`	`+ "astro": "^5.15.9",`
`15`	`15`	`"sharp": "^0.33.5"`
`16`	`16`	`}`
`17`	`17`	`}`