Small Corrections (Header + Navigation) & Add Footer

This commit is contained in:
Massimo Di Lullo 2019-06-01 20:26:26 -04:00
parent 39ddc2e053
commit c45de91e9f
6 changed files with 44 additions and 3 deletions

File diff suppressed because one or more lines are too long

Binary file not shown.

Before

Width:  |  Height:  |  Size: 142 KiB

After

Width:  |  Height:  |  Size: 142 KiB

View File

@ -1,12 +1,35 @@
* {
font-family: Roboto, SansSerif;
}
body {
padding: 0;
margin: 0;
}
.logo-container {
position: fixed;
top: -15px;
max-width: 500px;
max-height: 135px;
overflow: hidden;
img {
width: 100%;
}
}
a {
outline: none !important;
}
footer {
position: absolute;
bottom: 0;
width: 100vw;
padding: 15px 0;
p {
text-align: center;
}
}

View File

@ -4,7 +4,7 @@ $pi: 3.14;
//config
$menu-items: 3;
$menu-items-always-open: 2;
$menu-items-always-open: 3;
$open-distance: 105px;
$opening-angle: $pi*2;
$hamburger-spacing: 10px;
@ -159,5 +159,13 @@ $ball-spacing: 90px;
transition-duration: 90ms+(100ms);
transform: translate3d(0, $ball-spacing*$menu-items, 0);
}
.language-icon {
font-weight: 800;
font-size: 1.9rem;
color: white;
text-decoration: none;
text-align: center;
}
}

View File

@ -1,6 +1,7 @@
@charset "utf-8";
@import "../../node_modules/bulma/sass/utilities/_all.sass";
@import "../../node_modules/bulma/sass/base/_all.sass";
@import "../../node_modules/bulma/sass/grid/columns.sass";
// Disable the widescreen breakpoint

View File

@ -32,6 +32,9 @@
<a href="#partenaires" class="menu-item">
<img src="../../public/img/icons/sponsor.png" alt="Partenaires"/>
</a>
<a href="../en" class="menu-item-always-open language-icon">
<span>EN</span>
</a>
<a href="https://www.facebook.com/ConjureETS/" class="menu-item-always-open">
<img src="../../public/img/icons/facebook.png" alt="Facebook"/>
</a>
@ -40,7 +43,13 @@
</a>
</nav>
<main></main>
<main class="columns">
</main>
<footer>
<p>Copyright &copy; Conjure 2019</p>
</footer>
<script type="application/javascript" src="../../public/js/main.min.js"></script>
</body>