add templates

This commit is contained in:
Federico Justus Denkena 2023-10-03 16:51:46 +02:00
parent c319b40968
commit a12ef04237
Signed by: f-denkena
GPG Key ID: 28F91C66EE36F382
11 changed files with 253 additions and 0 deletions

10
template/about_page.html Normal file
View File

@ -0,0 +1,10 @@
{% extends 'base.html' %}
{% block title %}Über uns - {{block.super}}{% endblock title %}
{% block content %}
<div class="dc-container">
<h1 class="dc-center dc-xxlarge">Über die Impuls-Tagung</h1>
<div class="dc-page-container">
<p class="dc-center dc-medium"Im Fokus der Im·Puls Tagung liegt die Suche nach der eigenen Lebensaufgabe. Die eigenen LebensIm·Pulse zu finden und zu greifen, ist gerade für junge Erwachsene eine drängende Frage. Es scheint an der Zeit, den eigenen Weg zu gehen, doch wonach soll ich ihn ausrichten? Der Antwort dieser Frage näher zu kommen, findet alljährlich die Im·Puls-Tagung zu wechselnden Themen statt.></p>
</div>
</div>
{% endblock content %}

21
template/base.html Normal file
View File

@ -0,0 +1,21 @@
{% load static %} {% load markdown_extras %}
<!DOCTYPE html>
<html lang="de">
<head>
<title>{% block title %}{% endblock title %}Denkena Consulting</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Denkena Consulting - Ihr IT-Sicherheitsberater">
<link rel="stylesheet" href="{% static 'css/style.css' %}">
<link rel="stylesheet" href="{% static 'css/all.min.css' %}" async>
</head>
<body>
<div class="wrapper ">
{% include "navbar.html" %}
{% block content %}
{% endblock content %}
{% include "footer.html" %}
</div>
</body>
</html>

39
template/contact.html Normal file
View File

@ -0,0 +1,39 @@
{% extends 'base.html' %}
{% block title %}Kontakt - {{block.super}}{% endblock title %}
{% block content %}
<div style="padding-bottom:1%" class="dc-container">
<h1 class="dc-xxlarge dc-center">Kontakt</h1>
<div class="dc-container dc-light-blue dc-half dc-border-right dc-border-white" id="Federico">
<h3 class="dc-large dc-center">Federico Justus Denkena</h3>
<a href="mailto:kontakt@denkena-consulting.com" class="dc-medium">Kontakt: kontakt@denkena-consulting.com<br></a>
<a href="mailto:finanzen@denkena-consulting.com" class="dc-medium">Finanzen: finanzen@denkena-consulting.com<br></a>
<a href="mailto:dringend@denkena-consulting.com" class="dc-medium dc-text-red">Dringende Anfragen: dringend@denkena-consulting.com<br></a>
</div>
<div class="dc-container dc-light-gray dc-half dc-border-left dc-border-white dc-padding" id="Formular">
<h3 class="dc-large dc-center">Anonymes Formular</h3>
<form action="" class="dc-container dc-form" method="post">
{% csrf_token %}
{{ contact_form.non_field_errors }}
<div class="dc-container">
{{ contact_form.pseudonym.errors }}
<label class="dc-half" for="{{ contact_form.pseudonym.id_for_label }}">Pseudonym:</label>
<div class="dc-half">{{contact_form.pseudonym }}</div></div>
<div class="dc-container">
{{ contact_form.betreff.errors }}
<label class="dc-half" for="{{ contact_form.betreff.id_for_label }}">Betreff:</label>
<div class="dc-half">{{contact_form.betreff }}</div></div>
<div class="dc-container">
{{ contact_form.nachricht.errors }}
<label class="dc-half" for="{{ contact_form.nachricht.id_for_label }}">Nachricht:</label>
<div class="dc-half">{{contact_form.nachricht }}</div></div>
<div class="dc-container">
{{ contact_form.mail.errors }}
<label class="dc-small dc-half" for="{{ contact_form.mail.id_for_label }}">Mail-Adresse (freiwillig):</label>
<div style="padding-bottom:7px" class="dc-half">{{contact_form.mail }}</div></div>
<input style="width:100%" class="dc-dark-grey dc-padding-small" type="submit" value="Senden">
</form>
</div>
</div>
{% endblock content %}

