Crafting: Difference between revisions
From Treeverse
More actions
Created page with "Players can turn raw resources into useful products like weapons and gear, food, potions through our various systems like crafting, cooking and alchemy." |
No edit summary Tag: Reverted |
||
| Line 1: | Line 1: | ||
Players can turn raw resources into useful products like weapons and gear, food, potions through our various systems like crafting, cooking and alchemy. | Players can turn raw resources into useful products like weapons and gear, food, potions through our various systems like crafting, cooking and alchemy. | ||
<!DOCTYPE html> | |||
<html lang="en"> | |||
<head> | |||
<meta charset="UTF-8" /> | |||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |||
<title>Alpha: Season 2</title> | |||
<style> | |||
.season2-block { | |||
border-radius: 16px; | |||
background: #ffffff; | |||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); | |||
overflow: hidden; | |||
font-family: system-ui, sans-serif; | |||
max-width: 900px; | |||
margin: 2rem auto; | |||
} | |||
.season2-inner { | |||
display: grid; | |||
grid-template-columns: 220px 1fr; /* 200px image + spacing */ | |||
gap: 24px; | |||
padding: 24px; | |||
align-items: center; | |||
} | |||
.season2-media img { | |||
width: 200px; | |||
height: auto; | |||
border-radius: 12px; | |||
object-fit: cover; | |||
} | |||
.season2-label { | |||
font-size: 14px; | |||
font-weight: 600; | |||
color: #374151; | |||
margin-bottom: 6px; | |||
} | |||
.season2-title { | |||
font-size: 28px; | |||
font-weight: 800; | |||
color: #111827; | |||
margin: 0 0 8px; | |||
} | |||
.season2-subtitle { | |||
font-size: 16px; | |||
color: #4b5563; | |||
margin: 0 0 16px; | |||
} | |||
.season2-button { | |||
display: inline-block; | |||
background: linear-gradient( | |||
90deg, | |||
rgb(99, 102, 241) 0%, | |||
rgb(168, 85, 247) 50%, | |||
rgb(52, 211, 153) 100% | |||
); | |||
color: #fff; | |||
font-weight: 600; | |||
text-decoration: none; | |||
padding: 12px 20px; | |||
border-radius: 10px; | |||
transition: transform 0.15s ease; | |||
} | |||
.season2-button:hover { | |||
transform: scale(1.03); | |||
} | |||
/* Responsive: stack on small screens */ | |||
@media (max-width: 640px) { | |||
.season2-inner { | |||
grid-template-columns: 1fr; | |||
} | |||
.season2-media img { | |||
width: 100%; | |||
max-width: 320px; | |||
} | |||
} | |||
</style> | |||
</head> | |||
<body> | |||
<!-- Hot Topic Block --> | |||
<section class="season2-block" aria-labelledby="season2-heading"> | |||
<div class="season2-inner"> | |||
<!-- Left image --> | |||
<div class="season2-media"> | |||
<img src="S2.JPG" alt="Season 2 teaser" /> | |||
</div> | |||
<!-- Right content --> | |||
<div class="season2-content"> | |||
<p class="season2-label">🔥 Alpha: Season 2</p> | |||
<h2 id="season2-heading" class="season2-title"> | |||
What to Expect in Season 2 | |||
</h2> | |||
<p class="season2-subtitle">Sneak peek at what's to come</p> | |||
<a href="/season-2" class="season2-button">Learn More ➜</a> | |||
</div> | |||
</div> | |||
</section> | |||
</body> | |||
</html> | |||
Revision as of 01:20, 3 September 2025
Players can turn raw resources into useful products like weapons and gear, food, potions through our various systems like crafting, cooking and alchemy.
<!DOCTYPE html>
