Optimized Homepage

This commit is contained in:
Kevin Veen-Birkenbach 2024-02-04 22:35:55 +01:00
parent f4932c3166
commit 4d9b69469a
9 changed files with 132 additions and 73 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 98 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 88 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 70 KiB

BIN
512x512/logo_mediator.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 60 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 107 KiB

After

Width:  |  Height:  |  Size: 79 KiB

BIN
512x512/logo_polymath.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 104 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 78 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 104 KiB

View File

@ -57,6 +57,11 @@
.card .stretched-link{ .card .stretched-link{
font-size: 0.7em; font-size: 0.7em;
} }
.card-column{
padding-top: 12px;
padding-bottom: 12px;
}
</style> </style>
</head> </head>
<body> <body>
@ -65,10 +70,9 @@
<img src="512x512/logo.png" alt="logo"/> <img src="512x512/logo.png" alt="logo"/>
<h1>Kevin Veen-Birkenbach</h1> <h1>Kevin Veen-Birkenbach</h1>
<h2>Consulting and Coaching Services</h2> <h2>Consulting and Coaching Services</h2>
<p></p>
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-6 col-lg-1 equal-height mt-2 mt-lg-0"> <div class="card-column col-lg-3 col-md-6 col-12">
<div class="card h-100 d-flex flex-column"> <div class="card h-100 d-flex flex-column">
<div class="card-body d-flex flex-column"> <div class="card-body d-flex flex-column">
<div class="card-img-top"> <div class="card-img-top">
@ -76,12 +80,12 @@
</div> </div>
<hr /> <hr />
<h3 class="card-title">Agile Coach</h3> <h3 class="card-title">Agile Coach</h3>
<p class="card-text">I facilitate agile transformations, DevOps integration and improving team dynamics through Scrum Master, Release Train Engineer, Business Mediator and Agile Coach support.</p> <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> <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>
</div> </div>
<div class="col-md-6 col-lg-1 equal-height mt-2 mt-lg-0"> <div class="card-column col-lg-3 col-md-6 col-12">
<div class="card h-100 d-flex flex-column"> <div class="card h-100 d-flex flex-column">
<div class="card-body d-flex flex-column"> <div class="card-body d-flex flex-column">
<div class="card-img-top"> <div class="card-img-top">
@ -89,12 +93,12 @@
</div> </div>
<hr /> <hr />
<h3 class="card-title">Personal Coach</h3> <h3 class="card-title">Personal Coach</h3>
<p class="card-text">I offer personal growth and professional development through customized coaching strategies, hypnotherapy, mediation, tantric and holistic improvement techniques.</p> <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> <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>
</div> </div>
<div class="col-md-6 col-lg-1 equal-height mt-2 mt-lg-0"> <div class="card-column col-lg-3 col-md-6 col-12">
<div class="card h-100 d-flex flex-column"> <div class="card h-100 d-flex flex-column">
<div class="card-body d-flex flex-column"> <div class="card-body d-flex flex-column">
<div class="card-img-top"> <div class="card-img-top">
@ -102,39 +106,77 @@
</div> </div>
<hr /> <hr />
<h3 class="card-title">Yachtmaster</h3> <h3 class="card-title">Yachtmaster</h3>
<p class="card-text">I teach and coach sailing, deliver yachts, help in planning voyages and offer services as skipper, ship chief cook, rescue swimmer and diver on yachts.</p> <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> <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>
</div> </div>
<div class="col-md-6 col-lg-1 equal-height mt-2 mt-lg-0"> <div class="card-column col-lg-3 col-md-6 col-12">
<div class="card h-100 d-flex flex-column"> <div class="card h-100 d-flex flex-column">
<div class="card-body d-flex flex-column"> <div class="card-body d-flex flex-column">
<div class="card-img-top"> <div class="card-img-top">
<img src="512x512/logo_cross-domain-consultant.png" alt="Cross Domain Consultant" style="width: 100px; height: auto;"> <img src="512x512/logo_polymath.png" alt="Cross Domain Consultant" style="width: 100px; height: auto;">
</div> </div>
<hr /> <hr />
<h3 class="card-title">Polymath</h3> <h3 class="card-title">Polymath</h3>
<p class="card-text">I help people and insititutions to appraise, plan, monitor, execute and evaluate complex cross-domain projects in the land, sea, sky, cyber, information and psychological domain.</p> <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> <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>
</div> </div>
<div class="col-md-6 col-lg-1 equal-height mt-2 mt-lg-0"> <div class="card-column col-lg-3 col-md-6 col-12">
<div class="card h-100 d-flex flex-column"> <div class="card h-100 d-flex flex-column">
<div class="card-body d-flex flex-column"> <div class="card-body d-flex flex-column">
<div class="card-img-top"> <div class="card-img-top">
<img src="512x512/logo_cybermaster.png" alt="Cyber Master" style="width: 100px; height: auto;"> <img src="512x512/logo_cybermaster.png" alt="Cyber Master" style="width: 100px; height: auto;">
</div> </div>
<hr /> <hr />
<h3 class="card-title">Cyber Master</h3> <h3 class="card-title">IT Consultant</h3>
<p class="card-text">I develope robust open source IT infrastructure and software solutions tailored for German SMBs, with an emphasis on automation, security, reliability, and efficient operations.</p> <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> <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>
</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_i.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.hypnose.veen.world" class="mt-auto btn btn-light stretched-link" ><i class="fa-solid fa-globe"></i> www.hypnose.veen.world</a>
</div>
</div>
</div>
</div> </div>
<p></p>
<div class="row"> <div class="row">
<div class="col-lg-3 col-md-6 col-sm-12 mt-4 sm-8"> <div class="col-lg-3 col-md-6 col-sm-12 mt-4 sm-8">
<h3>Social</h3> <h3>Social</h3>
@ -168,72 +210,88 @@
<i class="fa-brands fa-facebook"></i> facebook <i class="fa-brands fa-facebook"></i> facebook
</a> </a>
</li> </li>
<ul>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 mt-4 sm-8">
<h3>Fediverse</h3>
<ul class="list-group list-group-flush">
<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.veen.world
</a>
</li>
<li class="list-group-item">
<a rel="me" href="https://mastodon.veen.world/@kevinveenbirkenbach">
<i class="fa-brands fa-mastodon"></i>
mastodon.veen.world
</a>
</li>
<li class="list-group-item">
<a rel="me" href="https://pixelfed.veen.world/kevinveenbirkenbach">
<i class="fa-solid fa-camera"></i>
pixelfed.veen.world
</a>
</li>
<li class="list-group-item">
<a rel="me" href="https://peertube.veen.world/a/kevinveenbirkenbach">
<i class="fa-solid fa-video"></i>
peertube.veen.world
</a>
</li>
<li class="list-group-item">
<a rel="me" href="https://blog.veen.world">
<i class="fa-solid fa-blog"></i>
blog.veen.world
</a>
</li>
<ul>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 mt-4 sm-8">
<h3>Other</h3>
<ul class="list-group list-group-flush">
<li class="list-group-item">
<a rel="me" href="https://matomo.veen.world/" class="link">
<i class="fa-solid fa-chart-simple"></i>
matomo.veen.world
</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.veen.world
</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>
git.veen.world
</a>
</li>
<li class="list-group-item"> <li class="list-group-item">
<a rel="me" href="https://www.duolingo.com/profile/kevinbirkenbach"> <a rel="me" href="https://www.duolingo.com/profile/kevinbirkenbach">
<i class="fa-solid fa-language"></i> duolingo.com <i class="fa-solid fa-language"></i> duolingo.com
</a> </a>
</li> </li>
<ul>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 mt-4 sm-8">
<h3>Publications</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">
<a rel="me" href="https://newsletter.veen.world/subscription/form" class="link">
<i class="fa-solid fa-envelope-open-text"></i>
Newsletter
</a>
</li>
<ul>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 mt-4 sm-8">
<h3>Miscellaneous</h3>
<ul class="list-group list-group-flush">
<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>
<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">
<a rel="me" href="https://forum.veen.world/">
<i class="fa-brands fa-discourse"></i> Forum
</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"> <li class="list-group-item">
<a rel="me" href="imprint.html"> <a rel="me" href="imprint.html">
<i class="fa-solid fa-scale-balanced"></i> imprint <i class="fa-solid fa-scale-balanced"></i> Imprint
</a> </a>
</li> </li>
<ul> <ul>
@ -245,6 +303,7 @@
<p itemprop="address">Afrikanische Straße 43<br>DE-13351 Berlin<br>Germany</p> <p itemprop="address">Afrikanische Straße 43<br>DE-13351 Berlin<br>Germany</p>
<p>Phone: <span itemprop="telephone"><a href="tel:+491781798023">+491781798023</a></span><br> <p>Phone: <span itemprop="telephone"><a href="tel:+491781798023">+491781798023</a></span><br>
Email: <span itemprop="email"><a href="mailto:kevin@veen.world">kevin@veen.world</a></span><br> Email: <span itemprop="email"><a href="mailto:kevin@veen.world">kevin@veen.world</a></span><br>
Matrix: <span itemprop="matrix">@kevinveenbirkenbach:veen.world</span><br>
PGP-Key: <a href="https://s.veen.world/pgp">s.veen.world/pgp</a></p> PGP-Key: <a href="https://s.veen.world/pgp">s.veen.world/pgp</a></p>
</div> </div>
</div> </div>