Update Styles
This commit is contained in:
Blerim Sheqa
parent
0de67c86eb
commit
94dc140b18
|
|
@ -5,6 +5,7 @@ Gemfile.lock
|
|||
html/
|
||||
projects/*
|
||||
!projects/
|
||||
www/
|
||||
|
||||
.idea/
|
||||
.DS_Store
|
||||
|
|
|
|||
|
|
@ -1,29 +1,31 @@
|
|||
---
|
||||
theme: material
|
||||
theme_dir: theme
|
||||
theme:
|
||||
name: 'material'
|
||||
custom_dir: 'theme'
|
||||
palette:
|
||||
primary: 'white'
|
||||
accent: 'blue'
|
||||
font: false
|
||||
docs_dir: projects
|
||||
site_dir: 'html'
|
||||
extra:
|
||||
font:
|
||||
text: 'Open Sans:300,400,400i,600,700'
|
||||
extra:
|
||||
search:
|
||||
language: 'en'
|
||||
menu:
|
||||
- text: 'Products'
|
||||
link: 'https://icinga.com/products/'
|
||||
- text: 'Partners'
|
||||
link: 'https://icinga.com/partners/'
|
||||
- text: 'Training'
|
||||
link: 'https://icinga.com/training/'
|
||||
- text: 'Events'
|
||||
link: 'https://icinga.com/events/'
|
||||
- text: 'Docs'
|
||||
link: 'https://icinga.com/docs/'
|
||||
- text: 'Support'
|
||||
link: 'https://icinga.com/support/'
|
||||
- text: 'Events'
|
||||
link: 'https://icinga.com/events/'
|
||||
- text: 'Learn'
|
||||
link: 'https://icinga.com/learn/'
|
||||
cssid: 'icinga-menu-main-active'
|
||||
- text: 'Community'
|
||||
link: 'https://icinga.com/community/'
|
||||
- text: 'Blog'
|
||||
link: 'https://icinga.com/blog/'
|
||||
- text: 'Download'
|
||||
link: 'https://icinga.com/download/'
|
||||
cssid: 'download-button'
|
||||
social:
|
||||
- type: 'facebook'
|
||||
link: 'https://www.facebook.com/icinga'
|
||||
|
|
@ -32,14 +34,14 @@ extra:
|
|||
- type: 'feed'
|
||||
link: 'https://icinga.com/feed/'
|
||||
extra_css:
|
||||
- css/theme.css
|
||||
- './css/theme.css'
|
||||
extra_javascript: []
|
||||
markdown_extensions:
|
||||
- smarty
|
||||
- admonition
|
||||
- codehilite(guess_lang=true)
|
||||
- toc(permalink=true)
|
||||
copyright: '2019 - Icinga Open Source Monitoring'
|
||||
copyright: '© 2009 - 2019 Icinga GmbH'
|
||||
google_analytics:
|
||||
- 'UA-280659-15'
|
||||
- 'auto'
|
||||
|
|
|
|||
|
|
@ -1,521 +1,164 @@
|
|||
.clearfix:after {
|
||||
content: "";
|
||||
display: block;
|
||||
clear: both;
|
||||
|
||||
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700,700i');
|
||||
|
||||
body{
|
||||
background-color: #f7f7f7;
|
||||
font-family: "Open Sans"
|
||||
}
|
||||
|
||||
#main-header {
|
||||
width: 100%;
|
||||
float: left;
|
||||
background: #000000;
|
||||
#icinga-menu {
|
||||
background: #0095bf;
|
||||
position: relative;
|
||||
color: #ffffff;
|
||||
width: 100%;
|
||||
height: 65px;
|
||||
line-height: 23px;
|
||||
box-shadow: 0 1px 0 rgba(0,0,0,.1);
|
||||
}
|
||||
|
||||
#main-header-container {
|
||||
width: 100%;
|
||||
#icinga-menu-container{
|
||||
width: 80%;
|
||||
max-width: 1255px;
|
||||
text-align: left;
|
||||
margin: auto;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#main-header-logo-container {
|
||||
float: left;
|
||||
position: relative;
|
||||
height: 64px;
|
||||
line-height: 8.5em;
|
||||
padding-top: 0.1em;
|
||||
padding-left: 0.3em;
|
||||
}
|
||||
|
||||
#main-header-logo-container img{
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
#logo {
|
||||
float: none;
|
||||
display: inline-block;
|
||||
height: 38.39px;
|
||||
}
|
||||
|
||||
#top-menu-nav {
|
||||
float: left;
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
.top-menu-item a:hover {
|
||||
opacity: .6;
|
||||
}
|
||||
|
||||
#top-menu-hamburger {
|
||||
display:none;
|
||||
color: white;
|
||||
font-size: 32px;
|
||||
color: #0095BF;
|
||||
}
|
||||
|
||||
#top-menu-nav ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#top-menu-nav li {
|
||||
line-height: 2.9em;
|
||||
position: relative;
|
||||
font-size: 14px;
|
||||
padding-right: 9px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
#top-menu-nav a {
|
||||
padding: 10px 12px;
|
||||
font-weight: 600;
|
||||
font-family: "Open Sans";
|
||||
}
|
||||
|
||||
#main-header-navigation {
|
||||
float: right;
|
||||
font-weight: 600;
|
||||
#icinga-menu-logo {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 1.1em 0;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
#download-button > a {
|
||||
border: 1px solid white;
|
||||
border-radius: 3px;
|
||||
#icinga-menu-logo img {
|
||||
height: 62%;
|
||||
margin-top: 13px;
|
||||
margin-left: 2px;
|
||||
}
|
||||
|
||||
.md-header {
|
||||
background: url(../images/icinga-hero-background.jpg);
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
position: relative;
|
||||
#icinga-menu-main {
|
||||
padding-left: 185px;
|
||||
color: rgba(255,255,255,0.89);
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
#icinga-menu-main ul {
|
||||
float: left;
|
||||
width: 100%;
|
||||
padding: 20px;
|
||||
height: auto;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.md-header[data-md-state=shadow] {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.md-header-nav {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
margin: auto;
|
||||
padding: 2% 0;
|
||||
}
|
||||
|
||||
.md-header-nav__title {
|
||||
padding: 0;
|
||||
font-size: 32px;
|
||||
line-height: 1em;
|
||||
font-family: "Open Sans";
|
||||
font-weight: 700;
|
||||
overflow: visible;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.md-search__form {
|
||||
margin-bottom: -3px;
|
||||
width: 400px;
|
||||
}
|
||||
|
||||
.md-breadcrump-main {
|
||||
background-color: #F3F3F4;
|
||||
position: relative;
|
||||
#icinga-menu-main li {
|
||||
float: left;
|
||||
width: 100%;
|
||||
padding: 4px;
|
||||
padding-bottom: 2px;
|
||||
height: auto;
|
||||
margin-bottom: 10px;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.md-breadcrump-inner {
|
||||
position: relative;
|
||||
margin: auto;
|
||||
width: 100%;
|
||||
padding: 2px;
|
||||
max-width: 1255px;
|
||||
#icinga-menu-main li a {
|
||||
padding: 6px 12px;
|
||||
}
|
||||
|
||||
.md-breadcrump-innner ul {
|
||||
#icinga-menu-main-active a {
|
||||
background: rgba(0,0,0,0.2);
|
||||
border-radius: 0.25em;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
#breadcrump-list {
|
||||
list-style-type: disc;
|
||||
padding-left: 0px;
|
||||
margin: 0px;
|
||||
line-height: 26px;
|
||||
#icinga-menu-main li>a:hover {
|
||||
background: rgba(0,0,0,0.2);
|
||||
border-radius: 0.25em;
|
||||
opacity: 1;
|
||||
transition: all .4s ease-in-out;
|
||||
}
|
||||
|
||||
.md-breadcrump-inner li a {
|
||||
color: #0095bf;
|
||||
font-size: 16px;
|
||||
line-height: 16px;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
font-family: "Open Sans";
|
||||
#icinga-menu-secondary {
|
||||
color: rgba(255,255,255,0.89);
|
||||
float: right;
|
||||
}
|
||||
|
||||
.md-breadcrump-inner li {
|
||||
display: inline-block;
|
||||
#icinga-menu-secondary ul {
|
||||
float: right;
|
||||
padding-top: 10px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
#icinga-menu-secondary li {
|
||||
float: left;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
#icinga-menu-download {
|
||||
padding-right: 20px;
|
||||
padding-top: 2px;
|
||||
}
|
||||
|
||||
.md-container {
|
||||
padding-top: 0;
|
||||
font-family: "Open Sans"
|
||||
}
|
||||
|
||||
.md-breadcrump-seperator {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
font-size: 16px;
|
||||
line-height: 16px;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.md-events {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.md-events-inner {
|
||||
position: relative;
|
||||
margin: auto;
|
||||
width: 100%;
|
||||
max-width: 1255px;
|
||||
overflow: auto;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
|
||||
#events-header span{
|
||||
float: left;
|
||||
font-size: 12px;
|
||||
line-height: 22px;
|
||||
color: #8d8d8d;
|
||||
}
|
||||
|
||||
#events-list {
|
||||
padding: 0;
|
||||
padding-bottom: 0.5em;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#events-list li:not(:last-child) {
|
||||
list-style-type: none;
|
||||
display: inline-block;
|
||||
margin-right: 3em;
|
||||
padding-top: 0.5em;
|
||||
padding-bottom: 0.5em;
|
||||
}
|
||||
|
||||
#events-list li:last-child {
|
||||
list-style-type: none;
|
||||
display: inline-block;
|
||||
padding-top: 0.5em;
|
||||
padding-bottom: 0.5em;
|
||||
}
|
||||
|
||||
#events-list li a > *:not(.event-date) {
|
||||
display: inline-block;
|
||||
font-size: 12px;
|
||||
margin: 0;
|
||||
margin-right: 0.25em;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
#events-list li a {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.event-date {
|
||||
background-color: #ddd;
|
||||
color: #333;
|
||||
#icinga-menu-contact {
|
||||
background-color: #23cb5b;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
padding-right: 15px;
|
||||
padding-left: 15px;
|
||||
border-radius: 4px;
|
||||
padding: 0.25em 0.7em;
|
||||
font-size: 1em;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.2px;
|
||||
}
|
||||
|
||||
.event-city {
|
||||
color: #8d8d8d;
|
||||
}
|
||||
|
||||
#events-list li a:hover {
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
#event-more-link {
|
||||
float: right;
|
||||
}
|
||||
|
||||
#event-more-link a {
|
||||
color: #0095bf !important;
|
||||
line-height: 18px;
|
||||
font-size: 12px;
|
||||
.icinga-footer{
|
||||
background: #f7f7f7;
|
||||
color: #777;
|
||||
}
|
||||
|
||||
|
||||
.md-grid {
|
||||
max-width: 1255px;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
/*
|
||||
.md-main__inner {
|
||||
min-height: 100vh;
|
||||
}
|
||||
*/
|
||||
|
||||
.md-sidebar--primary {
|
||||
min-height: 60vh;
|
||||
}
|
||||
|
||||
.md-sidebar--primary .md-nav__item {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.md-sidebar--primary .md-nav__item--nested li {
|
||||
padding: 0 1.2rem;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 76.25em) {
|
||||
.md-sidebar--secondary {
|
||||
margin-left: 124rem;
|
||||
}
|
||||
}
|
||||
|
||||
.md-content a {
|
||||
color: #0095BF;
|
||||
}
|
||||
|
||||
.md-content a:hover {
|
||||
color: #EF4F98;
|
||||
}
|
||||
|
||||
.md-nav__item a:hover {
|
||||
color: #0095BF;
|
||||
}
|
||||
|
||||
.md-nav__link:hover {
|
||||
color: #0095BF;
|
||||
}
|
||||
|
||||
.md-nav__link--active {
|
||||
color: #0095BF;
|
||||
}
|
||||
|
||||
.md-nav--secondary {
|
||||
border-left: .2rem solid #0095BF;
|
||||
}
|
||||
|
||||
.md-sidebar[data-md-state=lock] {
|
||||
top: 1rem;
|
||||
}
|
||||
|
||||
#mkdocs-search-results {
|
||||
font-family: "Open Sans"
|
||||
}
|
||||
|
||||
#search-loading {
|
||||
display: table;
|
||||
margin: 0 auto;
|
||||
color: #EF4F98;;
|
||||
}
|
||||
|
||||
#search-loading p{
|
||||
color: #000000;
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
#searchpage-form {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#mobile-search-form {
|
||||
#icinga-footer-menu {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.mobile-search-form-input {
|
||||
width: 100%;
|
||||
border: 1px solid #c7c9cb;
|
||||
line-height: 2em;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
#footer {
|
||||
width: 100%;
|
||||
background: #000000;
|
||||
}
|
||||
|
||||
.footer-container {
|
||||
width: 80%;
|
||||
position: relative;
|
||||
margin: auto;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#footer-widgets {
|
||||
padding: 6% 0 0;
|
||||
}
|
||||
|
||||
.footer-widget {
|
||||
margin: 0 5.5% 5.5% 0;
|
||||
font-size: 13px;
|
||||
padding-top: 31px;
|
||||
padding-bottom: 31px;
|
||||
float: left;
|
||||
color: #ffffff;
|
||||
line-height: 1.7em;
|
||||
width: 20.875%;
|
||||
font-size: 14px;
|
||||
line-height: 27px;
|
||||
border-bottom: 1px solid #ccc;
|
||||
}
|
||||
|
||||
.footer-widget h4 {
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.footer-widget-text {
|
||||
#icinga-footer-menu ul {
|
||||
float: left;
|
||||
max-width: 100%;
|
||||
width: 19%;
|
||||
margin-right: 5.5%;
|
||||
}
|
||||
|
||||
.footer-widget-text:last-child {
|
||||
margin-bottom: 0 !important;
|
||||
#icinga-footer-menu-last {
|
||||
margin-right: 0!important;
|
||||
}
|
||||
|
||||
.textwidget ul {
|
||||
#icinga-footer-menu li {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
line-height: 1.7em;
|
||||
}
|
||||
|
||||
.textwidget ul li {
|
||||
margin-bottom: 0.5em;
|
||||
#icinga-footer-menu li a {
|
||||
color: #777;
|
||||
}
|
||||
|
||||
.footer-title {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.footer-menu-item a:hover {
|
||||
opacity: .6;
|
||||
}
|
||||
|
||||
.footer-logo {
|
||||
padding-top: 15px;
|
||||
height: 70px;
|
||||
}
|
||||
|
||||
.footer-logo:hover {
|
||||
opacity: .6;
|
||||
}
|
||||
|
||||
#stay-informed-email {
|
||||
padding: 5px;
|
||||
font-size: 14px;
|
||||
#icinga-footer-legal {
|
||||
width: 100%;
|
||||
border: 1px solid #bbb;
|
||||
color: #4e4e4e;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
#submit-button {
|
||||
margin-left: 0px;
|
||||
margin-top: 10px;
|
||||
background-color: #0095bf;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
border-radius: 2px;
|
||||
border: 2px solid transparent;
|
||||
color: #ffffff;
|
||||
width: 100%;
|
||||
line-height: 1.4em;
|
||||
}
|
||||
|
||||
.footer-bottom {
|
||||
padding: 15px 0 5px;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
#footer-social-icons {
|
||||
#icinga-footer-legal li{
|
||||
color: #777;
|
||||
list-style: none;
|
||||
float: right;
|
||||
float: left;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 18px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
.footer-social-icon {
|
||||
display: inline-block;
|
||||
margin-left: 20px;
|
||||
#icinga-footer-legal li:first-child{
|
||||
padding-right: 33%;
|
||||
}
|
||||
|
||||
#footer-copyright {
|
||||
font-size: 13px;
|
||||
padding-bottom: 17px;
|
||||
#icinga-footer-legal a{
|
||||
color: #777;
|
||||
}
|
||||
|
||||
@media screen and (max-width:65em) {
|
||||
#top-menu {
|
||||
#icinga-menu {
|
||||
display: none;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 999;
|
||||
background-color: #000000;
|
||||
border-top: 4px solid #0095BF;
|
||||
padding: 5%;
|
||||
}
|
||||
|
||||
#top-menu-hamburger {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#top-menu-nav li {
|
||||
display: block;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
#download-button > a {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.md-search__form {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.md-header-nav__button.md-icon--search {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#searchpage-form {
|
||||
display: table;
|
||||
margin: 0px 0px 50px 0px;
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
#search-loading {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.footer-widget:nth-child(n) {
|
||||
width: 42% !important;
|
||||
margin: 0 7.5% 7.5% 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width: 76.1875em) {
|
||||
html .md-nav--primary .md-nav__title--site {
|
||||
background-color: #0095BF;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,73 +1,129 @@
|
|||
<footer id="footer">
|
||||
<div class="footer-container">
|
||||
<div id="footer-widgets" class="clearfix">
|
||||
<div class="footer-widget">
|
||||
<div class="footer-widget-text">
|
||||
<h4 class="footer-title">We love monitoring</h4>
|
||||
<div class="textwidget">
|
||||
<a href="https://icinga.com/" alt="Icinga">
|
||||
<img class="footer-logo" alt="Icinga" src="{{ base_url }}/images/icinga-logo-white.png"">
|
||||
</a>
|
||||
</div>
|
||||
{% import "partials/language.html" as lang with context %}
|
||||
<footer class="md-footer">
|
||||
{% if page.previous_page or page.next_page %}
|
||||
<div class="md-footer-nav">
|
||||
<nav class="md-footer-nav__inner md-grid">
|
||||
{% if page.previous_page %}
|
||||
<a href="{{ page.previous_page.url | url }}" title="{{ page.previous_page.title }}" class="md-flex md-footer-nav__link md-footer-nav__link--prev" rel="prev">
|
||||
<div class="md-flex__cell md-flex__cell--shrink">
|
||||
<i class="md-icon md-icon--arrow-back md-footer-nav__button"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-widget">
|
||||
<div class="footer-widget-text">
|
||||
<h4 class="footer-title">Resources</h4>
|
||||
<div class="textwidget">
|
||||
<ul>
|
||||
<li class="footer-menu-item"><a href="https://icinga.com/shop">Shop</a></li>
|
||||
<li class="footer-menu-item"><a href="https://icinga.com/about/team/">Team</a></li>
|
||||
<li class="footer-menu-item"><a href="https://icinga.com/community">Community</a></li>
|
||||
<li class="footer-menu-item"><a href="https://icinga.com/partners">Find a Partner</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="md-flex__cell md-flex__cell--stretch md-footer-nav__title">
|
||||
<span class="md-flex__ellipsis">
|
||||
<span class="md-footer-nav__direction">
|
||||
{{ lang.t("footer.previous") }}
|
||||
</span>
|
||||
{{ page.previous_page.title }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-widget">
|
||||
<div class="footer-widget-text">
|
||||
<h4 class="footer-title">About</h4>
|
||||
<div class="textwidget">
|
||||
<ul>
|
||||
<li class="footer-menu-item"><a href="https://icinga.com/customers">Customers</a></li>
|
||||
<li class="footer-menu-item"><a href="https://icinga.com/about/imprint">Imprint</a></li>
|
||||
<li class="footer-menu-item"><a href="https://icinga.com/about/privacy-policy">Privacy Policy</a></li>
|
||||
<li class="footer-menu-item"><a href="https://icinga.com/contact">Contact us</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</a>
|
||||
{% endif %}
|
||||
{% if page.next_page %}
|
||||
<a href="{{ page.next_page.url | url }}" title="{{ page.next_page.title }}" class="md-flex md-footer-nav__link md-footer-nav__link--next" rel="next">
|
||||
<div class="md-flex__cell md-flex__cell--stretch md-footer-nav__title">
|
||||
<span class="md-flex__ellipsis">
|
||||
<span class="md-footer-nav__direction">
|
||||
{{ lang.t("footer.next") }}
|
||||
</span>
|
||||
{{ page.next_page.title }}
|
||||
</span>
|
||||
</div>
|
||||
<div class="md-flex__cell md-flex__cell--shrink">
|
||||
<i class="md-icon md-icon--arrow-forward md-footer-nav__button"></i>
|
||||
</div>
|
||||
</a>
|
||||
{% endif %}
|
||||
</nav>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<div class="md-footer-meta md-typeset icinga-footer">
|
||||
<div class="md-footer-meta__inner md-grid ">
|
||||
<div id="icinga-footer-menu">
|
||||
<ul>
|
||||
<li><strong>Icinga</strong></li>
|
||||
<li><a href="https://icinga.com/products">Products</a></li>
|
||||
<li><a href="https://icinga.com/blog">Blog</a></li>
|
||||
<li><a href="https://icinga.com/partners">Partners</a></li>
|
||||
<li><a href="https://icinga.com/customers">Customers</a></li>
|
||||
<li><a href="https://icinga.com/company">Company</a></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li><strong>Events</strong></li>
|
||||
<li><a href="https://icinga.com/events">IcingaCamp</a></li>
|
||||
<li><a href="https://icinga.com/events/meetups">Meetups</a></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li><strong>Learn</strong></li>
|
||||
<li><a href="https://icinga.com/docs">Docs</a></li>
|
||||
<li><a href="https://icinga.com/trainings">Trainings</a></li>
|
||||
</ul>
|
||||
<ul id="icinga-footer-menu-last">
|
||||
<li><strong>Support</strong></li>
|
||||
<li><a href="https://icinga.com/support">Subscription</a></li>
|
||||
<li><a href="https://community.icinga.com">Community Forum</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer-widget" style="margin-right:0px">
|
||||
<div class="footer-widget-text">
|
||||
<h4 class="footer-title">Stay informed</h4>
|
||||
<div class="textwidget">
|
||||
<p></p>
|
||||
<div id="footer-signup">
|
||||
<form action="//icinga.us8.list-manage.com/subscribe/post?u=b791f3f89c2aa4ce5e741f273&id=056e3dafee" method="post" target="_blank">
|
||||
<div><input id="stay-informed-email" name="EMAIL" required="" type="email" value="" placeholder="email address" />
|
||||
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
|
||||
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input tabindex="-1" name="b_b791f3f89c2aa4ce5e741f273_056e3dafee" type="text" value="" /></div>
|
||||
<div>
|
||||
<input id="submit-button" class="button" name="subscribe" type="submit" value="Subscribe" />
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="md-footer-copyright" style="width:100%">
|
||||
{% if config.copyright %}
|
||||
<div class="md-footer-copyright__highlight icinga-footer">
|
||||
<ul id="icinga-footer-legal">
|
||||
<li>{{ config.copyright }}</li>
|
||||
<li><a href="https://icinga.com/about/imprint">Imprint</a></li>
|
||||
<li><a href="https://icinga.com/about/privacy-policy">Privacy Policy</a></li>
|
||||
<li><a href="https://icinga.com/about/terms-of-use">Terms of use</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="md-footer-copyright__highlight icinga-footer">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-bottom">
|
||||
<div class="footer-container clearfix">
|
||||
<ul id="footer-social-icons">
|
||||
{% set path = "ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" %}
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/{{ path }}">
|
||||
{% for social in config.extra.social %}
|
||||
<li class="footer-social-icon"><a href="{{ social.link }}" class="fa fa-{{ social.type }}"></a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
<div id="footer-copyright">© {{ config.copyright }}</div>
|
||||
|
||||
<!--
|
||||
<div id="icinga-footer">
|
||||
<div id="icinga-footer-container">
|
||||
<div id="icinga-footer-menu">
|
||||
<ul>
|
||||
<li><strong>Icinga</strong></li>
|
||||
<li><a href="#">Product</a></li>
|
||||
<li><a href="#">Blog</a></li>
|
||||
<li><a href="#">Partners</a></li>
|
||||
<li><a href="#">Customers</a></li>
|
||||
<li><a href="#">Company</a></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li><strong>Events</strong></li>
|
||||
<li><a href="#">IcingaConf</a></li>
|
||||
<li><a href="#">IcingaCamp</a></li>
|
||||
<li><a href="#">Meetups</a></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li><strong>Learn</strong></li>
|
||||
<li><a href="#">Docs</a></li>
|
||||
<li><a href="#">Trainings</a></li>
|
||||
</ul>
|
||||
<ul id="icinga-footer-menu-last">
|
||||
<li><strong>Support</strong></li>
|
||||
<li><a href="#">Subscription</a></li>
|
||||
<li><a href="#">Community Forum</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="icinga-footer-bottom">
|
||||
<div id="icinga-footer-copyright">
|
||||
{{ config.copyright }}
|
||||
</div>
|
||||
<div id="icinga-footer-legal">
|
||||
<ul>
|
||||
<li>Imprint</li>
|
||||
<li>Privacy Policy</li>
|
||||
<li>Terms of Use</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
-->
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -1,75 +1,86 @@
|
|||
<div id="main-header">
|
||||
<div id="main-header-container" class="clearfix">
|
||||
<div id="main-header-logo-container">
|
||||
<div id="icinga-menu" class="clearfix">
|
||||
<div id="icinga-menu-container">
|
||||
<div id="icinga-menu-logo">
|
||||
<a href="https://icinga.com/" alt="Icinga">
|
||||
<img alt="Icinga" src="{{ base_url }}/images/icinga-logo-white.png" id="logo">
|
||||
<img alt="Icinga" src="{{ base_url }}/images/icinga-logo-white.png">
|
||||
</a>
|
||||
</div>
|
||||
<div id="main-header-navigation">
|
||||
<nav id="top-menu-nav">
|
||||
<button id="top-menu-hamburger" class="md-icon md-icon--menu" onclick="document.querySelector('#top-menu').style.display = (document.querySelector('#top-menu').style.display == 'block') ? 'none' : 'block'"></button>
|
||||
<ul id="top-menu">
|
||||
|
||||
<div id="icinga-menu-main">
|
||||
<nav>
|
||||
<button onclick="document.querySelector('#top-menu').style.display = (document.querySelector('#top-menu').style.display == 'block') ? 'none' : 'block'"></button>
|
||||
<ul>
|
||||
{% for menuitem in config.extra.menu %}
|
||||
{% if menuitem.cssid %}
|
||||
<li class="top-menu-item" id="{{ menuitem.cssid }}"><a href="{{ menuitem.link }}">{{ menuitem.text }}</a></li>
|
||||
{% else %}
|
||||
<li class="top-menu-item"><a href="{{ menuitem.link }}">{{ menuitem.text }}</a></li>
|
||||
{% endif %}
|
||||
{% if menuitem.cssid %}
|
||||
<li class="icinga-menu-main-entry" id="{{ menuitem.cssid }}"><a href="{{ menuitem.link }}">{{ menuitem.text }}</a></li>
|
||||
{% else %}
|
||||
<li><a href="{{ menuitem.link }}">{{ menuitem.text }}</a></li>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<div id="icinga-menu-secondary">
|
||||
<nav>
|
||||
<ul>
|
||||
<li id="icinga-menu-download">Download</li>
|
||||
<li id="icinga-menu-contact">Contact</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<header class="md-header" data-md-component="header">
|
||||
<header class="md-header" data-md-component="header" style="position:relative;">
|
||||
|
||||
|
||||
|
||||
<nav class="md-header-nav md-grid">
|
||||
<div class="md-flex">
|
||||
<div class="md-flex__cell md-flex__cell--shrink">
|
||||
<label class="md-icon md-icon--menu md-header-nav__button" for="drawer"></label>
|
||||
</div>
|
||||
<div class="md-flex__cell md-flex__cell--stretch">
|
||||
<span class="md-flex__ellipsis md-header-nav__title">
|
||||
{{ config.site_name }}
|
||||
</span>
|
||||
<div class="md-flex__cell md-flex__cell--shrink">
|
||||
<a href="{{ config.site_url | default(nav.homepage.url, true) | url }}" title="{{ config.site_name }}" class="md-header-nav__button md-logo">
|
||||
{% if config.theme.logo.icon %}
|
||||
<i class="md-icon">{{ config.theme.logo.icon }}</i>
|
||||
{% else %}
|
||||
<img src="{{ config.theme.logo | url }}" width="24" height="24">
|
||||
{% endif %}
|
||||
</a>
|
||||
</div>
|
||||
<div class="md-flex__cell md-flex__cell--shrink">
|
||||
<a class="md-icon md-icon--search md-header-nav__button" href="{{ base_url }}/search.html"></a>
|
||||
<form class="md-search__form" action="{{ base_url }}/search.html">
|
||||
<span role="status" aria-live="polite"></span>
|
||||
<input name="q" id="mkdocs-search-query" class="md-search__input" type="text" required placeholder="Search" autocomplete="off">
|
||||
<label class="md-icon md-search__icon" for="search"></label>
|
||||
</form>
|
||||
<label class="md-icon md-icon--menu md-header-nav__button" for="__drawer"></label>
|
||||
</div>
|
||||
<div class="md-flex__cell md-flex__cell--stretch">
|
||||
<div class="md-flex__ellipsis md-header-nav__title" data-md-component="title">
|
||||
{% block site_name %}
|
||||
{% if config.site_name == page.title %}
|
||||
{{ config.site_name }}
|
||||
{% else %}
|
||||
<span class="md-header-nav__topic">
|
||||
{{ config.site_name }}
|
||||
</span>
|
||||
<span class="md-header-nav__topic">
|
||||
{{ page.title }}
|
||||
</span>
|
||||
{% endif %}
|
||||
{% endblock %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="md-flex__cell md-flex__cell--shrink">
|
||||
{% block search_box %}
|
||||
{% if "search" in config["plugins"] %}
|
||||
<label class="md-icon md-icon--search md-header-nav__button" for="__search"></label>
|
||||
{% include "partials/search.html" %}
|
||||
{% endif %}
|
||||
{% endblock %}
|
||||
</div>
|
||||
{% if config.repo_url %}
|
||||
<div class="md-flex__cell md-flex__cell--shrink">
|
||||
<div class="md-header-nav__source">
|
||||
{% include "partials/source.html" %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<div class="md-breadcrump-main">
|
||||
<div class="md-breadcrump-inner">
|
||||
<ul id="breadcrump-list">
|
||||
<li><a href="https://icinga.com/docs">Documentation</a></li>
|
||||
<li>
|
||||
<span class="md-breadcrump-seperator">/</span>
|
||||
<a href="{{ base_url }}">{{ config.site_name }}</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="md-events">
|
||||
<div class="md-events-inner">
|
||||
<div id="events-header" class="clearfix">
|
||||
<span>Upcoming Events</span>
|
||||
|
||||
</div>
|
||||
<ul id="events-list">
|
||||
{% for event in config.extra.events %}
|
||||
{% if event.name %}
|
||||
<li class="event-item"><a href="{{ event.registration_link }}"><span class="event-date">{{ event.date }}</span> <h3>{{ event.name }}</h3> <span class="event-city">{{ event.city }}</span></a></li>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
<li class="event-item" id="event-more-link"><a href="https://icinga.com/events/">Show more</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,14 +0,0 @@
|
|||
<nav class="md-nav md-nav--primary" data-md-level="0">
|
||||
{% if config.repo_url %}
|
||||
<div class="md-nav__source">
|
||||
{% include "partials/source.html" %}
|
||||
</div>
|
||||
{% endif %}
|
||||
<ul class="md-nav__list" data-md-scrollfix>
|
||||
{% for nav_item in nav %}
|
||||
{% set path = "nav-" + loop.index | string %}
|
||||
{% set level = 1 %}
|
||||
{% include "partials/nav-item.html" %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</nav>
|
||||
|
|
@ -1,34 +0,0 @@
|
|||
{% extends "base.html" %}
|
||||
|
||||
{% block extrahead %}
|
||||
<script>var base_url = '{{ base_url }}';</script>
|
||||
<script data-main="{{ base_url }}/mkdocs/js/search.js" src="{{ base_url }}/mkdocs/js/require.js"></script>
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<h1 id="search-documentation">Search Results</h1>
|
||||
|
||||
<noscript>
|
||||
<div class="admonition warning">
|
||||
<p>
|
||||
Please activate JavaScript to enable the search
|
||||
functionality.
|
||||
</p>
|
||||
</div>
|
||||
</noscript>
|
||||
|
||||
<div id="searchpage-form">
|
||||
<form id="mobile-search-form" action="{{ base_url }}/search.html">
|
||||
<span role="status" aria-live="polite"></span>
|
||||
<input name="q" id="mkdocs-search-query" class="mobile-search-form-input" type="text" required placeholder="Search" autocomplete="off">
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div id="mkdocs-search-results">
|
||||
<div id="search-loading">
|
||||
<i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i>
|
||||
<p>Searching ...</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
Loading…
Reference in New Issue