17
template/datenschutz.html Normal file
View File

@ -0,0 +1,17 @@
{% extends 'base.html' %}
{% block title %}Datenschutz - {% endblock title %}
{% block content %}
<section>
<h1 class="dc-xxlarge dc-center">Datenschutz</h1>
<div class="dc-container"><h2 class="dc-large">Welche Daten erheben wir?</h2>
Wir erheben folgende Daten zu Sicherheitszwecken für maximal 7 Tage:
<ul>
<li>Zugriffsdatum und -zeit auf unsere Website</li>
<li>IP, von welcher der Zugriff erfolgte</li>
<li>angeforderte Website.</li>
</ul>
Falls Sie mit uns in Kontakt treten speichern wir zudem die von Ihnen angegebenen Kontaktdaten für die Dauer des Kontakts und der folgenden Geschäftsbeziehung.<br> Sobald als möglich unter Berücksichtigung der Erfüllung des Kontaktanlasses werden diese Daten wieder gelöscht.<br>
Alle Daten befinden sich auf einem besonders gesicherten Server innerhalb der europäischen Union.<br> Keine Ihrer Daten verlassen unsere gesicherte Infrastruktur (abgesehen von Ihrer Postaddresse falls wir Ihnen Post schicken - diese wird nur dann unter Umständen an die Post weitergegeben. ;-)).<br>
Eine Weitergabe Ihrer Daten an unbeteiligte Dritte - vor allem an Datenkraken wie Google, Microsoft oder Facebook/Meta - findet unter keinen Umständen statt.</div>
</section>
{% endblock content %}

8
template/footer.html Normal file
View File

@ -0,0 +1,8 @@
<footer class="dc-center dc-black dc-padding-16">
<div class="dc-center">
<div class="dc-third"><a href="{% url 'impressum' %}">Impressum</a></div>
<div class="dc-third"><a href="{% url 'datenschutz' %}">Datenschutz</a></div>
<div class="dc-third"><a href="{% url 'contact' %}">Kontakt</a></div>
</div>
<p>© 2023 Denkena Consulting</p>
</footer>

69
template/homepage.html Normal file
View File

