Add new templates and tests for improved functionality
- Created index.html template for the homepage with service cards and partner logos. - Added page_from_md.html template for rendering pages from markdown. - Developed services.html template detailing various services offered. - Implemented tests for link handling in markdown, ensuring external links open in new tabs and internal links function correctly. - Enhanced markdown parser tests to validate heading extraction, content rendering, and link safety. - Introduced utility tests for template rendering, HTML minification, and JavaScript minification. Co-authored-by: Copilot <copilot@github.com>
This commit is contained in:
@@ -0,0 +1,498 @@
|
||||
{% extends "_base.html" %} {% block content %}
|
||||
<div class="bg-gray-50 py-12">
|
||||
<div class="container mx-auto px-6">
|
||||
<h1 class="text-4xl font-bold text-center mb-4">Our Coaching Areas</h1>
|
||||
<p class="text-xl text-gray-600 text-center mb-12">
|
||||
Comprehensive coaching programs tailored to your professional and personal
|
||||
growth
|
||||
</p>
|
||||
|
||||
<!-- Career Advice Section -->
|
||||
<div class="mb-16">
|
||||
<div class="flex items-center mb-8">
|
||||
<img
|
||||
src="img/coaching-career.svg"
|
||||
alt="Career advice icon"
|
||||
class="w-8 h-8 mr-4"
|
||||
width="24"
|
||||
height="24"
|
||||
/>
|
||||
<h2 class="text-3xl font-bold">Career Advice</h2>
|
||||
</div>
|
||||
<p class="text-lg text-gray-600 mb-8">
|
||||
Navigate your career path with expert guidance tailored to your industry
|
||||
and location.
|
||||
</p>
|
||||
|
||||
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h3 class="text-xl font-bold mb-3">IT Career</h3>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Career paths in software development</li>
|
||||
<li>• Technical vs management track</li>
|
||||
<li>• Transitioning between specialties</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h3 class="text-xl font-bold mb-3">Switzerland Specifics</h3>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Work culture and expectations</li>
|
||||
<li>• Salary negotiations</li>
|
||||
<li>• Work permits and regulations</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h3 class="text-xl font-bold mb-3">Germany Specifics</h3>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Job market trends</li>
|
||||
<li>• Industry hubs and opportunities</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h3 class="text-xl font-bold mb-3">Remote Work</h3>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Building a remote work routine</li>
|
||||
<li>• Communication strategies</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h3 class="text-xl font-bold mb-3">Freelancing</h3>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Setting up as independent contractor</li>
|
||||
<li>• Client acquisition and retention</li>
|
||||
<li>• Pricing strategies and negotiation</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h3 class="text-xl font-bold mb-3">Startups</h3>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Evaluating startup opportunities</li>
|
||||
<li>• Equity considerations</li>
|
||||
<li>• Growth expectations</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h3 class="text-xl font-bold mb-3">Corporates</h3>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Navigating corporate structures</li>
|
||||
<li>• Internal mobility</li>
|
||||
<li>• Building influence</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h3 class="text-xl font-bold mb-3">Consulting</h3>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Types of consulting roles</li>
|
||||
<li>• Client management</li>
|
||||
<li>• Balancing multiple projects</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Personal Development Section -->
|
||||
<div class="mb-16">
|
||||
<div class="flex items-center mb-8">
|
||||
<img
|
||||
src="img/coaching-personal.svg"
|
||||
alt="Personal development icon"
|
||||
class="w-8 h-8 mr-4"
|
||||
width="24"
|
||||
height="24"
|
||||
/>
|
||||
<h2 class="text-3xl font-bold">Personal Development</h2>
|
||||
</div>
|
||||
<p class="text-lg text-gray-600 mb-8">
|
||||
Discover your values, strengths, and purpose to create a fulfilling life
|
||||
and career.
|
||||
</p>
|
||||
|
||||
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h3 class="text-xl font-bold mb-3">Values</h3>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Value identification exercises</li>
|
||||
<li>• Aligning career with personal values</li>
|
||||
<li>• Identity Workshop</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h3 class="text-xl font-bold mb-3">Ikigai</h3>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Finding purpose through passion</li>
|
||||
<li>• Mission, vocation, and profession</li>
|
||||
<li>• Practical discovery exercises</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h3 class="text-xl font-bold mb-3">Strengths</h3>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Assessment tools and frameworks</li>
|
||||
<li>• Leveraging strengths professionally</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h3 class="text-xl font-bold mb-3">Weaknesses</h3>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Growth mindset approaches</li>
|
||||
<li>• Strategic improvement planning</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h3 class="text-xl font-bold mb-3">Vision</h3>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Creating personal vision statements</li>
|
||||
<li>• Long-term life planning</li>
|
||||
<li>• Visualization techniques</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h3 class="text-xl font-bold mb-3">Goals</h3>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• SMART goal framework</li>
|
||||
<li>• Balancing short and long-term objectives</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h3 class="text-xl font-bold mb-3">Agile Self Organization</h3>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Personal Kanban implementation</li>
|
||||
<li>• Quarterly planning and review cycles</li>
|
||||
<li>• Agile methods for personal productivity</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Leadership Coaching Section -->
|
||||
<div class="mb-16">
|
||||
<div class="flex items-center mb-8">
|
||||
<img
|
||||
src="img/coaching-leadership.svg"
|
||||
alt="Leadership coaching icon"
|
||||
class="w-8 h-8 mr-4"
|
||||
width="24"
|
||||
height="24"
|
||||
/>
|
||||
<h2 class="text-3xl font-bold">Leadership Coaching</h2>
|
||||
</div>
|
||||
<p class="text-lg text-gray-600 mb-8">
|
||||
Develop essential leadership skills to inspire teams and drive
|
||||
organizational success.
|
||||
</p>
|
||||
|
||||
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h3 class="text-xl font-bold mb-3">Leadership Styles</h3>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Management vs Leadership</li>
|
||||
<li>• Situational leadership approaches</li>
|
||||
<li>• Transformational vs transactional</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h3 class="text-xl font-bold mb-3">Communication</h3>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Active listening techniques</li>
|
||||
<li>• Delivering difficult messages</li>
|
||||
<li>• Cross-cultural communication</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h3 class="text-xl font-bold mb-3">Feedback</h3>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Structured feedback frameworks</li>
|
||||
<li>• Creating feedback culture</li>
|
||||
<li>• Growth-oriented approaches</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h3 class="text-xl font-bold mb-3">Delegation</h3>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• RACI and DACI models</li>
|
||||
<li>• Identifying tasks to delegate</li>
|
||||
<li>• Building team capacity</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h3 class="text-xl font-bold mb-3">Decision Making</h3>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• OODA loop, DECIDE model</li>
|
||||
<li>• Data-driven decisions</li>
|
||||
<li>• Managing decision paralysis</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h3 class="text-xl font-bold mb-3">Conflict Management</h3>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Conflict resolution models</li>
|
||||
<li>• Mediation techniques</li>
|
||||
<li>• Transforming conflict to opportunity</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h3 class="text-xl font-bold mb-3">Motivation</h3>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Intrinsic vs extrinsic motivation</li>
|
||||
<li>• SCARF and Drive frameworks</li>
|
||||
<li>• Tailoring to individual needs</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h3 class="text-xl font-bold mb-3">Empathy & Compassion</h3>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Building empathetic leadership</li>
|
||||
<li>• Compassion without compromising</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h3 class="text-xl font-bold mb-3">Trust</h3>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Trust-building exercises</li>
|
||||
<li>• Trust in remote teams</li>
|
||||
<li>• Rebuilding broken trust</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h3 class="text-xl font-bold mb-3">Psychological Safety</h3>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Assessment techniques</li>
|
||||
<li>• Creating safety in teams</li>
|
||||
<li>• Connection to innovation</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h3 class="text-xl font-bold mb-3">Team Building</h3>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Tuckman's team formation</li>
|
||||
<li>• Remote team activities</li>
|
||||
<li>• Cross-functional dynamics</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h3 class="text-xl font-bold mb-3">Agile Project Management</h3>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Project roles and responsibilities</li>
|
||||
<li>• Agile hierarchies</li>
|
||||
<li>• Balancing agility with governance</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Technical Coaching Section -->
|
||||
<div class="mb-16">
|
||||
<div class="flex items-center mb-8">
|
||||
<img
|
||||
src="img/coaching-technical.svg"
|
||||
alt="Technical coaching icon"
|
||||
class="w-8 h-8 mr-4"
|
||||
width="24"
|
||||
height="24"
|
||||
/>
|
||||
<h2 class="text-3xl font-bold">Technical Coaching</h2>
|
||||
</div>
|
||||
<p class="text-lg text-gray-600 mb-8">
|
||||
Master technical skills and best practices in software development and
|
||||
IT infrastructure.
|
||||
</p>
|
||||
|
||||
<!-- Software and Web Development Subsection -->
|
||||
<h3 class="text-2xl font-bold mb-6 text-gray-700">
|
||||
Software and Web Development
|
||||
</h3>
|
||||
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6 mb-8">
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h4 class="text-xl font-bold mb-3">Scalability</h4>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Horizontal vs vertical scaling</li>
|
||||
<li>• Distributed systems principles</li>
|
||||
<li>• Load balancing strategies</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h4 class="text-xl font-bold mb-3">Browser</h4>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Developer tools mastery</li>
|
||||
<li>• Performance optimization</li>
|
||||
<li>• Extension development</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Operating Systems Subsection -->
|
||||
<h3 class="text-2xl font-bold mb-6 text-gray-700">Operating Systems</h3>
|
||||
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6 mb-8">
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h4 class="text-xl font-bold mb-3">Linux</h4>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Debian, Ubuntu</li>
|
||||
<li>• RedHat, Fedora, CentOS</li>
|
||||
<li>• Arch, Manjaro</li>
|
||||
<li>• SUSE, openSUSE</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h4 class="text-xl font-bold mb-3">Windows</h4>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Windows 10 & 11</li>
|
||||
<li>• Windows Server 2019</li>
|
||||
<li>• Windows Server 2022</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h4 class="text-xl font-bold mb-3">macOS</h4>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• macOS basics</li>
|
||||
<li>• System administration</li>
|
||||
<li>• Shell commands</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Tools Subsection -->
|
||||
<h3 class="text-2xl font-bold mb-6 text-gray-700">Development Tools</h3>
|
||||
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h4 class="text-xl font-bold mb-3">Git</h4>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Advanced git workflows</li>
|
||||
<li>• Git hooks and automation</li>
|
||||
<li>• Collaboration strategies</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h4 class="text-xl font-bold mb-3">Docker</h4>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Container optimization</li>
|
||||
<li>• Docker Compose</li>
|
||||
<li>• Kubernetes orchestration</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h4 class="text-xl font-bold mb-3">Visual Studio Code</h4>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Extension ecosystem</li>
|
||||
<li>• Customization and settings</li>
|
||||
<li>• Productivity optimization</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Call to Action Section -->
|
||||
<div class="bg-blue-600 text-white py-12">
|
||||
<div class="container mx-auto px-6 text-center">
|
||||
<h2 class="text-3xl font-bold mb-4">Ready to Accelerate Your Growth?</h2>
|
||||
<p class="text-xl mb-6">
|
||||
Let's work together to unlock your full potential
|
||||
</p>
|
||||
<button
|
||||
class="bg-white text-blue-600 font-bold py-3 px-8 rounded-lg hover:bg-gray-100"
|
||||
>
|
||||
<a href="mailto:info@allucanget.biz">Schedule Your First Session</a>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
Reference in New Issue
Block a user