Commit c3e5c0a2 authored by Yann REGIS-GIANAS's avatar Yann REGIS-GIANAS

New layout draft for website.

parent cef7236e
......@@ -79,10 +79,9 @@ Menhir has been designed and implemented by
<p class="card-contents subtitle">
Menhir has many features that make it superior to the traditional
yacc-style parser generators that many people are familiar with.
(<a href="#features">See below</a>.)
<img src="footer.png" class="footer"/>
</p>
<div class="features">
<ul class="features">
<li>
......@@ -166,5 +165,6 @@ yacc-style parser generators that many people are familiar with.
</ul>
</div>
</div>
</div>
</body>
</html>
......@@ -2,7 +2,7 @@ body {
width: 100%;
margin: 0 0 0 0;
background-color: rgb(105,136,164);
font-size: 1.1em;
font-size: 1.2em;
}
div.header {
......@@ -19,7 +19,7 @@ h1 {
margin-right: 0.4rem;
font-family: 'Carter One', cursive;
padding-top: 3vw;
padding-bottom: 3vw;
padding-bottom: 1vw;
font-size: 12vh;
text-align: center;
color: rgb(105,136,164);
......@@ -69,8 +69,8 @@ p.card-contents {
p.subtitle {
text-align: center;
font-size: 1.3em;
margin-top: 3vh;
margin-bottom: 10vh;
margin-top: 1vh;
margin-bottom: 2vh;
}
img.footer {
......@@ -99,7 +99,7 @@ div.contents {
}
code {
font-size: 1.4em;
font-size: 1.4vh;
}
@media only screen and (min-width: 768px) {
......@@ -119,6 +119,10 @@ code {
background-color: rgb(105,136,164);
}
div.features {
height: auto;
}
ul.features {
columns: 3;
-webkit-columns: 3;
......@@ -135,16 +139,16 @@ code {
li {
padding: 0;
padding-top: 0.5em;
font-size: 1.2em;
font-size: 1.4vh;
}
div.header {
height: 60vh;
}
.widecard {
height: 98vh;
}
div.widecard {
height: 38vh;
}
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment