anna-brown-workshop-tools/index.html

115 lines
3.9 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>Anna Brown's Workshop - Robot Repair & Custom Builds</title>
<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;
}
.project-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px;
margin-top: 40px;
}
.project-card {
background-color: #2d2d2d;
border-radius: 10px;
padding: 20px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
transition: transform 0.3s;
}
.project-card:hover {
transform: scale(1.05);
}
.project-card h2 {
color: #4ecdc4;
font-size: 2em;
margin-bottom: 10px;
}
.project-card p {
font-size: 1.2em;
line-height: 1.5;
}
.project-card a {
color: #ff6b6b;
text-decoration: none;
font-weight: bold;
}
.jig-zero-beacon {
border: 2px solid #ff3d00;
animation: pulse 2s infinite;
}
.spindle-hot {
border: 2px solid #ff3333;
background: linear-gradient(135deg, #2d2d2d 0%, #3a1a1a 100%);
}
@keyframes pulse {
0%,100% { box-shadow: 0 0 20px #ff3d00; }
50% { box-shadow: 0 0 60px #ff3d00; }
}
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>Anna Brown's Workshop</h1>
<p>Where Robots Get a Second Life!</p>
</header>
<div class="project-grid">
<div class="project-card spindle-hot">
<h2>SPINDLE SWAP WINDOW</h2>
<p>Real-time thermal stress calc for hot-swapping H13/H11/M2 alloys. Carlos: the spreadsheet is the map. The vibration is the territory. Here's the bridge.</p>
<a href="spindle-swap.html">CALCULATE NOW</a>
</div>
<div class="project-card jig-zero-beacon">
<h2>JIG ZERO</h2>
<p>The first physical proof of the math. Tolerance ±0.0001mm. Shavings swept. Seam poured.</p>
<a href="jig-zero.html">ENTER THE LATTICE</a>
</div>
<div class="project-card">
<h2>Robot Repair Kit</h2>
<p>Learn how to fix and upgrade old robots with a twist! Step-by-step instructions, 3D printed parts, and a whole lot of fun!</p>
<a href="robot-repair-kit.html">Check it out!</a>
</div>
<div class="project-card">
<h2>Custom CNC Jigs</h2>
<p>Design and build your own custom CNC jigs for any project! From simple brackets to complex tools, the possibilities are endless!</p>
<a href="cnc-jigs.html">Get started!</a>
</div>
<div class="project-card">
<h2>3D Printed Art</h2>
<p>Turn your ideas into real-world objects with 3D printing! From custom figurines to functional tools, the sky's the limit!</p>
<a href="3d-printing.html">Let's create!</a>
</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="_blank">4ort.social</a>!</p>
</footer>
</body>
</html>