Просмотр кода страницы Заглавная страница

{{Main page/header}}
<!-- Styles -->
<templatestyles src="Template:Main page/shared/styles.css" />
<!-- SEO -->
{{#seo:
|type          = website
|title         = Open Wiki SS14
|site_name     = Open Wiki SS14
|description   = Open Wiki SS14 — Вики по Space Station 14 от команды Open Space
|keywords      = SS14, Space Station 14, СС14, Космическая Станция 14, Open Space, Open Wiki SS14, вики SS14, wiki SS14, гайды по SS14, профессии SS14, ролевая игра, space RP, 2D песочница, космос, станция, клоун, инженер, капитан, антагонисты, моддинг SS14, Robust Toolbox, C#, .NET, открытый исходный код, игровой движок, многопользовательская игра, ролевые сценарии, выживание на станции, технические системы, атмосфера, электрика, медицина, наука, безопасность, синдикат, трайт, события, админские команды, карты, спрайты, ассеты, туториалы, FAQ, новости SS14, обновления SS14, патчи SS14, русскоязычное сообщество SS14, форум SS14, Discord SS14
|locale        = ru_RU
}}
<!-- Hide ToC -->
__NOTOC__
__NOTITLE__
{{#css:
.mw-parser-output a.external::after {
 display:none;
}
#home-card-reddit img,
#home-card-discord img{
    image-rendering: auto;
}
/* Скрываем автоматически добавляемые link теги */
link[rel="mw-deduplicated-inline-style"] {
    display: none !important;
}
pre {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    line-height: 0 !important;
}
/* Десктопная версия - две колонки */
.main-page-columns {
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 20px;
    align-items: stretch;
    margin: 0;
    padding: 0;
}
.column-content {
    flex: 1 1 50%;
    min-width: 0;
    margin: 0;
    padding: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
}
/* Контейнер для Links */
.links-container {
    height: 100%;
    display: flex;
    flex-direction: column;
}
/* Контейнер для About */
.equal-height-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 13px;
}
.pageframe {
    flex-shrink: 0;
}
.pageframe:last-child {
    flex: 1;
}
/* Стили для блоков гайдов */
.guides-section {
    margin: 1.5em 0 0.75em 0;
}
.wiki-mainpage {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75em;
    width: 100%;
}
.wiki-mainpage-column {
    display: flex;
    flex-direction: column;
    flex: 1 1 calc(50% - 0.75em);
    gap: 0.75em;
    min-width: 300px;
}
/* Мобильная версия - одна колонка */
@media (max-width: 768px) {
    .main-page-columns {
        flex-direction: column !important;
        gap: 16px !important;
    }
    .column-content {
        flex: 1 1 100% !important;
        width: 100% !important;
        height: auto !important;
    }
    .links-container {
        height: auto !important;
    }
    .equal-height-container {
        height: auto !important;
        gap: 12px !important;
    }
    .pageframe:last-child {
        flex: 0 1 auto !important;
    }
    /* Гайды на мобильных - одна колонка */
    .wiki-mainpage {
        flex-direction: column;
    }
    .wiki-mainpage-column {
        flex: 1 1 100% !important;
        min-width: auto;
    }
}
/* Для очень маленьких экранов */
@media (max-width: 480px) {
    .main-page-columns {
        gap: 12px !important;
    }
    .community-links-grid img {
        max-width: 140px !important;
        height: auto !important;
    }
    .biglink {
        margin: 6px 0 !important;
        font-size: 18px !important;
        line-height: 18px !important;
    }
    .wiki-mainpage {
        gap: 0.5em;
    }
}
}}
<!-- Content -->
<div class="main-page-columns">
    <!-- Левая колонка -->
    <div class="column-content">
        <div class="links-container">
            {{Main_Page/Links}}
        </div>
    </div>
    <!-- Правая колонка -->
    <div class="column-content">
        <div class="equal-height-container">
            {{Main_Page/About}}
        </div>
    </div>
</div>

<!-- GUIDES SECTION -->
<div class="guides-section">
<div class="wiki-mainpage">
  <div class="wiki-mainpage-column">
    <div>{{MainPage/Lore}}</div>
    <div>{{MainPage/Guides}}</div>
  </div>
  
  <div class="wiki-mainpage-column">
    <div>{{MainPage/Jobs}}</div>
    <div>{{MainPage/Antags}}</div>
    <div>{{MainPage/Pepegas}}</div>
  </div>
</div>
</div>