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