Ben at 23:48, 31 March 2025

2025-03-31T23:48:39Z

← Older revision		Revision as of 23:48, 31 March 2025
Line 169:		Line 169:

	</div>		</div>

	~~<!-- Footer -->~~
	~~<div style="~~
	~~background: linear-gradient(135deg, rgba(76,175,80,0.1) 0%, rgba(33,150,243,0.1) 100%);~~
	~~border-radius: 12px;~~
	~~padding: 20px;~~
	~~text-align: center;~~
	~~border: 1px solid rgba(255,255,255,0.1);~~
	">
	~~<p style="color: #888; margin: 0;">Last edited: [Date] by [User]</p>~~
	~~</div>~~

	</div>		</div>

Ben: Created page with "

2025-03-31T23:48:14Z

Created page with "<div style=" max-width: 1400px; margin: 0 auto; padding: 30px; font-family: 'Segoe UI', system-ui, sans-serif; background: linear-gradient(45deg, #1a1a1a 0%, #2d2d2d 100%); color: #f0f0f0; ">  <div style=" background: linear-gradient(135deg, rgba(76,175,80,0.15) 0%, rgba(33,150,243,0.15) 100%); border-radius: 16px; padding: 40px; margin-bottom: 30px; border: 1px solid rgba(255,255,255,0.1); backdrop-fil..."

New page
<div style="
max-width: 1400px;
margin: 0 auto;
padding: 30px;
font-family: 'Segoe UI', system-ui, sans-serif;
background: linear-gradient(45deg, #1a1a1a 0%, #2d2d2d 100%);
color: #f0f0f0;
">


<div style="
background: linear-gradient(135deg, rgba(76,175,80,0.15) 0%, rgba(33,150,243,0.15) 100%);
border-radius: 16px;
padding: 40px;
margin-bottom: 30px;
border: 1px solid rgba(255,255,255,0.1);
backdrop-filter: blur(8px);
">
<h1 style="
color: #fff;
font-size: 2.8em;
margin: 0 0 15px 0;
text-shadow: 0 2px 4px rgba(0,0,0,0.3);
background: linear-gradient(45deg, #4CAF50 0%, #2196F3 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
">📚 Wiki Page Title</h1>
<div style="
background: rgba(255,255,255,0.05);
padding: 15px;
border-radius: 8px;
border-left: 4px solid #4CAF50;
">
<p style="margin: 0; color: #ccc;">✏️ Click to edit this summary section...</p>
</div>
</div>


<div style="
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 25px;
margin-bottom: 30px;
">


<div style="
background: linear-gradient(145deg, rgba(40,40,40,0.9) 0%, rgba(60,60,60,0.9) 100%);
border-radius: 12px;
padding: 25px;
border: 1px solid rgba(255,255,255,0.1);
transition: transform 0.3s ease;
position: relative;
min-height: 200px;
">
<div style="
position: absolute;
top: -1px;
right: -1px;
background: linear-gradient(45deg, #FF9800, #FF5722);
color: white;
padding: 6px 15px;
border-radius: 0 12px 0 12px;
font-size: 0.9em;
">Editable</div>
<h2 style="
color: #FF9800;
margin: 0 0 15px 0;
font-size: 1.4em;
display: flex;
align-items: center;
gap: 10px;
">⭐ Featured Section</h2>
<div contenteditable="true" style="
background: rgba(255,255,255,0.03);
padding: 15px;
border-radius: 8px;
border: 1px dashed rgba(255,255,255,0.2);
min-height: 120px;
color: #ddd;
">
✍️ featured loot images maybe?
</div>
</div>


<div style="
background: linear-gradient(145deg, rgba(33,150,243,0.1) 0%, rgba(76,175,80,0.1) 100%);
border-radius: 12px;
padding: 25px;
border: 1px solid rgba(33,150,243,0.3);
position: relative;
">
<h2 style="
color: #2196F3;
margin: 0 0 20px 0;
font-size: 1.4em;
">📘 Quick Guide</h2>
<div style="
background: rgba(0,0,0,0.2);
padding: 15px;
border-radius: 8px;
margin-bottom: 15px;
">
<div style="
display: flex;
gap: 10px;
align-items: center;
margin-bottom: 10px;
color: #4CAF50;
">
<span>1.</span>
<div contenteditable="true" style="
background: rgba(255,255,255,0.05);
padding: 8px 12px;
border-radius: 6px;
flex-grow: 1;
">Edit step 1</div>
</div>
<div style="
display: flex;
gap: 10px;
align-items: center;
color: #2196F3;
">
<span>2.</span>
<div contenteditable="true" style="
background: rgba(255,255,255,0.05);
padding: 8px 12px;
border-radius: 6px;
flex-grow: 1;
">Edit step 2</div>
</div>
</div>
<div style="
background: rgba(255,152,0,0.1);
padding: 12px;
border-radius: 8px;
border-left: 3px solid #FF9800;
color: #FF9800;
">
💡 some kind of helpful setup tip?
</div>
</div>


<div style="
background: linear-gradient(145deg, rgba(233,30,99,0.1) 0%, rgba(156,39,176,0.1) 100%);
border-radius: 12px;
padding: 25px;
border: 1px solid rgba(233,30,99,0.3);
">
<h2 style="
color: #E91E63;
margin: 0 0 15px 0;
font-size: 1.4em;
">🎨 Media & Files</h2>
<div style="
background: rgba(255,255,255,0.03);
border: 2px dashed rgba(255,255,255,0.1);
border-radius: 8px;
padding: 20px;
text-align: center;
color: #888;
">
📁 images here
</div>
</div>

</div>


<div style="
background: linear-gradient(135deg, rgba(76,175,80,0.1) 0%, rgba(33,150,243,0.1) 100%);
border-radius: 12px;
padding: 20px;
text-align: center;
border: 1px solid rgba(255,255,255,0.1);
">
<p style="color: #888; margin: 0;">Last edited: [Date] by [User]</p>
</div>

</div>