Заглавная страница2: различия между версиями
Материал из Star Horizon Wiki
Дополнительные действия
Chen (обсуждение | вклад) Версия 2 Метки: отменено через визуальный редактор |
Chen (обсуждение | вклад) Версия 3 Метки: ручная отмена через визуальный редактор |
||
| Строка 1: | Строка 1: | ||
<!-- | <!-- FRONTIER MAIN PAGE CARDS --> | ||
<div style="display: | <div style=" | ||
display: flex; | |||
flex-wrap: wrap; | |||
justify-content: center; | |||
gap: 1.5em; | |||
padding: 1.5em; | |||
background: radial-gradient(circle at top left, #0c0c18 0%, #060611 100%); | |||
color: #ddd; | |||
font-family: 'Segoe UI', sans-serif; | |||
"> | |||
<!-- | <!-- ОСНОВНОЕ --> | ||
<div style=" | <div style=" | ||
<div style="background: #3b3b5e; color: | flex: 1 1 320px; | ||
Основное | max-width: 400px; | ||
background: rgba(20, 20, 35, 0.85); | |||
border: 1px solid rgba(100,100,200,0.3); | |||
border-radius: 0.75em; | |||
box-shadow: 0 0 10px rgba(0,0,0,0.4); | |||
overflow: hidden; | |||
transition: 0.3s; | |||
" onmouseover="this.style.transform='scale(1.03)';" onmouseout="this.style.transform='scale(1)'"> | |||
<div style="background: linear-gradient(90deg, #3b3b5e, #1b1b3b); color: #fff; text-align: center; padding: .6em; font-size: 1.3em;"> | |||
<b>Основное</b> | |||
</div> | </div> | ||
<div style="padding: 1em | <div style="padding: 1em; text-align: center;"> | ||
< | <img src="File:Frontier_wiki_logo.png" style="width:90px; opacity:0.9;"><br><br> | ||
<b style="font-size:1.1em; color:#fff;">Welcome to Frontier Station Wiki!</b><br> | |||
<small>Here you can find guides, lore, and roles of the server.</small> | |||
<hr style="margin: 1em 0; border-color: rgba(150,150,255,0.2);"> | |||
<b style="color:#9cf;">System Information</b><br> | |||
<small> | |||
<b>Server:</b> Frontier Station 14<br> | |||
<b>Build:</b> Frontier / v1.8<br> | |||
<b>Language:</b> English / Russian<br> | |||
<b>Platform:</b> Space Station 14 | |||
< | </small> | ||
<hr | |||
<b> | |||
</div> | </div> | ||
</div> | </div> | ||
<!-- | <!-- GUIDES --> | ||
<div style=" | <div style=" | ||
<div style="background: | flex: 1 1 320px; | ||
max-width: 400px; | |||
background: rgba(20, 20, 35, 0.85); | |||
border: 1px solid rgba(42,128,219,0.4); | |||
border-radius: 0.75em; | |||
box-shadow: 0 0 10px rgba(0,0,0,0.4); | |||
overflow: hidden; | |||
transition: 0.3s; | |||
" onmouseover="this.style.transform='scale(1.03)';" onmouseout="this.style.transform='scale(1)'"> | |||
<div style="background: linear-gradient(90deg, rgba(42,128,219), rgba(30,90,180)); color:white; text-align:center; padding:.6em; font-size:1.3em;"> | |||
<b>Guides</b> | |||
</div> | </div> | ||
<div style="padding: 1em; text-align: center;"> | <div style="padding:1em; text-align:center;"> | ||
<img src="File:Logo ec.png" style="width:80px; opacity:0.9;"><br> | |||
<b><a href="Guide for New Players" style="color:#9cf; text-decoration:none;">Guide for New Players</a></b><br> | |||
<small><a href="https://webmap.affectedarc07.co.uk/maps/bay12/torch/" style="color:#ccc;">Map of the SEV Torch</a></small> | |||
</div> | </div> | ||
</div> | </div> | ||
<!-- | <!-- ROLES --> | ||
<div style=" | <div style=" | ||
<div style="background: | flex: 1 1 320px; | ||
max-width: 400px; | |||
background: rgba(20, 20, 35, 0.85); | |||
border: 1px solid rgba(41,77,207,0.4); | |||
border-radius: 0.75em; | |||
box-shadow: 0 0 10px rgba(0,0,0,0.4); | |||
overflow: hidden; | |||
transition: 0.3s; | |||
" onmouseover="this.style.transform='scale(1.03)';" onmouseout="this.style.transform='scale(1)'"> | |||
<div style="background: linear-gradient(90deg, rgba(41,77,207), rgba(20,50,150)); color:white; text-align:center; padding:.6em; font-size:1.3em;"> | |||
<b>Roles</b> | |||
</div> | </div> | ||
<div style="padding: 1em; text-align: center;"> | <div style="padding:1em; text-align:center;"> | ||
<img src="File:Logo torch.png" style="width:80px; opacity:0.9;"><br> | |||
<b><a href="Commanding Officer" style="color:#9cf; text-decoration:none;">Command Roles</a></b><br> | |||
<small><a href="Engineer" style="color:#ccc;">Engineering</a> ∙ <a href="Explorer" style="color:#ccc;">Exploration</a></small> | |||
</div> | </div> | ||
</div> | </div> | ||
<!-- | <!-- LORE --> | ||
<div style=" | <div style=" | ||
<div style="background: | flex: 1 1 320px; | ||
max-width: 400px; | |||
background: rgba(20, 20, 35, 0.85); | |||
border: 1px solid rgba(0,168,104,0.4); | |||
border-radius: 0.75em; | |||
box-shadow: 0 0 10px rgba(0,0,0,0.4); | |||
overflow: hidden; | |||
transition: 0.3s; | |||
" onmouseover="this.style.transform='scale(1.03)';" onmouseout="this.style.transform='scale(1)'"> | |||
<div style="background: linear-gradient(90deg, rgba(0,168,104), rgba(0,110,70)); color:white; text-align:center; padding:.6em; font-size:1.3em;"> | |||
<b>Lore</b> | |||
</div> | </div> | ||
<div style="padding: 1em; text-align: center;"> | <div style="padding:1em; text-align:center;"> | ||
<img src="File:Solgov logo.png" style="width:80px; opacity:0.9;"><br> | |||
<b><a href="Beginning Lore" style="color:#9cf; text-decoration:none;">Beginning Lore</a></b><br> | |||
<small><a href="Timeline of Canon Events" style="color:#ccc;">Canon Timeline</a></small> | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||