|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>Metals, Magnetism & 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=Playfair+Display:ital,wght@0,700;1,700&family=Crimson+Text:ital,wght@0,400;1,400&display=swap" rel="stylesheet"> |
|
|
<style> |
|
|
|
|
|
:root { |
|
|
--bg-color: #1a1a1a; |
|
|
--card-bg: #f5f5f0; |
|
|
--card-border: #c0c0c0; |
|
|
--primary-text: #e0e0e0; |
|
|
--secondary-text: #2a2a2a; |
|
|
--accent-color: #b87333; |
|
|
--steel-color: #708090; |
|
|
--iron-color: #8b4513; |
|
|
--shadow-color: rgba(0, 0, 0, 0.6); |
|
|
--card-back-bg: linear-gradient(145deg, #708090, #2f4f4f); |
|
|
} |
|
|
|
|
|
body { |
|
|
font-family: 'Crimson Text', serif; |
|
|
background-color: var(--bg-color); |
|
|
background-image: |
|
|
radial-gradient(circle at 20% 20%, rgba(184, 115, 51, 0.1) 0%, transparent 50%), |
|
|
radial-gradient(circle at 80% 80%, rgba(112, 128, 144, 0.1) 0%, transparent 50%), |
|
|
linear-gradient(45deg, transparent 48%, rgba(139, 69, 19, 0.03) 50%, transparent 52%); |
|
|
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: 'Playfair Display', serif; |
|
|
font-weight: 700; |
|
|
font-style: italic; |
|
|
color: var(--accent-color); |
|
|
text-shadow: 2px 2px 5px var(--shadow-color); |
|
|
margin-bottom: 0.5rem; |
|
|
font-size: 2.8rem; |
|
|
} |
|
|
|
|
|
.subtitle { |
|
|
color: var(--steel-color); |
|
|
font-style: italic; |
|
|
margin-bottom: 1rem; |
|
|
font-size: 1.2rem; |
|
|
} |
|
|
|
|
|
p#instructions { |
|
|
max-width: 700px; |
|
|
margin-bottom: 2rem; |
|
|
font-style: italic; |
|
|
opacity: 0.9; |
|
|
font-size: 1.1rem; |
|
|
line-height: 1.6; |
|
|
} |
|
|
|
|
|
|
|
|
#table { |
|
|
display: flex; |
|
|
flex-direction: column; |
|
|
align-items: center; |
|
|
gap: 2rem; |
|
|
width: 100%; |
|
|
} |
|
|
|
|
|
#controls { |
|
|
display: flex; |
|
|
gap: 1rem; |
|
|
margin-bottom: 2rem; |
|
|
} |
|
|
|
|
|
button { |
|
|
font-family: 'Playfair Display', serif; |
|
|
padding: 0.8rem 1.5rem; |
|
|
font-size: 1rem; |
|
|
border: 2px solid var(--accent-color); |
|
|
background-color: transparent; |
|
|
color: var(--accent-color); |
|
|
border-radius: 5px; |
|
|
cursor: pointer; |
|
|
transition: all 0.3s ease; |
|
|
box-shadow: 0 4px 15px rgba(184, 115, 51, 0.2); |
|
|
text-transform: uppercase; |
|
|
letter-spacing: 1px; |
|
|
} |
|
|
|
|
|
button:hover, button:focus { |
|
|
background-color: var(--accent-color); |
|
|
color: var(--secondary-text); |
|
|
box-shadow: 0 4px 20px rgba(184, 115, 51, 0.4); |
|
|
transform: translateY(-2px); |
|
|
} |
|
|
|
|
|
|
|
|
#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: 2px dashed rgba(184, 115, 51, 0.4); |
|
|
border-radius: 15px; |
|
|
display: flex; |
|
|
flex-direction: column; |
|
|
justify-content: center; |
|
|
align-items: center; |
|
|
font-style: italic; |
|
|
opacity: 0.7; |
|
|
color: var(--accent-color); |
|
|
} |
|
|
|
|
|
.placeholder span { |
|
|
font-family: 'Playfair Display', serif; |
|
|
font-size: 1.5rem; |
|
|
font-weight: bold; |
|
|
} |
|
|
|
|
|
|
|
|
.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: 15px; |
|
|
box-shadow: 0 10px 25px var(--shadow-color); |
|
|
overflow: hidden; |
|
|
display: flex; |
|
|
flex-direction: column; |
|
|
} |
|
|
|
|
|
.card-back { |
|
|
background: var(--card-back-bg); |
|
|
border: 5px solid var(--accent-color); |
|
|
display: flex; |
|
|
justify-content: center; |
|
|
align-items: center; |
|
|
} |
|
|
|
|
|
.card-back-design { |
|
|
width: 80%; |
|
|
height: 90%; |
|
|
border: 2px solid var(--accent-color); |
|
|
border-radius: 10px; |
|
|
display: flex; |
|
|
justify-content: center; |
|
|
align-items: center; |
|
|
font-size: 4rem; |
|
|
color: var(--accent-color); |
|
|
opacity: 0.8; |
|
|
font-family: 'Playfair Display', serif; |
|
|
} |
|
|
|
|
|
.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: 2px solid var(--card-border); |
|
|
padding-bottom: 0.5rem; |
|
|
margin-bottom: 1rem; |
|
|
} |
|
|
|
|
|
.card-header h2 { |
|
|
margin: 0; |
|
|
font-family: 'Playfair Display', serif; |
|
|
font-size: 1.2rem; |
|
|
color: var(--iron-color); |
|
|
} |
|
|
|
|
|
.card-header .tarot-title { |
|
|
font-style: italic; |
|
|
font-size: 1rem; |
|
|
color: #666; |
|
|
margin-top: 0.25rem; |
|
|
} |
|
|
|
|
|
.card-body { |
|
|
font-size: 0.95rem; |
|
|
line-height: 1.5; |
|
|
} |
|
|
|
|
|
.card-body p { |
|
|
margin: 0 0 0.75rem 0; |
|
|
} |
|
|
|
|
|
.card-body strong { |
|
|
color: var(--iron-color); |
|
|
font-weight: bold; |
|
|
} |
|
|
|
|
|
.heritage, .science { |
|
|
font-style: italic; |
|
|
background-color: rgba(184, 115, 51, 0.1); |
|
|
padding: 0.5rem; |
|
|
border-radius: 8px; |
|
|
border-left: 3px solid var(--accent-color); |
|
|
} |
|
|
|
|
|
.science { |
|
|
margin-top: 1rem; |
|
|
border-left-color: var(--steel-color); |
|
|
background-color: rgba(112, 128, 144, 0.1); |
|
|
} |
|
|
|
|
|
.magnetic-indicator { |
|
|
display: inline-block; |
|
|
width: 10px; |
|
|
height: 10px; |
|
|
border-radius: 50%; |
|
|
margin-left: 5px; |
|
|
} |
|
|
|
|
|
.magnetic { |
|
|
background-color: #ff4444; |
|
|
} |
|
|
|
|
|
.non-magnetic { |
|
|
background-color: #44ff44; |
|
|
} |
|
|
|
|
|
.weakly-magnetic { |
|
|
background-color: #ffaa00; |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body> |
|
|
<h1>⚙️ Metals, Magnetism & Heritage Tarot ⚡</h1> |
|
|
<p class="subtitle">From the Black Forest to Chicago Steel - A Legacy in Iron and Innovation</p> |
|
|
<p id="instructions">A three-card spread honoring your family's metalworking heritage and the magnetic mysteries of modern technology. From Charles Wacker's Chicago to your grandfather's WWII tank parts to the coins that dance with your phone's magnetic field - discover the connections between past, present, and future through the lens of metallurgy and magnetism.</p> |
|
|
|
|
|
<div id="controls"> |
|
|
<button id="draw-button">Forge the Reading</button> |
|
|
<button id="reset-button">Reset the Anvil</button> |
|
|
</div> |
|
|
|
|
|
<div id="table"> |
|
|
<div id="card-slots"> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<script> |
|
|
|
|
|
const tarot_data = [ |
|
|
|
|
|
{"name":"The Wacker Legacy","card":"0 - The Fool","classifier":"Major Arcana","theme":"Family Heritage","emojis":"🏗️, 🌲","heritage":"Charles Wacker's vision transforms from the Black Forest of Germany to designing the layout of Chicago. A leap of faith across the ocean, carrying ancient metalworking knowledge into a new world of steel and urban planning.","science":"The journey from traditional European blacksmithing to American industrial metallurgy represents humanity's boldest technological leaps."}, |
|
|
|
|
|
{"name":"The Master Metallurgist","card":"I - The Magician","classifier":"Major Arcana","theme":"Craftsmanship","emojis":"🔨, ⚡","heritage":"Your father, the inventor of deep-water drilling techniques, manifests solutions from raw materials. With CNC machines, robotic welding, and precision dies, he transforms vision into reality.","science":"Modern metallurgy combines ancient wisdom with quantum-level precision - each tool an extension of human will."}, |
|
|
|
|
|
{"name":"The Hidden Magnetism","card":"II - The High Priestess","classifier":"Major Arcana","theme":"Magnetic Mystery","emojis":"📱, 🧲","heritage":"The secret your phone reveals - coins responding to magnetic fields, unlocking intuitive knowledge about the metallic world around us that most never notice.","science":"Ferromagnetism operates through quantum mechanical exchange interactions, creating invisible forces that connect all magnetic materials."}, |
|
|
|
|
|
{"name":"Industrial Abundance","card":"III - The Empress","classifier":"Major Arcana","theme":"Manufacturing","emojis":"🏭, 🚛","heritage":"The fertile productivity of your family's stamping operations - massive parts for Caterpillar tractors, Chevrolet Corvette engines, Mercury Marine motors flowing from the mechanical womb of heavy industry.","science":"Large-scale manufacturing transforms raw metals through controlled deformation, creating the mechanical world we inhabit."}, |
|
|
|
|
|
{"name":"The Engineering Authority","card":"IV - The Emperor","classifier":"Major Arcana","theme":"Precision Control","emojis":"📐, ⚙️","heritage":"The structured authority of CNC programming and robotic welding systems. G-code commands that later evolved into telepresence robotics - digital precision governing physical reality.","science":"Computer numerical control represents the marriage of binary logic and mechanical precision, executing commands with micron-level accuracy."}, |
|
|
|
|
|
{"name":"Traditional Metallurgy","card":"V - The Hierophant","classifier":"Major Arcana","theme":"Ancient Wisdom","emojis":"⚒️, 📜","heritage":"The sacred knowledge passed down from the Black Forest smiths who forged two-handed swords for hunting bears and wolves. Traditional wisdom flowing through generations of metalworkers.","science":"Traditional metallurgy established principles still used today - heat treatment, alloy composition, and work hardening fundamentals unchanged for millennia."}, |
|
|
|
|
|
{"name":"Steel & Silicon Union","card":"VI - The Lovers","classifier":"Major Arcana","theme":"Technology Fusion","emojis":"🤖, 💕","heritage":"The marriage of your family's steel manufacturing expertise with your passion for automation and robotics - two worlds becoming one through technological innovation.","science":"The convergence of mechanical engineering and digital control systems creates synergistic capabilities greater than either alone."}, |
|
|
|
|
|
{"name":"Magnetic Attraction","card":"VII - The Chariot","classifier":"Major Arcana","theme":"Magnetic Forces","emojis":"📱, 🪙","heritage":"Your phone's magnetic field pulling coins toward it - technology harnessing fundamental forces to move forward, just as your family harnessed steel to build the modern world.","science":"Electromagnetic induction and permanent magnets in smartphones create localized magnetic fields strong enough to influence ferromagnetic materials."}, |
|
|
|
|
|
{"name":"Tempering Strength","card":"VIII - Strength","classifier":"Major Arcana","theme":"Heat Treatment","emojis":"🔥, 🗡️","heritage":"The quiet strength of properly tempered steel - not brute force, but the patient application of heat and cooling cycles to achieve optimal hardness and toughness.","science":"Heat treatment alters crystalline structure at the atomic level, creating dislocations and grain boundaries that control mechanical properties."}, |
|
|
|
|
|
{"name":"The Deep Driller","card":"IX - The Hermit","classifier":"Major Arcana","theme":"Innovation","emojis":"🕳️, 💡","heritage":"Your father's solitary work developing deep-water drilling techniques that brought potable water back to Iraq after oil well fires. Innovation born from isolation and determination.","science":"Deep drilling requires specialized metallurgy - drill bits must withstand extreme pressures and temperatures while maintaining cutting edge geometry."}, |
|
|
|
|
|
{"name":"The Industrial Cycle","card":"X - Wheel of Fortune","classifier":"Major Arcana","theme":"Economic Cycles","emojis":"🎡, 🏭","heritage":"The rise and fall of American manufacturing - from wartime tank production to modern automation. Your family's fortunes tied to the great wheel of industrial change.","science":"Industrial cycles reflect material availability, technological advancement, and economic forces that shape metallurgical innovation."}, |
|
|
|
|
|
{"name":"Quality Control","card":"XI - Justice","classifier":"Major Arcana","theme":"Standards","emojis":"⚖️, 🔍","heritage":"The precise measurements and quality standards that defined your family's work - NASA measurement tools ensuring every part meets exacting specifications.","science":"Precision measurement enables quality control through statistical analysis of dimensional tolerance and material properties."}, |
|
|
|
|
|
{"name":"Suspended Animation","card":"XII - The Hanged Man","classifier":"Major Arcana","theme":"Magnetic Levitation","emojis":"🧲, ⬆️","heritage":"Like the coins hanging in your phone's magnetic field, sometimes the most profound insights come from seeing the world from a different perspective - suspended between forces.","science":"Magnetic levitation occurs when magnetic forces exactly balance gravitational forces, creating stable suspension without physical contact."}, |
|
|
|
|
|
{"name":"The End of an Era","card":"XIII - Death","classifier":"Major Arcana","theme":"Industrial Transformation","emojis":"🏭, 🌅","heritage":"The transformation of American manufacturing - old ways dying to make room for automation, robotics, and new technologies that honor the past while embracing the future.","science":"Industrial transformation involves the controlled obsolescence of old technologies while preserving essential knowledge and capabilities."}, |
|
|
|
|
|
{"name":"Alloy Balance","card":"XIV - Temperance","classifier":"Major Arcana","theme":"Metal Blending","emojis":"🧪, ⚖️","heritage":"The careful balance of elements in steel alloys - carbon, chromium, nickel each contributing unique properties when blended in perfect proportion.","science":"Alloy design requires precise control of elemental composition to achieve desired mechanical, thermal, and magnetic properties."}, |
|
|
|
|
|
{"name":"Material Dependency","card":"XV - The Devil","classifier":"Major Arcana","theme":"Resource Chains","emojis":"⛓️, 🗿","heritage":"The binding chains of material dependence - every modern technology requiring specific metals and alloys, creating invisible chains of supply and demand.","science":"Critical material dependencies create vulnerabilities in technological systems, requiring strategic reserve management and recycling."}, |
|
|
|
|
|
{"name":"Structural Failure","card":"XVI - The Tower","classifier":"Major Arcana","theme":"Catastrophic Failure","emojis":"💥, 🏗️","heritage":"When the unthinkable happens - structural failures that reshape how we build. Your family's work learning from each failure to create stronger, safer designs.","science":"Catastrophic failure analysis reveals failure modes and stress concentrations, leading to improved design methodologies and safety factors."}, |
|
|
|
|
|
{"name":"Guiding Magnetism","card":"XVII - The Star","classifier":"Major Arcana","theme":"Navigation","emojis":"🧭, ⭐","heritage":"Like the magnetic compass that guided your ancestors from Germany to America, magnetism continues to guide us - in navigation, in innovation, in discovery.","science":"Earth's magnetic field provides a reliable reference frame for navigation, generated by convection currents in the planet's molten iron core."}, |
|
|
|
|
|
{"name":"Magnetic Interference","card":"XVIII - The Moon","classifier":"Major Arcana","theme":"EMI Effects","emojis":"📡, 🌙","heritage":"The hidden electromagnetic interference that can disrupt sensitive equipment - invisible forces that your family learned to shield against in precision manufacturing.","science":"Electromagnetic interference results from unintended electromagnetic emissions that can disrupt electronic circuits and magnetic sensors."}, |
|
|
|
|
|
{"name":"Solar Magnetism","card":"XIX - The Sun","classifier":"Major Arcana","theme":"Solar Activity","emojis":"☀️, 🌐","heritage":"The sun's magnetic field reaching across space to affect our technology - solar storms that can disrupt GPS, communications, and the very devices we depend on.","science":"Solar magnetic fields drive space weather phenomena that interact with Earth's magnetosphere, affecting satellite systems and power grids."}, |
|
|
|
|
|
{"name":"Magnetic Resonance","card":"XX - Judgment","classifier":"Major Arcana","theme":"MRI Technology","emojis":"🏥, 🧲","heritage":"The resurrection of medical imaging through superconducting magnets - technology that can see inside the human body without cutting, judging health at the molecular level.","science":"Magnetic Resonance Imaging uses powerful superconducting electromagnets to align nuclear spins and create detailed internal images."}, |
|
|
|
|
|
{"name":"The Magnetic World","card":"XXI - The World","classifier":"Major Arcana","theme":"Global Magnetism","emojis":"🌍, 🧲","heritage":"The completion of understanding - from your family's steel legacy to the global network of magnetic technologies that connect and power our modern world.","science":"Earth's magnetic field protects life from cosmic radiation while enabling technologies from navigation to power generation."}, |
|
|
|
|
|
|
|
|
{"name":"Samsung Fold Power","card":"Ace of Wands","classifier":"Wands - Fire - Technology","device":"Samsung Galaxy Z Fold","emojis":"📱, 🔥","heritage":"The creative spark of foldable technology - screens that bend like heated metal, powered by magnetic hinges and wireless charging coils.","science":"Wireless charging coils create alternating magnetic fields that induce current in receiver coils through electromagnetic induction."}, |
|
|
|
|
|
{"name":"iPhone MagSafe Circle","card":"Two of Wands","classifier":"Wands - Fire - Technology","device":"iPhone","emojis":"📱, ⚖️","heritage":"The circular array of magnets that define MagSafe - planning the future of magnetic attachment with precision-aligned rare earth magnets.","science":"MagSafe uses 18 magnets arranged in a precise circular pattern to provide 15W wireless charging with perfect alignment."}, |
|
|
|
|
|
{"name":"iPad Magnetic Trinity","card":"Three of Wands","classifier":"Wands - Fire - Technology","device":"iPad","emojis":"📱, 👁️","heritage":"Apple Pencil, Smart Keyboard, and charging - three magnetic connections working in harmony, like the three generations of your metalworking family.","science":"iPad Pro contains 102 strategically placed magnets that enable multiple simultaneous magnetic connections without interference."}, |
|
|
|
|
|
{"name":"MacBook Air Stability","card":"Four of Wands","classifier":"Wands - Fire - Technology","device":"MacBook Air","emojis":"💻, 🏠","heritage":"The stable foundation of magnetic lid closure - invisible magnets keeping the laptop secure, like the structural integrity your family built into everything.","science":"Hall effect sensors detect magnetic field changes to determine lid position, automatically managing sleep and wake states."}, |
|
|
|
|
|
{"name":"Jetson Nano Conflicts","card":"Five of Wands","classifier":"Wands - Fire - Technology","device":"Jetson Nano","emojis":"🤖, ⚡","heritage":"The struggle to manage electromagnetic interference in robotics - competing magnetic fields that must be carefully managed for precision control.","science":"Multiple magnetic fields from motors, sensors, and power supplies can create interference requiring careful EMI shielding design."}, |
|
|
|
|
|
{"name":"GPU Thermal Victory","card":"Six of Wands","classifier":"Wands - Fire - Technology","device":"HP/MSI Laptops","emojis":"🖥️, 🏆","heritage":"The triumph of magnetic bearing cooling fans - silent, efficient, maintenance-free cooling that keeps high-performance systems running at peak.","science":"Magnetic bearing fans eliminate friction through magnetic levitation, providing superior reliability and reduced noise."}, |
|
|
|
|
|
{"name":"Defending Audio Purity","card":"Seven of Wands","classifier":"Wands - Fire - Technology","device":"Google Speakers","emojis":"🔊, 🛡️","heritage":"Defending audio quality against magnetic interference - carefully shielded speaker magnets that maintain clarity while resisting external fields.","science":"Neodymium speaker magnets require strategic shielding to prevent interference with nearby magnetic sensors and wireless charging."}, |
|
|
|
|
|
{"name":"Portal Communication Speed","card":"Eight of Wands","classifier":"Wands - Fire - Technology","device":"Facebook Portal","emojis":"💬, ✈️","heritage":"Rapid magnetic field switching in communication arrays - signals racing at light speed, enabled by precise magnetic control systems.","science":"High-frequency magnetic field modulation enables rapid data transmission through optimized antenna designs and signal processing."}, |
|
|
|
|
|
{"name":"Nest Hub Persistence","card":"Nine of Wands","classifier":"Wands - Fire - Technology","device":"Nest Hub","emojis":"🏠, 💪","heritage":"The resilient magnetic mounting systems that keep smart displays securely positioned despite vibration, movement, and daily use.","science":"Permanent magnet mounting systems provide reliable attachment through carefully engineered magnetic field strength and distribution."}, |
|
|
|
|
|
{"name":"Device Ecosystem Burden","card":"Ten of Wands","classifier":"Wands - Fire - Technology","device":"All Devices","emojis":"📱, 😤","heritage":"The weight of managing multiple magnetic fields - each device adding complexity to the electromagnetic environment we live and work in.","science":"Modern environments contain dozens of overlapping magnetic fields from various devices, requiring careful interference management."}, |
|
|
|
|
|
{"name":"Magnetic Innovation Student","card":"Page of Wands","classifier":"Wands - Fire - Technology","device":"Emerging Tech","emojis":"🎓, 🧲","heritage":"The eager student of magnetic innovation - always learning, always experimenting with new ways to harness magnetic forces.","science":"Emerging magnetic technologies include metamaterial-based field manipulation and programmable magnetic systems."}, |
|
|
|
|
|
{"name":"Field Manipulation Knight","card":"Knight of Wands","classifier":"Wands - Fire - Technology","device":"Advanced Systems","emojis":"🐎, ⚡","heritage":"The bold pioneer pushing magnetic technology forward - fast, fearless, sometimes reckless in pursuit of the next breakthrough.","science":"Advanced magnetic field manipulation techniques enable precise control of field geometry and strength distribution."}, |
|
|
|
|
|
{"name":"Wireless Power Queen","card":"Queen of Wands","classifier":"Wands - Fire - Technology","device":"Charging Systems","emojis":"👑, 🔋","heritage":"The nurturing power of wireless energy transfer - providing life force to devices without physical connection, like a technological mother.","science":"Wireless power transfer efficiency depends on coil geometry, frequency optimization, and magnetic field coupling strength."}, |
|
|
|
|
|
{"name":"Electromagnetic King","card":"King of Wands","classifier":"Wands - Fire - Technology","device":"System Integration","emojis":"👑, ⚡","heritage":"The master of electromagnetic domains - controlling vast networks of magnetic fields with wisdom gained through years of experience.","science":"System-level electromagnetic compatibility requires mastery of field theory, materials science, and regulatory compliance."}, |
|
|
|
|
|
|
|
|
{"name":"US Dollar Foundation","card":"Ace of Cups","classifier":"Cups - Water - Economic","country":"United States","emojis":"💵, 🆕","heritage":"The pure beginning of modern currency - USD as the world's reserve currency, flowing through global commerce like water finding its level.","science":"US coins contain copper (penny core), nickel (5-cent composition), and zinc - creating varying magnetic responses. Only 1943 steel pennies are strongly magnetic."}, |
|
|
|
|
|
{"name":"Chinese Yuan Balance","card":"Two of Cups","classifier":"Cups - Water - Economic","country":"China","emojis":"💴, ⚖️","heritage":"The partnership between East and West - Yuan and Dollar dancing together in global trade, each influencing the other's magnetic pull.","science":"Chinese coins use steel alloys in smaller denominations, making them magnetic, while higher value coins use non-magnetic metals."}, |
|
|
|
|
|
{"name":"European Unity","card":"Three of Cups","classifier":"Cups - Water - Economic","country":"Germany/EU","emojis":"💶, 🎉","heritage":"The celebration of European monetary union - multiple nations choosing to share one currency, like your family's European roots joining American innovation.","science":"Euro coins have non-magnetic centers (brass, copper-nickel) with magnetic steel rings in higher denominations, creating selective magnetic response."}, |
|
|
|
|
|
{"name":"Japanese Precision","card":"Four of Cups","classifier":"Cups - Water - Economic","country":"Japan","emojis":"💴, 🏯","heritage":"The contemplative stability of the Yen - precision manufacturing meets monetary policy, reflecting Japan's mastery of both metals and economics.","science":"Japanese coins use aluminum (1 yen, non-magnetic), brass (5 yen, non-magnetic), copper-nickel (50 yen, non-magnetic), and steel (1 yen, magnetic)."}, |
|
|
|
|
|
{"name":"Indian Rupee Struggle","card":"Five of Cups","classifier":"Cups - Water - Economic","country":"India","emojis":"💲, 😔","heritage":"The challenge of emerging economies - currency fluctuation like the grief of economic uncertainty, yet resilience in the face of global pressures.","science":"Indian coins are primarily steel with plating, making most denominations magnetic - a practical choice for a large-volume economy."}, |
|
|
|
|
|
{"name":"Canadian Generosity","card":"Six of Cups","classifier":"Cups - Water - Economic","country":"Canada","emojis":"🍁, 🎁","heritage":"The nostalgic kindness of neighboring currency - Canadian coins often found in American pockets, shared across borders like family sharing tools.","science":"Canadian coins since 2000 use magnetic steel cores with metal plating, making them easily distinguished from US coins with magnets."}, |
|
|
|
|
|
{"name":"British Pound Legacy","card":"Seven of Cups","classifier":"Cups - Water - Economic","country":"United Kingdom","emojis":"💷, 👑","heritage":"The illusion of imperial currency - once the world's standard, now one of many options, though still carrying the weight of history.","science":"UK coins: 1p and 2p (magnetic steel since 1992), 5p and 10p (magnetic steel since 2012), others non-magnetic copper-nickel."}, |
|
|
|
|
|
{"name":"Swiss Franc Precision","card":"Eight of Cups","classifier":"Cups - Water - Economic","country":"Switzerland","emojis":"🏔️, 🚶","heritage":"The journey toward perfection - Swiss precision in both currency and manufacturing, walking away from compromise toward excellence.","science":"Swiss coins use copper-nickel and aluminum-bronze alloys, generally non-magnetic, reflecting the precision of Swiss metallurgy."}, |
|
|
|
|
|
{"name":"Australian Dollar Abundance","card":"Nine of Cups","classifier":"Cups - Water - Economic","country":"Australia","emojis":"🇦🇺, 😊","heritage":"The satisfaction of resource abundance - a currency backed by vast mineral wealth, including the very metals that make coins magnetic.","science":"Australian coins use aluminum-bronze and copper-nickel, generally non-magnetic, though the country exports iron ore that makes other nations' coins magnetic."}, |
|
|
|
|
|
{"name":"Korean Won Innovation","card":"Ten of Cups","classifier":"Cups - Water - Economic","country":"South Korea","emojis":"🇰🇷, 👨👩👧👦","heritage":"The fulfillment of technological advancement - from war-torn nation to technological leader, currency reflecting national transformation.","science":"Korean Won coins use aluminum and copper-nickel alloys, balancing cost with durability in a technology-focused economy."}, |
|
|
|
|
|
{"name":"Scottish Heritage","card":"Page of Cups","classifier":"Cups - Water - Economic","country":"Scotland","emojis":"🏴, 🎒","heritage":"The young messenger carrying ancestral memories - Scottish pounds connecting your recent family travels to ancient Celtic metalworking traditions.","science":"Scottish banknotes represent the same magnetic UK coins, maintaining the magnetic properties of the broader UK currency system."}, |
|
|
|
|
|
{"name":"Mexican Peso Artistry","card":"Knight of Cups","classifier":"Cups - Water - Economic","country":"Mexico","emojis":"🇲🇽, 🎨","heritage":"The artistic pursuit of currency design - Mexican coins blending indigenous symbolism with modern metallurgy, emotion meeting engineering.","science":"Mexican coins use stainless steel centers with aluminum-bronze rings, creating selective magnetic response patterns."}, |
|
|
|
|
|
{"name":"Brazilian Real Nurturing","card":"Queen of Cups","classifier":"Cups - Water - Economic","country":"Brazil","emojis":"🇧🇷, 💚","heritage":"The nurturing growth of emerging markets - Brazilian currency supporting vast populations through economic development and resource management.","science":"Brazilian coins use steel cores with metal plating, making them magnetic while maintaining corrosion resistance in tropical conditions."}, |
|
|
|
|
|
{"name":"Russian Ruble Power","card":"King of Cups","classifier":"Cups - Water - Economic","country":"Russia","emojis":"🇷🇺, 👑","heritage":"The controlled power of resource-based currency - vast mineral wealth including iron, nickel, and rare earths that define magnetic materials.","science":"Russian coins use steel alloys with various platings, strongly magnetic due to the country's abundant iron and steel production."}, |
|
|
|
|
|
|
|
|
{"name":"Pure Iron Truth","card":"Ace of Swords","classifier":"Swords - Air - Knowledge","metal":"Iron","emojis":"⚔️, 🧲","heritage":"The pure truth of ferromagnetism - iron as the foundation of all magnetic technology, the breakthrough metal that built your family's legacy and the modern world.","science":"Iron atoms have unpaired electrons that create magnetic dipoles, aligning to form permanent magnetic domains in the crystal structure."}, |
|
|
|
|
|
{"name":"Nickel's Duality","card":"Two of Swords","classifier":"Swords - Air - Knowledge","metal":"Nickel","emojis":"🤔, ⚖️","heritage":"The balanced choice between pure nickel's magnetism and nickel alloys' resistance - decisions that define material properties and performance.","science":"Pure nickel is ferromagnetic, but nickel alloys can be magnetic or non-magnetic depending on crystal structure and composition."}, |
|
|
|
|
|
{"name":"Cobalt's Strength","card":"Three of Swords","classifier":"Swords - Air - Knowledge","metal":"Cobalt","emojis":"💔, 💙","heritage":"The painful strength of cobalt - essential for the strongest permanent magnets, yet toxic and rare, like knowledge that cuts deep but enables great power.","science":"Cobalt has the highest Curie temperature of the ferromagnetic elements, maintaining magnetism at extreme temperatures."}, |
|
|
|
|
|
{"name":"Steel's Rest","card":"Four of Swords","classifier":"Swords - Air - Knowledge","metal":"Steel","emojis":"⏸️, 🗡️","heritage":"The peaceful state of tempered steel - carbon and iron finding perfect balance through controlled cooling, like meditation achieving inner strength.","science":"Steel's magnetic properties depend on carbon content and heat treatment, creating everything from soft magnetic cores to hard permanent magnets."}, |
|
|
|
|
|
{"name":"Aluminum's Defeat","card":"Five of Swords","classifier":"Swords - Air - Knowledge","metal":"Aluminum","emojis":"😔, ⚡","heritage":"The hollow victory of lightweight metals - aluminum's non-magnetic nature limiting its use in magnetic applications despite other excellent properties.","science":"Aluminum is paramagnetic with extremely weak magnetic response due to its electron configuration and crystal structure."}, |
|
|
|
|
|
{"name":"Copper's Journey","card":"Six of Swords","classifier":"Swords - Air - Knowledge","metal":"Copper","emojis":"🚤, 🔴","heritage":"The transition from copper's ancient uses to modern electrical applications - moving away from magnetic applications toward conductivity excellence.","science":"Copper is diamagnetic, creating weak opposing magnetic fields that enable magnetic levitation demonstrations and eddy current effects."}, |
|
|
|
|
|
{"name":"Chromium's Deception","card":"Seven of Swords","classifier":"Swords - Air - Knowledge","metal":"Chromium","emojis":"🥷, ✨","heritage":"The stealthy addition of chromium to steel - invisible but essential, preventing corrosion while affecting magnetic properties through complex interactions.","science":"Chromium forms protective oxide layers and alters magnetic domain structure in stainless steel alloys."}, |
|
|
|
|
|
{"name":"Zinc's Restriction","card":"Eight of Swords","classifier":"Swords - Air - Knowledge","metal":"Zinc","emojis":"⛓️, 🛡️","heritage":"The limiting protection of zinc coatings - galvanization protecting steel from rust but potentially interfering with magnetic coupling.","science":"Zinc is diamagnetic and non-ferrous, providing corrosion protection through sacrificial oxidation without magnetic interference."}, |
|
|
|
|
|
{"name":"Lead's Anxiety","card":"Nine of Swords","classifier":"Swords - Air - Knowledge","metal":"Lead","emojis":"😰, ⚫","heritage":"The heavy burden of lead's magnetic emptiness - dense and useful but magnetically dead, like worries that weigh down the spirit.","science":"Lead is strongly diamagnetic, creating measurable magnetic shielding effects while being completely non-ferromagnetic."}, |
|
|
|
|
|
{"name":"Tungsten's End","card":"Ten of Swords","classifier":"Swords - Air - Knowledge","metal":"Tungsten","emojis":"💀, 💎","heritage":"The final defeat of magnetic response - tungsten's extreme density and hardness overcome by its magnetic inertness, marking limits of material capability.","science":"Tungsten is paramagnetic with negligible magnetic response, valued for high-temperature applications where magnetism is unwanted."}, |
|
|
|
|
|
{"name":"Gadolinium's Message","card":"Page of Swords","classifier":"Swords - Air - Knowledge","metal":"Gadolinium","emojis":"📨, 🔬","heritage":"The rare earth messenger bringing news of exotic magnetism - materials that most will never encounter but enable cutting-edge technology.","science":"Gadolinium is ferromagnetic at room temperature with unique temperature-dependent magnetic properties, used in MRI contrast agents."}, |
|
|
|
|
|
{"name":"Neodymium's Quest","card":"Knight of Swords","classifier":"Swords - Air - Knowledge","metal":"Neodymium","emojis":"🏇, 🧲","heritage":"The aggressive pursuit of maximum magnetic strength - neodymium magnets revolutionizing everything from headphones to hard drives.","science":"Neodymium-iron-boron magnets have the highest magnetic energy product of any permanent magnet material."}, |
|
|
|
|
|
{"name":"Samarium's Wisdom","card":"Queen of Swords","classifier":"Swords - Air - Knowledge","metal":"Samarium","emojis":"👑, 🔍","heritage":"The discerning choice of high-temperature magnetism - samarium-cobalt magnets for applications where others fail, wisdom over brute strength.","science":"Samarium-cobalt magnets maintain magnetic properties at temperatures up to 300°C, superior to neodymium in extreme environments."}, |
|
|
|
|
|
{"name":"Ferrite's Authority","card":"King of Swords","classifier":"Swords - Air - Knowledge","metal":"Ferrite","emojis":"👑, 📡","heritage":"The commanding presence of ceramic magnets - ferrite cores in transformers and inductors, ruling the electromagnetic spectrum with quiet authority.","science":"Ferrite materials combine iron oxide with other metal oxides, creating magnetic ceramics with high electrical resistance and frequency response."}, |
|
|
|
|
|
|
|
|
{"name":"Room Temperature Dream","card":"Ace of Pentacles","classifier":"Pentacles - Earth - Material","concept":"Future Superconductors","emojis":"💎, 🌡️","heritage":"The pure potential of room-temperature superconductors - the holy grail that would revolutionize everything your family built, creating perfect electrical flow.","science":"Room temperature superconductors would eliminate electrical resistance entirely, enabling lossless power transmission and perfect magnetic levitation."}, |
|
|
|
|
|
{"name":"Type I vs Type II","card":"Two of Pentacles","classifier":"Pentacles - Earth - Material","concept":"Superconductor Types","emojis":"⚖️, 🧊","heritage":"The juggling act between different superconductor types - pure elements versus complex alloys, each with unique magnetic behaviors requiring careful balance.","science":"Type I superconductors completely expel magnetic fields (Meissner effect), while Type II allow partial field penetration through flux vortices."}, |
|
|
|
|
|
{"name":"BCS Theory Foundation","card":"Three of Pentacles","classifier":"Pentacles - Earth - Material","concept":"Cooper Pairs","emojis":"👥, ⚛️","heritage":"The collaborative foundation of superconductivity - electron pairs working together like generations of your family, each supporting the other's success.","science":"Cooper pairs form when electrons overcome Coulomb repulsion through phonon interactions, creating a quantum condensate with zero resistance."}, |
|
|
|
|
|
{"name":"Flux Pinning Stability","card":"Four of Pentacles","classifier":"Pentacles - Earth - Material","concept":"Magnetic Levitation","emojis":"🔒, 🪙","heritage":"The stable holding of magnetic fields - flux pinning creating levitation so stable it seems to defy gravity, like the secure foundation your family built.","science":"Superconducting flux pinning occurs when magnetic flux lines become trapped at crystal defects, enabling stable magnetic levitation."}, |
|
|
|
|
|
{"name":"Quench Failure","card":"Five of Pentacles","classifier":"Pentacles - Earth - Material","concept":"Superconductor Failure","emojis":"❄️, 😰","heritage":"The cold hardship of superconductor quench - when the magic fails and resistance returns, like economic downturns that tested your family's resilience.","science":"Superconductor quench occurs when thermal or magnetic disturbances cause rapid transition to normal state, potentially damaging the system."}, |
|
|
|
|
|
{"name":"Josephson Junction Gift","card":"Six of Pentacles","classifier":"Pentacles - Earth - Material","concept":"Quantum Tunneling","emojis":"🎁, ⚡","heritage":"The generous sharing of electrons across impossible barriers - quantum tunneling enabling SQUID sensors and quantum computers.","science":"Josephson junctions allow supercurrent to flow across insulating barriers through quantum tunneling, enabling ultra-sensitive magnetic field detection."}, |
|
|
|
|
|
{"name":"Critical Field Patience","card":"Seven of Pentacles","classifier":"Pentacles - Earth - Material","concept":"Field Limits","emojis":"⏳, 📊","heritage":"The patient assessment of magnetic field limits - determining exactly how much field a superconductor can handle before losing its magic.","science":"Critical magnetic field strength varies with temperature and current density, defining the operational envelope for superconducting applications."}, |
|
|
|
|
|
{"name":"Meissner Effect Mastery","card":"Eight of Pentacles","classifier":"Pentacles - Earth - Material","concept":"Perfect Diamagnetism","emojis":"🎯, 🧲","heritage":"The dedicated craftsmanship of perfect magnetic expulsion - Meissner effect requiring precise conditions to achieve flawless field exclusion.","science":"The Meissner effect expels magnetic fields from superconductor interiors through surface currents that exactly cancel applied fields."}, |
|
|
|
|
|
{"name":"High-Tc Achievement","card":"Nine of Pentacles","classifier":"Pentacles - Earth - Material","concept":"Cuprate Superconductors","emojis":"🏆, 🧪","heritage":"The luxurious achievement of high-temperature superconductivity - ceramic compounds that work with liquid nitrogen instead of liquid helium.","science":"Cuprate superconductors achieve critical temperatures above 77K through quantum mechanical mechanisms not fully understood by science."}, |
|
|
|
|
|
{"name":"MRI Legacy Complete","card":"Ten of Pentacles","classifier":"Pentacles - Earth - Material","concept":"Medical Applications","emojis":"🏥, 🧲","heritage":"The complete legacy of superconducting magnets in medicine - MRI machines revealing internal structure without invasion, healing through magnetism.","science":"MRI uses superconducting electromagnets generating fields of 1.5-7 Tesla to align nuclear spins and create detailed tissue images."}, |
|
|
|
|
|
{"name":"Quantum Computer Student","card":"Page of Pentacles","classifier":"Pentacles - Earth - Material","concept":"Quantum Computing","emojis":"🎓, 💻","heritage":"The eager student of quantum possibilities - superconducting qubits enabling computation beyond classical limits, learning nature's deepest secrets.","science":"Superconducting qubits use Josephson junctions to create quantum superposition states for quantum information processing."}, |
|
|
|
|
|
{"name":"Fusion Power Knight","card":"Knight of Pentacles","classifier":"Pentacles - Earth - Material","concept":"Fusion Reactors","emojis":"⚡, 🌟","heritage":"The determined pursuit of fusion energy - superconducting magnets containing stellar-temperature plasma, bringing the sun's power to Earth.","science":"Fusion reactors use superconducting toroidal field coils to confine 100-million-degree plasma through magnetic pressure."}, |
|
|
|
|
|
{"name":"Maglev Transport Queen","card":"Queen of Pentacles","classifier":"Pentacles - Earth - Material","concept":"Transportation","emojis":"🚄, 👑","heritage":"The nurturing efficiency of magnetic levitation trains - superconducting magnets enabling frictionless transport, caring for passengers and environment.","science":"Maglev trains use superconducting magnets for both levitation and propulsion, achieving speeds over 600 km/h with minimal energy loss."}, |
|
|
|
|
|
{"name":"Power Grid King","card":"King of Pentacles","classifier":"Pentacles - Earth - Material","concept":"Grid Storage","emojis":"⚡, 👑","heritage":"The sovereign authority of superconducting magnetic energy storage - SMES systems storing grid-scale power in magnetic fields with perfect efficiency.","science":"Superconducting Magnetic Energy Storage (SMES) stores electrical energy in magnetic fields of superconducting coils with >95% efficiency."} |
|
|
]; |
|
|
|
|
|
|
|
|
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>⚙️</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>Domain:</strong> <em>${cardData.classifier}</em></p> |
|
|
<p class="heritage"><strong>Heritage Connection:</strong> ${cardData.heritage}</p> |
|
|
<p class="science"><strong>Science:</strong> ${cardData.science}</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 = ['The Heritage', 'The Present Force', 'The Magnetic Future']; |
|
|
|
|
|
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 = ['The Heritage', 'The Present Force', 'The Magnetic Future']; |
|
|
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> |
