Add kosmos.social link, downsize a bit

This commit is contained in:
Basti 2017-04-25 20:59:08 +02:00
parent 2a92716538
commit eed8566bc4
2 changed files with 26 additions and 16 deletions

View File

@ -19,6 +19,7 @@
<ul> <ul>
<li><a href="https://wiki.kosmos.org">Wiki</a></li> <li><a href="https://wiki.kosmos.org">Wiki</a></li>
<li><a href="https://github.com/67P">GitHub</a></li> <li><a href="https://github.com/67P">GitHub</a></li>
<li><a href="https://kosmos.social/@kosmos">Fediverse</a></li>
<li><a href="https://twitter.com/KosmosHQ">Twitter</a></li> <li><a href="https://twitter.com/KosmosHQ">Twitter</a></li>
</ul> </ul>
</nav> </nav>

View File

@ -1,13 +1,16 @@
* { * {
margin: 0; margin: 0;
padding: 0; } padding: 0;
}
body, html { body, html {
box-sizing: border-box; box-sizing: border-box;
height: 100%; } height: 100%;
}
*, *:before, *:after { *, *:before, *:after {
box-sizing: inherit; } box-sizing: inherit;
}
body { body {
background-color: #000; background-color: #000;
@ -16,9 +19,10 @@ body {
background-repeat: no-repeat; background-repeat: no-repeat;
color: #fff; color: #fff;
font-family: Abel; font-family: Abel;
font-size: 24px; font-size: 18px;
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
text-align: center; } text-align: center;
}
section#teaser { section#teaser {
height: 100%; height: 100%;
@ -79,14 +83,14 @@ section#teaser {
section#teaser h1 { section#teaser h1 {
display: inline-block; display: inline-block;
margin-bottom: 1rem; margin-bottom: 1rem;
font-size: 96px; font-size: 4rem;
font-family: Raleway; font-family: Raleway;
font-weight: 300; font-weight: 300;
text-transform: uppercase; } text-transform: uppercase; }
section#teaser h2 { section#teaser h2 {
margin-bottom: 4rem; margin-bottom: 4rem;
font-weight: 300; font-weight: 300;
font-size: 32px; } font-size: 1.6rem; }
section#teaser p { section#teaser p {
margin-bottom: 2rem; } margin-bottom: 2rem; }
section#teaser nav { section#teaser nav {
@ -158,9 +162,9 @@ section#teaser {
section#teaser nav ul li a { section#teaser nav ul li a {
display: block; display: block;
margin: 0 8px; margin: 0 8px;
height: 48px; height: 2.4rem;
line-height: 48px; line-height: 2.4rem;
font-size: 24px; font-size: 1.2rem;
font-weight: 300; font-weight: 300;
text-decoration: none; text-decoration: none;
color: #fff; color: #fff;
@ -173,17 +177,22 @@ section#teaser {
background: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.2);
-webkit-transition: all linear 150ms; -webkit-transition: all linear 150ms;
-moz-transition: all linear 150ms; -moz-transition: all linear 150ms;
transition: all linear 150ms; } transition: all linear 150ms;
}
footer { footer {
position: absolute; position: absolute;
bottom: 8px; bottom: 8px;
right: 8px; right: 8px;
font-size: 12px; } font-size: 12px;
footer p { }
display: inline-block; footer p {
opacity: 0.7; } display: inline-block;
opacity: 0.7;
}
@media screen and (max-width: 600px) { @media screen and (max-width: 600px) {
section#teaser h1 { section#teaser h1 {
font-size: 72px; } } font-size: 72px;
}
}