format docs and adjust padding on mobile

Author: Brookke

src/components/STLPileViewer.tsx

@@ -40,7 +40,7 @@ function PhysicsSTL({ config, delay, color }: PhysicsSTLProps) {
 
   const position = [
     (Math.random() - 0.5) * 4,
-    10,
+    15,
     (Math.random() - 0.5) * 3,
   ] as const;
 
@@ -91,7 +91,7 @@ export interface Props {
 export default function STLPileViewer({
   models,
   backgroundColor = "rgba(0,0,0,0)",
-  dropDelay = 250,
+  dropDelay = 50,
   className,
 }: Props) {
   // Expand models based on quantity and randomize order
@@ -107,9 +107,7 @@ export default function STLPileViewer({
   const shuffledModels = [...expandedModels].sort(() => Math.random() - 0.5);
 
   return (
-    <div style={{ position: "relative",
-      marginTop: "-50vh"
-    }}>
+    <div style={{ position: "relative", marginTop: "-50vh" }}>
       <div
         className={className}
         style={{

src/content/blog/2025-12-27-3d-printer.mdx

@@ -1,11 +1,11 @@
-
 ---
 title: "A Year of 3D Printing"
 date: 2025-12-27 16:10:00 +0100
 categories: Making
 description: "Reflections on a year of functional 3D printing with the Bambu A1 Mini, from custom hooks to replacement parts."
 draft: true
 ---
+
 import STLViewer from "../../components/STLViewer.tsx";
 import STLPileViewer from "../../components/STLPileViewer.tsx";
 
@@ -39,22 +39,30 @@ At the beginning of 2025 I bought myself a [Bambu A1 Mini](https://uk.store.bamb
 
 My general philosophy when buying this printer was that I wanted to use it to print useful and functional things. I didn't want to fill the house with a bunch of useless plastic that would end up in landfill before long. A year on, I think I've largely stuck to that principle.
 
-So what have I printed over the last year? 
+So what have I printed over the last year?
 
+## 1. Under Desk Drawer
 
-
-## 1. Under Desk Drawer 
 _By: [Benjamin Kott - Makerworld](https://makerworld.com/en/models/145324-desk-drawer-modular)_
 
-<img src="/models/drawer.jpg" alt="Under Desk Drawer" style={{ width: '100%' }} />
+<img
+  src="/models/drawer.jpg"
+  alt="Under Desk Drawer"
+  style={{ width: "100%" }}
+/>
 
 ## 2. AirPod Case
-_By: [Mohammad AD - Makerworld](https://makerworld.com/en/models/776040-airpods-pro-2-case)_
 
-<img src="/models/airpod-case.jpg" alt="AirPod Case" style={{ width: '100%' }} />
+_By: [Mohammad AD - Makerworld](https://makerworld.com/en/models/776040-airpods-pro-2-case)_
 
+<img
+  src="/models/airpod-case.jpg"
+  alt="AirPod Case"
+  style={{ width: "100%" }}
+/>
 
 ## 3. Apple Watch Stand
+
 _By: [MarcusP Printables](https://www.printables.com/model/3464-apple-watch-stand)_
 
 <STLViewer
@@ -66,6 +74,7 @@ _By: [MarcusP Printables](https://www.printables.com/model/3464-apple-watch-stan
 />
 
 ## 4. 3D Maps
+
 _[Touch Mapper](https://touch-mapper.org/en/)_
 
 <STLViewer
@@ -79,6 +88,7 @@ _[Touch Mapper](https://touch-mapper.org/en/)_
 These make great gifts for friends and family showing places important to them.
 
 ## 5. Ikea Organization Inserts
+
 _By: [NotSure](https://www.printables.com/model/968016-ikea-raskog-sorter) and [d4v3ig](https://makerworld.com/en/models/1265694-ikea-raskog-organizer-trays)_
 
 <STLViewer
@@ -93,9 +103,14 @@ _By: [NotSure](https://www.printables.com/model/968016-ikea-raskog-sorter) and [
 Our [IKEA RÅSKOG](https://www.ikea.com/gb/en/p/raskog-trolley-white-30586783/) trolley is great, but the storage is basic. Luckily, [NotSure](https://www.printables.com/model/968016-ikea-raskog-sorter) and [d4v3ig](https://makerworld.com/en/models/1265694-ikea-raskog-organizer-trays) have designed some inserts that break up the shelves into more useful storage.
 
 ## 6. Bike Bottle Cage
+
 _By: [motherfucker - cults3d](https://cults3d.com/en/3d-model/various/side-load-bottle-cage-for-375-ml-can)_
 
-<img src="/models/bike-bottle.jpg" alt="AirPod Case" style={{ width: '100%' }} />
+<img
+  src="/models/bike-bottle.jpg"
+  alt="AirPod Case"
+  style={{ width: "100%" }}
+/>
 
 <STLViewer
   client:visible
@@ -112,6 +127,7 @@ I needed a bottle cage for my bike, but off the shelf versions clashed with my b
 I really didn't think that at the start of the year I'd be writing passionately about the utility of being able to design and print the perfect hook but here we are. They were the first thing I printed in January and the last thing I printed in December. Standard adhesive hooks are often ugly or the wrong size. Designing my own allowed me to match our needs and decor and the objects they hold.
 
 ### Magnetic Bike Helmet Hook
+
 _By: Brooke Hatton_
 
 <STLViewer
@@ -120,13 +136,13 @@ _By: Brooke Hatton_
   rotationX={Math.PI * 1.5}
   rotationZ={Math.PI * 1.5}
   cameraDistance={200}
-  color={'#b3b3b3'}
+  color={"#b3b3b3"}
 />
 
-
 I embedded two magnets into the back. They snap onto a metal panel in our utility cupboard, holding our helmets securely without damaging the walls.
 
 ### Wavy Hook
+
 _By: Brooke Hatton_
 
 <STLViewer
@@ -141,6 +157,7 @@ _By: Brooke Hatton_
 These hold work lanyards in our hallway. A neat trick I have found is to use a wavy pattern to embrace the 3D-printed texture rather than trying to hide it, the objects end up looking more premium and intentional that way.
 
 ## 7. Cable Wrap
+
 _By: Brooke Hatton_
 
 <STLViewer
@@ -155,6 +172,7 @@ _By: Brooke Hatton_
 Our dehumidifier doesn't have built-in cable storage, so I designed a 3D-printed cable wrap attached it with some double-sided tape and solved that problem.
 
 ## 8. Storage Boxes
+
 _By: Brooke Hatton_
 
 <STLViewer
@@ -166,11 +184,10 @@ _By: Brooke Hatton_
   cameraDistance={420}
 />
 
-My partner Maisie needed some storage boxes for the therapy toys she uses at work. This was actually one of the things that made Maisie  excited about having a 3D printer in the house.
-
-
+My partner Maisie needed some storage boxes for the therapy toys she uses at work. This was actually one of the things that made Maisie excited about having a 3D printer in the house.
 
 ## 9. Ortlieb Pannier Buckle
+
 _By: Brooke Hatton_
 
 <STLViewer
@@ -180,10 +197,10 @@ _By: Brooke Hatton_
   cameraDistance={50}
 />
 
-
 I lost the buckle for my Ortlieb pannier bag, and replacements were hard to find so I got the calipers out and modelled a replacement.
 
 ## 10. Clothes Airer Foot
+
 _By: Brooke Hatton_
 
 <STLViewer
@@ -195,29 +212,32 @@ _By: Brooke Hatton_
   color="#2c2c2c"
 />
 
-
 One of the feet on our clothes airer fell off and went missing, making it unstable. Instead of buying a new airer, I measured the existing feet and printed a replacement. It's held up well over time and saved us from unnecessary waste.
 
-
 ## 11. Laptop Stand
 
 Holds both my home and work laptop, freeing up space on my desk for more 3D printing!
 
-
 ## Honourable mentions
+
 ### Board Game Organization
 
 When you get a 3D printer find your favourite board game and search for "3D printed organizer" for that game. There are often awesome designs that make setup and storage much better. For example [this UNO card box by Tridense](https://www.printables.com/model/576903-uno-cards-hardcase) holds all the cards in a compact box that's perfect for travel - much better than the cardboard box they come with.
 
 ### Gridfinity
-<img src="/models/gridfinity.jpg" alt="Gridfinity Storage" style={{ width: '100%' }} />
 
-[Gridfinity](https://gridfinity.xyz/) is a modular storage system that uses a grid of interlocking bases and containers. I've printed a few of these to help organize small parts like screws, batteries, and sewing supplies. The modular nature means its easily expanded or reconfigured as needed.
+<img
+  src="/models/gridfinity.jpg"
+  alt="Gridfinity Storage"
+  style={{ width: "100%" }}
+/>
 
+[Gridfinity](https://gridfinity.xyz/) is a modular storage system that uses a grid of interlocking bases and containers. I've printed a few of these to help organize small parts like screws, batteries, and sewing supplies. The modular nature means its easily expanded or reconfigured as needed.
 
 ## FAQs
 
 ### What Plastic do you use?
+
 - **PLA:** For decorative or indoor items (hooks, maps).
 - **PETG:** For items needing heat resistance or durability (bike cage, outdoor parts).
 
@@ -226,11 +246,13 @@ When you get a 3D printer find your favourite board game and search for "3D prin
 I generally spend £10-15 per kilogram spool of PLA or PETG. The [bike bottle cage](#5-bike-bottle-cage) used about 50g of filament, making the material cost roughly 50p.
 
 ### What sites do you use for finding models?
+
 I mainly use [Printables](https://www.printables.com/) and [Makerworld](https://makerworld.com/en/models). Both have a huge variety of free models.
 
 ### What software do you use for designing models?
+
 I use [OnShape](https://www.onshape.com/) for most projects because it is free for non-commercial use and works in any browser. It is parametric, so I can easily adjust dimensions at any time. If I need to edit files that OnShape cannot import, I use [Fusion 360](https://www.autodesk.com/products/fusion-360/overview).
 
 ### Do I recommend getting a 3D printer?
 
-Yes, if you are the kind of person that enjoys making things. I've loved being able to take a problem or need and have a solution spend some time really enjoyed being able to take an annoying problem or issue around the house and within a few hours have designed or found a solution and printed it out. 
+Yes, if you are the kind of person that enjoys making things. I've loved being able to take a problem or need and have a solution spend some time really enjoyed being able to take an annoying problem or issue around the house and within a few hours have designed or found a solution and printed it out.

src/pages/blog/[...path].astro

@@ -76,7 +76,7 @@ function formatDate(date: Date): string {
 
   .post__header {
     text-align: center;
-        position: relative;
+    position: relative;
     z-index: 100;
   }
 

src/styles/global.css

@@ -64,7 +64,8 @@ h4 {
 
 p,
 ul,
-ol ul, img {
+ol ul,
+img {
   margin-bottom: 1.5rem;
 }
 
@@ -149,18 +150,16 @@ blockquote cite {
 
 .heading--xl {
   font-size: 3.5rem;
+  padding: 1rem 0;
 }
 
 @media (min-width: 600px) {
   .heading--xl {
     font-size: 4.5rem;
+    padding: 5rem 0;
   }
 }
 
-.header--xl {
-  padding: 5rem 0;
-}
-
 /* Decorative line utility */
 .full-width {
   width: 100%;