@ -0,0 +1,69 @@
{% extends 'base.html' %}
{% load static %}
{% block content %}
<section style="padding-bottom:60vh;width:100%"class="dc-header dc-text-white">
<span style="background-image:url({% static 'pictures/earth-connected.webp' %});width:100%;" class="dc-parallax">
<div class="dc-header dc-center">
<h1 class="dc-jumbo">Denkena Consulting</h1>
<span class="dc-xlarge">Ihr IT-Sicherheitsberater</span>
</div>
</section>
<section>
<div class="dc-container dc-light-blue" style="padding:128px 16px" id="about">
<h3 class="dc-center">WAS BIETEN WIR?</h3>
<div class="dc-row-padding dc-center" style="margin-top:64px">
<div class="dc-third">
<i class="fa-solid fa-shield-halved dc-margin-bottom dc-jumbo dc-center"></i>
<p class="dc-large">Sicherheit</p>
<p>Für uns ist der Industriestandart erst der Anfang! All unsere Leistungen entsprechen höchsten Anforderungen an Sicherheit und Datenschutz.</p>
</div>
<div class="dc-third">
<i class="fa-solid fa-user-secret dc-margin-bottom dc-jumbo dc-center"></i>
<p class="dc-large">Datenschutz</p>
<p>Ob Stalker oder Wirtschaftsspionen, Heimnetz oder Firmensystem: Wir sorgen dafür, dass Ihre Daten bei Ihnen bleiben!</p>
</div>
<div class="dc-third">
<i class="fa-solid fa-heart dc-margin-bottom dc-jumbo"></i>
<p class="dc-large">Kundenbetreuung</p>
<p>Wir übernehmen das Technische damit Sie sich entspannt zurücklehnen und erstklassige Sicherheit genießen können.</p>
</div>
</div>
</div>
<div class="dc-container dc-light-grey dc-padding-64">
<div class="dc-row-padding">
<div class="dc-col m6">
<h3>Leistungsspektrum</h3>
<p>Als IT-Sicherheitsfirma sind wir auf die Arbeit mit Linux-Serversystemen spezialisiert. Dabei sind unsere Services unabhängig von der Distribution verfügbar. Von der niedrigsten Netzwerkebene bis zur gesamten IT-Struktur: wir beraten Sie gerne über passende Sicherheitslösungen. Und als zusätzlicher Service implementieren wir, wenn gewünscht, die besprochene Struktur direkt.</p>
<h3>Unsere Kenntnisse</h3>
<p>Mit langjähriger Erfahrung im Bereich der Linux-Administration und exemplarischen Kenntnissen der IT-Sicherheit <wbr> kennen wir uns hervorragend aus um Sie nicht nur theoretisch beraten zu können <wbr> sondern auch in praktische Lösungen umzusetzen, was wir Ihnen empfehlen.</p>
<p>Dabei kennen wir uns nicht nur mit gewöhnlichen Server-Strukturen aus, auch die Einbindung in ein sicheres Heim- oder Firmennetz ist uns geläufig. </p>
</div>
<div class="dc-col m6">
<p class="dc-wide"><i class="fas fa-globe dc-margin-right"></i>Linux- und Netzwerksicherung</p>
<div class="dc-grey">
<div class="dc-container dc-dark-grey dc-center" style="width:100%">100%</div>
</div>
<p class="dc-wide"><i class="fas fa-building-shield dc-margin-right"></i>Strukturberatung für Ihr Netzwerk</p>
<div class="dc-grey">
<div class="dc-container dc-dark-grey dc-center" style="width:100%">100%</div>
</div>
<p class="dc-wide"><i class="fas fa-fingerprint dc-margin-right"></i>Privatsphäre- und Anonymitätsberatung</p>
<div class="dc-grey">
<div class="dc-container dc-dark-grey dc-center" style="width:100%">100%</div>
</div>
</div>
</div>
</div>
<div class="dc-container dc-dark-grey" style="padding:128px 16px" id="contact">
<h3 class="dc-center">INTERESSE AN UNSEREN LEISTUNGEN?</h3>
<div class="dc-center">
<a href="{% url 'contact' %}" class="dc-btn">Kontaktieren Sie uns!</a>
</div>
</div>
</section>
{% endblock content %}

22
template/impressum.html Normal file
View File

@ -0,0 +1,22 @@
{% extends 'base.html' %}
{% block title %}Impressum - {% endblock title %}
{% block content %}
<section>
<h1 class="dc-xxlarge dc-center">Impressum</h1>
<div class="dc-container">
<b>Angaben gemäß § 5 TMG</b><br>
Denkena Consulting - Federico Justus Denkena<br>
Jahnstraße 21<br>
99423 Weimar<br>
<b>Kontakt:</b> <br>
E-Mail: <a href='mailto:kontakt@denkena-consulting.com'>kontakt@denkena-consulting.com</a><br>
Die Inhalte unserer Seiten wurden mit größter Sorgfalt erstellt. Für die Richtigkeit, Vollständigkeit und Aktualität der Inhalte können wir jedoch keine Gewähr übernehmen. Als Diensteanbieter sind wir gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG sind wir als Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen. Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden von entsprechenden Rechtsverletzungen werden wir diese Inhalte umgehend entfernen.
<br><b>Haftung für Links</b><br>
Unser Angebot enthält Links zu externen Webseiten Dritter, auf deren Inhalte wir keinen Einfluss haben. Deshalb können wir für diese fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte der verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten verantwortlich. Die verlinkten Seiten wurden zum Zeitpunkt der Verlinkung auf mögliche Rechtsverstöße überprüft. Rechtswidrige Inhalte waren zum Zeitpunkt der Verlinkung nicht erkennbar. Eine permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch ohne konkrete Anhaltspunkte einer Rechtsverletzung nicht zumutbar. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Links umgehend entfernen.
<br><b>Andere Disclaimer</b><br>
Wir weisen darauf hin, dass die Datenübertragung im Internet (z.B. bei der Kommunikation per E-Mail) Sicherheitslücken aufweisen kann. Ein lückenloser Schutz der Daten vor dem Zugriff durch Dritte ist nicht möglich. <br>
Der Nutzung von im Rahmen der Impressumspflicht veröffentlichten Kontaktdaten durch Dritte zur Übersendung von nicht ausdrücklich angeforderter Werbung und Informationsmaterialien wird hiermit ausdrücklich widersprochen. Die Betreiber der Seiten behalten sich ausdrücklich rechtliche Schritte im Falle der unverlangten Zusendung von Werbeinformationen, etwa durch Spam-Mails, vor.<br>
</div>
</section>
{% endblock content %}

