1
0

Extract base template, create tobacco site, create landing page

This commit is contained in:
Marcel Schwarz 2022-07-31 04:15:40 +02:00
parent 7412d5f4d9
commit 259b8710d3
12 changed files with 361 additions and 414 deletions

1
.gitignore vendored
View File

@ -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

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View 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;
}

View 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>

View File

@ -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">
<!-- 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 %}
{% 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>
</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 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="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 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>
</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 %}

View 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">

View File

@ -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&amp;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&amp;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>
</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>
{% 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>
</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 %}

View File

@ -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>

View 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 %}

View File

@ -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'),
]

View File

@ -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")