65 lines
2.0 KiB
HTML
65 lines
2.0 KiB
HTML
{% extends "sidebar/base.html" %}
|
|
|
|
{% block header %}
|
|
{{ super() }}
|
|
<style>
|
|
html {
|
|
display: flex;
|
|
}
|
|
body {
|
|
max-width: 1200px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin: 0 auto;
|
|
|
|
}
|
|
.fake-content {
|
|
margin: 50px 30px 0 30px;
|
|
padding: 0;
|
|
background-color: white;
|
|
font-size: 18px;
|
|
}
|
|
.calendar {
|
|
min-width: 250px;
|
|
margin: 50px 30px 0 30px;
|
|
border: 1px solid red;
|
|
}
|
|
|
|
@media only screen and (max-width: 600px) {
|
|
body {
|
|
flex-wrap: wrap-reverse;
|
|
}
|
|
}
|
|
</style>
|
|
{% endblock %}
|
|
|
|
{% block body %}
|
|
<div class="fake-content">
|
|
<h2>Fake content</h2>
|
|
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
|
|
dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
|
|
clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
|
|
consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
|
|
sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea
|
|
takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
|
|
diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et
|
|
accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum
|
|
dolor sit amet.
|
|
</p>
|
|
|
|
<p>
|
|
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu
|
|
feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril
|
|
delenit augue duis dolore te feugait nulla facilisi.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="calendar">
|
|
{% include "sidebar/includes/header.html" %}
|
|
{% include "sidebar/includes/events-list.html" %}
|
|
{% include "sidebar/includes/footer.html" %}
|
|
</div>
|
|
{% endblock %}
|