vikarti.anatra/safing-web
1
0
Fork 0
mirror of https://github.com/safing/web synced 2025-09-01 18:49:06 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Add the new navbar

Browse source
This commit is contained in:
davegson 2019-10-23 17:44:19 +02:00
parent b4de993942
commit 3abb013d3c
6 changed files with 21 additions and 60 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
_includes/nav.html Normal file
View file

@ -0,0 +1,13 @@
<nav class="navbar">
<div class="logo">
<a href="{{ site.base_url }}">
<img src="{{ site.assets_url }}/img/v3/safing.png" alt="">
</a>
<p>Safing<span>.io</span></p>
</div>
<ul>
<li id="opacity"><a href="{{ site.community_hub_url }}">Community</a></li>
<li id="opacity"><a href="{{ site.base_url}}jobs">Jobs</a></li>
<li id="opacity"><a href="{{ site.our_values_url}}">About</a></li>
</ul>
</nav>

3
_layouts/page.html
View file

@ -4,6 +4,9 @@
{% include head.html %}
</head>
<body>
{% include nav.html %}
<div class="content">
<div class="ui basic center aligned very padded segment" style="margin: 0;" >
<h1 class="">

60
_sass/_header.scss
View file

@ -1,60 +0,0 @@
.sidebar-icon {
color: $white !important;
}
#menubar {
width: 100%;
background-color: $background_bar;
margin: 0;
border-radius: 0;
z-index: 10;
&-computer{
a {
text-transform: uppercase;
span{
margin-right: 8px;
}
}
}
}
#sidebar {
.item {
text-transform: uppercase;
}
}
#menubar.home {
background-color: transparent;
position: absolute;
top: 0;
&.mobile {
background-color: transparent !important;
position: absolute !important;
top: 0 !important;
}
}
// no js version
@media only screen and (max-width: 767px) {
#menubar.home {
background-color: $fill_medium !important;
position: relative;
}
#menubar .right.menu a.item {
text-align: right !important;
}
}
#menubar-mobile {
display: none;
&.activated {
display: block;
}
}
#menubar-computer.deactivated {
display: none;
}

3
_sass/_nav.scss Normal file
View file

@ -0,0 +1,3 @@
nav {
text-transform: uppercase;
}

1
assets/css/main.scss
View file

@ -8,6 +8,7 @@
@import "global.scss";
@import "post.scss";
@import "contact.scss";
@import "nav.scss";
@import "button.scss";
@import "floating_button.scss";
@import "our-values.scss";

1
index.html
View file

@ -8,6 +8,7 @@ home: true
{% include head.html %}
</head>
<body>
{% include nav.html %}
</body>
<foot>
{% include foot.html %}