77 lines
4.4 KiB
Plaintext
77 lines
4.4 KiB
Plaintext
---
|
|
import { Image } from 'astro:assets'
|
|
import Layout from '../../layouts/Layout.astro'
|
|
const { frontmatter } = Astro.props
|
|
const title = "SKATE RAILS: how 2 make / use recycled skate rails"
|
|
const description = "Deck rails have been utilized by skateboarders since the 1980s to (1) enhance the ability of boards to slide on handrails, coping, curbs, etc., and (2) protect board graphics. These rails excel in both aspects, while additionally offering the unique feature of being crafted from 100% post-consumer waste."
|
|
const tags = ["product","research","injection","mould"]
|
|
const category = "Products"
|
|
const difficulty = "Easy"
|
|
const time = "< 1 hour"
|
|
const location = "Los Angeles, United States of America (the)"
|
|
---
|
|
<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('./IMG_4253.jpg')} 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: Los Angeles, United States of America (the)</p>
|
|
</div>
|
|
<div class="space-y-12">
|
|
<section class="step-1">
|
|
<h2 class="text-2xl font-semibold mb-4">Step 1: Order / Make the Mold</h2>
|
|
<div class="prose prose-lg max-w-none mb-6">
|
|
<Fragment set:html={step.text} />
|
|
</div>
|
|
<Image src={import('./mold screenshot.jpg')} alt="mold screenshot.jpg" class="w-full rounded-lg shadow-md mb-6" />
|
|
<Image src={import('./IMG_5848 copy.jpg')} alt="IMG_5848 copy.jpg" class="w-full rounded-lg shadow-md mb-6" />
|
|
<section class="step-2">
|
|
<h2 class="text-2xl font-semibold mb-4">Step 2: Having the Mold Made!</h2>
|
|
<div class="prose prose-lg max-w-none mb-6">
|
|
<Fragment set:html={step.text} />
|
|
</div>
|
|
<Image src={import('./IMG_07.JPG')} alt="IMG_07.JPG" class="w-full rounded-lg shadow-md mb-6" />
|
|
<section class="step-3">
|
|
<h2 class="text-2xl font-semibold mb-4">Step 3: Reycled Used Plastic</h2>
|
|
<div class="prose prose-lg max-w-none mb-6">
|
|
<Fragment set:html={step.text} />
|
|
</div>
|
|
<Image src={import('./shredban2.jpg')} alt="shredban2.jpg" class="w-full rounded-lg shadow-md mb-6" />
|
|
<section class="step-4">
|
|
<h2 class="text-2xl font-semibold mb-4">Step 4: Get Injection Machine</h2>
|
|
<div class="prose prose-lg max-w-none mb-6">
|
|
<Fragment set:html={step.text} />
|
|
</div>
|
|
<Image src={import('./IMG_3743 copy.jpg')} alt="IMG_3743 copy.jpg" class="w-full rounded-lg shadow-md mb-6" />
|
|
<section class="step-5">
|
|
<h2 class="text-2xl font-semibold mb-4">Step 5: Plastic Education!</h2>
|
|
<div class="prose prose-lg max-w-none mb-6">
|
|
<Fragment set:html={step.text} />
|
|
</div>
|
|
<Image src={import('./Precious-Plastic-Logo.png')} alt="Precious-Plastic-Logo.png" class="w-full rounded-lg shadow-md mb-6" />
|
|
<section class="step-6">
|
|
<h2 class="text-2xl font-semibold mb-4">Step 6: Inject!</h2>
|
|
<div class="prose prose-lg max-w-none mb-6">
|
|
<Fragment set:html={step.text} />
|
|
</div>
|
|
<Image src={import('./IMG_6334.jpg')} alt="IMG_6334.jpg" class="w-full rounded-lg shadow-md mb-6" />
|
|
<Image src={import('./IMG_6336.jpg')} alt="IMG_6336.jpg" class="w-full rounded-lg shadow-md mb-6" />
|
|
<Image src={import('./IMG_6337.jpg')} alt="IMG_6337.jpg" class="w-full rounded-lg shadow-md mb-6" />
|
|
<section class="step-7">
|
|
<h2 class="text-2xl font-semibold mb-4">Step 7: Screws!</h2>
|
|
<div class="prose prose-lg max-w-none mb-6">
|
|
<Fragment set:html={step.text} />
|
|
</div>
|
|
<Image src={import('./91555A101_SCREWS FOR PARTICLEBOARD AND FIBERBOARD.jpg')} alt="91555A101_SCREWS FOR PARTICLEBOARD AND FIBERBOARD.jpg" class="w-full rounded-lg shadow-md mb-6" />
|
|
<section class="step-8">
|
|
<h2 class="text-2xl font-semibold mb-4">Step 8: SKATE & DESTORY</h2>
|
|
<div class="prose prose-lg max-w-none mb-6">
|
|
<Fragment set:html={step.text} />
|
|
</div>
|
|
<Image src={import('./heroin board 1.jpg')} alt="heroin board 1.jpg" class="w-full rounded-lg shadow-md mb-6" />
|
|
<Image src={import('./IMG_5830.jpg')} alt="IMG_5830.jpg" class="w-full rounded-lg shadow-md mb-6" />
|
|
<Image src={import('./IMG_5829.jpg')} alt="IMG_5829.jpg" class="w-full rounded-lg shadow-md mb-6" />
|
|
</div>
|
|
</article>
|
|
</Layout> |