12
template/navbar.html Normal file
View File

@ -0,0 +1,12 @@
<header style="z-index:100 !important" class="dc-top">
<div class="dc-bar dc-white dc-card">
<a href="{% url 'homepage' %}" class="dc-bar-item dc-button">Home</a>
<a href="{% url 'newspage' %}" class="dc-bar-item dc-button">News</a>
<a href="{% url 'about' %}" class="dc-bar-item dc-button">Über uns</a>
<form action ="{% url 'search' %}" class ="dc-right dc-bar-item">
<input class="dc-input" type="text" name="q" aria-label="Search">
<button type="submit" class="dc-btn dc-box-item fas fa-magnifying-glass " aria-label="Search"></button>
</form>
</div>
</header>
<div style="padding-bottom:6vh"></div>

22
template/newspage.html Normal file
View File

@ -0,0 +1,22 @@
{% extends 'base.html' %}
{% block title %}News - {{block.super}}{% endblock title %}
{% block content %}
<section>
<h1 class="dc-center dc-xxlarge">NEUIGKEITEN</h1>
<p class="dc-center dc-large">Erfahren Sie hier das Neuste über die Vorgänge bei Denkena Consulting!</p>
<div class="dc-container">
{% for obj in latest %}
<div class="dc-container dc-light-grey dc-border-dark-grey dc-border-top max-width" href="{% url 'post' obj.slug %}">
<div><a href="{% url 'post' obj.slug %}" class="dc-xlarge">{{ obj.title }}</a></div>
<div><a href="{% url 'post' obj.slug %}" class="dc-medium">{{ obj.overview }}</a></div>
{% for category in obj.categories.all %}
<p class="dc-small">Kategorie: {{ category.title }}</p>
{% endfor %}
</div>
<div class="dc-border-top dc-padding-small dc-border-dark-grey dc-white"></div>
{% endfor %}
</div>
</div>
</section>
{% endblock content %}

14
template/post.html Normal file
View File

@ -0,0 +1,14 @@
{% extends 'base.html' %}
{% block title %}{{ post.title }} - {{block.super}}{% endblock title %}
{% load markdown_extras %}
{% block content %}
<div class="dc-container">
<h1 class="dc-xxxlarge dc-center">{{ post.title }}</h1>
<h2 class="dc-large dc-center">Autor: {{ post.author }}</h2>
<div class="dc-container dc-medium">
{{ post.content | markdown | safe}}
</div>
</div>
{% endblock content %}

19
template/search.html Normal file
View File

@ -0,0 +1,19 @@
{% extends 'base.html' %}
{% block title %}Suche - {{block.super}}{% endblock title %}
{% block content %}
<div class="dc-container">
<h1 class="dc-center">Suchergebnisse </h1>
<div class="dc-container">
{% for obj in post_list %}
<div class="dc-container dc-light-grey dc-border-dark-grey dc-border-top">
<div><a href="{% url 'post' obj.slug %}" class="dc-xlarge">{{ obj.title }}</a></div>
<div><a href="{% url 'post' obj.slug %}" class="dc-medium">{{ obj.overview }}</a></div>
{% for category in obj.categories.all %}
<p class="dc-small">Kategorie: {{ category.title }}</p>
{% endfor %}
</div>
<div class="dc-border-top dc-padding-small dc-border-dark-grey dc-white"></div>
{% endfor %}
</div>
</div>
{% endblock content %}