jannik/web-jbeyerstedt
1
0
Fork 0
Code Releases Activity

[SITE] finish nav for mobile and second level

Browse source
This commit is contained in:
Jannik Beyerstedt 2016-04-04 13:17:05 +02:00
parent 74408319b5
commit f04a4cb18c
9 changed files with 1803 additions and 44 deletions
Download patch file Download diff file Expand all files Collapse all files

1349
assets/css/foundation.css vendored
View file

File diff suppressed because it is too large Load diff

15
assets/css/foundation.css.map
View file

File diff suppressed because one or more lines are too long

241
assets/css/main.css Normal file
View file

@ -0,0 +1,241 @@
/* STYLE for jannikbeyerstedt.de
* generic styles
*/
/* line 11, /Users/jannik/Sites/aquila-jannik4/assets/scss/main.scss */
body {
margin: 0;
font-family: 'Alegreya Sans', "Verdana", "Arial", sans-serif;
min-width: 300px; }
/* line 16, /Users/jannik/Sites/aquila-jannik4/assets/scss/main.scss */
h1, h2, h3, h4 {
margin-bottom: 18px;
font-family: 'Crimson Text', serif; }
/* line 20, /Users/jannik/Sites/aquila-jannik4/assets/scss/main.scss */
h5 {
margin-bottom: 8px; }
/* line 23, /Users/jannik/Sites/aquila-jannik4/assets/scss/main.scss */
h6 {
margin-bottom: 5px; }
/* line 26, /Users/jannik/Sites/aquila-jannik4/assets/scss/main.scss */
p {
margin-top: 0;
line-height: 1.5em; }
/* line 34, /Users/jannik/Sites/aquila-jannik4/assets/scss/main.scss */
header {
margin-bottom: 20px; }
/* line 36, /Users/jannik/Sites/aquila-jannik4/assets/scss/main.scss */
header img {
width: 75px;
height: 75px;
float: left; }
/* line 49, /Users/jannik/Sites/aquila-jannik4/assets/scss/main.scss */
nav {
box-sizing: border-box; }
/* line 51, /Users/jannik/Sites/aquila-jannik4/assets/scss/main.scss */
nav ul.nav {
margin: 0;
padding-left: 0; }
/* line 54, /Users/jannik/Sites/aquila-jannik4/assets/scss/main.scss */
nav ul.nav a {
text-decoration: none;
background-color: inherit;
color: inherit; }
/* line 59, /Users/jannik/Sites/aquila-jannik4/assets/scss/main.scss */
nav ul.nav li {
list-style-type: none; }
/* line 62, /Users/jannik/Sites/aquila-jannik4/assets/scss/main.scss */
nav ul.nav a:hover, nav ul.nav a:focus {
text-decoration: none; }
@media (min-width: 544px) {
/* line 68, /Users/jannik/Sites/aquila-jannik4/assets/scss/main.scss */
nav {
float: right;
height: 75px; }
/* line 72, /Users/jannik/Sites/aquila-jannik4/assets/scss/main.scss */
nav ul.nav a {
float: left;
text-align: center;
font-size: 16px;
padding: 45px 0 5px;
width: 109px; }
/* line 80, /Users/jannik/Sites/aquila-jannik4/assets/scss/main.scss */
nav ul.nav a:hover, nav ul.nav a:focus, nav ul.nav a.active {
color: #fff;
background-color: #0060e3; }
/* line 85, /Users/jannik/Sites/aquila-jannik4/assets/scss/main.scss */
nav ul.nav.home {
color: #fff; }
/* line 87, /Users/jannik/Sites/aquila-jannik4/assets/scss/main.scss */
nav ul.nav.home a {
background-color: #1779ff;
border-right: 1px solid #0055ca; }
/* line 91, /Users/jannik/Sites/aquila-jannik4/assets/scss/main.scss */
nav ul.nav.home a:last-child {
border-right: 0; }
/* line 95, /Users/jannik/Sites/aquila-jannik4/assets/scss/main.scss */
nav ul.nav.home a.active {
color: #fff;
border-bottom: 4px solid #2da301;
padding-bottom: 1px; }
/* line 101, /Users/jannik/Sites/aquila-jannik4/assets/scss/main.scss */
nav ul.nav.main, nav ul.nav.second {
height: 37.5px; }
/* line 103, /Users/jannik/Sites/aquila-jannik4/assets/scss/main.scss */
nav ul.nav.main a, nav ul.nav.second a {
padding: 8px 0 5.5px; }
/* line 107, /Users/jannik/Sites/aquila-jannik4/assets/scss/main.scss */
nav ul.nav.main {
color: #1779ff; }
/* line 109, /Users/jannik/Sites/aquila-jannik4/assets/scss/main.scss */
nav ul.nav.main a.active {
color: #fff;
border-bottom: 4px solid #2da301;
padding-bottom: 1.5px; }
/* line 115, /Users/jannik/Sites/aquila-jannik4/assets/scss/main.scss */
nav ul.nav.second {
color: #fff; }
/* line 117, /Users/jannik/Sites/aquila-jannik4/assets/scss/main.scss */
nav ul.nav.second a {
background-color: #1779ff; }
/* line 120, /Users/jannik/Sites/aquila-jannik4/assets/scss/main.scss */
nav ul.nav.second a.active {
border-bottom: 4px solid #2da301;
padding-bottom: 1.5px; } }
@media (max-width: 543px) {
/* line 129, /Users/jannik/Sites/aquila-jannik4/assets/scss/main.scss */
nav button.navbar-toggler {
float: right;
margin-top: 10px;
font-family: inherit;
font-weight: 300; }
/* line 136, /Users/jannik/Sites/aquila-jannik4/assets/scss/main.scss */
nav ul.mobileNav a {
font-size: 18px;
font-weight: 300; }
/* line 140, /Users/jannik/Sites/aquila-jannik4/assets/scss/main.scss */
nav ul.mobileNav a.active {
color: #4a96ff;
font-weight: 700; }
/* line 149, /Users/jannik/Sites/aquila-jannik4/assets/scss/main.scss */
.navbar-toggler {
padding: 0.5rem 0.75rem;
font-size: 1.25rem;
line-height: 1;
background: none;
border: 1px solid transparent;
border-radius: 0.25rem; }
/* line 21, /Users/jannik/Sites/aquila-jannik4/assets/vendors/bootstrap/scss/mixins/_hover.scss */
.navbar-toggler:focus,
.navbar-toggler:hover {
text-decoration: none; } }
/* line 165, /Users/jannik/Sites/aquila-jannik4/assets/scss/main.scss */
footer {
margin-top: 20px;
padding-top: 20px;
padding-bottom: 20px;
background-color: #bebebe; }
/* line 172, /Users/jannik/Sites/aquila-jannik4/assets/scss/main.scss */
footer p {
margin-bottom: 0; }
@media (max-width: 543px) {
/* line 165, /Users/jannik/Sites/aquila-jannik4/assets/scss/main.scss */
footer {
text-align: center; }
/* line 178, /Users/jannik/Sites/aquila-jannik4/assets/scss/main.scss */
footer p {
margin-bottom: 10px; } }
/* line 183, /Users/jannik/Sites/aquila-jannik4/assets/scss/main.scss */
footer i.fa {
color: #000;
font-size: 1.4rem;
padding-right: 0.2em; }
/* line 188, /Users/jannik/Sites/aquila-jannik4/assets/scss/main.scss */
footer a > svg {
height: 1.4rem;
width: 1.4rem;
position: relative;
top: 0.18rem; }
/* line 192, /Users/jannik/Sites/aquila-jannik4/assets/scss/main.scss */
footer a > svg image {
height: 1.4rem;
width: 1.4rem; }
/* make footer sticky */
/* line 203, /Users/jannik/Sites/aquila-jannik4/assets/scss/main.scss */
html {
position: relative;
min-height: 100%; }
@media (min-width: 544px) {
/* line 208, /Users/jannik/Sites/aquila-jannik4/assets/scss/main.scss */
body {
/* Margin bottom by footer height */
margin-bottom: 85px; }
/* line 212, /Users/jannik/Sites/aquila-jannik4/assets/scss/main.scss */
footer {
position: absolute;
bottom: 0;
width: 100%;
height: 85px; } }
@media (max-width: 543px) {
/* line 220, /Users/jannik/Sites/aquila-jannik4/assets/scss/main.scss */
body {
/* Margin bottom by footer height */
margin-bottom: 162px; }
/* line 224, /Users/jannik/Sites/aquila-jannik4/assets/scss/main.scss */
footer {
position: absolute;
bottom: 0;
width: 100%;
height: 162px; } }
/*
* HELPERS
*/
/* line 237, /Users/jannik/Sites/aquila-jannik4/assets/scss/main.scss */
.right {
text-align: right; }
/* line 240, /Users/jannik/Sites/aquila-jannik4/assets/scss/main.scss */
.center {
text-align: center; }
@media (max-width: 543px) {
/* line 244, /Users/jannik/Sites/aquila-jannik4/assets/scss/main.scss */
.col-xxs-12.right, .col-xxs-12.center {
text-align: inherit; } }
/* to break down col-xs */
/* line 250, /Users/jannik/Sites/aquila-jannik4/assets/scss/main.scss */
.visible-xxs {
display: none !important; }
@media (max-width: 543px) {
/* line 254, /Users/jannik/Sites/aquila-jannik4/assets/scss/main.scss */
.col-xxs-12 {
float: none;
width: 100%;
position: relative;
left: 0;
right: 0;
min-height: 1px;
padding-right: 15px;
padding-left: 15px; }
/* line 263, /Users/jannik/Sites/aquila-jannik4/assets/scss/main.scss */
.hidden-xxs {
display: none !important; }
/* line 266, /Users/jannik/Sites/aquila-jannik4/assets/scss/main.scss */
.visible-xxs {
display: block !important; } }
/*# sourceMappingURL=main.css.map */

43
assets/css/main.css.map Normal file
View file

@ -0,0 +1,43 @@
{
"version": 3,
"file": "main.css",
"sources": [
"../scss/main.scss",
"../vendors/bootstrap/scss/_custom.scss",
"../vendors/bootstrap/scss/_variables.scss",
"../vendors/bootstrap/scss/_mixins.scss",
"../vendors/bootstrap/scss/mixins/_breakpoints.scss",
"../vendors/bootstrap/scss/mixins/_hover.scss",
"../vendors/bootstrap/scss/mixins/_image.scss",
"../vendors/bootstrap/scss/mixins/_tag.scss",
"../vendors/bootstrap/scss/mixins/_reset-filter.scss",
"../vendors/bootstrap/scss/mixins/_resize.scss",
"../vendors/bootstrap/scss/mixins/_screen-reader.scss",
"../vendors/bootstrap/scss/mixins/_size.scss",
"../vendors/bootstrap/scss/mixins/_tab-focus.scss",
"../vendors/bootstrap/scss/mixins/_reset-text.scss",
"../vendors/bootstrap/scss/mixins/_text-emphasis.scss",
"../vendors/bootstrap/scss/mixins/_text-hide.scss",
"../vendors/bootstrap/scss/mixins/_text-truncate.scss",
"../vendors/bootstrap/scss/mixins/_alert.scss",
"../vendors/bootstrap/scss/mixins/_buttons.scss",
"../vendors/bootstrap/scss/mixins/_cards.scss",
"../vendors/bootstrap/scss/mixins/_pagination.scss",
"../vendors/bootstrap/scss/mixins/_lists.scss",
"../vendors/bootstrap/scss/mixins/_list-group.scss",
"../vendors/bootstrap/scss/mixins/_nav-divider.scss",
"../vendors/bootstrap/scss/mixins/_forms.scss",
"../vendors/bootstrap/scss/mixins/_progress.scss",
"../vendors/bootstrap/scss/mixins/_table-row.scss",
"../vendors/bootstrap/scss/mixins/_background-variant.scss",
"../vendors/bootstrap/scss/mixins/_border-radius.scss",
"../vendors/bootstrap/scss/mixins/_gradients.scss",
"../vendors/bootstrap/scss/mixins/_clearfix.scss",
"../vendors/bootstrap/scss/mixins/_grid-framework.scss",
"../vendors/bootstrap/scss/mixins/_grid.scss",
"../vendors/bootstrap/scss/mixins/_pulls.scss"
],
"sourcesContent": [],
"mappings": "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",
"names": []
}

6
assets/scss/foundation.scss vendored
View file

@ -19,10 +19,10 @@
@import "grid";
//@import "tables";
//@import "forms";
//@import "buttons";
@import "buttons";
// Components
//@import "animation";
@import "animation";
//@import "dropdown";
//@import "button-group";
//@import "input-group";
@ -48,4 +48,4 @@
//@import "carousel";
// Utility classes
//@import "utilities";
@import "utilities";

135
assets/scss/main.scss
View file

@ -11,6 +11,7 @@ $col_xxs_bp: 543px;
body {
margin: 0;
font-family: 'Alegreya Sans', "Verdana", "Arial", sans-serif;
min-width: 300px;
}
h1, h2, h3, h4 {
margin-bottom: 18px;
@ -28,67 +29,133 @@ p {
}
$header_logoHeight: 75px;
$header_logoSize: 75px;
header {
margin-bottom: 20px;
img {
width: $header_logoHeight;
height: $header_logoHeight;
width: $header_logoSize;
height: $header_logoSize;
float: left;
}
}
$nav_bgColor: #1779ff;
$nav_textMinWidth: 80px;
$nav_borderColor: darken($nav_bgColor, 15%);
$nav_fgColor: #fff;
$nav_textXsWidth: 80px;
$nav_textSmWidth: 109px;
nav {
height: $header_logoHeight;
box-sizing: border-box;
ul {
ul.nav {
margin: 0; // reset
padding-left: 0; // reset
background-color: $nav_bgColor;
color: #fff;
a {
li {
list-style-type: none; // reset
}
text-decoration: none;
background-color: inherit;
color: inherit;
}
li {
list-style-type: none; // reset
}
a:hover, a:focus {
text-decoration: none; // reset
}
}
}
@include media-breakpoint-up(sm) {
nav {
ul {
float: right;
nav {
float: right;
height: $header_logoSize;
ul.nav {
a {
text-align: center;
float: left;
padding-top: 45px;
text-align: center;
font-size: 16px;
height: 75px;
width: 109px;
border-right: 1px solid #124fa2;
padding: 45px 0 5px;
width: $nav_textSmWidth;
}
a:hover, a:focus, a.active {
color: $nav_fgColor;
background-color: darken($nav_bgColor, 10%);
}
}
ul.nav.home {
color: $nav_fgColor;
a {
background-color: $nav_bgColor;
border-right: 1px solid $nav_borderColor;
}
a:last-child {
border-right: 0;
}
a.active {
color: $nav_fgColor;
border-bottom: 4px solid #2da301;
padding-bottom: 1px;
}
}
ul.nav.main, ul.nav.second {
height: $header_logoSize/2;
a {
padding: 8px 0 5.5px;
}
}
ul.nav.main {
color: $nav_bgColor;
a.active {
color: $nav_fgColor;
border-bottom: 4px solid #2da301;
padding-bottom: 1.5px;
}
}
ul.nav.second {
color: $nav_fgColor;
a {
background-color: $nav_bgColor;
}
a.active {
border-bottom: 4px solid #2da301;
padding-bottom: 1.5px;
}
}
}
}
@include media-breakpoint-down(xs) {
nav {
min-width: 2*$nav_textMinWidth + $header_logoHeight + 40px;
background-color: $nav_bgColor;
ul {
button.navbar-toggler {
float: right;
margin-top: 10px;
font-family: inherit;
font-weight: 300;
}
ul.mobileNav {
a {
text-align: left;
float: left;
margin: 10px 10px 0px;
font-size: 16px;
width: $nav_textMinWidth;
font-size: 18px;
font-weight: 300;
}
a.active {
color: lighten($nav_bgColor, 10%);
font-weight: 700;
}
}
}
// from boostrap
// @requires animation.scss and collapse.js, util.js
.navbar-toggler {
padding: .5rem .75rem;
font-size: $font-size-lg;
line-height: 1;
background: none;
border: $border-width solid transparent;
@include border-radius($btn-border-radius);
@include hover-focus {
text-decoration: none;
}
}
}
@ -99,20 +166,20 @@ footer {
margin-top: 20px;
padding-top: 20px;
padding-bottom: 20px;
background-color: #bebebe;
p {
margin-bottom: 0;
}
@media (max-width: $col_xxs_bp) {
text-align: center;
p {
margin-bottom: 10px;
}
}
i.fa {
color: $fontcolor;
font-size: $footer_logoHeight;
@ -127,7 +194,7 @@ footer {
width: $footer_logoHeight;
}
}
}
/* make footer sticky */
@ -187,7 +254,7 @@ html {
.col-xxs-12 {
float: none;
width: 100%;
position: relative; left: 0; right: 0;
min-height: 1px;
padding-right: 15px;

2
site/config/config.php
View file

@ -1,5 +1,5 @@
<?php
header("Content-Security-Policy: default-src 'self'; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; font-src 'self' https://fonts.gstatic.com; frame-src https://*.youtube-nocookie.com; script-src 'self' 'unsafe-inline' https://jannikb.aquila.uberspace.de/piwik/; img-src 'self' https://jannikb.aquila.uberspace.de/piwik/");
header("Content-Security-Policy: default-src 'self'; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; font-src 'self' https://fonts.gstatic.com; frame-src https://*.youtube-nocookie.com; script-src 'self' 'unsafe-inline' 'unsafe-eval' https://jannikb.aquila.uberspace.de/piwik/; img-src 'self' https://jannikb.aquila.uberspace.de/piwik/");
//header("X-Content-Type-Options: nosniff"); // enabled at server-side
//header("X-Frame-Options: deny"); // enabled at server-side
//header("X-Xss-Protection: 1; mode=block"); // enabled at server-side

51
site/snippets/base/cont-header.php
View file

@ -5,19 +5,64 @@
// copyright: Jannik Beyerstedt | https://jannikbeyerstedt.de
// license: http://www.gnu.org/licenses/gpl-3.0.txt GPLv3 License
// -------------------------------------------
$subnav = false;
if ($page->depth() == 1) {
$baseSec = $page;
if ( $page->isVisible() && $baseSec->hasVisibleChildren() ) {
$subnav = true;
}
}else if ($page->depth() == 2) {
$baseSec = $page->parent();
if ( $page->isVisible() && $baseSec->hasVisibleChildren() ) {
$subnav = true;
}
}
?>
<div class="collapse hidden-sm-up" id="exCollapsingNavbar">
<div class="bg-inverse p-a-1">
<nav>
<ul class="nav mobileNav">
<?php foreach ($site->children()->visible() as $p) : ?>
<a href="<?php echo $p->url()?>" <?php echo ($page == $p)?'class="active"':'' ?>><li><?php echo $p->title() ?></li></a>
<?php if ($p->hasVisibleChildren()) : ?>
<ul class="">
<?php foreach ($p->children()->visible() as $c) : ?>
<a href="<?php echo $c->url()?>" <?php echo ($page == $c)?'class="active"':'' ?>><li><?php echo $c->title() ?></li></a>
<?php endforeach; ?>
</ul>
<?php endif; ?>
<?php endforeach; ?>
</ul>
</nav>
</div>
</div>
<header class="section">
<div class="container">
<a class="logo" href="<?php echo url() ?>">
<img src="" alt="Logo">
</a>
<nav>
<ul>
<button class="navbar-toggler hidden-sm-up" type="button" data-toggle="collapse" data-target="#exCollapsingNavbar">
Menü <i class="fa fa-bars"></i>
</button>
<ul class="nav hidden-xs-down <?php echo ($subnav)?'main':'home' ?>">
<?php foreach ($site->children()->visible() as $p) : ?>
<a href="<?php echo $p->url()?>"><li><?php echo $p->title() ?></li></a>
<a href="<?php echo $p->url()?>" <?php echo ($page == $p || $page->parent() == $p)?'class="active"':'' ?>><li><?php echo $p->title() ?></li></a>
<?php endforeach; ?>
</ul>
<?php if($subnav) : ?>
<ul class="nav hidden-xs-down second">
<?php foreach ($baseSec->children()->visible() as $p) : ?>
<a href="<?php echo $p->url()?>" <?php echo ($page == $p)?'class="active"':'' ?>><li><?php echo $p->title() ?></li></a>
<?php endforeach; ?>
</ul>
<?php endif; ?>
</nav>
</div>
</header>

5
site/snippets/base/html-end.php
View file

@ -9,7 +9,10 @@
<!-- Bootstrap core JavaScript-->
<?php echo js('assets/vendors/jquery-2.2.2.min.js') ?>
<?php //echo js('assets/vendors/bootstrap/js/bootstrap.min.js') ?>
<?php
echo js('assets/vendors/bootstrap/js/dist/util.js');
echo js('assets/vendors/bootstrap/js/dist/collapse.js');
?>
<?php if (c::get('navbar-affix')) : ?>
<script>