Skip to content

GitLab

Verified Commit 601540fd authored by Thibaut Broggi's avatar Thibaut Broggi
Browse files

Make navbar icons square * add lqdn logo (fix #10)

parent 2b9bb807
Pipeline #1433 passed with stage
in 37 seconds
Hide whitespace changes
Inline Side-by-side
static/imgs/logo_lqdn.svg 0 → 100644
View file @ 601540fd
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 162 164" style="enable-background:new 0 0 162 164;" xml:space="preserve">
<style type="text/css">
.st0{fill:#2f5188;}
</style>
<g>
<path class="st0" d="M-0.3,34.6C7.9,20.2,19.9,8.1,34.2-0.2H-0.3V34.6"/>
<path class="st0" d="M-0.3,129.3v34.9h34.5C19.9,155.9,7.9,143.8-0.3,129.3"/>
<g>
<path class="st0" d="M162.3,129.2c-8.3,14.5-20.2,26.6-34.6,35h34.6V129.2z"/>
</g>
<g>
<path class="st0" d="M127.8-0.2c14.3,8.4,26.3,20.4,34.6,34.9V-0.2H127.8z"/>
</g>
<g>
<path class="st0" d="M66.9,42.3h59.9v12.9H105l-1.9,27c-0.4,4.7-0.5,8.7-0.5,12.1c0,8.2,1,13.2,3,15.1c2.1,1.8,4.5,2.7,7.4,2.7
c6,0,9.6-3.5,10.7-10.7h3.4c-2.1,16.4-9,24.6-20.9,24.6c-5.5,0-10-1.6-13.4-4.8c-3.3-3.2-4.9-7.9-4.9-14.2
c0-4.1,0.6-12.8,1.9-26.2l2.6-25.6H72.5c-1.3,21.5-2.9,37.2-4.8,47.2c-1.8,9.9-3.8,16.3-6.1,19.2c-2.2,2.9-5.2,4.3-9,4.3
c-2.9,0-5.4-0.8-7.4-2.4c-1.9-1.6-2.9-3.7-2.9-6.3c0-2.5,1.7-5.8,5.1-10.2c5-6.3,8.6-12.8,11.1-19.5c2.4-6.8,4.3-17.6,5.6-32.4
h-6.4c-5.1,0-9.1,1.1-11.8,3.3c-2.7,2.1-5.2,5.2-7.7,9.2h-3.4c1.8-6.3,4.2-11.5,7-15.6c2.9-4.1,5.8-6.7,8.8-8
C53.7,42.9,59.1,42.3,66.9,42.3 M81,5.2C39,5.2,5,39.6,5,82c0,42.4,34,76.8,75.9,76.8s76-34.4,76-76.8C157,39.6,122.9,5.2,81,5.2
M-0.3,34.6"/>
</g>
</g>
</svg>
static/style.css
View file @ 601540fd
......@@ -25,7 +25,7 @@ nav {
position: fixed;
top: 0;
left: 0;
height: 12vw;
height: 16.66vw;
z-index: 2;
font-size: 8vw;
display: flex;
......@@ -35,13 +35,19 @@ nav {
nav > * {
display: inline-block;
width: 16.66vw;
padding-top: 2vw;
height: 16.66vw;
cursor: pointer;
color: white;
}
nav > *:not(:nth-child(1)) {
border-left: 1px solid #3b68b0;
padding-top: 4vw;
}
nav > :nth-child(1) > img {
height: 16.66vw;
background-color: white;
}
@media (min-width: 992px) {
......@@ -59,6 +65,14 @@ nav > *:not(:nth-child(1)) {
border-left: initial !important;
}
nav > :nth-child(1) > img {
height: initial;
}
nav > *:not(:nth-child(1)) {
padding-top: 2vw;
}
#inputs {
width: 50%;
margin-left: 7vw;
......@@ -208,7 +222,7 @@ body {
}
#inputs {
margin-top: 12vw;
margin-top: 16.66vw;
padding-bottom: 20px;
}
......
views/index.ejs
View file @ 601540fd
......@@ -17,7 +17,7 @@
</head>
<body>
<nav>
<span>LQDN</span>
<a><img src="./imgs/logo_lqdn.svg" alt="LQDN" /></a>
<a class="fa fa-eyedropper" href="#step1"></a>
<a class="fa fa-i-cursor" href="#step2"></a>
<a class="fa fa-font" href="#step3"></a>
......
Supports Markdown
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