mirror of
https://github.com/Icinga/icinga-docs-tools.git
synced 2025-07-23 13:54:23 +02:00
Add events to the header
This commit is contained in:
parent
b906fc9a31
commit
fa5f6555f0
@ -106,13 +106,108 @@ body{
|
|||||||
padding-bottom: 10rem;
|
padding-bottom: 10rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* Events */
|
||||||
|
|
||||||
|
.md-events {
|
||||||
|
width: 100%;
|
||||||
|
margin-top: 2%;
|
||||||
|
max-width: 122rem;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.md-events-inner {
|
||||||
|
position: relative;
|
||||||
|
margin: auto;
|
||||||
|
width: 100%;
|
||||||
|
max-width: 1255px;
|
||||||
|
overflow: auto;
|
||||||
|
border-bottom: 1px solid #ddd;
|
||||||
|
margin-left: 1.4rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
#events-header span{
|
||||||
|
float: left;
|
||||||
|
font-size: 12px;
|
||||||
|
line-height: 30px;
|
||||||
|
color: #8d8d8d;
|
||||||
|
padding-right: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
#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;
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* END Events */
|
||||||
|
|
||||||
|
|
||||||
|
.md-container {
|
||||||
|
padding-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.icinga-footer{
|
.icinga-footer{
|
||||||
background: #f7f7f7;
|
background: #f7f7f7;
|
||||||
color: #777;
|
color: #777;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
#icinga-footer-menu {
|
#icinga-footer-menu {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding-top: 31px;
|
padding-top: 31px;
|
||||||
|
@ -83,3 +83,20 @@
|
|||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
|
<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>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user