Landing changes i forgot to stage

im smart :)
This commit is contained in:
halworsen 2017-11-13 14:20:07 +01:00
parent ede224c2f2
commit 1f47b3849e
2 changed files with 22 additions and 13 deletions

View File

@ -5,16 +5,15 @@ header {
flex-direction: column; flex-direction: column;
margin-top: 50px; margin-top: 50px;
padding: 2em 0; padding: 3vh 15vw;
width: 100vw; width: 70vw;
height: 50vh;
background-color: #002244; background-color: #002244;
color: #fff; color: #fff;
} }
header img { header img {
width: 30vh; width: 24vh;
height: 30vh; height: 24vh;
} }
main { main {
@ -23,12 +22,15 @@ main {
.info { .info {
text-align: center; text-align: center;
padding: 1em 15vw; width: 100%;
height: 20vh; padding: 0 0;
margin-top: 0; margin-top: 0;
overflow-y: hidden;
} }
.essentials { .essentials {
width: 100%;
margin: 1.8em 0; margin: 1.8em 0;
padding: .2em 0; padding: .2em 0;
list-style: none; list-style: none;
@ -50,3 +52,13 @@ main {
padding: 1em; padding: 1em;
font-size: 1.2em; font-size: 1.2em;
} }
@media(max-width: 600px){
.essentials {
flex-direction: column;
}
.essentials a {
margin: .2em 0;
}
}

View File

@ -36,12 +36,9 @@ $agenda = new \pvv\side\Agenda([
<header> <header>
<img src="css/pvv-background.png"/> <img src="css/pvv-background.png"/>
<div class="info"> <div class="info">
<h2>Velkommen til Programvareverkstedet</h2> <h2>Velkommen til Programvare&shy;verkstedet</h2>
<p> <p>Programvareverkstedet (PVV) er en studentorganisasjon ved NTNU som vil skape et miljø for datainteresserte personer tilknyttet universitetet.</p>
Programvareverkstedet (PVV) er en studentorganisasjon ved NTNU som vil skape et miljø for datainteresserte personer tilknyttet universitetet. <p>Nåværende og tidligere studenter ved NTNU, samt ansatte ved NTNU og tilstøtende miljø, kan bli medlemmer.</p>
<br>
Nåværende og tidligere studenter ved NTNU, samt ansatte ved NTNU og tilstøtende miljø, kan bli medlemmer.
</p>
<ul class="essentials"> <ul class="essentials">
<a class="btn" href="om/"><li>Om PVV</li></a> <a class="btn" href="om/"><li>Om PVV</li></a>
<a class="btn join" href="paamelding/"><li>Bli medlem</li></a> <a class="btn join" href="paamelding/"><li>Bli medlem</li></a>