sync between two dev folders 1tags/v1.1^2
content/ | content/ | ||||
*.tar.gz | *.tar.gz | ||||
.directory | .directory | ||||
DE.backup/ | |||||
doc/ |
<img class="logo" src="{{@RESOURCES}}img/logo.png" /> | <img class="logo" src="{{@RESOURCES}}img/logo.png" /> | ||||
</check> | </check> | ||||
<h1><img class="text" src="/{{ @banner }}" alt="{{ @title }}" /></h1> | <h1><img class="text" src="/{{ @banner }}" alt="{{ @title }}" /></h1> | ||||
<span class="login-button"><a href="/login">login</a></span> | |||||
</a> | </a> |
<ul> | |||||
<repeat group="{{ @menu }}" key="{{ @key }}" value="{{ @item }}"> | |||||
<li class="away"> | |||||
<a href="{{ @item.href }}" class="nav-{{ @key }}">{{ @item.name }}</a> | |||||
</li> | |||||
</repeat> | |||||
</ul> |
<check if="{{ @menuAddHome }}"> | |||||
<a class="home-link" href="{{ @SITE_URL }}/{{ (@LANG=='de' ? '' : '?lang='.@LANG )}}">HOME</a> | |||||
</check> | |||||
<ul> | |||||
<ul> | |||||
<repeat group="{{ @menu }}" key="{{ @key }}" value="{{ @item }}"> | <repeat group="{{ @menu }}" key="{{ @key }}" value="{{ @item }}"> | ||||
<check if="{{ is_array(@item) }}"> | |||||
<true> | |||||
<li class="{{ in_array(@key,$url)?'active':'away' }}"> | |||||
<a href="{{ @SITE_URL }}/{{ @key }}{{ (@LANG=='de' ? '' : '?lang='.@LANG )}}">{{ @item.index }}</a> | |||||
<li><a href="{{ @item.href }}" >{{ @item.name }}</a> | |||||
<check if="{{ is_array(@item.submenu) }}"> | |||||
<include href="navigation.htm" with="menu={{ @item.submenu }}" /> | |||||
</check> | |||||
</li> | |||||
</repeat> | |||||
</ul> | |||||
<check if="{{ false }}"> | |||||
<ul> | |||||
<repeat group="{{ @menu }}" key="{{ @key }}" value="{{ @item }}"> | |||||
<check if="{{ is_array(@item) }}"> | |||||
<true> | |||||
<li class="{{ in_array(@key,$url)?'active':'away' }}"> | |||||
<a href="{{ @SITE_URL }}/{{ @key }}{{ (@LANG=='de' ? '' : '?lang='.@LANG )}}">{{ @item.index }}</a> | |||||
<check if="{{ count(@item) > 1 }}"> | <check if="{{ count(@item) > 1 }}"> | ||||
<ul> | <ul> | ||||
</ul> | </ul> | ||||
</check> | </check> | ||||
</li> | |||||
</true> | |||||
<false> | |||||
<li class="{{ in_array(@key,$url)?'active':'away' }}"> | |||||
<a href="{{ @SITE_URL }}/{{ @key }}{{ (@LANG=='de' ? '' : '?lang='.@LANG )}}">{{ @item }}</a> | |||||
</li> | |||||
</false> | |||||
</check> | |||||
</repeat> | |||||
</ul> | |||||
</li> | |||||
</true> | |||||
<false> | |||||
<li class="{{ in_array(@key,$url)?'active':'away' }}"> | |||||
<a href="{{ @SITE_URL }}/{{ @key }}{{ (@LANG=='de' ? '' : '?lang='.@LANG )}}">{{ @item }}</a> | |||||
</li> | |||||
</false> | |||||
</check> | |||||
</repeat> | |||||
</ul> | |||||
</check> |
<!--{~ | |||||
/* | |||||
*part of gunther-rost.com (c)2018 | |||||
*/ ~} --> | |||||
<repeat group="{{ @images }}" value="{{ @image }}"> | |||||
<div class="card"> | |||||
<check if="{{ @image.href && (! @no_links ) }}"> | |||||
<true> | |||||
<a href="{{ @image.href }}" {{ @image.download?'download':'' }}> | |||||
<img src="{{ @image.src1 }}" /> | |||||
<check if="{{ @image.text }}"> | |||||
<true> | |||||
<div class="img-hover">{{ @image.text | raw}}</div> | |||||
</true> | |||||
</check> | |||||
<!--<img src="{{ @image.src2 }}" class="img-hover" />--> | |||||
</a> | |||||
</true> | |||||
<false> | |||||
<img src="{{ @image.src1 }}" /> | |||||
<!--<img src="{{ @image.src2 }}" class="img-hover" />--> | |||||
</false> | |||||
</check> | |||||
</div> | |||||
</repeat> |
<!doctype html> | <!doctype html> | ||||
<html> | |||||
<html lang="{{ @LANG }}"> | |||||
<head> | <head> | ||||
<meta content="text/html; charset=utf-8" http-equiv="content-type" /> | <meta content="text/html; charset=utf-8" http-equiv="content-type" /> | ||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> | <meta http-equiv="X-UA-Compatible" content="IE=edge" /> | ||||
<meta content="noindex, nofollow" name="robots"> | |||||
<check if="{{ @hideFromSearchEngines }}"> | |||||
<meta name="robots" content="noindex, nofollow"> | |||||
</check> | |||||
<meta name="viewport" content="width=device-width, initial-scale=1"> | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||||
<link rel="icon" href="/rsc/img/favicon OFS.png" /> | |||||
<link rel="icon" href="/{{ @RESOURCES }}favicon.png" /> | |||||
<link href="/rsc/featherlight.min.css" type="text/css" rel="stylesheet" /> | |||||
<link href="/{{ @RESOURCES }}featherlight.min.css" type="text/css" rel="stylesheet" /> | |||||
<script type="text/javascript" src="/{{ @RESOURCES }}jquery-3.3.1.min.js"></script> | <script type="text/javascript" src="/{{ @RESOURCES }}jquery-3.3.1.min.js"></script> | ||||
<script type="text/javascript" src="/{{ @RESOURCES }}script.js"></script> | <script type="text/javascript" src="/{{ @RESOURCES }}script.js"></script> | ||||
<link type="text/css" href="/{{ @RESOURCES }}style.css" rel="stylesheet" /> | <link type="text/css" href="/{{ @RESOURCES }}style.css" rel="stylesheet" /> | ||||
<title>{{ @title }}</title> | <title>{{ @title }}</title> | ||||
<style> | |||||
li { margin-left:1em; } | |||||
</style> | |||||
</head> | </head> | ||||
<body class="{{ @bodyClass }}"> | <body class="{{ @bodyClass }}"> | ||||
<div id="mobile-nav"> | <div id="mobile-nav"> | ||||
<a class="menu-toggle" onClick="javascript:toggle_menu();"></a> | <a class="menu-toggle" onClick="javascript:toggle_menu();"></a> | ||||
<div class="the_list"> | <div class="the_list"> | ||||
<include href="navigation.htm" /> | |||||
<include href="navigation.htm" with="menu={{ @menu2 }},menuAddHome={{ @menu2AddHome }}" /> | |||||
<include href="nav-external.htm" with="menu={{ @navi.languages }}" /> | |||||
<include href="navigation.htm" with="menu={{ @navi.main }}" /> | |||||
<include href="navigation.htm" with="menu={{ @navi.footer }}" /> | |||||
<include href="navigation.htm" with="menu={{ @navi.languages }}" /> | |||||
</div> | </div> | ||||
</div> | |||||
</div> <!-- #mobile-nav --> | |||||
<div id="page-wrap"> | <div id="page-wrap"> | ||||
</header> | </header> | ||||
<nav id="main-nav"> | <nav id="main-nav"> | ||||
<include href="navigation.htm" /> | |||||
<include href="navigation.htm" with="menu={{ @navi.main }}" /> | |||||
<div class="network"> | <div class="network"> | ||||
<include href="nav-external.htm" with="menu={{ @navi.network }},menuAddHome={{ @navi.network._config.addHome }}"> | |||||
<include href="navigation.htm" with="menu={{ @navi.network }}"> | |||||
</div> | </div> | ||||
</nav> | </nav> | ||||
<footer id="main-footer"> | <footer id="main-footer"> | ||||
<nav> | <nav> | ||||
<include href="navigation.htm" with="menu={{ @menu2 }},menuAddHome={{ @menu2AddHome }}" /> | |||||
<include href="navigation.htm" with="menu={{ @navi.footer }}" /> | |||||
</nav> | </nav> | ||||
<nav id="languages"> | <nav id="languages"> | ||||
<include href="nav-external.htm" with="menu={{ @navi.languages }}" /> | |||||
<include href="navigation.htm" with="menu={{ @navi.languages }}" /> | |||||
</nav> | </nav> | ||||
</footer> | </footer> | ||||
</div> | |||||
</div> <!-- #page-wrap --> | |||||
<check if="{{ @backend }}"> | <check if="{{ @backend }}"> | ||||
<div id="admin-panel">{{ @backend | raw }}</div> | <div id="admin-panel">{{ @backend | raw }}</div> |
Menus in freaCMS | |||||
================ | |||||
Menus generally follow the form | |||||
<ul> | |||||
<li class=""> | |||||
<a href="" class="">NAME</a> | |||||
<SUBMENU /> | |||||
</li> | |||||
</ul> | |||||
they get configured by defining their name plus language inside the global nav array: | |||||
[nav.MENU_NAME.LANG] | |||||
directory.index=NAME | |||||
directory.sub1=NAME | |||||
directory.sub2=NAME | |||||
another_directory=NAME | |||||
'index' makes it possible assign a name to a site with sub pages. Therefore 'index' is not a valid foldername inside a path to a page. | |||||
for links, that point outside of the website (i.e. external links) inside a menu, the entry becomes: | |||||
some_unique_key=NAME := URL | |||||
this makes it impossible to use the string ":=" inside a menu item name. Earlier versions of freaCMS did not have this limitation. It was not possible to mix external and internal links in the same menu though. And the definition was hardcoded. I consider this new approach better. | |||||
} | } | ||||
$f3->set('CONTENT', $content_dir); | $f3->set('CONTENT', $content_dir); | ||||
// set menu | |||||
if(array_key_exists($f3->get('LANG'), $f3->get('nav.main'))) { | |||||
$menu=$f3->get('nav.main.'.$f3->get('LANG')); | |||||
} else { | |||||
$menu=$f3->get('nav.main.'.$f3->get('default_lang')); | |||||
} | |||||
$f3->set('menuAddHome',$f3->get('nav.main.config.addHome')); | |||||
$f3->set('menu', $menu); | |||||
// set menu2 | |||||
if(array_key_exists($f3->get('LANG'), $f3->get('nav.footer'))) { | |||||
$menu=$f3->get('nav.footer.'.$f3->get('LANG')); | |||||
} else { | |||||
$menu=$f3->get('nav.footer.'.$f3->get('default_lang')); | |||||
} | |||||
$f3->set('menu2AddHome',$f3->get('nav.footer.config.addHome')); | |||||
$f3->set('menu2', $menu); | |||||
if(array_key_exists($f3->get('LANG'), $f3->get('nav.network'))) { | |||||
$menu=$f3->get('nav.network.'.$f3->get('LANG')); | |||||
} else { | |||||
$menu=$f3->get('nav.network.'.$f3->get('default_lang')); | |||||
} | |||||
if(is_array($menu)) { | |||||
foreach($menu as $k=>$v) { | |||||
$ex = explode(": ", $menu[$k]); | |||||
$menu[$k] = array( | |||||
'name' => trim($ex[0]), | |||||
'href' => count($ex) > 1 ? $ex[1] : $ex | |||||
); | |||||
function menu_recursion($m,$root="") { | |||||
$f3 = \Base::instance(); | |||||
$out=[]; | |||||
foreach ($m as $key=>$value) { | |||||
$folder = $key == "index" ? "" : "/".$key; | |||||
$path = $root.$folder; | |||||
if (is_array($value)) { | |||||
$submenu=menu_recursion($value,$path); | |||||
$out[$path]=$submenu[$path]; | |||||
unset($submenu[$path]); | |||||
$out[$path]['submenu']=$submenu; | |||||
} else { | |||||
$ex = explode(":=", $value); | |||||
if (count($ex) > 1) { | |||||
# external link | |||||
$href = $ex[1]; | |||||
} else { | |||||
# internal link | |||||
$href = $f3->get('SITE_URL').$path; | |||||
} | |||||
$out[$path]['name']=$ex[0]; | |||||
$out[$path]['href']=$href; | |||||
//print($path." - ".$ex[0]." - ".$href."<br>"); | |||||
} | |||||
} | } | ||||
return $out; | |||||
} | } | ||||
$f3->set('navi.network._config.addHome', $f3->get('nav.network.config.addHome')); | |||||
$f3->set('navi.network', $menu); | |||||
function read_menu($menu_name) { | |||||
$f3 = \Base::instance(); | |||||
if(array_key_exists($f3->get('LANG'), $f3->get('nav.'.$menu_name))) { | |||||
$menu=$f3->get('nav.'.$menu_name.'.'.$f3->get('LANG')); | |||||
} else { | |||||
$menu=$f3->get('nav.'.$menu_name.'.'.$f3->get('default_lang')); | |||||
} | |||||
if(array_key_exists($f3->get('LANG'), $f3->get('nav.languages'))) { | |||||
$menu=$f3->get('nav.languages.'.$f3->get('LANG')); | |||||
} else { | |||||
$menu=$f3->get('nav.languages.'.$f3->get('default_lang')); | |||||
} | |||||
if(is_array($menu)){ | |||||
foreach($menu as $k=>$v) { | |||||
$ex = explode(": ", $menu[$k]); | |||||
$menu[$k] = array( | |||||
'name' => trim($ex[0]), | |||||
'href' => count($ex) > 1 ? $ex[1] : $ex | |||||
); | |||||
if (is_array($menu)) { | |||||
//var_dump($menu); | |||||
//print("<br>"); | |||||
$menu=menu_recursion($menu); | |||||
} | } | ||||
$f3->set('navi.languages._config.addHome', $f3->get('nav.languages.config.addHome')); | |||||
$f3->set('navi.languages', $menu); | |||||
$f3->set('navi.'.$menu_name, $menu); | |||||
//var_dump($f3->get('navi.'.$menu_name)); | |||||
//print("<br>"); | |||||
} | } | ||||
read_menu("main"); | |||||
read_menu("footer"); | |||||
read_menu("network"); | |||||
read_menu("languages"); | |||||
// this is needed so the menu can compare the current page with a link to it | // this is needed so the menu can compare the current page with a link to it | ||||
// and use this information to determine the active state | // and use this information to determine the active state |
$black:#000; | $black:#000; | ||||
$gray:#777; | $gray:#777; | ||||
//$OFS-green-dark: #67635b; | |||||
//$OFS-green-lighter: #989186; | |||||
$spkt01:#0ca4bf; | |||||
$spkt02:#bf920c; | |||||
$spkt03: $gray; | |||||
$spkt04:#bf3b0c; | |||||
$spkt04:#f7b96c; | |||||
html { | html { | ||||
color:$gray; | color:$gray; |
$below-banner:2em; | |||||
// reset | // reset | ||||
body,h1,h2,h3,h4,h5,h6,ul { | body,h1,h2,h3,h4,h5,h6,ul { | ||||
margin:0; | |||||
padding:0; | |||||
// margin:0; | |||||
// padding:0; | |||||
} | } | ||||
#main-nav { | #main-nav { | ||||
} | } | ||||
} | } | ||||
////////////////////////////////////////////// | |||||
// basic site layout | |||||
h1 { margin: .5em 0 0 1em; } | |||||
.card { | |||||
max-width:600px; | |||||
img { width: 100%; } | |||||
&::after { | |||||
content:""; | |||||
clear: both; | |||||
display:table; | |||||
} | |||||
} | |||||
#page-wrap { | |||||
} | |||||
/////////////////////////////////////////////// | |||||
.featherlight .featherlight-content { | .featherlight .featherlight-content { | ||||
background: none; | background: none; | ||||
overflow: visible; | overflow: visible; | ||||
background: none; | background: none; | ||||
top: -10px; | top: -10px; | ||||
right: -10px; | right: -10px; | ||||
color: $white; | |||||
font-size: 1.5em; | font-size: 1.5em; | ||||
} | } | ||||
@media #{$view_mobile} { | @media #{$view_mobile} { | ||||
display: none; | display: none; | ||||
@media #{$view-mobile} { | @media #{$view-mobile} { | ||||
display: block; | display: block; | ||||
// dev | |||||
display: none; | |||||
a.menu-toggle { | a.menu-toggle { | ||||
display: block; | display: block; | ||||
} | } | ||||
} | } | ||||
font-family: $sans; | |||||
font-size:1.2em; | |||||
.the_list { | .the_list { | ||||
.home-link, | |||||
>ul:last-child { | |||||
font-family:$cursive; | |||||
font-size: 1.4em; | |||||
margin-top: -.7em; | |||||
color: $spkt02; | |||||
a { | |||||
color: $spkt02; | |||||
display: inline-block; | |||||
margin-top: 8px; | |||||
} | |||||
} | |||||
.home-link { | |||||
display: inline-block; | |||||
text-transform: lowercase; | |||||
margin-bottom: 8px; | |||||
} | |||||
display:none; | |||||
padding: 2em; | |||||
ul { margin-bottom: 1.7em; } | |||||
li { | |||||
margin:0.5em; | |||||
list-style:none; | |||||
ul { margin-bottom: 1em; } | |||||
} | |||||
a { | |||||
color:$black; | |||||
text-decoration:none; | |||||
font-weight: normal; | |||||
} | |||||
.active>a { | |||||
color:$spkt02; | |||||
font-weight: bold; | |||||
} | |||||
display: none; | |||||
} | } | ||||
&.open .the_list { | &.open .the_list { | ||||
display:block; | |||||
position:fixed; | |||||
display: block; | |||||
position: fixed; | |||||
top:0; | top:0; | ||||
left:0; | left:0; | ||||
z-index:99; | z-index:99; | ||||
background: rgba(255,255,255,0.9); | background: rgba(255,255,255,0.9); | ||||
height:100%; | height:100%; | ||||
width: 100%; | width: 100%; | ||||
overflow:scroll; | |||||
overflow: scroll; | |||||
} | } | ||||
a.menu-toggle { | a.menu-toggle { | ||||
position:fixed; | |||||
position: fixed; | |||||
top:0; | top:0; | ||||
right:0; | right:0; | ||||
width:50px; | width:50px; | ||||
height:50px; | height:50px; | ||||
z-index:100; | z-index:100; | ||||
cursor:pointer; | |||||
background:$white; | |||||
cursor: pointer; | |||||
background: rgba(255,255,255,0.9); | background: rgba(255,255,255,0.9); | ||||
background-image: url('img/menu-icon.png'); | |||||
background-image: url('menu-icon.png'); | |||||
background-position: top; | background-position: top; | ||||
background-size: 100%; | |||||
} | } | ||||
&.open a.menu-toggle { | &.open a.menu-toggle { | ||||
background-position:bottom; | |||||
background-position: bottom; | |||||
} | } | ||||
} | } | ||||
@import "colours"; | @import "colours"; | ||||
@import "fonts"; | |||||
//@import "fonts"; | |||||
@import "structure"; | @import "structure"; | ||||
@import "design"; | |||||
@import "admin"; | |||||
//@import "design"; | |||||
//@import "admin"; | |||||
//@import "dev"; | //@import "dev"; | ||||
menu.classList.toggle('open'); | menu.classList.toggle('open'); | ||||
} | } | ||||
$( document ).ready(function() { | |||||
var mainnav = $("#main-nav"); | |||||
var platzhalter = $("#platzhalter"); | |||||
var test = 2; | |||||
// $( document ).ready(function() { | |||||
// var mainnav = $("#main-nav"); | |||||
// var platzhalter = $("#platzhalter"); | |||||
// var test = 2; | |||||
$(window).on("scroll", function(e) { | |||||
var pos = $(document).scrollTop(); | |||||
var width = $(window).width(); | |||||
var airAbove = 250; | |||||
if (width < 1000) { | |||||
if (width > 750) { | |||||
airAbove = width/4; | |||||
} else { | |||||
airAbove = 187; | |||||
} | |||||
} | |||||
// $(window).on("scroll", function(e) { | |||||
// var pos = $(document).scrollTop(); | |||||
// var width = $(window).width(); | |||||
// var airAbove = 250; | |||||
// if (width < 1000) { | |||||
// if (width > 750) { | |||||
// airAbove = width/4; | |||||
// } else { | |||||
// airAbove = 187; | |||||
// } | |||||
// } | |||||
if (pos > airAbove) { | |||||
mainnav.addClass("fixed"); | |||||
platzhalter.addClass("fixed"); | |||||
} else { | |||||
mainnav.removeClass("fixed"); | |||||
platzhalter.removeClass("fixed"); | |||||
} | |||||
}); | |||||
}); | |||||
// if (pos > airAbove) { | |||||
// mainnav.addClass("fixed"); | |||||
// platzhalter.addClass("fixed"); | |||||
// } else { | |||||
// mainnav.removeClass("fixed"); | |||||
// platzhalter.removeClass("fixed"); | |||||
// } | |||||
// }); | |||||
// }); |
color: #777; | color: #777; | ||||
background: #fff; } | background: #fff; } | ||||
.card h2, .item h2 { | |||||
font-family: georgia, serif; } | |||||
body, h1, h2, h3, h4, h5, h6, ul { | |||||
margin: 0; | |||||
padding: 0; } | |||||
@media only screen and (max-width: 750px) { | @media only screen and (max-width: 750px) { | ||||
#main-nav { | #main-nav { | ||||
display: none; } } | display: none; } } | ||||
h1 { | |||||
margin: .5em 0 0 1em; } | |||||
.card { | |||||
max-width: 600px; } | |||||
.card img { | |||||
width: 100%; } | |||||
.card::after { | |||||
content: ""; | |||||
clear: both; | |||||
display: table; } | |||||
.featherlight .featherlight-content { | .featherlight .featherlight-content { | ||||
background: none; | background: none; | ||||
overflow: visible; } | overflow: visible; } | ||||
background: none; | background: none; | ||||
top: -10px; | top: -10px; | ||||
right: -10px; | right: -10px; | ||||
color: #fff; | |||||
font-size: 1.5em; } | font-size: 1.5em; } | ||||
@media only screen and (max-width: 750px) { | @media only screen and (max-width: 750px) { | ||||
.featherlight .featherlight-content iframe { | .featherlight .featherlight-content iframe { | ||||
height: 100%; } } | height: 100%; } } | ||||
#mobile-nav { | #mobile-nav { | ||||
display: none; | |||||
font-family: verdana, sans; | |||||
font-size: 1.2em; } | |||||
display: none; } | |||||
@media only screen and (max-width: 750px) { | @media only screen and (max-width: 750px) { | ||||
#mobile-nav { | #mobile-nav { | ||||
display: block; | |||||
display: none; } | |||||
display: block; } | |||||
#mobile-nav a.menu-toggle { | #mobile-nav a.menu-toggle { | ||||
display: block; } } | display: block; } } | ||||
#mobile-nav .the_list { | #mobile-nav .the_list { | ||||
display: none; | |||||
padding: 2em; } | |||||
#mobile-nav .the_list .home-link, | |||||
#mobile-nav .the_list > ul:last-child { | |||||
font-family: cursive; | |||||
font-size: 1.4em; | |||||
margin-top: -.7em; | |||||
color: #bf920c; } | |||||
#mobile-nav .the_list .home-link a, | |||||
#mobile-nav .the_list > ul:last-child a { | |||||
color: #bf920c; | |||||
display: inline-block; | |||||
margin-top: 8px; } | |||||
#mobile-nav .the_list .home-link { | |||||
display: inline-block; | |||||
text-transform: lowercase; | |||||
margin-bottom: 8px; } | |||||
#mobile-nav .the_list ul { | |||||
margin-bottom: 1.7em; } | |||||
#mobile-nav .the_list li { | |||||
margin: 0.5em; | |||||
list-style: none; } | |||||
#mobile-nav .the_list li ul { | |||||
margin-bottom: 1em; } | |||||
#mobile-nav .the_list a { | |||||
color: #000; | |||||
text-decoration: none; | |||||
font-weight: normal; } | |||||
#mobile-nav .the_list .active > a { | |||||
color: #bf920c; | |||||
font-weight: bold; } | |||||
display: none; } | |||||
#mobile-nav.open .the_list { | #mobile-nav.open .the_list { | ||||
display: block; | display: block; | ||||
position: fixed; | position: fixed; | ||||
height: 50px; | height: 50px; | ||||
z-index: 100; | z-index: 100; | ||||
cursor: pointer; | cursor: pointer; | ||||
background: #fff; | |||||
background: rgba(255, 255, 255, 0.9); | background: rgba(255, 255, 255, 0.9); | ||||
background-image: url("img/menu-icon.png"); | |||||
background-position: top; } | |||||
background-image: url("menu-icon.png"); | |||||
background-position: top; | |||||
background-size: 100%; } | |||||
#mobile-nav.open a.menu-toggle { | #mobile-nav.open a.menu-toggle { | ||||
background-position: bottom; } | background-position: bottom; } | ||||
a { | |||||
color: black; | |||||
text-decoration: none; } | |||||
a:hover { | |||||
text-decoration: underline; } | |||||
#admin-panel { | |||||
position: fixed; | |||||
bottom: 1em; | |||||
right: 1em; | |||||
width: 400px; | |||||
height: 300px; | |||||
background: #fa0; } | |||||
/*# sourceMappingURL=style.css.map */ | /*# sourceMappingURL=style.css.map */ |
{ | { | ||||
"version": 3, | "version": 3, | ||||
"mappings": "AAUA,CAAE;EACE,UAAU,EAAC,UAAU;;ACGzB,IAAK;EACD,KAAK,EALA,IAAK;EAMV,UAAU,EAfP,IAAI;;ACaP,kBAAG;EACC,WAAW,EAPX,cAAQ;;ACLhB,gCAA0B;EACtB,MAAM,EAAC,CAAC;EACR,OAAO,EAAC,CAAC;;AAMT,yCAAuB;EAH3B,SAAU;IAIF,OAAO,EAAE,IAAI;;AAOrB,EAAG;EAAE,MAAM,EAAE,YAAY;;AAEzB,KAAM;EACF,SAAS,EAAC,KAAK;EACf,SAAI;IAAE,KAAK,EAAE,IAAI;EACjB,YAAS;IACL,OAAO,EAAC,EAAE;IACV,KAAK,EAAE,IAAI;IACX,OAAO,EAAC,KAAK;;AASrB,mCAAoC;EAChC,UAAU,EAAE,IAAI;EAChB,QAAQ,EAAE,OAAO;EACjB,4DAAyB;IACrB,UAAU,EAAE,IAAI;IAChB,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,KAAK;IACZ,KAAK,EF1CN,IAAI;IE2CH,SAAS,EAAE,KAAK;EAEpB,yCAAuB;IACnB,0CAAO;MAAE,KAAK,EAAC,IAAI;MAAE,MAAM,EAAC,IAAI;;AAKxC,WAAY;EACR,OAAO,EAAE,IAAI;EASb,WAAW,EDrDR,aAAQ;ECsDX,SAAS,EAAC,KAAK;EATf,yCAAuB;IAF3B,WAAY;MAGJ,OAAO,EAAE,KAAK;MAEd,OAAO,EAAE,IAAI;MACb,yBAAc;QACV,OAAO,EAAE,KAAK;EAMtB,qBAAU;IAkBN,OAAO,EAAC,IAAI;IACZ,OAAO,EAAE,GAAG;IAlBZ;yCACe;MACX,WAAW,ED7Db,OAAO;MC8DL,SAAS,EAAE,KAAK;MAChB,UAAU,EAAE,KAAK;MACjB,KAAK,EF9DT,OAAO;ME+DH;6CAAE;QACE,KAAK,EFhEb,OAAO;QEiEC,OAAO,EAAE,YAAY;QACrB,UAAU,EAAE,GAAG;IAGvB,gCAAW;MACP,OAAO,EAAE,YAAY;MACrB,cAAc,EAAE,SAAS;MACzB,aAAa,EAAE,GAAG;IAItB,wBAAG;MAAE,aAAa,EAAE,KAAK;IACzB,wBAAG;MACC,MAAM,EAAC,KAAK;MACZ,UAAU,EAAC,IAAI;MACf,2BAAG;QAAE,aAAa,EAAE,GAAG;IAE3B,uBAAE;MACE,KAAK,EF1FV,IAAI;ME2FC,eAAe,EAAC,IAAI;MACpB,WAAW,EAAE,MAAM;IAEvB,iCAAU;MACN,KAAK,EFxFT,OAAO;MEyFH,WAAW,EAAE,IAAI;EAGzB,0BAAiB;IACb,OAAO,EAAC,KAAK;IACb,QAAQ,EAAC,KAAK;IACd,GAAG,EAAC,CAAC;IACL,IAAI,EAAC,CAAC;IACN,OAAO,EAAC,EAAE;IACV,UAAU,EAAE,wBAAqB;IACjC,MAAM,EAAC,IAAI;IACX,KAAK,EAAE,IAAI;IACX,QAAQ,EAAC,MAAM;EAEnB,yBAAc;IACV,QAAQ,EAAC,KAAK;IACd,GAAG,EAAC,CAAC;IACL,KAAK,EAAC,CAAC;IACP,KAAK,EAAC,IAAI;IACV,MAAM,EAAC,IAAI;IACX,OAAO,EAAC,GAAG;IACX,MAAM,EAAC,OAAO;IACd,UAAU,EFvHX,IAAI;IEwHH,UAAU,EAAE,wBAAqB;IACjC,gBAAgB,EAAE,wBAAwB;IAC1C,mBAAmB,EAAE,GAAG;EAE5B,8BAAqB;IACjB,mBAAmB,EAAC,MAAM;;AC9HlC,CAAE;EACE,KAAK,EAAE,KAAU;EACjB,eAAe,EAAC,IAAI;EACpB,OAAQ;IACJ,eAAe,EAAC,SAAS;;ACJjC,YAAa;EACT,QAAQ,EAAE,KAAK;EACf,MAAM,EAAE,GAAG;EAAE,KAAK,EAAE,GAAG;EACvB,KAAK,EAAC,KAAK;EAAC,MAAM,EAAC,KAAK;EACxB,UAAU,EAAE,IAAI", | |||||
"sources": ["sass/main.scss","sass/_colours.scss","sass/_fonts.scss","sass/_structure.scss","sass/_design.scss","sass/_admin.scss"], | |||||
"mappings": "AAUA,CAAE;EACE,UAAU,EAAC,UAAU;;ACJzB,IAAK;EACD,KAAK,EALH,IAAI;EAMN,UAAU,EARP,IAAI;;ACQP,yCAAuB;EAH3B,SAAU;IAIF,OAAO,EAAE,IAAI;;AAIrB,mCAAoC;EAChC,UAAU,EAAE,IAAI;EAChB,QAAQ,EAAE,OAAO;EACjB,4DAAyB;IACrB,UAAU,EAAE,IAAI;IAChB,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,KAAK;IACZ,SAAS,EAAE,KAAK;EAEpB,yCAAuB;IACnB,0CAAO;MAAE,KAAK,EAAC,IAAI;MAAE,MAAM,EAAC,IAAI;;AAKxC,WAAY;EACR,OAAO,EAAE,IAAI;EACb,yCAAuB;IAF3B,WAAY;MAGJ,OAAO,EAAE,KAAK;MACd,yBAAc;QACV,OAAO,EAAE,KAAK;EAGtB,qBAAU;IACN,OAAO,EAAE,IAAI;EAEjB,0BAAiB;IACb,OAAO,EAAE,KAAK;IACd,QAAQ,EAAE,KAAK;IACf,GAAG,EAAC,CAAC;IACL,IAAI,EAAC,CAAC;IACN,OAAO,EAAC,EAAE;IACV,UAAU,EAAE,wBAAqB;IACjC,MAAM,EAAC,IAAI;IACX,KAAK,EAAE,IAAI;IACX,QAAQ,EAAE,MAAM;EAEpB,yBAAc;IACV,QAAQ,EAAE,KAAK;IACf,GAAG,EAAC,CAAC;IACL,KAAK,EAAC,CAAC;IACP,KAAK,EAAC,IAAI;IACV,MAAM,EAAC,IAAI;IACX,OAAO,EAAC,GAAG;IACX,MAAM,EAAE,OAAO;IACf,UAAU,EAAE,wBAAqB;IACjC,gBAAgB,EAAE,oBAAoB;IACtC,mBAAmB,EAAE,GAAG;IACxB,eAAe,EAAE,IAAI;EAEzB,8BAAqB;IACjB,mBAAmB,EAAE,MAAM", | |||||
"sources": ["sass/main.scss","sass/_colours.scss","sass/_structure.scss"], | |||||
"names": [], | "names": [], | ||||
"file": "style.css" | "file": "style.css" | ||||
} | } |