mirror of
https://github.com/FAUSheppy/flask-json-dream-website
synced 2025-12-06 16:21:35 +01:00
more fancy shit
This commit is contained in:
@@ -15,6 +15,13 @@ body {
|
|||||||
padding: 0 !important;
|
padding: 0 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.mobile-only{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.desktop-only{
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
@media (max-width: 767px) {
|
@media (max-width: 767px) {
|
||||||
body {
|
body {
|
||||||
font-size: 25px;
|
font-size: 25px;
|
||||||
@@ -22,6 +29,12 @@ body {
|
|||||||
.flag{
|
.flag{
|
||||||
margin-left: unset;
|
margin-left: unset;
|
||||||
}
|
}
|
||||||
|
.mobile-only{
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.desktop-only{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 500px) {
|
@media (max-width: 500px) {
|
||||||
|
|||||||
@@ -2,7 +2,19 @@
|
|||||||
{% if conf["IMPRESSUM_IS_CONTACT"] %}
|
{% if conf["IMPRESSUM_IS_CONTACT"] %}
|
||||||
<a style="color: rgba(255,255,255,.5);" href="/impressum">Impressum/Kontakt</a>
|
<a style="color: rgba(255,255,255,.5);" href="/impressum">Impressum/Kontakt</a>
|
||||||
{% else %}
|
{% else %}
|
||||||
<a class="mr-2" style="color: rgba(255,255,255,.5);" href="/impressum">Impressum</a>
|
<a class="mr-2" style="color: rgba(255,255,255,.5);" href="/impressum">
|
||||||
<a class="ml-2" style="color: rgba(255,255,255,.5);" href="/contact">Kontakt</a>
|
{% if conf["LANGUAGE"] == "en" %}
|
||||||
|
Legal
|
||||||
|
{% else %}
|
||||||
|
Impressum
|
||||||
|
{% endif %}
|
||||||
|
</a>
|
||||||
|
<a class="ml-2" style="color: rgba(255,255,255,.5);" href="/contact">
|
||||||
|
{% if conf["LANGUAGE"] == "en" %}
|
||||||
|
Contact
|
||||||
|
{% else %}
|
||||||
|
Kontakt
|
||||||
|
{% endif %}
|
||||||
|
</a>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -12,25 +12,63 @@
|
|||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
<body id="main_scrollable">
|
<body id="main_scrollable"
|
||||||
|
style="background-image: url('https://potaris.de/picture/unreal-lightning.jpg?scalex=1280&scaley=960')">
|
||||||
<!-- NAVBAR -->
|
<!-- NAVBAR -->
|
||||||
{% include 'navbar.html' %}
|
{% include 'navbar.html' %}
|
||||||
|
|
||||||
<!-- Site wellcome header -->
|
<!-- Site wellcome header style="background-color: #312a2a;" -->
|
||||||
<header class="masthead {% if conf['NO_CENTER_TITLE'] %} h-50 {% endif %}"
|
<!--
|
||||||
style="background-color: #312a2a;"
|
<header class="masthead {% if conf['NO_CENTER_TITLE'] %} {% endif %}"
|
||||||
{% if conf['WALLPAPER_URL'] %} realsrc='{{ conf["WALLPAPER_URL"] }}' {% endif %}>
|
{% if conf['WALLPAPER_URL'] %} realsrc='{{ conf["WALLPAPER_URL"] }}' {% endif %}
|
||||||
|
style="background-image: url('{{ conf["WALLPAPER_URL"] }}');">
|
||||||
|
-->
|
||||||
|
|
||||||
|
<div id="carouselIndicators" class="carousel slide" data-ride="carousel">
|
||||||
|
<ol class="carousel-indicators">
|
||||||
|
<li data-target="#carouselIndicators" data-slide-to="0" class="active"></li>
|
||||||
|
<li data-target="#carouselIndicators" data-slide-to="1"></li>
|
||||||
|
<li data-target="#carouselIndicators" data-slide-to="2"></li>
|
||||||
|
</ol>
|
||||||
|
<div class="carousel-inner">
|
||||||
|
<div class="carousel-item active">
|
||||||
|
<img class="d-block w-100" src="{{ conf['WALLPAPER_URL'] }}">
|
||||||
|
</div>
|
||||||
|
{% for (url, alt, title, subtitle) in conf["WALLPAPER_REEL"] %}
|
||||||
|
<div class="carousel-item">
|
||||||
|
<img class="d-block w-100" src="{{ url }}" alt="{{ alt }}">
|
||||||
|
<div class="carousel-caption d-none d-md-block">
|
||||||
|
<h5>{{ subtitle }}</h5>
|
||||||
|
<p>{{ title }}</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
<a class="carousel-control-prev" href="#carouselIndicators" role="button" data-slide="prev">
|
||||||
|
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
||||||
|
<span class="sr-only">Previous</span>
|
||||||
|
</a>
|
||||||
|
<a class="carousel-control-next" href="#carouselIndicators" role="button" data-slide="next">
|
||||||
|
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
||||||
|
<span class="sr-only">Next</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<!--
|
||||||
<div class="{% if conf['NO_CENTER_TITLE'] %} pb-4 pl-2 pr-2 {% else %} container {% endif %}
|
<div class="{% if conf['NO_CENTER_TITLE'] %} pb-4 pl-2 pr-2 {% else %} container {% endif %}
|
||||||
{% if conf['WALLPAPER_URL'] %} h-50 {% endif %}">
|
{% if conf['WALLPAPER_URL'] %} h-50 {% endif %}">
|
||||||
<div class="row h-100 align-items-center">
|
<div class="row h-100 align-items-center">
|
||||||
<div class="col-12 {% if not conf['NO_CENTER_TITLE'] %} text-center {% endif %}">
|
<div class="col-12 {% if not conf['NO_CENTER_TITLE'] %} text-center {% endif %}">
|
||||||
<div style="opacity: 0;"></div> <!-- TODO color for text configurable -->
|
<div style="opacity: 0;"></div>
|
||||||
{% if "SITE_WELLCOME_TITLE" in conf %} <h1 class="pt-4 font-weight-light" style="{{ conf['SITE_WELLCOME_TITLE_CSS'] | safe }}">{{ conf["SITE_WELLCOME_TITLE"] | safe }}</h1> {% endif %}
|
{% if "SITE_WELLCOME_TITLE" in conf %} <h1 class="pt-4 font-weight-light" style="{{ conf['SITE_WELLCOME_TITLE_CSS'] | safe }}">{{ conf["SITE_WELLCOME_TITLE"] | safe }}</h1> {% endif %}
|
||||||
{% if "SITE_WELLCOME_SUBTITLE" in conf %} <p class="pt-4 title-responsive font-weight-light" style="{{ conf['SITE_WELLCOME_TITLE_CSS'] | safe }}">{{ conf["SITE_WELLCOME_SUBTITLE"] | safe }}</p> {% endif %}
|
{% if "SITE_WELLCOME_SUBTITLE" in conf %} <p class="pt-4 title-responsive font-weight-light" style="{{ conf['SITE_WELLCOME_TITLE_CSS'] | safe }}">{{ conf["SITE_WELLCOME_SUBTITLE"] | safe }}</p> {% endif %}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
-->
|
||||||
|
|
||||||
|
|
||||||
<!-- events -->
|
<!-- events -->
|
||||||
{% include 'events.html' %}
|
{% include 'events.html' %}
|
||||||
@@ -114,12 +152,15 @@
|
|||||||
</div>
|
</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
<div style="background: rgb(49,42,42);">
|
<!--
|
||||||
|
<div>
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 70 500 80">
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 70 500 80">
|
||||||
<path fill="#6c757d"d="M-19.19,103.90 C244.35,159.17 290.06,-2.67 507.90,124.63 L500.00,150.00 L-9.03,192.72 Z">
|
<path fill="#6c757d"d="M-19.19,103.90 C244.35,159.17 290.06,-2.67 507.90,124.63 L500.00,150.00 L-9.03,192.72 Z">
|
||||||
</path>
|
</path>
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
|
-->
|
||||||
|
|
||||||
{% for section in sections %}
|
{% for section in sections %}
|
||||||
<div class="{% if loop.index %2 == 1 %} bg-secondary {% else %} bg-dark {% endif %} pt-2 pb-4">
|
<div class="{% if loop.index %2 == 1 %} bg-secondary {% else %} bg-dark {% endif %} pt-2 pb-4">
|
||||||
<div class="container text-color-special">
|
<div class="container text-color-special">
|
||||||
|
|||||||
@@ -12,7 +12,11 @@
|
|||||||
<ul class="navbar-nav mr-auto">
|
<ul class="navbar-nav mr-auto">
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
{% if conf["LANGUAGE"] == "en" %}
|
||||||
|
<a class="nav-link" href="/en/">Home</a>
|
||||||
|
{% else %}
|
||||||
<a class="nav-link" href="/">Home</a>
|
<a class="nav-link" href="/">Home</a>
|
||||||
|
{% endif %}
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
{% for ndl in conf["NAVBAR_DROPDOWN_LINKS"] %}
|
{% for ndl in conf["NAVBAR_DROPDOWN_LINKS"] %}
|
||||||
|
|||||||
Reference in New Issue
Block a user