Star Horizon Wiki

Заглавная страница2: различия между версиями

← Предыдущая правкаСледующая правка →
ВизуальныйВики-текст
Версия 4
Версия 4
Строка 1: Строка 1:
<!-- FRONTIER MAIN PAGE CARDS -->
<div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 1em;">
<div style="
  display: flex;  
  flex-wrap: wrap;  
  justify-content: center;  
  gap: 2em;
  padding: 1.5em;
  background: radial-gradient(circle at top left, #0c0c18 0%, #060611 100%);
  color: #ddd;
  font-family: 'Segoe UI', sans-serif;
">


  <!-- ОСНОВНОЕ -->
<!-- БЛОК 1 — ОСНОВНОЕ -->
  <div style="
<div style="flex: 1 1 45%; min-width: 350px; background: rgba(15,15,20,0.6); border-radius: 1em; padding: 1em; box-shadow: 0 0 0.5em rgba(0,0,0,0.6); color: white;">
    flex: 1 1 calc(50% - 2em);  
<h2 style="text-align:center; color: #79a9ff;">Основное</h2>
    max-width: 500px;  
    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 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>
    </div>
  </div>


  <!-- GUIDES -->
<div style="text-align:center;">
  <div style="
'''Welcome aboard the SEV Torch!'''
    flex: 1 1 calc(50% - 2em);
The SEV Torch is a vessel of the [[Sol Central Government|SCG]] [[Expeditionary Corps]].
    max-width: 500px;
</div>
    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 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>


  <!-- ROLES -->
<hr style="border: 1px solid rgba(120,120,120,0.2);">
  <div style="
    flex: 1 1 calc(50% - 2em);
    max-width: 500px;
    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 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>


  <!-- LORE -->
<div style="text-align:center;">
  <div style="
'''System Information''' 
    flex: 1 1 calc(50% - 2em);  
This wiki contains information for crew members of the Torch and affiliated organizations. 
    max-width: 500px;  
[[File:Torch.png|center|300px|frameless]]
    background: rgba(20, 20, 35, 0.85);  
</div>
    border: 1px solid rgba(0,168,104,0.4);  
</div>
    border-radius: 0.75em;  
 
    box-shadow: 0 0 10px rgba(0,0,0,0.4);
<!-- БЛОК 2 — ROLES -->
    overflow: hidden;
<div style="flex: 1 1 45%; min-width: 350px; background: rgba(15,15,20,0.6); border-radius: 1em; padding: 1em; box-shadow: 0 0 0.5em rgba(0,0,0,0.6); color: white;">
    transition: 0.3s;
<h2 style="text-align:center; color: #79a9ff;">Roles</h2>
  "  
 
  onmouseover="this.style.transform='scale(1.03)';"  
{| class="wikitable" style="text-align: center; box-shadow: 0 0 .3em #999; border-radius: .2em;"
  onmouseout="this.style.transform='scale(1)'">
| colspan="3" style="color:white; background: rgba(42, 128, 219); border-radius: .2em;" |'''<big>Roles</big>'''
    <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>
| colspan="3" |[[File:Logo torch.png|center|frameless|link=]]
    </div>
|-
    <div style="padding:1em; text-align:center;">
| style="width: 33%; color:white; background: rgba(41, 77, 207);" |'''Command'''
      <img src="File:Solgov logo.png" style="width:80px; opacity:0.9;"><br>
| style="width: 33%; color:white; background: rgba(232, 126, 2);" |'''Engineering'''
      <b><a href="Beginning Lore" style="color:#9cf; text-decoration:none;">Beginning Lore</a></b><br>
| style="width: 33%; color:white; background: rgba(139, 52, 201);" |'''Exploration'''
      <small><a href="Timeline of Canon Events" style="color:#ccc;">Canon Timeline</a></small>
|-
    </div>
| style="background: rgba(41, 77, 207, 0.05);" |[[Bridge Officer]] ∙ [[Commanding Officer]] ∙ [[Corporate Liaison]] ∙ [[Executive Officer]] ∙ [[Senior Enlisted Advisor|SEA]] ∙ [[SolGov Representative|SCGR]]
  </div>
| style="background: rgba(232, 126, 2, 0.05);" |[[Chief Engineer]] ∙ [[Engineer]]  ∙ [[Engineer|Engineer Trainee]] ∙ [[Roboticist]] ∙ [[Senior Engineer]]
| style="background: rgba(139, 52, 201, 0.05);" |[[Explorer]] ∙ [[Pathfinder]] ∙ [[Shuttle Pilot]]
|-
| style="color:white; background: rgba(20, 176, 179);" |'''Medical'''
| style="color:white; background: rgba(180, 51, 189);" |'''Research'''
| style="color:white; background: rgba(209, 63, 38);"  |'''Security'''
|-
| style="background: rgba(20, 176, 179, 0.05);" |[[Chief Medical Officer]] ∙ [[Counselor]] ∙ [[Medical Technician]] ∙ [[Physician|Medical Resident]] ∙ [[Pharmacist]] ∙ [[Physician]] ∙ [[Medical Technician|Trainee Medical Technician]]
| style="background: rgba(180, 51, 189, 0.05);" |[[Chief Science Officer]] ∙ [[Research Assistant]] ∙ [[Scientist]] ∙ [[Senior Researcher]]
| style="background: rgba(209, 63, 38, 0.05);" |[[Brig Chief]] ∙ [[Chief of Security]] ∙ [[Forensic Technician]] ∙ [[Master at Arms]]
|-
| style="color:white; background: rgba(39, 184, 73);"  |'''Service'''
| style="color:white; background: rgba(196, 148, 59);" |'''Supply'''
| style="color:white; background: rgba(204, 183, 20);" |'''Miscellaneous'''
|-
| style="background: rgba(39, 184, 73, 0.05);"  |[[Chaplain]] ∙ [[Chief Steward]] ∙ [[Crewman]] ∙ [[Sanitation Technician]] ∙ [[Steward]]
| style="background: rgba(196, 148, 59, 0.05);" |[[Deck Chief]] ∙ [[Deck Technician]] ∙ [[Prospector]]
| style="background: rgba(204, 183, 20, 0.05);" |[[Merchant]] ∙ [[Passenger]] ∙ [[Robot]]
|-
| colspan="3" style="color:white; background: rgba(69, 69, 69);"|'''Antagonists'''
|-
| colspan="3" style="background: rgba(69, 69, 69, 0.05);" |[[Changeling]] ∙ [[Cultist]] ∙ [[Loyalist]] ∙ [[Mercenary]] ∙ [[Mutineer]] ∙ [[Operative]] ∙ [[Raider]] ∙ [[Renegade]] ∙ [[Traitor]] ∙ [[Vox Raider]]
|}
</div>
 
<!-- БЛОК 3 — GUIDES -->
<div style="flex: 1 1 45%; min-width: 350px; background: rgba(15,15,20,0.6); border-radius: 1em; padding: 1em; box-shadow: 0 0 0.5em rgba(0,0,0,0.6); color: white;">
<h2 style="text-align:center; color: #79a9ff;">Guides</h2>
 
{{:Guides}} <!-- Если страница Guides уже существует -->
<!-- Или можно вставить твой оригинальный код таблицы Guides сюда -->
</div>
 
<!-- БЛОК 4 — LORE -->
<div style="flex: 1 1 45%; min-width: 350px; background: rgba(15,15,20,0.6); border-radius: 1em; padding: 1em; box-shadow: 0 0 0.5em rgba(0,0,0,0.6); color: white;">
<h2 style="text-align:center; color: #79a9ff;">Lore</h2>
 
{{:Lore}} <!-- Или вставь свой код Lore таблицы -->
</div>


</div>
</div>
Источник — https://wiki.starhorizon.ru/index.php/Заглавная_страница2