Technological Bench: Difference between revisions
No edit summary |
No edit summary |
||
| Line 7: | Line 7: | ||
<style> | <style> | ||
/* ===== TABS ===== */ | |||
.mw-tab-buttons { | .mw-tab-buttons { | ||
display: flex; | display: flex; | ||
| Line 41: | Line 42: | ||
.mw-tab-content { | .mw-tab-content { | ||
display: none; | display: none; | ||
padding: 10px | padding-top: 10px; | ||
} | } | ||
.mw-tab-content.active { | .mw-tab-content.active { | ||
display: block; | display: block; | ||
} | |||
/* ===== GAME ITEM CARD ===== */ | |||
.item-card { | |||
background: #11161c; | |||
border: 1px solid #1f2a35; | |||
border-radius: 10px; | |||
padding: 12px; | |||
margin-bottom: 10px; | |||
box-shadow: 0 0 6px rgba(0,0,0,0.4); | |||
} | |||
.item-title { | |||
font-weight: 700; | |||
font-size: 15px; | |||
color: #e6edf3; | |||
margin-bottom: 8px; | |||
} | |||
.item-line { | |||
font-size: 13px; | |||
color: #9fb0c3; | |||
padding: 4px 0; | |||
border-top: 1px solid #1a222b; | |||
} | |||
.item-line:first-of-type { | |||
border-top: none; | |||
} | } | ||
</style> | </style> | ||
| Line 59: | Line 88: | ||
<!-- ================= SURVIVAL ================= --> | <!-- ================= SURVIVAL ================= --> | ||
<div id="slot1" class="mw-tab-content active"> | <div id="slot1" class="mw-tab-content active"> | ||
< | |||
<div class="item-card"> | |||
<div class="item-title">Primary Stove</div> | |||
<div class="item-line">Tech Level 1: 29 Copper Ore + 17 Gravel + 25 Wood</div> | |||
<div class="item-line">Tech Level 8: 29 Copper Ore + 17 Gravel + 25 Wood</div> | |||
<div class="item-line">Tech Level 12: 30 Copper Ore + 25 Gravel + 17 Wood</div> | |||
</div> | |||
</div> | </div> | ||
<!-- ================= PRODUCTION ================= --> | <!-- ================= PRODUCTION ================= --> | ||
<div id="slot2" class="mw-tab-content"> | <div id="slot2" class="mw-tab-content"> | ||
</div> | </div> | ||
<!-- ================= COMBAT ================= --> | <!-- ================= COMBAT ================= --> | ||
<div id="slot3" class="mw-tab-content"> | <div id="slot3" class="mw-tab-content"> | ||
</div> | </div> | ||
| Line 82: | Line 117: | ||
document.querySelectorAll('.mw-tab-btn').forEach(btn => { | document.querySelectorAll('.mw-tab-btn').forEach(btn => { | ||
btn.addEventListener('click', () => { | btn.addEventListener('click', () => { | ||
document.querySelectorAll('.mw-tab-btn').forEach(b => b.classList.remove('active')); | document.querySelectorAll('.mw-tab-btn').forEach(b => b.classList.remove('active')); | ||
document.querySelectorAll('.mw-tab-content').forEach(c => c.classList.remove('active')); | document.querySelectorAll('.mw-tab-content').forEach(c => c.classList.remove('active')); | ||
btn.classList.add('active'); | btn.classList.add('active'); | ||
document.getElementById(btn.dataset.tab).classList.add('active'); | document.getElementById(btn.dataset.tab).classList.add('active'); | ||
Revision as of 08:04, 24 April 2026
Primary Stove
Tech Level 1: 29 Copper Ore + 17 Gravel + 25 Wood
Tech Level 8: 29 Copper Ore + 17 Gravel + 25 Wood
Tech Level 12: 30 Copper Ore + 25 Gravel + 17 Wood
Build content goes here