Extract base template, create tobacco site, create landing page
This commit is contained in:
parent
7412d5f4d9
commit
259b8710d3
1
.gitignore
vendored
1
.gitignore
vendored
@ -1,5 +1,6 @@
|
||||
__pycache__
|
||||
clubhaus/static/**/*
|
||||
.DS_Store
|
||||
|
||||
# Created by https://www.toptal.com/developers/gitignore/api/jetbrains
|
||||
# Edit at https://www.toptal.com/developers/gitignore?templates=jetbrains
|
||||
|
||||
7
clubhaus/homepage/static/homepage/new_assets/bootstrap/bootstrap.min.css
vendored
Normal file
7
clubhaus/homepage/static/homepage/new_assets/bootstrap/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
7
clubhaus/homepage/static/homepage/new_assets/bootstrap/bootstrap.min.js
vendored
Normal file
7
clubhaus/homepage/static/homepage/new_assets/bootstrap/bootstrap.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
30
clubhaus/homepage/static/homepage/new_assets/self/custom.css
Normal file
30
clubhaus/homepage/static/homepage/new_assets/self/custom.css
Normal file
@ -0,0 +1,30 @@
|
||||
/* Globals */
|
||||
|
||||
/* Custom default button */
|
||||
.btn-secondary,
|
||||
.btn-secondary:hover,
|
||||
.btn-secondary:focus {
|
||||
color: #333;
|
||||
text-shadow: none; /* Prevent inheritance from `body` */
|
||||
}
|
||||
|
||||
/* Header */
|
||||
|
||||
.nav-masthead .nav-link {
|
||||
color: rgba(255, 255, 255, .5);
|
||||
border-bottom: .25rem solid transparent;
|
||||
}
|
||||
|
||||
.nav-masthead .nav-link:hover,
|
||||
.nav-masthead .nav-link:focus {
|
||||
border-bottom-color: rgba(255, 255, 255, .25);
|
||||
}
|
||||
|
||||
.nav-masthead .nav-link + .nav-link {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
.nav-masthead .active {
|
||||
color: #fff;
|
||||
border-bottom-color: #fff;
|
||||
}
|
||||
72
clubhaus/homepage/templates/homepage/base.html
Normal file
72
clubhaus/homepage/templates/homepage/base.html
Normal file
@ -0,0 +1,72 @@
|
||||
{% load static %}
|
||||
<!doctype html>
|
||||
<html lang="en" class="h-100">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="description" content="">
|
||||
|
||||
<!-- WhatsApp & Facebook Link Preview -->
|
||||
<meta property="og:site_name" content="{% block site_name %}Clubhaus Schornbach{% endblock %}">
|
||||
<meta property="og:title" content="">
|
||||
<meta property="og:description" content="Clubhaus Schornbach - est. 2007">
|
||||
<meta property="og:image"
|
||||
content="{{ request.scheme }}://{{ request.get_host }}{% static 'homepage/image01.jpg' %}">
|
||||
<meta property="og:type" content="website"/>
|
||||
<meta property="og:image:type" content="image/jpeg">
|
||||
<meta property="og:image:width" content="300">
|
||||
<meta property="og:image:height" content="300">
|
||||
<meta property="og:url" content="{{ request.scheme }}://{{ request.get_host }}">
|
||||
|
||||
<title>Clubhaus Schornbach</title>
|
||||
|
||||
<link href="{% static 'homepage/new_assets/bootstrap/bootstrap.min.css' %}" rel="stylesheet">
|
||||
<link href="{% static 'homepage/new_assets/self/custom.css' %}" rel="stylesheet">
|
||||
|
||||
<style>
|
||||
.bg-logo {
|
||||
background-image: url("{% static 'homepage/logo.svg' %}");
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: contain;
|
||||
}
|
||||
</style>
|
||||
|
||||
<!-- TODO: Replace with downloaded version -->
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.3/font/bootstrap-icons.css">
|
||||
</head>
|
||||
<body class="bg-dark h-100"> <!-- d-flex h-100 text-center text-white bg-dark -->
|
||||
|
||||
<div class="d-flex h-100 flex-column"> <!-- d-flex w-100 h-100 p-3 mx-auto flex-column -->
|
||||
<header class="d-flex w-100 p-3 mx-auto flex-column text-white text-center">
|
||||
<div>
|
||||
<h3 class="float-md-start mb-0">Clubhaus Schornbach</h3>
|
||||
<nav class="nav nav-masthead justify-content-center float-md-end">
|
||||
<a class="nav-link fw-bold py-1 px-0 {% if request.path == '/' %}active{% endif %}"
|
||||
href="{% url 'index' %}">Home</a>
|
||||
<a class="nav-link fw-bold py-1 px-0 {% if 'event' in request.path %}active{% endif %}"
|
||||
href="{% url 'events' %}">Event</a>
|
||||
<a class="nav-link fw-bold py-1 px-0 {% if 'tobacco' in request.path %}active{% endif %}"
|
||||
href="{% url 'tobacco' %}">Tobacco</a>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
{% block main %}{% endblock %}
|
||||
|
||||
<footer class="d-flex w-100 p-3 mx-auto flex-column text-white text-center text-white-50">
|
||||
<p>
|
||||
Clubhaus Schornbach 2007 - {% now 'Y' %}
|
||||
<br>
|
||||
<a>Impressum</a>
|
||||
</p>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
<script src="{% static 'homepage/new_assets/bootstrap/bootstrap.min.js' %}"></script>
|
||||
<script defer src="https://cdn.jsdelivr.net/npm/masonry-layout@4.2.2/dist/masonry.pkgd.min.js"
|
||||
integrity="sha384-GNFwBvfVxBkLMJpYMOABq3c+d3KnQxudP/mGPkzpZSTYykLBNsZEnG2D9G/X/+7D"
|
||||
crossorigin="anonymous"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,174 +1,38 @@
|
||||
{% extends 'homepage/base.html' %}
|
||||
{% load static %}
|
||||
<!-- Site made with Mobirise Website Builder v5.6.5, https://mobirise.com -->
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
|
||||
<link rel="shortcut icon" href="{% static 'homepage/assets/images/favicon-64x64-1.png' %}" type="image/x-icon">
|
||||
|
||||
<!-- MS Tile - for Microsoft apps-->
|
||||
<meta name="msapplication-TileImage" content="https://event.bareiss.me/image01.jpg">
|
||||
{% block main %}
|
||||
<main class="mt-auto mb-auto w-100">
|
||||
<div class="container py-4">
|
||||
<div class="p-5 mb-4 bg-light rounded-3">
|
||||
<div class="container-fluid py-5">
|
||||
<h1 class="display-5 fw-bold">Custom jumbotron</h1>
|
||||
<p class="col-md-8 fs-4">Using a series of utilities, you can create this jumbotron, just like the
|
||||
one in previous versions of Bootstrap. Check out the examples below for how you can remix and
|
||||
restyle it to your liking.</p>
|
||||
<button class="btn btn-primary btn-lg" type="button">Example button</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- WhatsApp & Facebook Link Preview -->
|
||||
<meta property="og:site_name" content="Spring Break">
|
||||
<meta property="og:title" content="">
|
||||
<meta property="og:description" content="Clubhaus Schornbach - est. 2007">
|
||||
<meta property="og:image" content="https://event.bareiss.me/image01.jpg">
|
||||
<meta property="og:type" content="website"/>
|
||||
<meta property="og:image:type" content="image/jpeg">
|
||||
<meta property="og:image:width" content="300">
|
||||
<meta property="og:image:height" content="300">
|
||||
<meta property="og:url" content="https://event.bareiss.me">
|
||||
|
||||
|
||||
<title>Spring Break</title>
|
||||
<link rel="stylesheet" href="{% static 'homepage/assets/web/assets/mobirise-icons/mobirise-icons.css' %}">
|
||||
<link rel="stylesheet" href="{% static 'homepage/assets/web/assets/mobirise-icons-bold/mobirise-icons-bold.css' %}">
|
||||
<link rel="stylesheet" href="{% static 'homepage/assets/bootstrap/css/bootstrap.min.css' %}">
|
||||
<link rel="stylesheet" href="{% static 'homepage/assets/bootstrap/css/bootstrap-grid.min.css' %}">
|
||||
<link rel="stylesheet" href="{% static 'homepage/assets/bootstrap/css/bootstrap-reboot.min.css' %}">
|
||||
<link rel="stylesheet" href="{% static 'homepage/assets/animatecss/animate.css' %}">
|
||||
<link rel="stylesheet" href="{% static 'homepage/assets/socicon/css/styles.css' %}">
|
||||
<link rel="stylesheet" href="{% static 'homepage/assets/theme/css/style.css' %}">
|
||||
<link rel="preload"
|
||||
href="https://fonts.googleapis.com/css?family=Jost:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap"
|
||||
as="style" onload="this.onload=null;this.rel='stylesheet'">
|
||||
<noscript>
|
||||
<link rel="stylesheet"
|
||||
href="https://fonts.googleapis.com/css?family=Jost:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap">
|
||||
</noscript>
|
||||
<link rel="preload" as="style" href="{% static 'homepage/assets/mobirise/css/mbr-additional-event.css' %}">
|
||||
<link rel="stylesheet" href="{% static 'homepage/assets/mobirise/css/mbr-additional-event.css' %}" type="text/css">
|
||||
|
||||
|
||||
<section data-bs-version="5.1" class="countdown4 cid-t0IX3JhiJe mbr-fullscreen" id="countdown4-m">
|
||||
<div class="mbr-overlay" style="opacity: 0.4; background-color: rgb(40, 40, 40);">
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-8">
|
||||
<h3 class="mbr-section-title mb-5 align-center mbr-fonts-style display-1">
|
||||
<strong>
|
||||
<em>
|
||||
<br>
|
||||
</em>
|
||||
</strong>
|
||||
<br>
|
||||
<strong>
|
||||
<em>
|
||||
<br>
|
||||
</em>
|
||||
</strong>
|
||||
<strong>
|
||||
{% if next_event %}
|
||||
<em>{{ next_event.name }}</em>
|
||||
{% else %}
|
||||
<em>coming soon...</em>
|
||||
{% endif %}
|
||||
</strong>
|
||||
<strong>
|
||||
<br>
|
||||
</strong>
|
||||
</h3>
|
||||
{% if next_event %}
|
||||
<div class="countdown-cont align-center mb-5">
|
||||
<div class="daysCountdown col-xs-3 col-sm-3 col-md-3" title="Tage"></div>
|
||||
<div class="hoursCountdown col-xs-3 col-sm-3 col-md-3" title="Stunden"></div>
|
||||
<div class="minutesCountdown col-xs-3 col-sm-3 col-md-3" title="Minuten"></div>
|
||||
<div class="secondsCountdown col-xs-3 col-sm-3 col-md-3" title="Sekunden"></div>
|
||||
<div class="countdown" data-due-date="{{ next_event.date|date:'Y-m-d H:i:s' }}"></div>
|
||||
</div>
|
||||
<div class="icons-menu row justify-content-center display-7">
|
||||
<div class="soc-item col-auto">
|
||||
<a href="#features2-u" class="social__link">
|
||||
<span class="mbr-iconfont mbri-info"></span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="soc-item col-auto">
|
||||
<a href="https://www.wetter.com/deutschland/schorndorf/DE0009600.html" target="_blank"
|
||||
class="social__link">
|
||||
<span class="mbr-iconfont mbrib-cloud"></span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="soc-item col-auto">
|
||||
<a href="https://open.spotify.com/playlist/00FYaeOKftIb4zWDEShmtD?si=78a7ac31b6f84992"
|
||||
target="_blank" class="social__link">
|
||||
<span class="mbr-iconfont socicon-spotify socicon"></span>
|
||||
</a>
|
||||
<div class="row align-items-md-stretch">
|
||||
<div class="col-md-6">
|
||||
<div class="h-100 p-5 text-white bg-dark rounded-3">
|
||||
<h2>Change the background</h2>
|
||||
<p>Swap the background-color utility and add a `.text-*` color utility to mix up the jumbotron
|
||||
look. Then, mix and match with additional component themes and more.</p>
|
||||
<button class="btn btn-outline-light" type="button">Example button</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mbr-section-btn align-center mt-5"><a class="btn btn-primary display-5"
|
||||
href="https://doodle.com/meeting/participate/id/eXDQ7OVe/vote"
|
||||
target="_blank">Terminabstimmung</a></div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{% if next_event %}
|
||||
<section data-bs-version="5.1" class="features1 cid-t0PLlYyVe7" id="features2-u">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-12 col-md-6 col-lg-3">
|
||||
<div class="card-wrapper">
|
||||
<div class="card-box align-center">
|
||||
<span class="mbr-iconfont mbrib-clock"
|
||||
style="color: rgb(255, 255, 255); fill: rgb(255, 255, 255);"></span>
|
||||
<h4 class="card-title align-center mbr-black mbr-fonts-style display-5">
|
||||
<strong><em>
|
||||
{{ next_event.date|date:"d.m.Y" }}
|
||||
<br>
|
||||
ab {{ next_event.date|date:"H:i" }} Uhr
|
||||
</em></strong>
|
||||
</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-lg-3">
|
||||
<div class="card-wrapper">
|
||||
<div class="card-box align-center">
|
||||
<span class="mbr-iconfont mbrib-map-pin"
|
||||
style="color: rgb(255, 255, 255); fill: rgb(255, 255, 255);"></span>
|
||||
<h4 class="card-title align-center mbr-black mbr-fonts-style display-5">
|
||||
<strong><em>{{ next_event.location|linebreaksbr }}</em></strong>
|
||||
</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-lg-3">
|
||||
<div class="card-wrapper">
|
||||
<div class="card-box align-center">
|
||||
<span class="mbr-iconfont mbrib-hot-cup"
|
||||
style="color: rgb(255, 255, 255); fill: rgb(255, 255, 255);"></span>
|
||||
<h4 class="card-title align-center mbr-black mbr-fonts-style display-5">
|
||||
<strong><em>{{ next_event.beverages|linebreaksbr }}</em></strong></h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-lg-3">
|
||||
<div class="card-wrapper">
|
||||
<div class="card-box align-center">
|
||||
<span class="mbr-iconfont mbrib-shopping-cart"
|
||||
style="color: rgb(255, 255, 255); fill: rgb(255, 255, 255);"></span>
|
||||
<h4 class="card-title align-center mbr-black mbr-fonts-style display-5">
|
||||
<strong><em>{{ next_event.food|linebreaksbr }}</em></strong>
|
||||
</h4>
|
||||
<div class="col-md-6">
|
||||
<div class="h-100 p-5 bg-light border rounded-3">
|
||||
<h2>Add borders</h2>
|
||||
<p>Or, keep it light and add a border for some added definition to the boundaries of your
|
||||
content. Be sure to look under the hood at the source HTML here as we've adjusted the
|
||||
alignment and sizing of both column's content for equal-height.</p>
|
||||
<button class="btn btn-outline-secondary" type="button">Example button</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{% endif %}
|
||||
<section>
|
||||
<a href="https://mobiri.se/2731013" height: 0rem;"></a>
|
||||
<a href="https://mobiri.se/2731013"></a>
|
||||
</section>
|
||||
|
||||
<script src="{% static 'homepage/assets/bootstrap/js/bootstrap.bundle.min.js' %}"></script>
|
||||
<script src="{% static 'homepage/assets/smoothscroll/smooth-scroll.js' %}"></script>
|
||||
<script src="{% static 'homepage/assets/ytplayer/index.js' %}"></script>
|
||||
<script src="{% static 'homepage/assets/countdown/countdown.js' %}"></script>
|
||||
<script src="{% static 'homepage/assets/theme/js/script-event.js' %}"></script>
|
||||
|
||||
<input name="animation" type="hidden">
|
||||
</main>
|
||||
{% endblock %}
|
||||
174
clubhaus/homepage/templates/homepage/events_old.html
Normal file
174
clubhaus/homepage/templates/homepage/events_old.html
Normal file
@ -0,0 +1,174 @@
|
||||
{% load static %}
|
||||
<!-- Site made with Mobirise Website Builder v5.6.5, https://mobirise.com -->
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
|
||||
<link rel="shortcut icon" href="{% static 'homepage/assets/images/favicon-64x64-1.png' %}" type="image/x-icon">
|
||||
|
||||
<!-- MS Tile - for Microsoft apps-->
|
||||
<meta name="msapplication-TileImage" content="https://event.bareiss.me/image01.jpg">
|
||||
|
||||
<!-- WhatsApp & Facebook Link Preview -->
|
||||
<meta property="og:site_name" content="Spring Break">
|
||||
<meta property="og:title" content="">
|
||||
<meta property="og:description" content="Clubhaus Schornbach - est. 2007">
|
||||
<meta property="og:image" content="https://event.bareiss.me/image01.jpg">
|
||||
<meta property="og:type" content="website"/>
|
||||
<meta property="og:image:type" content="image/jpeg">
|
||||
<meta property="og:image:width" content="300">
|
||||
<meta property="og:image:height" content="300">
|
||||
<meta property="og:url" content="https://event.bareiss.me">
|
||||
|
||||
|
||||
<title>Spring Break</title>
|
||||
<link rel="stylesheet" href="{% static 'homepage/assets/web/assets/mobirise-icons/mobirise-icons.css' %}">
|
||||
<link rel="stylesheet" href="{% static 'homepage/assets/web/assets/mobirise-icons-bold/mobirise-icons-bold.css' %}">
|
||||
<link rel="stylesheet" href="{% static 'homepage/assets/bootstrap/css/bootstrap.min.css' %}">
|
||||
<link rel="stylesheet" href="{% static 'homepage/assets/bootstrap/css/bootstrap-grid.min.css' %}">
|
||||
<link rel="stylesheet" href="{% static 'homepage/assets/bootstrap/css/bootstrap-reboot.min.css' %}">
|
||||
<link rel="stylesheet" href="{% static 'homepage/assets/animatecss/animate.css' %}">
|
||||
<link rel="stylesheet" href="{% static 'homepage/assets/socicon/css/styles.css' %}">
|
||||
<link rel="stylesheet" href="{% static 'homepage/assets/theme/css/style.css' %}">
|
||||
<link rel="preload"
|
||||
href="https://fonts.googleapis.com/css?family=Jost:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap"
|
||||
as="style" onload="this.onload=null;this.rel='stylesheet'">
|
||||
<noscript>
|
||||
<link rel="stylesheet"
|
||||
href="https://fonts.googleapis.com/css?family=Jost:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap">
|
||||
</noscript>
|
||||
<link rel="preload" as="style" href="{% static 'homepage/assets/mobirise/css/mbr-additional-event.css' %}">
|
||||
<link rel="stylesheet" href="{% static 'homepage/assets/mobirise/css/mbr-additional-event.css' %}" type="text/css">
|
||||
|
||||
|
||||
<section data-bs-version="5.1" class="countdown4 cid-t0IX3JhiJe mbr-fullscreen" id="countdown4-m">
|
||||
<div class="mbr-overlay" style="opacity: 0.4; background-color: rgb(40, 40, 40);">
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-8">
|
||||
<h3 class="mbr-section-title mb-5 align-center mbr-fonts-style display-1">
|
||||
<strong>
|
||||
<em>
|
||||
<br>
|
||||
</em>
|
||||
</strong>
|
||||
<br>
|
||||
<strong>
|
||||
<em>
|
||||
<br>
|
||||
</em>
|
||||
</strong>
|
||||
<strong>
|
||||
{% if next_event %}
|
||||
<em>{{ next_event.name }}</em>
|
||||
{% else %}
|
||||
<em>coming soon...</em>
|
||||
{% endif %}
|
||||
</strong>
|
||||
<strong>
|
||||
<br>
|
||||
</strong>
|
||||
</h3>
|
||||
{% if next_event %}
|
||||
<div class="countdown-cont align-center mb-5">
|
||||
<div class="daysCountdown col-xs-3 col-sm-3 col-md-3" title="Tage"></div>
|
||||
<div class="hoursCountdown col-xs-3 col-sm-3 col-md-3" title="Stunden"></div>
|
||||
<div class="minutesCountdown col-xs-3 col-sm-3 col-md-3" title="Minuten"></div>
|
||||
<div class="secondsCountdown col-xs-3 col-sm-3 col-md-3" title="Sekunden"></div>
|
||||
<div class="countdown" data-due-date="{{ next_event.date|date:'Y-m-d H:i:s' }}"></div>
|
||||
</div>
|
||||
<div class="icons-menu row justify-content-center display-7">
|
||||
<div class="soc-item col-auto">
|
||||
<a href="#features2-u" class="social__link">
|
||||
<span class="mbr-iconfont mbri-info"></span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="soc-item col-auto">
|
||||
<a href="https://www.wetter.com/deutschland/schorndorf/DE0009600.html" target="_blank"
|
||||
class="social__link">
|
||||
<span class="mbr-iconfont mbrib-cloud"></span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="soc-item col-auto">
|
||||
<a href="https://open.spotify.com/playlist/00FYaeOKftIb4zWDEShmtD?si=78a7ac31b6f84992"
|
||||
target="_blank" class="social__link">
|
||||
<span class="mbr-iconfont socicon-spotify socicon"></span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mbr-section-btn align-center mt-5"><a class="btn btn-primary display-5"
|
||||
href="https://doodle.com/meeting/participate/id/eXDQ7OVe/vote"
|
||||
target="_blank">Terminabstimmung</a></div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{% if next_event %}
|
||||
<section data-bs-version="5.1" class="features1 cid-t0PLlYyVe7" id="features2-u">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-12 col-md-6 col-lg-3">
|
||||
<div class="card-wrapper">
|
||||
<div class="card-box align-center">
|
||||
<span class="mbr-iconfont mbrib-clock"
|
||||
style="color: rgb(255, 255, 255); fill: rgb(255, 255, 255);"></span>
|
||||
<h4 class="card-title align-center mbr-black mbr-fonts-style display-5">
|
||||
<strong><em>
|
||||
{{ next_event.date|date:"d.m.Y" }}
|
||||
<br>
|
||||
ab {{ next_event.date|date:"H:i" }} Uhr
|
||||
</em></strong>
|
||||
</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-lg-3">
|
||||
<div class="card-wrapper">
|
||||
<div class="card-box align-center">
|
||||
<span class="mbr-iconfont mbrib-map-pin"
|
||||
style="color: rgb(255, 255, 255); fill: rgb(255, 255, 255);"></span>
|
||||
<h4 class="card-title align-center mbr-black mbr-fonts-style display-5">
|
||||
<strong><em>{{ next_event.location|linebreaksbr }}</em></strong>
|
||||
</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-lg-3">
|
||||
<div class="card-wrapper">
|
||||
<div class="card-box align-center">
|
||||
<span class="mbr-iconfont mbrib-hot-cup"
|
||||
style="color: rgb(255, 255, 255); fill: rgb(255, 255, 255);"></span>
|
||||
<h4 class="card-title align-center mbr-black mbr-fonts-style display-5">
|
||||
<strong><em>{{ next_event.beverages|linebreaksbr }}</em></strong></h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-lg-3">
|
||||
<div class="card-wrapper">
|
||||
<div class="card-box align-center">
|
||||
<span class="mbr-iconfont mbrib-shopping-cart"
|
||||
style="color: rgb(255, 255, 255); fill: rgb(255, 255, 255);"></span>
|
||||
<h4 class="card-title align-center mbr-black mbr-fonts-style display-5">
|
||||
<strong><em>{{ next_event.food|linebreaksbr }}</em></strong>
|
||||
</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{% endif %}
|
||||
<section>
|
||||
<a href="https://mobiri.se/2731013" height: 0rem;"></a>
|
||||
<a href="https://mobiri.se/2731013"></a>
|
||||
</section>
|
||||
|
||||
<script src="{% static 'homepage/assets/bootstrap/js/bootstrap.bundle.min.js' %}"></script>
|
||||
<script src="{% static 'homepage/assets/smoothscroll/smooth-scroll.js' %}"></script>
|
||||
<script src="{% static 'homepage/assets/ytplayer/index.js' %}"></script>
|
||||
<script src="{% static 'homepage/assets/countdown/countdown.js' %}"></script>
|
||||
<script src="{% static 'homepage/assets/theme/js/script-event.js' %}"></script>
|
||||
|
||||
<input name="animation" type="hidden">
|
||||
@ -1,149 +1,8 @@
|
||||
{% extends 'homepage/base.html' %}
|
||||
{% load static %}
|
||||
<!-- Site made with Mobirise Website Builder v5.6.5, https://mobirise.com -->
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="generator" content="Mobirise v5.6.5, mobirise.com">
|
||||
<meta name="twitter:card" content="summary_large_image"/>
|
||||
<meta name="twitter:image:src" content="">
|
||||
<meta property="og:image" content="">
|
||||
<meta name="twitter:title" content="Tobacco Card">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
|
||||
<link rel="shortcut icon" href="{% static 'homepage/assets/images/hookah-122x121.png' %}" type="image/x-icon">
|
||||
<meta name="description" content="Clubhaus Schornbach - est. 2007">
|
||||
|
||||
<!-- MS Tile - for Microsoft apps-->
|
||||
<meta name="msapplication-TileImage" content="image01.jpg">
|
||||
|
||||
<!-- WhatsApp & Facebook Link Preview -->
|
||||
<meta property="og:site_name" content="Tobacco Card">
|
||||
<meta property="og:title" content="Tobacco Card">
|
||||
<meta property="og:description" content="Clubhaus Schornbach - est. 2007">
|
||||
<meta property="og:image" content="image01.jpg">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:image:type" content="image/jpeg">
|
||||
<meta property="og:image:width" content="300">
|
||||
<meta property="og:image:height" content="300">
|
||||
<meta property="og:url" content="index.html">
|
||||
|
||||
<title>Tobacco Card</title>
|
||||
<link rel="stylesheet" href="{% static 'homepage/assets/web/assets/mobirise-icons2/mobirise2.css' %}">
|
||||
<link rel="stylesheet" href="{% static 'homepage/assets/web/assets/mobirise-icons/mobirise-icons.css' %}">
|
||||
<link rel="stylesheet" href="{% static 'homepage/assets/bootstrap/css/bootstrap.min.css' %}">
|
||||
<link rel="stylesheet" href="{% static 'homepage/assets/bootstrap/css/bootstrap-grid.min.css' %}">
|
||||
<link rel="stylesheet" href="{% static 'homepage/assets/bootstrap/css/bootstrap-reboot.min.css' %}">
|
||||
<link rel="stylesheet" href="{% static 'homepage/assets/dropdown/css/style.css' %}">
|
||||
<link rel="stylesheet" href="{% static 'homepage/assets/socicon/css/styles.css' %}">
|
||||
<link rel="stylesheet" href="{% static 'homepage/assets/theme/css/style.css' %}">
|
||||
<link rel="preload"
|
||||
href="https://fonts.googleapis.com/css?family=Jost:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap"
|
||||
as="style" onload="this.onload=null;this.rel='stylesheet'">
|
||||
<noscript>
|
||||
<link rel="stylesheet"
|
||||
href="https://fonts.googleapis.com/css?family=Jost:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap">
|
||||
</noscript>
|
||||
<link rel="preload" as="style" href="{% static 'homepage/assets/mobirise/css/mbr-additional-tobacco.css' %}">
|
||||
<link rel="stylesheet" href="{% static 'homepage/assets/mobirise/css/mbr-additional-tobacco.css' %}" type="text/css">
|
||||
|
||||
<section data-bs-version="5.1" class="menu menu2 cid-t4cIYdP1Bu" once="menu" id="menu2-s">
|
||||
<nav class="navbar navbar-dropdown navbar-fixed-top navbar-expand-lg">
|
||||
<div class="container">
|
||||
<div class="navbar-brand">
|
||||
<span class="navbar-logo">
|
||||
<a href="#top">
|
||||
<img src="{% static 'homepage/assets/images/hookah-122x121.png' %}" alt=""
|
||||
style="height: 4.5rem;">
|
||||
</a>
|
||||
</span>
|
||||
{% block main %}
|
||||
<div class="d-flex h-100 mx-3">
|
||||
<main class="d-flex flex-grow-1 w-100 my-5 mx-auto bg-logo" style="max-width: 42rem"></main>
|
||||
</div>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-bs-toggle="collapse"
|
||||
data-target="#navbarSupportedContent" data-bs-target="#navbarSupportedContent"
|
||||
aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<div class="hamburger">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</div>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||
<ul class="navbar-nav nav-dropdown nav-right" data-app-modern-menu="true">
|
||||
{% for category in categories %}
|
||||
<li class="nav-item"><a class="nav-link link text-white text-primary display-4"
|
||||
href="#category_{{ category.id }}">{{ category.name }}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</section>
|
||||
|
||||
{% if pic %}
|
||||
<img src="{{ pic.url }}" alt="">
|
||||
{% endif %}
|
||||
{% for category in categories %}
|
||||
<section data-bs-version="5.1" class="content16 cid-t4qul0HDpO" id="category_{{ category.id }}">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-12 col-md-10">
|
||||
<div class="align-center mb-4">
|
||||
<h3 class="mb-0 mbr-fonts-style display-2">
|
||||
<strong>{{ category.name }}</strong></h3>
|
||||
</div>
|
||||
{% for tobacco in tobaccos %}
|
||||
{% if tobacco.category == category and tobacco.in_stock %}
|
||||
<div id="bootstrap-accordion_{{ tobacco.id }}" class="panel-group accordionStyles accordion"
|
||||
role="tablist"
|
||||
aria-multiselectable="true">
|
||||
<div class="card mb-3">
|
||||
<div class="card-header" role="tab" id="headingOne">
|
||||
<a role="button" class="panel-title collapsed" data-toggle="collapse"
|
||||
data-bs-toggle="collapse" data-core="" href="#collapse1_{{ tobacco.id }}"
|
||||
aria-expanded="false" aria-controls="collapse{{ tobacco.id }}">
|
||||
<h6 class="panel-title-edit mb-0 display-7">
|
||||
<strong>{{ tobacco.name }}</strong></h6>
|
||||
<span class="sign"></span>
|
||||
</a>
|
||||
</div>
|
||||
<div id="collapse1_{{ tobacco.id }}" class="panel-collapse noScroll collapse"
|
||||
role="tabpanel"
|
||||
aria-labelledby="headingOne" data-parent="#accordion"
|
||||
data-bs-parent="#bootstrap-accordion_{{ tobacco.id }}">
|
||||
<div class="panel-body">
|
||||
<p class="mbr-fonts-style panel-text display-1">{{ tobacco.description }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{% endfor %}
|
||||
|
||||
<section data-bs-version="5.1" class="footer7 cid-t4cEe21YZD" once="footers" id="footer7-r">
|
||||
<div class="container">
|
||||
<div class="media-container-row align-center mbr-white">
|
||||
<div class="col-12">
|
||||
<p class="mbr-text mb-0 mbr-fonts-style display-7">
|
||||
Clubhaus Schornbach - est. 2007</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="display-0 style=" padding: 0;align-items: center;justify-content: center;flex-wrap: wrap;
|
||||
align-content: center;display: flex;position: relative;height: 0rem;"><a href="https://mobiri.se/2731013"
|
||||
style="flex: 1 1;height: 0rem;position: absolute;width: 0%;z-index: 0;"><img
|
||||
alt="" style="height: 0rem;"
|
||||
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="></a>
|
||||
<p style="margin: 0;text-align: center;" class="display-0"></p><a style="z-index:1"
|
||||
href="https://mobirise.com/"></a>
|
||||
</section>
|
||||
<script src="{% static 'homepage/assets/bootstrap/js/bootstrap.bundle.min.js' %}"></script>
|
||||
<script src="{% static 'homepage/assets/smoothscroll/smooth-scroll.js' %}"></script>
|
||||
<script src="{% static 'homepage/assets/ytplayer/index.js' %}"></script>
|
||||
<script src="{% static 'homepage/assets/mbr-switch-arrow/mbr-switch-arrow.js' %}"></script>
|
||||
<script src="{% static 'homepage/assets/dropdown/js/navbar-dropdown.js' %}"></script>
|
||||
<script src="{% static 'homepage/assets/theme/js/script-tobacco.js' %}"></script>
|
||||
{% endblock %}
|
||||
|
||||
@ -1,91 +0,0 @@
|
||||
{% load static %}
|
||||
|
||||
<header>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
|
||||
</header>
|
||||
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
|
||||
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
|
||||
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
|
||||
crossorigin="anonymous"></script>
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.3/font/bootstrap-icons.css">
|
||||
{% comment %}
|
||||
<div class="container-fluid">
|
||||
<nav class="row navbar navbar-dark bg-dark navbar-expand-lg">
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand" href="{% url 'landing' %}">
|
||||
<img src="{% static 'homepage/logo.svg' %}" alt="" width="60" height="60"
|
||||
class="d-inline-block align-text-top">
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
|
||||
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="container-fluid flex-row-reverse collapse navbar-collapse" id="navbarNav">
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">Event</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">Tobacco</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<section class="bg-dark row d-flex flex-column flex-grow-1">
|
||||
<div class="d-flex flex-column flex-grow-1 justify-content-center align-items-center bg-success">
|
||||
<img src="{% static 'homepage/logo-with-text.png' %}" alt="">
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
{% endcomment %}
|
||||
<div class="container-fluid bg-dark vh-100">
|
||||
<div class="justify-content-center h-100">
|
||||
<div class="col-12 h-100">
|
||||
<div class="d-flex flex-column h-100">
|
||||
<nav class="row navbar navbar-dark bg-dark navbar-expand-lg h-auto">
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand" href="{% url 'index' %}">
|
||||
<img src="{% static 'homepage/logo.svg' %}" alt="" width="60" height="60"
|
||||
class="d-inline-block align-text-top">
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
|
||||
data-bs-target="#navbarNav"
|
||||
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="container-fluid flex-row-reverse collapse navbar-collapse" id="navbarNav">
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="{% url 'event' %}">Event</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="{% url 'tobacco' %}">Tobacco</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="row justify-content-center flex-grow-1"
|
||||
style='background-image: url("{% static 'homepage/logo-with-text.png' %}"); background-size: contain; background-repeat: no-repeat; background-position: center'>
|
||||
</div>
|
||||
<div class="d-flex flex-column">
|
||||
<div class="col justify-content-center align-items-center mx-auto">
|
||||
<button type="button" class="btn btn-secondary"><i class="bi bi-spotify"></i> Event</button>
|
||||
<button type="button" class="btn btn-secondary">Tobacco</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="height: 10%">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
26
clubhaus/homepage/templates/homepage/tobacco.html
Normal file
26
clubhaus/homepage/templates/homepage/tobacco.html
Normal file
@ -0,0 +1,26 @@
|
||||
{% extends 'homepage/base.html' %}
|
||||
{% load static %}
|
||||
|
||||
{% block site_name %}Tobacco Card{% endblock %}
|
||||
|
||||
{% block main %}
|
||||
<main class="container text-white w-100">
|
||||
<div class="row text-center mb-3">
|
||||
<h1>Tabacco Card</h1>
|
||||
</div>
|
||||
|
||||
<div class="row m-0" data-masonry='{"percentPosition": true }'>
|
||||
{% for tobacco in tobaccos %}
|
||||
<div class="col-sm-6 col-lg-4 col-sm-12 mb-4 text-center">
|
||||
<div class="card {% if tobacco.in_stock %} bg-success {% else %} bg-secondary text-decoration-line-through {% endif %}">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">{{ tobacco.name }}</h5>
|
||||
<h6 class="card-subtitle mb-2">{{ tobacco.category.name }}</h6>
|
||||
<p class="card-text">{{ tobacco.description }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</main>
|
||||
{% endblock %}
|
||||
@ -3,8 +3,8 @@ from django.urls import path
|
||||
from . import views
|
||||
|
||||
urlpatterns = [
|
||||
path('', views.landing, name='index'),
|
||||
path('event', views.events, name='event'),
|
||||
path('', views.index, name='index'),
|
||||
path('event', views.events, name='events'),
|
||||
path('tobacco', views.tobacco, name='tobacco'),
|
||||
path('voting', views.voting, name='voting'),
|
||||
]
|
||||
@ -1,18 +1,20 @@
|
||||
import datetime
|
||||
|
||||
import django.utils.timezone
|
||||
from django.http import HttpRequest, HttpResponseRedirect
|
||||
from django.shortcuts import render
|
||||
from django.urls import reverse
|
||||
from django.core.cache import cache
|
||||
from django.http import HttpRequest
|
||||
from django.shortcuts import render
|
||||
|
||||
from .models import Tobacco, TobaccoCategory, ClubhausEvent
|
||||
from .models import Tobacco, ClubhausEvent
|
||||
|
||||
|
||||
def index(request: HttpRequest) -> django.http.HttpResponse:
|
||||
return render(request, 'homepage/index.html', {})
|
||||
|
||||
|
||||
def tobacco(request: HttpRequest) -> django.http.HttpResponse:
|
||||
test_image = Tobacco.objects.first().picture
|
||||
context = {'tobaccos': Tobacco.objects.all(), 'categories': TobaccoCategory.objects.all(), 'pic': test_image}
|
||||
return render(request, 'homepage/index.html', context)
|
||||
context = {'tobaccos': Tobacco.objects.all().order_by('in_stock').reverse()}
|
||||
return render(request, 'homepage/tobacco.html', context)
|
||||
|
||||
|
||||
def events(request: HttpRequest) -> django.http.HttpResponse:
|
||||
@ -22,10 +24,6 @@ def events(request: HttpRequest) -> django.http.HttpResponse:
|
||||
return render(request, 'homepage/events.html', {'next_event': next_event})
|
||||
|
||||
|
||||
def landing(request: HttpRequest) -> django.http.HttpResponse:
|
||||
return render(request, 'homepage/landingpage.html', {})
|
||||
|
||||
|
||||
def voting(request: HttpRequest) -> django.http.HttpResponse:
|
||||
request.session.clear_expired()
|
||||
ip = request.META.get("REMOTE_ADDR")
|
||||
|
||||
Loading…
Reference in New Issue
Block a user