|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>Magnetic Metals & Heritage Tarot</title> |
|
|
<link rel="preconnect" href="https://fonts.googleapis.com"> |
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> |
|
|
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Roboto:wght@400;700&display=swap" rel="stylesheet"> |
|
|
<style> |
|
|
|
|
|
:root { |
|
|
--bg-color: #0a0a0a; |
|
|
--card-bg: #f5f5f0; |
|
|
--card-border: #c0c0c0; |
|
|
--primary-text: #e8e8e8; |
|
|
--secondary-text: #1a1a1a; |
|
|
--accent-color: #ff6b35; |
|
|
--metal-color: #708090; |
|
|
--shadow-color: rgba(0, 0, 0, 0.6); |
|
|
--card-back-bg: linear-gradient(145deg, #2c3e50, #34495e); |
|
|
} |
|
|
|
|
|
body { |
|
|
font-family: 'Roboto', sans-serif; |
|
|
background-color: var(--bg-color); |
|
|
background-image: |
|
|
repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255, 107, 53, 0.03) 35px, rgba(255, 107, 53, 0.03) 70px), |
|
|
repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(112, 128, 144, 0.03) 35px, rgba(112, 128, 144, 0.03) 70px); |
|
|
color: var(--primary-text); |
|
|
margin: 0; |
|
|
padding: 2rem; |
|
|
display: flex; |
|
|
flex-direction: column; |
|
|
align-items: center; |
|
|
min-height: 100vh; |
|
|
text-align: center; |
|
|
} |
|
|
|
|
|
h1 { |
|
|
font-family: 'Bebas Neue', cursive; |
|
|
color: var(--accent-color); |
|
|
text-shadow: 3px 3px 0px var(--metal-color); |
|
|
margin-bottom: 1rem; |
|
|
font-size: 3rem; |
|
|
letter-spacing: 2px; |
|
|
} |
|
|
|
|
|
p#instructions { |
|
|
max-width: 700px; |
|
|
margin-bottom: 2rem; |
|
|
line-height: 1.6; |
|
|
opacity: 0.9; |
|
|
font-size: 1.1rem; |
|
|
} |
|
|
|
|
|
|
|
|
#table { |
|
|
display: flex; |
|
|
flex-direction: column; |
|
|
align-items: center; |
|
|
gap: 2rem; |
|
|
width: 100%; |
|
|
} |
|
|
|
|
|
#controls { |
|
|
display: flex; |
|
|
gap: 1rem; |
|
|
margin-bottom: 2rem; |
|
|
} |
|
|
|
|
|
button { |
|
|
font-family: 'Bebas Neue', cursive; |
|
|
padding: 0.8rem 2rem; |
|
|
font-size: 1.2rem; |
|
|
border: 3px solid var(--accent-color); |
|
|
background-color: transparent; |
|
|
color: var(--accent-color); |
|
|
border-radius: 0; |
|
|
cursor: pointer; |
|
|
transition: all 0.3s ease; |
|
|
text-transform: uppercase; |
|
|
letter-spacing: 2px; |
|
|
position: relative; |
|
|
overflow: hidden; |
|
|
} |
|
|
|
|
|
button::before { |
|
|
content: ''; |
|
|
position: absolute; |
|
|
top: 0; |
|
|
left: -100%; |
|
|
width: 100%; |
|
|
height: 100%; |
|
|
background: var(--accent-color); |
|
|
transition: left 0.3s ease; |
|
|
z-index: -1; |
|
|
} |
|
|
|
|
|
button:hover::before { |
|
|
left: 0; |
|
|
} |
|
|
|
|
|
button:hover { |
|
|
color: var(--bg-color); |
|
|
transform: translateY(-2px); |
|
|
box-shadow: 0 5px 15px rgba(255, 107, 53, 0.4); |
|
|
} |
|
|
|
|
|
|
|
|
#card-slots { |
|
|
display: flex; |
|
|
justify-content: center; |
|
|
flex-wrap: wrap; |
|
|
gap: 1.5rem; |
|
|
perspective: 1200px; |
|
|
width: 100%; |
|
|
min-height: 450px; |
|
|
} |
|
|
|
|
|
.card-slot { |
|
|
width: 300px; |
|
|
height: 450px; |
|
|
position: relative; |
|
|
} |
|
|
|
|
|
.card-slot .placeholder { |
|
|
width: 100%; |
|
|
height: 100%; |
|
|
border: 3px dashed rgba(112, 128, 144, 0.4); |
|
|
border-radius: 10px; |
|
|
display: flex; |
|
|
flex-direction: column; |
|
|
justify-content: center; |
|
|
align-items: center; |
|
|
color: var(--metal-color); |
|
|
} |
|
|
|
|
|
.placeholder span { |
|
|
font-family: 'Bebas Neue', cursive; |
|
|
font-size: 1.8rem; |
|
|
letter-spacing: 2px; |
|
|
} |
|
|
|
|
|
|
|
|
.card { |
|
|
width: 100%; |
|
|
height: 100%; |
|
|
position: absolute; |
|
|
transform-style: preserve-3d; |
|
|
transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275); |
|
|
cursor: pointer; |
|
|
} |
|
|
|
|
|
.card.is-flipped { |
|
|
transform: rotateY(180deg); |
|
|
} |
|
|
|
|
|
.card-face { |
|
|
position: absolute; |
|
|
width: 100%; |
|
|
height: 100%; |
|
|
backface-visibility: hidden; |
|
|
border-radius: 10px; |
|
|
box-shadow: 0 10px 30px var(--shadow-color); |
|
|
overflow: hidden; |
|
|
display: flex; |
|
|
flex-direction: column; |
|
|
} |
|
|
|
|
|
.card-back { |
|
|
background: var(--card-back-bg); |
|
|
border: 5px solid var(--metal-color); |
|
|
display: flex; |
|
|
justify-content: center; |
|
|
align-items: center; |
|
|
} |
|
|
|
|
|
.card-back-design { |
|
|
width: 80%; |
|
|
height: 90%; |
|
|
border: 3px solid var(--accent-color); |
|
|
border-radius: 5px; |
|
|
display: flex; |
|
|
justify-content: center; |
|
|
align-items: center; |
|
|
font-size: 5rem; |
|
|
color: var(--accent-color); |
|
|
font-family: 'Bebas Neue', cursive; |
|
|
position: relative; |
|
|
overflow: hidden; |
|
|
} |
|
|
|
|
|
.card-back-design::after { |
|
|
content: '⚙'; |
|
|
position: absolute; |
|
|
font-size: 15rem; |
|
|
opacity: 0.1; |
|
|
animation: rotate 20s linear infinite; |
|
|
} |
|
|
|
|
|
@keyframes rotate { |
|
|
from { transform: rotate(0deg); } |
|
|
to { transform: rotate(360deg); } |
|
|
} |
|
|
|
|
|
.card-front { |
|
|
background-color: var(--card-bg); |
|
|
color: var(--secondary-text); |
|
|
transform: rotateY(180deg); |
|
|
padding: 1rem; |
|
|
text-align: left; |
|
|
overflow-y: auto; |
|
|
} |
|
|
|
|
|
|
|
|
.card-header { |
|
|
text-align: center; |
|
|
border-bottom: 3px solid var(--metal-color); |
|
|
padding-bottom: 0.5rem; |
|
|
margin-bottom: 1rem; |
|
|
} |
|
|
|
|
|
.card-header h2 { |
|
|
margin: 0; |
|
|
font-family: 'Bebas Neue', cursive; |
|
|
font-size: 1.4rem; |
|
|
color: var(--accent-color); |
|
|
letter-spacing: 1px; |
|
|
} |
|
|
|
|
|
.card-header .tarot-title { |
|
|
font-weight: bold; |
|
|
font-size: 1rem; |
|
|
color: var(--metal-color); |
|
|
margin-top: 0.25rem; |
|
|
} |
|
|
|
|
|
.card-body { |
|
|
font-size: 0.95rem; |
|
|
line-height: 1.6; |
|
|
} |
|
|
|
|
|
.card-body p { |
|
|
margin: 0 0 0.75rem 0; |
|
|
} |
|
|
|
|
|
.card-body strong { |
|
|
color: var(--accent-color); |
|
|
font-weight: bold; |
|
|
} |
|
|
|
|
|
.story, .technical { |
|
|
background-color: rgba(112, 128, 144, 0.1); |
|
|
padding: 0.5rem; |
|
|
border-radius: 5px; |
|
|
border-left: 4px solid var(--accent-color); |
|
|
} |
|
|
|
|
|
.technical { |
|
|
margin-top: 1rem; |
|
|
border-left-color: var(--metal-color); |
|
|
font-family: 'Courier New', monospace; |
|
|
font-size: 0.9rem; |
|
|
} |
|
|
|
|
|
</style> |
|
|
</head> |
|
|
<body> |
|
|
<h1>MAGNETIC METALS & HERITAGE TAROT</h1> |
|
|
<p id="instructions">A three-card reading connecting coins, magnetism, and your family's steel manufacturing legacy. From the Black Forest to Milwaukee's industrial heart, discover how metal shapes our world. Click "Draw Cards" to begin, then click each card to reveal its meaning.</p> |
|
|
|
|
|
<div id="controls"> |
|
|
<button id="draw-button">Draw Cards</button> |
|
|
<button id="reset-button">Reset</button> |
|
|
</div> |
|
|
|
|
|
<div id="table"> |
|
|
<div id="card-slots"> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<script> |
|
|
|
|
|
const tarot_data = [ |
|
|
|
|
|
{"name":"The Apprentice's Journey","card":"0 - The Fool","classifier":"Major Arcana","element":"Beginning","emojis":"🔨, 🌟","story":"A young metalworker leaves the Black Forest with only basic tools and grand dreams, beginning the family's journey to Milwaukee. Like you learning G-code at the family shop, every master starts as a beginner willing to take risks.","technical":"Early German smithing: Hand-forged iron tools, no electricity, pure craftsmanship"}, |
|
|
|
|
|
{"name":"The Master Craftsman","card":"I - The Magician","classifier":"Major Arcana","element":"Charles Wacker","emojis":"🏗️, ⚡","story":"Charles Wacker, designing Chicago's cityscape while mastering steel's properties. He transforms raw materials into urban infrastructure, wielding the four elements: fire (forge), water (cooling), air (bellows), earth (ore).","technical":"1920s steel: Open hearth furnaces, 1700°F melting point, carbon content 0.3-1.7%"}, |
|
|
|
|
|
{"name":"The Magnetic Mystery","card":"II - The High Priestess","classifier":"Major Arcana","element":"Hidden Forces","emojis":"🧲, 🔮","story":"The invisible force in your phone that attracts coins. Magnetism is steel's hidden knowledge - ferromagnetism occurs when iron atoms align their electron spins, creating fields we cannot see but can harness.","technical":"Ferromagnetism: Iron, nickel, cobalt. Curie temp: Fe 770°C, Ni 358°C, Co 1388°C"}, |
|
|
|
|
|
{"name":"The Manufacturing Matriarch","card":"III - The Empress","classifier":"Major Arcana","element":"Wacker Industries","emojis":"🏭, 👑","story":"The fertile ground of Wacker manufacturing companies, birthing countless metal parts. From Corvette engines to Caterpillar tractors, nurturing American industry with precision and abundance.","technical":"Modern stamping: 2500-ton presses, ±0.005\" tolerance, 60 strokes/minute"}, |
|
|
|
|
|
{"name":"The Industrial Emperor","card":"IV - The Emperor","classifier":"Major Arcana","element":"Mass Production","emojis":"⚙️, 🏛️","story":"The systematic power of CNC machining and robotic welding. Your family brought order to chaos, programming Kitamura and Matsuura centers, establishing the empire of automated precision.","technical":"CNC specs: 5-axis, 12000 RPM spindle, 0.0001\" accuracy, G-code standard"}, |
|
|
|
|
|
{"name":"The Welding Tradition","card":"V - The Hierophant","classifier":"Major Arcana","element":"Knowledge Transfer","emojis":"🔥, 📖","story":"Teaching the sacred arts of joining metals. From your grandfather's WWII tank parts to your robotic welding systems, passing down the mysteries of fusion, flux, and perfect beads.","technical":"MIG welding: Ar/CO2 shield gas, 0.030-0.045\" wire, 17-30V, 50-500 IPM"}, |
|
|
|
|
|
{"name":"The Alloy Alliance","card":"VI - The Lovers","classifier":"Major Arcana","element":"Metal Combinations","emojis":"💑, 🔗","story":"The perfect marriage of metals in alloys. Like copper and zinc creating brass, or iron and carbon forming steel, some combinations create properties neither possesses alone.","technical":"Common magnetic alloys: Alnico (Al-Ni-Co), Permalloy (80% Ni, 20% Fe)"}, |
|
|
|
|
|
{"name":"The Drill Rig Pioneer","card":"VII - The Chariot","classifier":"Major Arcana","element":"Deep Drilling","emojis":"🚂, 💧","story":"Your father's revolutionary water well drilling techniques, penetrating deeper than ever before. Using NASA measurement tools in Iraq, bringing water where oil fires poisoned the supply - triumph through innovation.","technical":"Deep drilling: Diamond bits, 10,000+ ft depth, mud circulation, 300°F+ temps"}, |
|
|
|
|
|
{"name":"Tensile Strength","card":"VIII - Strength","classifier":"Major Arcana","element":"Material Properties","emojis":"💪, 🏗️","story":"The inner strength of steel that holds up skyscrapers and bridges. Not brute force but engineered resilience - understanding yield points, fatigue limits, and how to work with metal's nature.","technical":"A36 steel: 36,000 psi yield, 58,000-80,000 psi tensile, 7.85 g/cm³"}, |
|
|
|
|
|
{"name":"The Night Shift","card":"IX - The Hermit","classifier":"Major Arcana","element":"Solitary Mastery","emojis":"🔦, 🛠️","story":"Alone with massive machines at 3 AM, painting and maintaining equipment. In solitude, you developed relationships with dies and presses, understanding their personalities and quirks.","technical":"Maintenance intervals: Daily lubrication, 500-hr inspection, annual rebuilds"}, |
|
|
|
|
|
{"name":"The Currency Cycle","card":"X - Wheel of Fortune","classifier":"Major Arcana","element":"Global Coins","emojis":"🎡, 🪙","story":"The eternal circulation of coins through economies. From hand-struck to machine-minted, currencies rise and fall but metal endures. Your phone's magnet reveals which coins contain ferrous metals.","technical":"Coin magnetism: Canadian nickels (pre-1982: nickel, post: steel), UK 1p/2p (steel core)"}, |
|
|
|
|
|
{"name":"Precision Justice","card":"XI - Justice","classifier":"Major Arcana","element":"Quality Control","emojis":"⚖️, 📏","story":"The unforgiving laws of metallurgy. Every alloy has its exact recipe, every tolerance its purpose. In stamping dies the size of cars, even 0.001\" matters - metal judges harshly but fairly.","technical":"QC standards: ISO 9001, ASTM specs, CMM inspection, statistical process control"}, |
|
|
|
|
|
{"name":"The Foundry Sacrifice","card":"XII - The Hanged Man","classifier":"Major Arcana","element":"Transformation","emojis":"🔄, 🔥","story":"Metal must surrender to the furnace to be reborn. Like scrap steel hanging in the crucible, waiting for transformation - losing solid form to gain new purpose.","technical":"Electric arc furnace: 3000°C arc, 50-100 tons/hour, 400-900 kWh/ton"}, |
|
|
|
|
|
{"name":"Rust and Renewal","card":"XIII - Death","classifier":"Major Arcana","element":"Oxidation","emojis":"💀, 🦾","story":"The inevitable oxidation that claims unprotected steel, yet also the renewal through recycling. Your family turned rust back to riches, understanding that in metallurgy, nothing truly dies.","technical":"Corrosion: Fe → Fe²⁺ + 2e⁻, prevention via galvanizing (Zn coating) or passivation"}, |
|
|
|
|
|
{"name":"The Perfect Mixture","card":"XIV - Temperance","classifier":"Major Arcana","element":"Alloy Balance","emojis":"🧪, ⚗️","story":"The art of creating the perfect alloy. Like your paint mixing for industrial equipment, finding the exact proportions - too much carbon makes steel brittle, too little leaves it soft.","technical":"Steel grades: Low carbon <0.3%, Medium 0.3-0.6%, High >0.6%, each with purpose"}, |
|
|
|
|
|
{"name":"The Hostile Takeover","card":"XV - The Devil","classifier":"Major Arcana","element":"Corporate Greed","emojis":"😈, 💰","story":"The dark side of industry - when profit overshadows craft. Cheap imports, corner-cutting, the temptation to sacrifice quality for quarterly earnings. The chains that bind honest manufacturers.","technical":"Import steel issues: Inconsistent chemistry, false mill certs, substandard testing"}, |
|
|
|
|
|
{"name":"The Furnace Failure","card":"XVI - The Tower","classifier":"Major Arcana","element":"Catastrophic Events","emojis":"💥, 🏗️","story":"When a blast furnace explodes or a die shatters under pressure. Sudden, violent change that destroys the old ways - but from the rubble, stronger methods emerge.","technical":"Failure modes: Thermal shock, hydrogen embrittlement, stress concentration, fatigue"}, |
|
|
|
|
|
{"name":"The Superconductor","card":"XVII - The Star","classifier":"Major Arcana","element":"Future Technology","emojis":"⭐, ❄️","story":"Hope for perfect efficiency - materials with zero electrical resistance. Like your family always reaching for better methods, superconductors represent humanity's aspiration to transcend limits.","technical":"Superconductors: YBCO at 77K (-196°C), MgB₂ at 39K, zero resistance achieved"}, |
|
|
|
|
|
{"name":"The Magnetic Field","card":"XVIII - The Moon","classifier":"Major Arcana","element":"Invisible Forces","emojis":"🌙, 〰️","story":"The mysterious magnetic fields surrounding every device. Illusions and reality blur - is that coin magnetic or just ferrous? Your Samsung Fold's magnets create fields you feel but cannot see.","technical":"Device magnets: Neodymium (N52 grade), 1.4 Tesla field, 350°C max operating temp"}, |
|
|
|
|
|
{"name":"The Smart Factory","card":"XIX - The Sun","classifier":"Major Arcana","element":"Modern Success","emojis":"☀️, 🤖","story":"The bright dawn of Industry 4.0. Your telepresence robotics, automated welding, and CNC networks working in harmony. Clear vision, success, and the warmth of profitable precision.","technical":"IoT manufacturing: Real-time monitoring, predictive maintenance, 99.9% uptime"}, |
|
|
|
|
|
{"name":"The Patent Legacy","card":"XX - Judgment","classifier":"Major Arcana","element":"Innovation Recognition","emojis":"📜, 🏆","story":"Your father's drilling innovations recognized and implemented globally. The final judgment of an idea's worth - when NASA tools meet practical application and change an industry forever.","technical":"Patent impact: Deep aquifer access, GPS-guided drilling, 15,000+ ft capability"}, |
|
|
|
|
|
{"name":"The Global Supply Chain","card":"XXI - The World","classifier":"Major Arcana","element":"Complete Integration","emojis":"🌍, 🔗","story":"From Black Forest ore to Chicago skyscrapers, Milwaukee factories to Iraqi water wells. Your family's metal mastery completing its worldly journey, every link in the chain perfected.","technical":"Supply chain: Mine → smelt → alloy → form → machine → assemble → implement"}, |
|
|
|
|
|
|
|
|
{"name":"The First Smartphone","card":"Ace of Wands","classifier":"Wands - Innovation","element":"iPhone","emojis":"📱, 🔥","story":"The iPhone's revolutionary arrival, containing 8 rare earth magnets. The speaker, vibration motor, and camera autofocus all depend on neodymium - innovation through magnetic force.","technical":"iPhone magnets: Speaker (N48), Taptic Engine, camera OIS, 0.1-0.5 Tesla fields"}, |
|
|
|
|
|
{"name":"Foldable Future","card":"Two of Wands","classifier":"Wands - Innovation","element":"Samsung Fold","emojis":"📱, 🔄","story":"Samsung Fold represents the choice between traditional and transformative. Its hinge contains 60+ micro-magnets for precise folding alignment - engineering at the edge of possibility.","technical":"Fold magnets: Hall sensors, hinge alignment, stylus attachment, magnetic closure"}, |
|
|
|
|
|
{"name":"The Maker Movement","card":"Three of Wands","classifier":"Wands - Innovation","element":"Jetson Nano","emojis":"🤖, 🚀","story":"Nvidia Jetson Nano - your AI development platform. Like your family's progression from hand tools to robotics, it represents accessible innovation, bringing factory automation to makers.","technical":"Jetson specs: 128 CUDA cores, 472 GFLOPS, supports magnetic encoders for robotics"}, |
|
|
|
|
|
{"name":"Gaming Workstations","card":"Four of Wands","classifier":"Wands - Innovation","element":"MSI Laptops","emojis":"💻, 🎮","story":"MSI gaming laptops with GPUs - the celebration of computational power. Their cooling systems use magnetic levitation fans, marrying your heritage of mechanical excellence with modern needs.","technical":"MSI cooling: Maglev fans, 6 heat pipes, liquid metal thermal interface, RTX 4090"}, |
|
|
|
|
|
{"name":"Tablet Creativity","card":"Five of Wands","classifier":"Wands - Innovation","element":"iPad","emojis":"✏️, 📱","story":"iPad with Apple Pencil - creative conflict resolved through magnetic attachment and charging. The struggle between analog and digital creativity, unified by magnetic innovation.","technical":"iPad magnets: Pencil attachment (12 magnets), Smart Cover (32 magnets), speakers"}, |
|
|
|
|
|
{"name":"Ultrabook Evolution","card":"Six of Wands","classifier":"Wands - Innovation","element":"MacBook Air","emojis":"💻, 🏆","story":"MacBook Air's triumph of miniaturization. Its MagSafe connector - magnetic safety preventing damage - represents victory through intelligent design, protecting valuable tools.","technical":"MagSafe 3: 5 pins, magnetic alignment, 140W power delivery, auto-release at 7 lbs"}, |
|
|
|
|
|
{"name":"Professional Power","card":"Seven of Wands","classifier":"Wands - Innovation","element":"HP Laptops","emojis":"💼, 💻","story":"HP workstations with professional GPUs, defending the high ground of productivity. Like your CNC controllers, they're built for those who create and manufacture, not just consume.","technical":"HP ZBook: Quadro RTX, ECC memory, ISV certified, MIL-STD tested"}, |
|
|
|
|
|
{"name":"Smart Home Hub","card":"Eight of Wands","classifier":"Wands - Innovation","element":"Nest Hub","emojis":"🏠, 📡","story":"Google Nest Hub - rapid communication through your smart home. Its speaker magnets and presence sensors create an invisible network, like your factory automation systems.","technical":"Nest audio: 75mm woofer with neodymium magnet, 19mm tweeter, 360° sound"}, |
|
|
|
|
|
{"name":"Video Communication","card":"Nine of Wands","classifier":"Wands - Innovation","element":"Portal Speaker","emojis":"📹, 🔊","story":"Facebook Portal - persistence in human connection. Its smart camera uses magnetic actuators to follow subjects, like your telepresence robotics maintaining vital links.","technical":"Portal specs: 140° FoV camera, magnetic privacy shutter, 2 full-range drivers"}, |
|
|
|
|
|
{"name":"Voice Assistant Array","card":"Ten of Wands","classifier":"Wands - Innovation","element":"Google Speakers","emojis":"🔊, 🎵","story":"The burden of multiple Google speakers throughout the home. Each contains powerful neodymium drivers - magnetic force multiplied becomes overwhelming responsibility.","technical":"Google Max: 2x 4.5\" woofers, 2x 0.7\" tweeters, all neodymium, 101dB SPL"}, |
|
|
|
|
|
{"name":"The Young Engineer","card":"Page of Wands","classifier":"Wands - Innovation","element":"New Ideas","emojis":"👨🔬, 💡","story":"Fresh from school with CAD skills and simulation software, questioning why things are done certain ways. Like you learning G-code, every innovation starts with curious enthusiasm.","technical":"Modern tools: SOLIDWORKS, ANSYS, parametric design, generative algorithms"}, |
|
|
|
|
|
{"name":"The Startup Founder","card":"Knight of Wands","classifier":"Wands - Innovation","element":"Disruption","emojis":"🚀, 💼","story":"Racing to market with additive manufacturing, challenging traditional metalworking. Passionate but sometimes reckless - 3D metal printing can't yet match forged strength.","technical":"Metal 3D printing: SLM, 50-80% speed of traditional, 95-99% density achieved"}, |
|
|
|
|
|
{"name":"The R&D Director","card":"Queen of Wands","classifier":"Wands - Innovation","element":"Innovation Leader","emojis":"👩🔬, 🔬","story":"Leading research into new alloys and processes. She balances creative vision with practical application, knowing that innovation must serve real manufacturing needs.","technical":"Current research: High-entropy alloys, nanostructured metals, AI-driven discovery"}, |
|
|
|
|
|
{"name":"The Tech Mogul","card":"King of Wands","classifier":"Wands - Innovation","element":"Industry Leader","emojis":"👨💼, 🏭","story":"Commanding entire supply chains through digital transformation. Like your family's evolution from hand tools to robotics, he sees the complete picture of industrial innovation.","technical":"Industry 4.0: Digital twins, blockchain tracking, quantum computing optimization"}, |
|
|
|
|
|
|
|
|
{"name":"The American Quarter","card":"Ace of Pentacles","classifier":"Pentacles - Currency","element":"USA","emojis":"🇺🇸, 🪙","story":"The US quarter - 91.67% copper, 8.33% nickel cladding over copper core. Non-magnetic, representing material stability. Washington's profile stamps authority on cupronickel prosperity.","technical":"US Quarter: 5.670g, 24.26mm diameter, reeded edge, non-magnetic clad composition"}, |
|
|
|
|
|
{"name":"The Brexit Pound","card":"Two of Pentacles","classifier":"Pentacles - Currency","element":"UK","emojis":"🇬🇧, 💷","story":"UK's 1 and 2 pound coins - steel core with nickel-brass plating, strongly magnetic. The balance between old empire and new economy, tradition and change in bimetallic form.","technical":"UK £1: Steel core, nickel-brass outer, 8.75g, magnetic, 12-sided for security"}, |
|
|
|
|
|
{"name":"The Euro Unity","card":"Three of Pentacles","classifier":"Pentacles - Currency","element":"Germany","emojis":"🇩🇪, 💶","story":"German-minted euros - precision engineering in currency. Nordic gold (Cu-Al-Zn-Sn) for smaller denominations, representing collaborative prosperity without magnetic properties.","technical":"1 Euro: 7.50g, Cu-Ni core/ring, non-magnetic, 23.25mm, unique edge milling"}, |
|
|
|
|
|
{"name":"The Yen Foundation","card":"Four of Pentacles","classifier":"Pentacles - Currency","element":"Japan","emojis":"🇯🇵, 💴","story":"Japanese 1 yen - pure aluminum, ultra-light at exactly 1 gram. Non-magnetic but reactive, it represents Japan's resource efficiency and precision manufacturing philosophy.","technical":"1 Yen: 100% aluminum, 1.00g exactly, 20mm diameter, floats on water surface"}, |
|
|
|
|
|
{"name":"The Maple Nickel","card":"Five of Pentacles","classifier":"Pentacles - Currency","element":"Canada","emojis":"🇨🇦, 🍁","story":"Canadian nickels tell a magnetic story - pre-1982 pure nickel (magnetic), post-1982 nickel-plated steel (strongly magnetic). Economic hardship forcing material changes.","technical":"Canadian 5¢: Modern: 94.5% steel, 3.5% Cu, 2% Ni plating, strongly magnetic"}, |
|
|
|
|
|
{"name":"The Swiss Precision","card":"Six of Pentacles","classifier":"Pentacles - Currency","element":"Switzerland","emojis":"🇨🇭, 🏔️","story":"Swiss francs - cupronickel perfection, non-magnetic. Like Swiss watches, their coins represent generosity through quality, each one a small piece of engineered art.","technical":"5 CHF: Cu-Ni, 13.20g, 31.45mm, non-magnetic, security features in edge design"}, |
|
|
|
|
|
{"name":"The Yuan Rising","card":"Seven of Pentacles","classifier":"Pentacles - Currency","element":"China","emojis":"🇨🇳, 💹","story":"Chinese RMB coins - steel core with nickel plating, magnetic. Patient investment in infrastructure, like your family building industry, China builds its monetary future on steel.","technical":"1 Yuan: Steel core, nickel-plated, 6.1g, 25mm, magnetic, anti-counterfeit micro-text"}, |
|
|
|
|
|
{"name":"The Rupee Tradition","card":"Eight of Pentacles","classifier":"Pentacles - Currency","element":"India","emojis":"🇮🇳, 🪔","story":"Indian rupee coins - ferritic stainless steel, magnetic. Crafted with care despite high volume, each coin represents the subcontinent's marriage of tradition and modern minting.","technical":"₹2: Ferritic stainless steel, 4.85g, 27mm, magnetic, 11-sided unique shape"}, |
|
|
|
|
|
{"name":"The Nordic Crown","card":"Nine of Pentacles","classifier":"Pentacles - Currency","element":"Sweden","emojis":"🇸🇪, 👑","story":"Swedish krona - Nordic gold and cupronickel, non-magnetic. Self-sufficiency through design excellence, like IKEA for currency - functional, beautiful, and precisely engineered.","technical":"10 SEK: Nordic gold (89% Cu, 5% Al, 5% Zn, 1% Sn), 6.6g, non-magnetic"}, |
|
|
|
|
|
{"name":"The Aussie Dollar","card":"Ten of Pentacles","classifier":"Pentacles - Currency","element":"Australia","emojis":"🇦🇺, 🦘","story":"Australian dollars - aluminum-bronze, non-magnetic. Family wealth from mining transformed into currency, each coin a piece of the continent's mineral legacy.","technical":"$2 AUD: 92% Cu, 6% Al, 2% Ni, 6.6g, 20.5mm, non-magnetic, lightest $2 globally"}, |
|
|
|
|
|
{"name":"The Scottish Thistle","card":"Page of Pentacles","classifier":"Pentacles - Currency","element":"Scotland","emojis":"🏴, 🌺","story":"Scottish-designed UK coins feature the thistle. Though Scotland uses UK currency, its symbols persist - like your family maintaining German traditions in American industry.","technical":"Scottish designs: Thistle on £1, Lion rampant variants, same magnetic properties as UK"}, |
|
|
|
|
|
{"name":"The Korean Won","card":"Knight of Pentacles","classifier":"Pentacles - Currency","element":"South Korea","emojis":"🇰🇷, ⚡","story":"South Korean won - cupronickel and aluminum, advancing steadily like Samsung's innovation. Non-magnetic but technologically integrated with transit cards and digital payments.","technical":"₩500: Cu-Ni, 7.7g, 26.5mm, non-magnetic, used in automated systems nationwide"}, |
|
|
|
|
|
{"name":"The Real Brazilian","card":"Queen of Pentacles","classifier":"Pentacles - Currency","element":"Brazil","emojis":"🇧🇷, 🌴","story":"Brazilian real - stainless steel core with bronze plating, magnetic. Nurturing growth through natural resources, transforming raw materials into circulating wealth.","technical":"R$1: Stainless steel core, bronze-plated, 7g, 27mm, magnetic, bimetallic design"}, |
|
|
|
|
|
{"name":"The Oil Riyal","card":"King of Pentacles","classifier":"Pentacles - Currency","element":"Saudi Arabia","emojis":"🇸🇦, 🛢️","story":"Saudi riyal - cupronickel, non-magnetic. Commanding material wealth through petroleum, but coins remain traditional metal - the king of resource economies.","technical":"1 SAR: Cu-Ni, 6.5g, 26mm, non-magnetic, Arabic and Western numerals"}, |
|
|
|
|
|
|
|
|
{"name":"The Diamond Blade","card":"Ace of Swords","classifier":"Swords - Cutting Tools","element":"Breakthrough","emojis":"💎, 🗡️","story":"Your father's revolutionary drill bits - diamond-tipped for impossible penetration. A single breakthrough idea cutting through barriers others thought permanent.","technical":"PCD tools: Polycrystalline diamond, 8000 HV hardness, 700°C thermal limit"}, |
|
|
|
|
|
{"name":"The Shear Decision","card":"Two of Swords","classifier":"Swords - Cutting Tools","element":"Choice","emojis":"✂️, 🤔","story":"Choosing between hydraulic and mechanical shearing. Each cut is irreversible - like choosing between profit and quality, the blade doesn't care about indecision.","technical":"Shear types: Hydraulic (variable speed), Mechanical (fixed SPM), ±0.010\" accuracy"}, |
|
|
|
|
|
{"name":"The Laser Path","card":"Three of Swords","classifier":"Swords - Cutting Tools","element":"Precision Pain","emojis":"🔦, 💔","story":"Laser cutting through hardened steel - precise but heartless. The focused beam doesn't discriminate, cutting through decades of tradition as easily as metal.","technical":"Fiber laser: 10kW power, 0.004\" kerf, cuts 1\" steel at 40 IPM, ±0.001\" accuracy"}, |
|
|
|
|
|
{"name":"The Waterjet Rest","card":"Four of Swords","classifier":"Swords - Cutting Tools","element":"Cool Cutting","emojis":"💧, 🧘","story":"Waterjet cutting - no heat-affected zone, a meditative process. 60,000 PSI of garnet-laden water cuts while the metal rests cool, unstressed by the operation.","technical":"Waterjet: 60,000-94,000 PSI, garnet abrasive, no HAZ, cuts any material"}, |
|
|
|
|
|
{"name":"The Broken Die","card":"Five of Swords","classifier":"Swords - Cutting Tools","element":"Defeat","emojis":"💥, 😞","story":"A stamping die shatters from fatigue, taking a week's production with it. Victory over metal is temporary - poor maintenance or design eventually claims its due.","technical":"Die failure: Fatigue cracks, chipping, galling. MTBF varies, catastrophic at EOL"}, |
|
|
|
|
|
{"name":"The CNC Migration","card":"Six of Swords","classifier":"Swords - Cutting Tools","element":"Progress","emojis":"🚢, 💻","story":"Moving from manual mills to CNC centers - a necessary journey. Leaving craftsman's feel for computer precision, trusting encoders over experienced hands.","technical":"CNC benefits: 24/7 operation, consistent accuracy, complex 5-axis paths, IoT enabled"}, |
|
|
|
|
|
{"name":"The Plasma Torch","card":"Seven of Swords","classifier":"Swords - Cutting Tools","element":"Swift Cutting","emojis":"⚡, 🔥","story":"Plasma cutting - stealing through steel with ionized gas. Quick and stealthy compared to oxyfuel, but leaves a wider kerf. Speed over perfection.","technical":"Plasma: 20,000°C arc, cuts 6\" steel, 500 IPM on thin material, ±0.030\" tolerance"}, |
|
|
|
|
|
{"name":"The Grinding Bind","card":"Eight of Swords","classifier":"Swords - Cutting Tools","element":"Constrainted","emojis":"🌀, ⛓️","story":"Trapped between customer specifications and machine capabilities. The grinding wheel can only remove so much - precision becomes a prison of impossibility.","technical":"Surface grinding: 0.0001\" per pass, 30-60 m/s wheel speed, heat management critical"}, |
|
|
|
|
|
{"name":"The EDM Nightmare","card":"Nine of Swords","classifier":"Swords - Cutting Tools","element":"Slow Anxiety","emojis":"😰, ⚡","story":"Wire EDM cutting exotic alloys at 0.5\"/hour. Each hour costs money, each broken wire means starting over. Precision torture for those watching the clock.","technical":"Wire EDM: 0.010\" brass wire, ±0.0001\" accuracy, no tool pressure, any conductive material"}, |
|
|
|
|
|
{"name":"The Scrapped Batch","card":"Ten of Swords","classifier":"Swords - Cutting Tools","element":"Total Loss","emojis":"💀, 🗑️","story":"An entire production run ruined by wrong tool selection. Thousands of parts, millions in aerospace aluminum, all scrap. The ultimate defeat in precision manufacturing.","technical":"Scrap costs: Material + labor + opportunity + reputation. Aerospace = zero defects"}, |
|
|
|
|
|
{"name":"The Apprentice Machinist","card":"Page of Swords","classifier":"Swords - Cutting Tools","element":"Learning","emojis":"👨🎓, 📐","story":"Eager to run the newest machines, measuring everything twice. Like you learning from the old-timers, absorbing why chips are blue and when chatter means danger.","technical":"Machining basics: Speeds/feeds, chip color indicates temp, rigidity prevents chatter"}, |
|
|
|
|
|
{"name":"The Tool Salesman","card":"Knight of Swords","classifier":"Swords - Cutting Tools","element":"Aggressive Sales","emojis":"💼, 🏃","story":"Racing between shops with the latest carbide inserts, promising impossible performance. Fast-talking through specifications, but does he understand your specific needs?","technical":"Carbide grades: C1-C8 classification, TiN/TiAlN coatings, insert geometry critical"}, |
|
|
|
|
|
{"name":"The Quality Manager","card":"Queen of Swords","classifier":"Swords - Cutting Tools","element":"Precision Authority","emojis":"👩💼, 📏","story":"She sees through excuses with CMM data. No tolerance for out-of-spec parts, her word cuts through shop floor politics. Quality is truth, measurable and absolute.","technical":"QC tools: CMM ±0.00005\", optical comparators, surface finish gauges, SPC charts"}, |
|
|
|
|
|
{"name":"The Master Toolmaker","card":"King of Swords","classifier":"Swords - Cutting Tools","element":"Ultimate Precision","emojis":"👨🏭, 👑","story":"Forty years making dies and fixtures. His knowledge cuts through problems others don't even see. Every angle calculated, every clearance purposeful - the king of cutting truth.","technical":"Master skills: Die clearances, punch-to-die alignment, thermal expansion compensation"}, |
|
|
|
|
|
|
|
|
{"name":"The Family Forge","card":"Ace of Cups","classifier":"Cups - Heritage","element":"Emotional Beginning","emojis":"❤️, 🏭","story":"The wellspring of your family's love for metalworking. From Black Forest blacksmiths to Milwaukee industrialists, the cup overflows with generations of craft pride.","technical":"Heritage alloys: Wootz steel, Damascus patterns, traditional carbon steel methods"}, |
|
|
|
|
|
{"name":"Father and Son","card":"Two of Cups","classifier":"Cups - Heritage","element":"Partnership","emojis":"👨👦, 🤝","story":"You and your father in the shop - him teaching drilling innovations, you showing telepresence robotics. Two generations united by grease, sparks, and shared purpose.","technical":"Knowledge transfer: Hands-on training, tacit knowledge, 10,000 hour mastery"}, |
|
|
|
|
|
{"name":"The Shop Floor Family","card":"Three of Cups","classifier":"Cups - Heritage","element":"Community","emojis":"👥, 🎉","story":"Celebrating a successful Caterpillar contract with the whole crew. The bonds formed in manufacturing - through overtime, deadlines, and shared victories.","technical":"Shop culture: Team cells, cross-training, profit sharing, generational employment"}, |
|
|
|
|
|
{"name":"The Missed Opportunity","card":"Four of Cups","classifier":"Cups - Heritage","element":"Regret","emojis":"😔, 🏭","story":"Turning down that aerospace contract because the margins were thin. Sometimes the emotional cost of growth is too high - family time matters more than money.","technical":"Business decisions: ROI vs quality of life, automation vs employment, growth costs"}, |
|
|
|
|
|
{"name":"The Closed Factory","card":"Five of Cups","classifier":"Cups - Heritage","element":"Loss","emojis":"😢, 🏚️","story":"When the Milwaukee plant finally closed. Three cups spilled - jobs, community, tradition. But two remain standing - knowledge and the will to rebuild.","technical":"Deindustrialization: Offshore competition, labor costs, environmental regulations"}, |
|
|
|
|
|
{"name":"The Patent Award","card":"Six of Cups","classifier":"Cups - Heritage","element":"Recognition","emojis":"🏆, 📜","story":"Your father receiving recognition for his drilling innovations. A childhood dream realized - his invention bringing water to those who need it most.","technical":"Patent value: Humanitarian impact, licensing revenue, industry advancement"}, |
|
|
|
|
|
{"name":"The Many Paths","card":"Seven of Cups","classifier":"Cups - Heritage","element":"Choices","emojis":"🤔, 🎭","story":"So many directions for the family business - aerospace, automotive, medical devices. Each cup holds promise, but choosing means excluding. Analysis paralysis.","technical":"Market sectors: AS9100 aerospace, IATF 16949 auto, ISO 13485 medical"}, |
|
|
|
|
|
{"name":"Leaving the Legacy","card":"Eight of Cups","classifier":"Cups - Heritage","element":"Moving On","emojis":"🚶, 🌙","story":"When you chose robotics over running the shop. Walking away from expectation toward innovation, honoring the past by building the future differently.","technical":"Career transition: Traditional manufacturing to Industry 4.0, evolution not abandonment"}, |
|
|
|
|
|
{"name":"The American Dream","card":"Nine of Cups","classifier":"Cups - Heritage","element":"Satisfaction","emojis":"😊, 🇺🇸","story":"Your grandfather's wish fulfilled - from German immigrant to American industrialist. His small shop grew to supply giants. Contentment in achievement.","technical":"Immigration success: 1st gen survival, 2nd gen growth, 3rd gen innovation"}, |
|
|
|
|
|
{"name":"The Full Legacy","card":"Ten of Cups","classifier":"Cups - Heritage","element":"Complete Joy","emojis":"🌈, 👨👩👧👦","story":"Four generations of metalworkers, each building on the last. From hand forging to AI-driven automation, the family cup runneth over with earned pride.","technical":"Generational impact: Jobs created, innovations patented, industries served, lives improved"}, |
|
|
|
|
|
{"name":"The Intern","card":"Page of Cups","classifier":"Cups - Heritage","element":"Fresh Perspective","emojis":"🎓, 💡","story":"The engineering student suggesting wild ideas - what if we 3D print the dies? Fresh eyes seeing possibilities where experience sees problems.","technical":"New perspectives: Additive manufacturing, AI optimization, sustainable materials"}, |
|
|
|
|
|
{"name":"The Sales Engineer","card":"Knight of Cups","classifier":"Cups - Heritage","element":"Passionate Pitch","emojis":"🏇, 💼","story":"Romantically describing your capabilities to potential clients. He sells not just parts but partnership, not just metal but the emotion of American manufacturing.","technical":"Technical sales: Solution selling, relationship building, application engineering"}, |
|
|
|
|
|
{"name":"The Shop Matriarch","card":"Queen of Cups","classifier":"Cups - Heritage","element":"Nurturing Force","emojis":"👩🏭, ❤️","story":"The office manager who's been there 30 years, knowing every employee's birthday. She nurtures the human side of heavy industry, making steel feel like family.","technical":"Human resources: Retention strategies, culture building, institutional knowledge"}, |
|
|
|
|
|
{"name":"The Founder's Portrait","card":"King of Cups","classifier":"Cups - Heritage","element":"Emotional Mastery","emojis":"🖼️, 👑","story":"Your great-grandfather's portrait overlooking the shop floor. His emotional intelligence built relationships that outlasted him - with workers, customers, and community.","technical":"Leadership legacy: Values-based culture, stakeholder capitalism, sustainable practices"} |
|
|
]; |
|
|
|
|
|
|
|
|
const drawButton = document.getElementById('draw-button'); |
|
|
const resetButton = document.getElementById('reset-button'); |
|
|
const cardSlotsContainer = document.getElementById('card-slots'); |
|
|
|
|
|
let drawnCards = []; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function shuffle(array) { |
|
|
for (let i = array.length - 1; i > 0; i--) { |
|
|
const j = Math.floor(Math.random() * (i + 1)); |
|
|
[array[i], array[j]] = [array[j], array[i]]; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function createCardElement(cardData, position) { |
|
|
const card = document.createElement('div'); |
|
|
card.className = 'card'; |
|
|
|
|
|
card.innerHTML = ` |
|
|
<div class="card-face card-back"> |
|
|
<div class="card-back-design"> |
|
|
<span>M</span> |
|
|
</div> |
|
|
</div> |
|
|
<div class="card-face card-front"> |
|
|
<div class="card-header"> |
|
|
<h2>${cardData.name} ${cardData.emojis}</h2> |
|
|
<p class="tarot-title">${cardData.card}</p> |
|
|
</div> |
|
|
<div class="card-body"> |
|
|
<p><strong>Position:</strong> ${position}</p> |
|
|
<p><strong>Element/Theme:</strong> <em>${cardData.element}</em></p> |
|
|
<p class="story"><strong>Story:</strong> ${cardData.story}</p> |
|
|
<p class="technical"><strong>Technical:</strong> ${cardData.technical}</p> |
|
|
</div> |
|
|
</div> |
|
|
`; |
|
|
|
|
|
card.addEventListener('click', () => { |
|
|
card.classList.toggle('is-flipped'); |
|
|
}); |
|
|
|
|
|
return card; |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function drawReading() { |
|
|
if (drawnCards.length > 0) return; |
|
|
|
|
|
shuffle(tarot_data); |
|
|
drawnCards = tarot_data.slice(0, 3); |
|
|
const positions = ['Heritage', 'Present Moment', 'Innovation']; |
|
|
|
|
|
cardSlotsContainer.innerHTML = ''; |
|
|
|
|
|
drawnCards.forEach((card, index) => { |
|
|
const slot = document.createElement('div'); |
|
|
slot.className = 'card-slot'; |
|
|
|
|
|
const cardElement = createCardElement(card, positions[index]); |
|
|
slot.appendChild(cardElement); |
|
|
cardSlotsContainer.appendChild(slot); |
|
|
}); |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function resetReading() { |
|
|
drawnCards = []; |
|
|
cardSlotsContainer.innerHTML = ''; |
|
|
setupPlaceholders(); |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function setupPlaceholders() { |
|
|
const positions = ['Heritage', 'Present Moment', 'Innovation']; |
|
|
cardSlotsContainer.innerHTML = ''; |
|
|
for (let i = 0; i < 3; i++) { |
|
|
const placeholder = document.createElement('div'); |
|
|
placeholder.className = 'card-slot'; |
|
|
placeholder.innerHTML = ` |
|
|
<div class="placeholder"> |
|
|
<span>${positions[i]}</span> |
|
|
</div> |
|
|
`; |
|
|
cardSlotsContainer.appendChild(placeholder); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
drawButton.addEventListener('click', drawReading); |
|
|
resetButton.addEventListener('click', resetReading); |
|
|
|
|
|
|
|
|
window.onload = setupPlaceholders; |
|
|
|
|
|
</script> |
|
|
</body> |
|
|
</html> |
