Draft index page

This commit is contained in:
Hamcha 2020-06-28 02:22:11 +02:00
parent dab6947796
commit bc6a3ad9eb
Signed by untrusted user: hamcha
GPG key ID: 41467804B19A3315
3 changed files with 34 additions and 4 deletions

View file

@ -54,6 +54,27 @@
<img class="icon" src="assets/images/outline.svg" />
<img class="type" src="assets/images/type.svg" />
</header>
<div>
<p>
This handbook is a collection of tweaks of the /tg/station wiki
pages to make them prettier and easier to navigate.
</p>
<p>Please note that:</p>
<ul>
<li>
It's being built with smaller windows in mind (think SS13
popups), large window format is planned but it's just not there
yet.
</li>
<li>
There is a lot of development still happening, so many parts are
not as polished as they should be.
</li>
</ul>
</div>
<p>
Click any guide in the top menu to open it.
</p>
</div>
</section>
</main>

View file

@ -2,14 +2,18 @@
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: 12pt;
line-height: 1.4em;
padding: 10pt;
header {
flex: 1;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
padding: 20pt;
.icon {
max-width: 30vw;
max-width: 25vw;
width: 200px;
margin-right: 20px;
}
@ -18,4 +22,8 @@
width: 400px;
}
}
p,
ul {
max-width: 960px;
}
}

View file

@ -88,13 +88,14 @@ body {
.page {
//visibility: hidden;
will-change: display;
&:not(.active) {
display: none;
}
overflow-y: auto;
grid-row: 1;
grid-column: 1;
&.active {
//visibility: visible;
display: inherit;
&.waiting {
user-select: none;
position: fixed;