62 lines
3.9 KiB
Plaintext
62 lines
3.9 KiB
Plaintext
---
|
|
import { Image } from 'astro:assets'
|
|
import Layout from '../../layouts/Layout.astro'
|
|
const { frontmatter } = Astro.props
|
|
const title = "Make an adaptable sorting system"
|
|
const description = "Create an adaptable sorting system. If you have a larger quantity of a certain type of material, simply adjust the dividers to accommodate your needs."
|
|
const tags = ["collection","sorting"]
|
|
const category = "Guides"
|
|
const difficulty = "Easy"
|
|
const time = "< 1 week"
|
|
const location = "Lisbon, Portugal"
|
|
---
|
|
<Layout title={title} description={description}>
|
|
<article class="max-w-4xl mx-auto px-4 py-8">
|
|
<h1 class="text-4xl font-bold mb-8">{title}</h1>
|
|
<Image src={import('./WhatsApp Image 2020-12-20 at 3.03.16 PM.jpeg')} alt={title} class="w-full rounded-lg shadow-lg mb-8" />
|
|
<div class="prose prose-lg max-w-none mb-8">
|
|
<p>{description}</p>
|
|
<p class="text-gray-600">User Location: Lisbon, Portugal</p>
|
|
</div>
|
|
<div class="space-y-12">
|
|
<section class="step-1">
|
|
<h2 class="text-2xl font-semibold mb-4">Step 1: Cuting the panels- CNC machine</h2>
|
|
<div class="prose prose-lg max-w-none mb-6">
|
|
<Fragment set:html={step.text} />
|
|
</div>
|
|
<Image src={import('./Captura de ecrã 2020-12-08 125522.png')} alt="Captura de ecrã 2020-12-08 125522.png" class="w-full rounded-lg shadow-md mb-6" />
|
|
<Image src={import('./20201002_114814_1_Moment.jpg')} alt="20201002_114814_1_Moment.jpg" class="w-full rounded-lg shadow-md mb-6" />
|
|
<Image src={import('./20201002_114814_1_Momeffrnt.jpg')} alt="20201002_114814_1_Momeffrnt.jpg" class="w-full rounded-lg shadow-md mb-6" />
|
|
<section class="step-2">
|
|
<h2 class="text-2xl font-semibold mb-4">Step 2: Plastic type- LaserCut</h2>
|
|
<div class="prose prose-lg max-w-none mb-6">
|
|
<Fragment set:html={step.text} />
|
|
</div>
|
|
<Image src={import('./kjhgfds.jpg')} alt="kjhgfds.jpg" class="w-full rounded-lg shadow-md mb-6" />
|
|
<Image src={import('./WhatsApp Image 2020-11-11 at 2.32.14 PM (1).jpeg')} alt="WhatsApp Image 2020-11-11 at 2.32.14 PM (1).jpeg" class="w-full rounded-lg shadow-md mb-6" />
|
|
<Image src={import('./jgydfhdgfg.jpg')} alt="jgydfhdgfg.jpg" class="w-full rounded-lg shadow-md mb-6" />
|
|
<section class="step-3">
|
|
<h2 class="text-2xl font-semibold mb-4">Step 3: Cuting and Finishing</h2>
|
|
<div class="prose prose-lg max-w-none mb-6">
|
|
<Fragment set:html={step.text} />
|
|
</div>
|
|
<Image src={import('./WhatsApp Image 2020-11-11 at 2.32.15 PM.jpeg')} alt="WhatsApp Image 2020-11-11 at 2.32.15 PM.jpeg" class="w-full rounded-lg shadow-md mb-6" />
|
|
<Image src={import('./WhatsApp Image 2020-11-11 at 2.32.17 PM.jpeg')} alt="WhatsApp Image 2020-11-11 at 2.32.17 PM.jpeg" class="w-full rounded-lg shadow-md mb-6" />
|
|
<section class="step-4">
|
|
<h2 class="text-2xl font-semibold mb-4">Step 4: Mounting all the pieces</h2>
|
|
<div class="prose prose-lg max-w-none mb-6">
|
|
<Fragment set:html={step.text} />
|
|
</div>
|
|
<Image src={import('./WhatsApp Image 2020-11-11 at 2.32.16 PM.jpeg')} alt="WhatsApp Image 2020-11-11 at 2.32.16 PM.jpeg" class="w-full rounded-lg shadow-md mb-6" />
|
|
<Image src={import('./WhatsApp Image 2020-11-11 at 2.32.14 PM.jpeg')} alt="WhatsApp Image 2020-11-11 at 2.32.14 PM.jpeg" class="w-full rounded-lg shadow-md mb-6" />
|
|
<section class="step-5">
|
|
<h2 class="text-2xl font-semibold mb-4">Step 5: ALL DONE!!</h2>
|
|
<div class="prose prose-lg max-w-none mb-6">
|
|
<Fragment set:html={step.text} />
|
|
</div>
|
|
<Image src={import('./AAD_3358.jpg')} alt="AAD_3358.jpg" class="w-full rounded-lg shadow-md mb-6" />
|
|
<Image src={import('./DSC_0011.jpg')} alt="DSC_0011.jpg" class="w-full rounded-lg shadow-md mb-6" />
|
|
<Image src={import('./AAD_3221.jpg')} alt="AAD_3221.jpg" class="w-full rounded-lg shadow-md mb-6" />
|
|
</div>
|
|
</article>
|
|
</Layout> |