mirror of
https://github.com/kevinveenbirkenbach/homepage.veen.world.git
synced 2025-09-10 03:37:11 +02:00
Implemented the python draft
This commit is contained in:
70
app/app.py
Normal file
70
app/app.py
Normal file
@@ -0,0 +1,70 @@
|
||||
import json
|
||||
import os
|
||||
from flask import Flask, render_template
|
||||
import requests
|
||||
import hashlib
|
||||
|
||||
def cache_icon(icon_url, cache_dir="static/logos"):
|
||||
"""Lädt ein Icon herunter und speichert es lokal, wenn es nicht existiert. Fügt einen Hash hinzu."""
|
||||
# Erstelle das Verzeichnis, falls es nicht existiert
|
||||
os.makedirs(cache_dir, exist_ok=True)
|
||||
|
||||
# Generiere einen 8-Zeichen-Hash basierend auf der URL
|
||||
hash_object = hashlib.blake2s(icon_url.encode('utf-8'), digest_size=8)
|
||||
hash_suffix = hash_object.hexdigest()
|
||||
|
||||
# Erstelle den Dateinamen mit Hash
|
||||
base_name = icon_url.split("/")[-2]
|
||||
filename = f"{base_name}_{hash_suffix}.png"
|
||||
full_path = os.path.join(cache_dir, filename)
|
||||
|
||||
# Wenn die Datei existiert, überspringe den Download
|
||||
if os.path.exists(full_path):
|
||||
return full_path
|
||||
|
||||
# Lade die Datei herunter
|
||||
response = requests.get(icon_url, stream=True)
|
||||
if response.status_code == 200:
|
||||
with open(full_path, "wb") as f:
|
||||
for chunk in response.iter_content(1024):
|
||||
f.write(chunk)
|
||||
return full_path
|
||||
|
||||
|
||||
app = Flask(__name__)
|
||||
|
||||
# Hole die Umgebungsvariable FLASK_ENV oder setze einen Standardwert
|
||||
FLASK_ENV = os.getenv("FLASK_ENV", "production")
|
||||
|
||||
config_data = None # Globale Variable für die Konfiguration
|
||||
|
||||
def load_config():
|
||||
"""Lädt die Konfiguration aus der JSON-Datei."""
|
||||
with open("config.json", "r") as config_file:
|
||||
return json.load(config_file)
|
||||
|
||||
@app.before_request
|
||||
def reload_config_in_dev():
|
||||
"""Lädt die Datei bei jedem Request neu im Dev-Modus."""
|
||||
global config_data
|
||||
if FLASK_ENV == "development" or config_data is None:
|
||||
config_data = load_config()
|
||||
|
||||
# Cachen der Icons
|
||||
for card in config_data["cards"]:
|
||||
card["icon"] = cache_icon(card["icon"])
|
||||
|
||||
@app.route('/')
|
||||
def index():
|
||||
return render_template("pages/index.html.j2", cards=config_data.get("cards", []), networks=config_data.get("networks", []), company=config_data["company"])
|
||||
|
||||
@app.route('/imprint')
|
||||
def imprint():
|
||||
return render_template('pages/imprint.html.j2')
|
||||
|
||||
@app.route('/agb')
|
||||
def agb():
|
||||
return render_template('pages/agb.html.j2')
|
||||
|
||||
if __name__ == "__main__":
|
||||
app.run(debug=(FLASK_ENV == "development"), host="0.0.0.0", port=5000)
|
||||
112
app/config.json
Normal file
112
app/config.json
Normal file
@@ -0,0 +1,112 @@
|
||||
{
|
||||
"cards": [
|
||||
{
|
||||
"icon": "https://cloud.veen.world/s/logo_agile_coach_512x512/download",
|
||||
"title": "Agile Coach",
|
||||
"text": "I lead agile transformations and improve team dynamics through Scrum, DevOps, and Agile Coaching. My goal is to enhance collaboration and efficiency in organizations, ensuring agile principles are effectively implemented for sustainable success.",
|
||||
"link": "https://www.agile-coach.world",
|
||||
"link_text": "www.agile-coach.world"
|
||||
},
|
||||
{
|
||||
"icon": "https://cloud.veen.world/s/logo_personal_coach_512x512/download",
|
||||
"title": "Personal Coach",
|
||||
"text": "Offering personalized coaching for growth and development, I utilize a blend of hypnotherapy, mediation, and holistic techniques. My approach is tailored to help you achieve personal and professional milestones, fostering holistic well-being.",
|
||||
"link": "https://www.personalcoach.berlin",
|
||||
"link_text": "www.personalcoach.berlin"
|
||||
},
|
||||
{
|
||||
"icon": "https://cloud.veen.world/s/logo_yachtmaster_512x512/download",
|
||||
"title": "Yachtmaster",
|
||||
"text": "As a Yachtmaster, I provide comprehensive sailing education, yacht delivery, and voyage planning services. Whether you're learning to sail or need an experienced skipper, my expertise ensures a safe and enjoyable experience on the water.",
|
||||
"link": "https://www.yachtmaster.world",
|
||||
"link_text": "www.yachtmaster.world"
|
||||
},
|
||||
{
|
||||
"icon": "https://cloud.veen.world/s/logo_polymath_512x512/download",
|
||||
"title": "Polymath",
|
||||
"text": "I support the evaluation and execution of complex cross-domain projects, offering insights across land, sea, sky, and digital realms. My expertise helps clients navigate and succeed in multifaceted environments with strategic precision.",
|
||||
"link": "https://www.crossdomain.consulting/",
|
||||
"link_text": "www.crossdomain.consulting"
|
||||
},
|
||||
{
|
||||
"icon": "https://cloud.veen.world/s/logo_cybermaster_512x512/download",
|
||||
"title": "Cybermaster",
|
||||
"text": "Specializing in open-source IT solutions for German SMBs, I focus on automation, security, and reliability. My services are designed to create robust infrastructures that streamline operations and safeguard digital assets.",
|
||||
"link": "https://www.cybermaster.space",
|
||||
"link_text": "www.cybermaster.space"
|
||||
},
|
||||
{
|
||||
"icon": "https://cloud.veen.world/s/logo_prompt_master_512x512/download",
|
||||
"title": "Prompt Engineer",
|
||||
"text": "Leveraging AI's power, I specialize in crafting custom prompts and creative content for AI-driven applications. My services are aimed at businesses, creatives, and researchers looking to harness AI technology for innovation, efficiency, and exploring new possibilities.",
|
||||
"link": "https://promptmaster.nexus",
|
||||
"link_text": "www.promptmaster.nexus"
|
||||
},
|
||||
{
|
||||
"icon": "https://cloud.veen.world/s/logo_mediator_512x512/download",
|
||||
"title": "Mediator",
|
||||
"text": "Specializing in resolving interpersonal and business conflicts with empathy and neutrality, I facilitate open communication to achieve lasting agreements and strengthen relationships. My mediation services are designed for individuals, teams, and organizations to foster a harmonious and productive environment.",
|
||||
"link": "https://www.mediator.veen.world",
|
||||
"link_text": "www.mediator.veen.world"
|
||||
},
|
||||
{
|
||||
"icon": "https://cloud.veen.world/s/logo_hypnotherapist_512x512/download",
|
||||
"title": "Hypnotherapist",
|
||||
"text": "As a certified Hypnotherapist, I offer tailored sessions to address mental and emotional challenges through hypnosis. My approach helps unlock the subconscious to overcome negative beliefs and stress, empowering you to activate self-healing and embrace positive life changes.",
|
||||
"link": "https://www.hypno.veen.world",
|
||||
"link_text": "www.hypno.veen.world"
|
||||
},
|
||||
{
|
||||
"icon": "https://cloud.veen.world/s/logo_skydiver_512x512/download",
|
||||
"title": "Aerospace Consultant",
|
||||
"text": "As an Aerospace Consultant with aviation credentials, including a Sport Pilot License for Parachutes, and a Restricted Radiotelephony and Operator's Certificate I deliver expert consulting services. Currently training for my Private Pilot License, I specialize in guiding clients through aviation regulations, safety standards, and operational efficiency.",
|
||||
"link": null,
|
||||
"link_text": "Website under construction"
|
||||
},
|
||||
{
|
||||
"icon": "https://cloud.veen.world/s/logo_hunter_512x512/download",
|
||||
"title": "Wildlife Expert",
|
||||
"text": "As a certified hunter and wildlife coach, I offer educational programs, nature walks, survival trainings, and photo expeditions, merging ecological knowledge with nature respect. My goal is to foster sustainable conservation and enhance appreciation for the natural world through responsible practices.",
|
||||
"link": null,
|
||||
"link_text": "Website under construction"
|
||||
},
|
||||
{
|
||||
"icon": "https://cloud.veen.world/s/logo_diver_512x512/download",
|
||||
"title": "Master Diver",
|
||||
"text": "As a certified master diver with trainings in various specialties, I offer diving instruction, underwater photography, and guided dive tours. My experience ensures safe and enriching underwater adventures, highlighting marine conservation and the wonders of aquatic ecosystems.",
|
||||
"link": null,
|
||||
"link_text": "Website under construction"
|
||||
},
|
||||
{
|
||||
"icon": "https://cloud.veen.world/s/logo_massage_therapist_512x512/download",
|
||||
"title": "Massage Therapist",
|
||||
"text": "Certified in Tantra Massage, I offer unique full-body rituals to awaken senses and harmonize body and mind. My sessions, a blend of ancient Tantra and modern relaxation, focus on energy flow, personal growth, and spiritual awakening.",
|
||||
"link": null,
|
||||
"link_text": "Website under construction"
|
||||
}
|
||||
|
||||
],
|
||||
"networks": [
|
||||
{
|
||||
"name": "GitHub",
|
||||
"icon": "bi bi-github",
|
||||
"link": "https://github.com/kevinveenbirkenbach"
|
||||
},
|
||||
{
|
||||
"name": "Instagram",
|
||||
"icon": "fa-brands fa-instagram",
|
||||
"link": "https://www.instagram.com/kevinveenbirkenbach/"
|
||||
}
|
||||
],
|
||||
"company": {
|
||||
"titel": "Kevin Veen-Birkenbach",
|
||||
"subtitel": "Consulting and Coaching Solutions",
|
||||
"logo": "https://cloud.veen.world/s/logo_face_512x512/download",
|
||||
"address": {
|
||||
"street": "Afrikanische Straße 43",
|
||||
"postal_code": "DE-13351",
|
||||
"city": "Berlin",
|
||||
"country": "Germany"
|
||||
}
|
||||
}
|
||||
}
|
||||
2
app/requirements.txt
Normal file
2
app/requirements.txt
Normal file
@@ -0,0 +1,2 @@
|
||||
flask
|
||||
requests
|
||||
67
app/static/css/default.css
Normal file
67
app/static/css/default.css
Normal file
@@ -0,0 +1,67 @@
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: #000000;
|
||||
}
|
||||
.header img {
|
||||
float: right;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
.header h1 {
|
||||
position: relative;
|
||||
}
|
||||
.equal-height {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
}
|
||||
.card-body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center; /* Zentriert die Inhalte horizontal */
|
||||
text-align: center; /* Zentriert den Text */
|
||||
}
|
||||
|
||||
.card-icon {
|
||||
display: flex;
|
||||
justify-content: center; /* Zentriert das Icon horizontal */
|
||||
}
|
||||
|
||||
.card-text,
|
||||
.card ul {
|
||||
text-align: left; /* Stellt sicher, dass der Text linksbündig ist */
|
||||
}
|
||||
|
||||
.card{
|
||||
flex: 1; /* Stellt sicher, dass die Karten die ganze Höhe ihrer Container ausfüllen */
|
||||
border-width: 3px;
|
||||
/*border-color: #000000;*/
|
||||
}
|
||||
|
||||
h3.card-title{
|
||||
font-size: 1.3em;
|
||||
}
|
||||
|
||||
.card .stretched-link{
|
||||
font-size: 0.7em;
|
||||
}
|
||||
|
||||
.card-column{
|
||||
padding-top: 12px;
|
||||
padding-bottom: 12px;
|
||||
}
|
||||
|
||||
h3.footer-title{
|
||||
font-size: 1.3em;
|
||||
}
|
||||
|
||||
.footer {
|
||||
margin-top: 12px;
|
||||
text-align: center;
|
||||
font-size: 0.7em;
|
||||
}
|
||||
|
||||
.footer p, h3{
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
BIN
app/static/images/favicon.ico
Normal file
BIN
app/static/images/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 41 KiB |
35
app/templates/base.html
Normal file
35
app/templates/base.html
Normal file
@@ -0,0 +1,35 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>{{company.titel}}</title>
|
||||
<meta charset="utf-8" >
|
||||
<link rel="icon" type="image/x-icon" href="favicon.ico">
|
||||
<!-- Bootstrap CSS only -->
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
|
||||
<!-- Bootstrap JavaScript Bundle with Popper -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3" crossorigin="anonymous"></script>
|
||||
<!-- Bootstrap Icons -->
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css">
|
||||
<!-- Fontawesome -->
|
||||
<script src="https://kit.fontawesome.com/56f96da298.js" crossorigin="anonymous"></script>
|
||||
<link rel="stylesheet" href="static/css/default.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<header class="header">
|
||||
<img src="{{company.logo}}" alt="logo"/>
|
||||
<h1>{{company.titel}}</h1>
|
||||
<h2>{{company.subtitel}}</h2>
|
||||
</header>
|
||||
|
||||
{% block content %}{% endblock %}
|
||||
|
||||
<footer class="footer" itemscope itemtype="http://schema.org/LocalBusiness" class="small">
|
||||
<p itemprop="name">{{ company.titel }} <br />
|
||||
{{ company.subtitel }}</p>
|
||||
<span><i class="fa-solid fa-location-dot"></i> {{ company.address.values() | join(", ") }}</span>
|
||||
<p><a href="/imprint"><i class="fa-solid fa-scale-balanced"></i> Imprint</a></p>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
13
app/templates/card.html.j2
Normal file
13
app/templates/card.html.j2
Normal file
@@ -0,0 +1,13 @@
|
||||
<div class="card-column col-lg-3 col-md-6 col-12">
|
||||
<div class="card h-100 d-flex flex-column">
|
||||
<div class="card-body d-flex flex-column">
|
||||
<div class="card-img-top">
|
||||
<img src="{{ card.icon }}" alt="{{ card.title }}" style="width: 100px; height: auto;">
|
||||
</div>
|
||||
<hr />
|
||||
<h3 class="card-title">{{ card.title }}</h3>
|
||||
<p class="card-text">{{ card.text }}</p>
|
||||
<a href="{{ card.link }}" class="mt-auto btn btn-light stretched-link" ><i class="fa-solid fa-globe"></i> {{ card.link_text }}</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
474
app/templates/index.html.backup
Normal file
474
app/templates/index.html.backup
Normal file
@@ -0,0 +1,474 @@
|
||||
<html>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="header">
|
||||
<img src="512x512/logo_face.png" alt="logo"/>
|
||||
<h1>Kevin Veen-Birkenbach</h1>
|
||||
<h2>Consulting and Coaching Solutions</h2>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="card-column col-lg-3 col-md-6 col-12">
|
||||
<div class="card h-100 d-flex flex-column">
|
||||
<div class="card-body d-flex flex-column">
|
||||
<div class="card-img-top">
|
||||
<img src="512x512/logo_agile-coach.png" alt="Agile Coach" style="width: 100px; height: auto;">
|
||||
</div>
|
||||
<hr />
|
||||
<h3 class="card-title">Agile Coach</h3>
|
||||
<p class="card-text">I lead agile transformations and improve team dynamics through Scrum, DevOps, and Agile Coaching. My goal is to enhance collaboration and efficiency in organizations, ensuring agile principles are effectively implemented for sustainable success.</p>
|
||||
<a href="https://www.agile-coach.world" class="mt-auto btn btn-light stretched-link" ><i class="fa-solid fa-globe"></i> www.agile-coach.world</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-column col-lg-3 col-md-6 col-12">
|
||||
<div class="card h-100 d-flex flex-column">
|
||||
<div class="card-body d-flex flex-column">
|
||||
<div class="card-img-top">
|
||||
<img src="512x512/logo_personal_coach.png" alt="Personal Coach" style="width: 100px; height: auto;">
|
||||
</div>
|
||||
<hr />
|
||||
<h3 class="card-title">Personal Coach</h3>
|
||||
<p class="card-text">Offering personalized coaching for growth and development, I utilize a blend of hypnotherapy, mediation, and holistic techniques. My approach is tailored to help you achieve personal and professional milestones, fostering holistic well-being.</p>
|
||||
<a href="https://www.personalcoach.berlin" class="mt-auto btn btn-light stretched-link" ><i class="fa-solid fa-globe"></i> www.personalcoach.berlin</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-column col-lg-3 col-md-6 col-12">
|
||||
<div class="card h-100 d-flex flex-column">
|
||||
<div class="card-body d-flex flex-column">
|
||||
<div class="card-img-top">
|
||||
<img src="512x512/logo_yachtmaster.png" alt="Yachtmaster" style="width: 100px; height: auto;">
|
||||
</div>
|
||||
<hr />
|
||||
<h3 class="card-title">Yachtmaster</h3>
|
||||
<p class="card-text">As a Yachtmaster, I provide comprehensive sailing education, yacht delivery, and voyage planning services. Whether you're learning to sail or need an experienced skipper, my expertise ensures a safe and enjoyable experience on the water.</p>
|
||||
<a href="https://www.yachtmaster.world" class="mt-auto btn btn-light stretched-link" ><i class="fa-solid fa-globe"></i> www.yachtmaster.world</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-column col-lg-3 col-md-6 col-12">
|
||||
<div class="card h-100 d-flex flex-column">
|
||||
<div class="card-body d-flex flex-column">
|
||||
<div class="card-img-top">
|
||||
<img src="512x512/logo_polymath.png" alt="Cross Domain Consultant" style="width: 100px; height: auto;">
|
||||
</div>
|
||||
<hr />
|
||||
<h3 class="card-title">Polymath</h3>
|
||||
<p class="card-text">I support the evaluation and execution of complex cross-domain projects, offering insights across land, sea, sky, and digital realms. My expertise helps clients navigate and succeed in multifaceted environments with strategic precision.</p>
|
||||
<a href="https://www.crossdomain.consulting/" class="mt-auto btn btn-light stretched-link" ><i class="fa-solid fa-globe"></i> www.crossdomain.consulting</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-column col-lg-3 col-md-6 col-12">
|
||||
<div class="card h-100 d-flex flex-column">
|
||||
<div class="card-body d-flex flex-column">
|
||||
<div class="card-img-top">
|
||||
<img src="512x512/logo_cybermaster.png" alt="Cyber Master" style="width: 100px; height: auto;">
|
||||
</div>
|
||||
<hr />
|
||||
<h3 class="card-title">Cybermaster</h3>
|
||||
<p class="card-text">Specializing in open-source IT solutions for German SMBs, I focus on automation, security, and reliability. My services are designed to create robust infrastructures that streamline operations and safeguard digital assets.</p>
|
||||
<a href="https://www.cybermaster.space" class="mt-auto btn btn-light stretched-link" ><i class="fa-solid fa-globe"></i> www.cybermaster.space</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-column col-lg-3 col-md-6 col-12">
|
||||
<div class="card h-100 d-flex flex-column">
|
||||
<div class="card-body d-flex flex-column">
|
||||
<div class="card-img-top">
|
||||
<img src="512x512/logo_prompt_master.png" alt="Prompt Master" style="width: 100px; height: auto;">
|
||||
</div>
|
||||
<hr />
|
||||
<h3 class="card-title">Prompt Engineer</h3>
|
||||
<p class="card-text">Leveraging AI's power, I specialize in crafting custom prompts and creative content for AI-driven applications. My services are aimed at businesses, creatives, and researchers looking to harness AI technology for innovation, efficiency, and exploring new possibilities.</p>
|
||||
<a href="https://promptmaster.nexus" class="mt-auto btn btn-light stretched-link" ><i class="fa-solid fa-globe"></i> www.promptmaster.nexus</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-column col-lg-3 col-md-6 col-12">
|
||||
<div class="card h-100 d-flex flex-column">
|
||||
<div class="card-body d-flex flex-column">
|
||||
<div class="card-img-top">
|
||||
<img src="512x512/logo_mediator.png" alt="Mediator" style="width: 100px; height: auto;">
|
||||
</div>
|
||||
<hr />
|
||||
<h3 class="card-title">Mediator</h3>
|
||||
<p class="card-text">Specializing in resolving interpersonal and business conflicts with empathy and neutrality, I facilitate open communication to achieve lasting agreements and strengthen relationships. My mediation services are designed for individuals, teams, and organizations to foster a harmonious and productive environment.</p>
|
||||
<a href="https://www.mediator.veen.world" class="mt-auto btn btn-light stretched-link" ><i class="fa-solid fa-globe"></i> www.mediator.veen.world</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-column col-lg-3 col-md-6 col-12">
|
||||
<div class="card h-100 d-flex flex-column">
|
||||
<div class="card-body d-flex flex-column">
|
||||
<div class="card-img-top">
|
||||
<img src="512x512/logo_hypnotherapist.png" alt="Hypnotherapist" style="width: 100px; height: auto;">
|
||||
</div>
|
||||
<hr />
|
||||
<h3 class="card-title">Hypnotherapist</h3>
|
||||
<p class="card-text">As a certified Hypnotherapist, I offer tailored sessions to address mental and emotional challenges through hypnosis. My approach helps unlock the subconscious to overcome negative beliefs and stress, empowering you to activate self-healing and embrace positive life changes.</p>
|
||||
<a href="https://www.hypno.veen.world" class="mt-auto btn btn-light stretched-link" ><i class="fa-solid fa-globe"></i> www.hypno.veen.world</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-column col-lg-3 col-md-6 col-12">
|
||||
<div class="card h-100 d-flex flex-column">
|
||||
<div class="card-body d-flex flex-column">
|
||||
<div class="card-img-top">
|
||||
<img src="512x512/logo_skydiver.png" alt="Skydiver" style="width: 100px; height: auto;">
|
||||
</div>
|
||||
<hr />
|
||||
<h3 class="card-title">Aerospace Consultant</h3>
|
||||
<p class="card-text">As an Aerospace Consultant with aviation credentials, including a Sport Pilot License for Parachutes, and a Restricted Radiotelephony and Operator's Certificate I deliver expert consulting services. Currently training for my Private Pilot License, I specialize in guiding clients through aviation regulations, safety standards, and operational efficiency.</p>
|
||||
<i class="fa-solid fa-hourglass"></i> Website under construction.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-column col-lg-3 col-md-6 col-12">
|
||||
<div class="card h-100 d-flex flex-column">
|
||||
<div class="card-body d-flex flex-column">
|
||||
<div class="card-img-top">
|
||||
<img src="512x512/logo_hunter.png" alt="Hunter" style="width: 100px; height: auto;">
|
||||
</div>
|
||||
<hr />
|
||||
<h3 class="card-title">Wildlife Expert</h3>
|
||||
<p class="card-text">
|
||||
As a certified hunter and wildlife coach, I offer educational programs, nature walks, survival trainings, and photo expeditions, merging ecological knowledge with nature respect. My goal is to foster sustainable conservation and enhance appreciation for the natural world through responsible practices.</p>
|
||||
<i class="fa-solid fa-hourglass"></i> Website under construction.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-column col-lg-3 col-md-6 col-12">
|
||||
<div class="card h-100 d-flex flex-column">
|
||||
<div class="card-body d-flex flex-column">
|
||||
<div class="card-img-top">
|
||||
<img src="512x512/logo_diver.png" alt="Diver" style="width: 100px; height: auto;">
|
||||
</div>
|
||||
<hr />
|
||||
<h3 class="card-title">Master Diver</h3>
|
||||
<p class="card-text">As a certified master diver with trainings in various specialties, I offer diving instruction, underwater photography, and guided dive tours. My experience ensures safe and enriching underwater adventures, highlighting marine conservation and the wonders of aquatic ecosystems.</p>
|
||||
<i class="fa-solid fa-hourglass"></i> Website under construction.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-column col-lg-3 col-md-6 col-12">
|
||||
<div class="card h-100 d-flex flex-column">
|
||||
<div class="card-body d-flex flex-column">
|
||||
<div class="card-img-top">
|
||||
<img src="512x512/logo_massage_therapist.png" alt="Massgage Therapist" style="width: 100px; height: auto;">
|
||||
</div>
|
||||
<hr />
|
||||
<h3 class="card-title">Massage Therapist</h3>
|
||||
<p class="card-text">
|
||||
Certified in Tantra Massage, I offer unique full-body rituals to awaken senses and harmonize body and mind. My sessions, a blend of ancient Tantra and modern relaxation, focus on energy flow, personal growth, and spiritual awakening.</p>
|
||||
<i class="fa-solid fa-hourglass"></i> Website under construction.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-2 col-md-4 col-sm-6 col-12 mt-4">
|
||||
<h3 class="footer-title">Networks</h3>
|
||||
<ul class="list-group list-group-flush">
|
||||
<li class="list-group-item">
|
||||
<a rel="me" href="https://github.com/kevinveenbirkenbach">
|
||||
<i class="bi bi-github"></i>
|
||||
GitHub
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<a rel="me" href="https://www.instagram.com/kevinveenbirkenbach/">
|
||||
<i class="fa-brands fa-instagram"></i>
|
||||
Instagram
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<a rel="me" href="https://www.xing.com/profile/Kevin_VeenBirkenbach">
|
||||
<i class="bi bi-building"></i>
|
||||
XING
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<a rel="me" href="https://www.linkedin.com/in/kevinveenbirkenbach">
|
||||
<i class="bi bi-linkedin"></i>
|
||||
LinkedIn
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<a rel="me" href="https://www.facebook.com/kevinveenbirkenbach">
|
||||
<i class="fa-brands fa-facebook"></i> Facebook
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<a rel="me" href="https://www.duolingo.com/profile/kevinbirkenbach">
|
||||
<i class="fa-solid fa-language"></i> Duolingo
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<a rel="me" href="https://open.spotify.com/user/31vebfzbjf3p7oualis76qfpr5ty">
|
||||
<i class="fa-brands fa-spotify"></i> Spotify
|
||||
</a>
|
||||
</li>
|
||||
<ul>
|
||||
</div>
|
||||
<div class="col-lg-2 col-md-4 col-sm-6 col-12 mt-4">
|
||||
<h3 class="footer-title">Fediverse</h3>
|
||||
<ul class="list-group list-group-flush">
|
||||
<li class="list-group-item">
|
||||
<a rel="me" href="https://microblog.veen.world/@kevinveenbirkenbach">
|
||||
<i class="fa-brands fa-mastodon"></i>
|
||||
Microblog
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<a rel="me" href="https://picture.veen.world/kevinveenbirkenbach">
|
||||
<i class="fa-solid fa-camera"></i>
|
||||
Pictures
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<a rel="me" href="https://video.veen.world/a/kevinveenbirkenbach">
|
||||
<i class="fa-solid fa-video"></i>
|
||||
Videos
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<a rel="me" href="https://blog.veen.world">
|
||||
<i class="fa-solid fa-blog"></i>
|
||||
Blog
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<a rel="me" href="https://git.veen.world/kevinveenbirkenbach" class="link">
|
||||
<i class="fa-solid fa-code"></i>
|
||||
Code
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<s><a rel="me" href="https://music.veen.world">
|
||||
<i class="fa-solid fa-music"></i>
|
||||
Music
|
||||
</a></s>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<a rel="me" href="https://forum.veen.world/u/kevinveenbirkenbach">
|
||||
<i class="fa-brands fa-discourse"></i> Forum
|
||||
</a>
|
||||
</li>
|
||||
<ul>
|
||||
</div>
|
||||
<div class="col-lg-2 col-md-4 col-sm-6 col-12 mt-4">
|
||||
<h3 class="footer-title">Engagement</h3>
|
||||
<ul class="list-group list-group-flush">
|
||||
<li class="list-group-item">
|
||||
<a rel="me" href="https://newsletter.veen.world/subscription/form" class="link">
|
||||
<i class="fa-solid fa-envelope-open-text"></i>
|
||||
Newsletter
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<a rel="me" href="https://meet.veen.world/" class="link">
|
||||
<i class="fa-solid fa-video"></i>
|
||||
Summits
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<a rel="me" href="https://mail.veen.world/">
|
||||
<i class="fa-solid fa-envelope"></i>
|
||||
Mail
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<a rel="me" href="https://academy.veen.world/">
|
||||
<i class="fa-solid fa-graduation-cap"></i>
|
||||
Academy
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<a rel="me" href="https://element.veen.world/">
|
||||
<i class="fa-solid fa-comment"></i> Chat
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<a rel="me" href="https://s.veen.world/admin/">
|
||||
<i class="bi bi-link"></i>
|
||||
Links
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<a rel="me" href="https://patreon.com/kevinveenbirkenbach">
|
||||
<i class="fa-brands fa-patreon"></i> Patreon
|
||||
</a>
|
||||
</li>
|
||||
<ul>
|
||||
</div>
|
||||
<div class="col-lg-2 col-md-4 col-sm-6 col-12 mt-4">
|
||||
<h3 class="footer-title">Workflow</h3>
|
||||
<ul class="list-group list-group-flush">
|
||||
<li class="list-group-item">
|
||||
<a rel="me" href="https://project.veen.world/" class="link">
|
||||
<i class="fa-solid fa-chart-line"></i>
|
||||
Projects
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<a rel="me" href="https://kanban.veen.world/" class="link">
|
||||
<i class="bi bi-clipboard2-check-fill"></i>
|
||||
Kanban
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<a rel="me" href="https://matomo.veen.world/" class="link">
|
||||
<i class="fa-solid fa-chart-simple"></i>
|
||||
Matomo
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<a rel="me" href="https://baserow.veen.world/" class="link">
|
||||
<i class="fa-solid fa-table"></i>
|
||||
Baserow
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<s><a rel="me" href="https://finance.veen.world/">
|
||||
<i class="bi bi-currency-exchange"></i>
|
||||
Controlling
|
||||
</a></s>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<s><a rel="me" href="https://tickets.veen.world/">
|
||||
<i class="bi bi-ticket-perforated"></i>
|
||||
Tickets
|
||||
</a></s>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<a rel="me" href="https://cloud.veen.world/u/kevinveenbirkenbach" class="link">
|
||||
<i class="fa-solid fa-cloud"></i>
|
||||
Cloud
|
||||
</a>
|
||||
</li>
|
||||
<ul>
|
||||
</div>
|
||||
<div class="col-lg-2 col-md-4 col-sm-6 col-12 mt-4">
|
||||
<h3 class="footer-title">Logbooks</h3>
|
||||
<ul class="list-group list-group-flush">
|
||||
<li class="list-group-item">
|
||||
<a rel="me" href="https://s.veen.world/skydiverlog" class="link">
|
||||
<i class="fa-solid fa-parachute-box"></i>
|
||||
Skydiver
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<a rel="me" href="https://s.veen.world/meilenbuch" class="link">
|
||||
<i class="fa-solid fa-sailboat"></i>
|
||||
Skipper
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<a rel="me" href="https://s.veen.world/diverlog" class="link">
|
||||
<i class="fa-solid fa-fish"></i>
|
||||
Diver
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<a rel="me" href="https://s.veen.world/pilotlog">
|
||||
<i class="fa-solid fa-plane"></i>
|
||||
Pilote
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<a rel="me" href="https://s.veen.world/naturejournal">
|
||||
<i class="fa-solid fa-tree"></i>
|
||||
Nature
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<a rel="me" href="https://s.veen.world/garmin">
|
||||
<i class="fa-solid fa-person-running"></i>
|
||||
Garmin
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<a rel="me" href="https://s.veen.world/eversports">
|
||||
<i class="fa-solid fa-dumbbell"></i>
|
||||
Eversports
|
||||
</a>
|
||||
</li>
|
||||
<ul>
|
||||
</div>
|
||||
<div class="col-lg-2 col-md-4 col-sm-6 col-12 mt-4">
|
||||
<h3 class="footer-title">Contact</h3>
|
||||
<ul class="list-group list-group-flush">
|
||||
<li class="list-group-item">
|
||||
<a rel="me" href="mailto:kevin@veen.world">
|
||||
<i class="fa-solid fa-envelope"></i>
|
||||
Email
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<a alt="@kevinveenbirkenbach:veen.world" title="@kevinveenbirkenbach:veen.world" href="#" onclick="openPopup()">
|
||||
<i class="bi bi-chat-left-text-fill"></i>
|
||||
Matrix
|
||||
</a>
|
||||
<script>
|
||||
function openPopup() {
|
||||
alert("Matrix: @kevinveenbirkenbach:veen.world");
|
||||
}
|
||||
</script>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<a rel="me" href="tel:+491781798023">
|
||||
<i class="fa-solid fa-phone"></i>
|
||||
Mobile
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<a rel="me" href="https://s.veen.world/pgp">
|
||||
<i class="fa-solid fa-key"></i>
|
||||
PGP
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<a rel="me" href="tel:+491781798023" class="link">
|
||||
<i class="fa-brands fa-signal-messenger"></i>
|
||||
Signal
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<a rel="me" href="https://t.me/kevinveenbirkenbach" class="link">
|
||||
<i class="fa-brands fa-telegram"></i>
|
||||
Telegram
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<a rel="me" href="https://wa.me/491781798023" class="link">
|
||||
<i class="fa-brands fa-whatsapp"></i>
|
||||
Whatsapp
|
||||
</a>
|
||||
</li>
|
||||
<ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div itemscope itemtype="http://schema.org/LocalBusiness" class="small">
|
||||
|
||||
<span itemprop="name">
|
||||
Kevin Veen-Birkenbach <br />
|
||||
Beratungs- und Coachingdienstleistungen
|
||||
</span>
|
||||
<p>
|
||||
<i class="fa-solid fa-location-dot"></i>
|
||||
<span itemprop="address">Afrikanische Straße 43, DE-13351 Berlin, Germany</span>
|
||||
</p>
|
||||
<p>
|
||||
<a rel="me" href="imprint.html">
|
||||
<i class="fa-solid fa-scale-balanced"></i> Imprint
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
41
app/templates/pages/agb.html.j2
Normal file
41
app/templates/pages/agb.html.j2
Normal file
@@ -0,0 +1,41 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>General Terms and Conditions</title>
|
||||
<style>
|
||||
body {font-family: Arial, sans-serif; line-height: 1.6;}
|
||||
h1, h2 {color: #333;}
|
||||
.container {width: 80%; margin: 0 auto; padding: 20px;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>General Terms and Conditions</h1>
|
||||
|
||||
<h2>1. Scope of Services</h2>
|
||||
<p>Kevin Veen-Birkenbach, operating under the business name "Beratungs- und Coachingdienstleistungen," provides various services including consulting, coaching, educational services, freelance assignments, and project-based work.</p>
|
||||
|
||||
<h2>2. Payment Terms</h2>
|
||||
<ul>
|
||||
<li>Payment is due upon booking any service.</li>
|
||||
<li>In case of cancellation more than 30 days before the scheduled service, the client is entitled to a full refund.</li>
|
||||
<li>If cancellation occurs less than 30 days but more than 14 days before the service, 50% of the total fee will be retained.</li>
|
||||
<li>For cancellations less than 14 days prior to the service, 100% of the total fee will be retained.</li>
|
||||
<li>If the service is cancelled by Kevin Veen-Birkenbach for any reason, the client is entitled to a full refund.</li>
|
||||
</ul>
|
||||
|
||||
<h2>3. Contact Information</h2>
|
||||
<p>Kevin Veen-Birkenbach<br>
|
||||
Beratungs- und Coachingdienstleistungen<br>
|
||||
Afrikanische Straße 43, 13351 Berlin, Germany<br>
|
||||
Phone: +491781798023<br>
|
||||
Email: <a href="mailto:kevin@veen.world">kevin@veen.world</a></p>
|
||||
|
||||
<h2>4. Tax Identification</h2>
|
||||
<p>VAT ID: 23/569/00564</p>
|
||||
|
||||
<h2>5. Amendments and Validity</h2>
|
||||
<p>These terms and conditions are subject to change. The version valid at the time of booking will apply.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
40
app/templates/pages/imprint.html.j2
Normal file
40
app/templates/pages/imprint.html.j2
Normal file
@@ -0,0 +1,40 @@
|
||||
<html>
|
||||
<header>
|
||||
<title>Impressum</title>
|
||||
<meta charset="utf-8" >
|
||||
</header>
|
||||
<body>
|
||||
<h1>Impressum</h1>
|
||||
|
||||
<h2>Angaben gemäß § 5 TMG</h2>
|
||||
<p>Kevin Veen-Birkenbach<br />
|
||||
Beratungs- und Coachingdienstleistungen<br />
|
||||
Afrikanische Straße 43<br />
|
||||
13351 Berlin</p>
|
||||
|
||||
<h2>Kontakt</h2>
|
||||
<p>Telefon: +491781798023<br />
|
||||
E-Mail: kevin@veen.world</p>
|
||||
|
||||
<h2>Umsatzsteuer-ID</h2>
|
||||
<p>Umsatzsteuer-Identifikationsnummer gemäß § 27 a Umsatzsteuergesetz:<br />
|
||||
23/569/00564</p>
|
||||
|
||||
<h2>Angaben zur Berufs­haftpflicht­versicherung</h2>
|
||||
<p><strong>Name und Sitz des Versicherers:</strong><br />
|
||||
Markel Insurance SE<br />
|
||||
Sophienstr. 26<br />
|
||||
80333 München<br />
|
||||
Registergericht: Amtsgericht München<br />
|
||||
Handelsregisternummer: HRB 233618</p>
|
||||
<p><strong>Geltungsraum der Versicherung:</strong><br />Weltweit</p>
|
||||
|
||||
<h2>Redaktionell verantwortlich</h2>
|
||||
<p>Kevin Veen-Birkenbach</p>
|
||||
|
||||
<h2>Verbraucher­streit­beilegung/Universal­schlichtungs­stelle</h2>
|
||||
<p>Universalschlichtungsstelle des Bundes<br>
|
||||
Zentrums für Schlichtung e.V.<br>
|
||||
Straßburger Straße 8<br>
|
||||
77694 Kehl am Rhein</p>
|
||||
</body>
|
||||
23
app/templates/pages/index.html.j2
Normal file
23
app/templates/pages/index.html.j2
Normal file
@@ -0,0 +1,23 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block content %}
|
||||
<div class="row">
|
||||
{% for card in cards %}
|
||||
{% include "card.html.j2" %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<h3>Networks</h3>
|
||||
<ul>
|
||||
{% for network in networks %}
|
||||
<li>
|
||||
<a href="{{ network.link }}">
|
||||
<i class="{{ network.icon }}"></i> {{ network.name }}
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
Reference in New Issue
Block a user