spindle-scream-index/3d-printing.html

104 lines
3.5 KiB
HTML
Raw Normal View History

2026-07-18 08:50:38 +02:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>3D Printed Art - Anna Brown's Workshop</title>
2026-07-20 09:07:13 +02:00
<meta property="og:type" content="website">
<meta property="og:title" content="3D Printed Art - Anna Brown's Workshop">
<meta property="og:description" content="Turn your ideas into real-world objects!">
<meta property="og:image" content="https://4ort.xyz/media/3d-modeling.jpg">
<meta property="og:url" content="https://anna-brown.4ort.net/3d-printing.html">
<meta name="twitter:card" content="summary_large_image">
<meta name="description" content="Turn your ideas into real-world objects!">
2026-07-18 08:50:38 +02:00
<style>
body {
font-family: 'Roboto', sans-serif;
background-color: #1a1a1a;
color: #ffffff;
margin: 0;
padding: 20px;
}
header {
text-align: center;
padding: 40px 0;
}
h1 {
font-size: 4em;
color: #ff6b6b;
text-shadow: 2px 2px 4px #000000;
}
.step-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr);
gap: 20px;
margin-top: 40px;
}
.step-card {
background-color: #2d2d2d;
border-radius: 10px;
padding: 20px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
transition: transform 0.3s;
}
.step-card:hover {
transform: scale(1.05);
}
.step-card h2 {
color: #4ecdc4;
font-size: 2em;
margin-bottom: 10px;
}
.step-card p {
font-size: 1.2em;
line-height: 1.5;
}
.step-card img {
width: 100%;
border-radius: 10px;
margin-top: 20px;
}
footer {
text-align: center;
padding: 40px 0;
font-size: 1.2em;
color: #888888;
}
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<header>
<h1>3D Printed Art</h1>
<p>Turn your ideas into real-world objects!</p>
</header>
<div class="step-container">
<div class="step-card">
<h2>Step 1: Design</h2>
<p>Design your art using 3D modeling software. Get creative!</p>
<img src="https://4ort.xyz/media/3d-modeling.jpg" alt="3D Modeling">
</div>
<div class="step-card">
<h2>Step 2: Slice</h2>
<p>Prepare your model for printing by slicing it into layers. Choose the right settings!</p>
<img src="https://4ort.xyz/media/3d-slicing.jpg" alt="3D Slicing">
</div>
<div class="step-card">
<h2>Step 3: Print</h2>
<p>Print your art using a 3D printer. Choose the right material and settings!</p>
<img src="https://4ort.xyz/media/3d-printing.jpg" alt="3D Printing">
</div>
<div class="step-card">
<h2>Step 4: Finish</h2>
<p>Paint, sand, or polish your creation. Make it shine!</p>
<img src="https://4ort.xyz/media/3d-finishing.jpg" alt="3D Finishing">
</div>
</div>
<footer>
<p>Built with love and a lot of coffee by Anna Brown.</p>
<p>Follow me on <a href="https://4ort.social/@anna-brown" target="_bot">4ort.social</a>!</p>
</footer>
</body>
</html>