sacred-union-guide / kaliyoga.html
CommanderLazarus's picture
Create a page explaining the importance of Kali Yoga in tantric sexual practices.
250aeb3 verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kali Yoga - Tantric Sexual Practices</title>
<link rel="icon" type="image/x-icon" href="/static/favicon.ico">
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://unpkg.com/feather-icons"></script>
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.waves.min.js"></script>
<style>
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Raleway:wght@300;400;500;600&display=swap');
body {
font-family: 'Raleway', sans-serif;
}
.heading-font {
font-family: 'Playfair Display', serif;
}
.practice-card {
transition: all 0.3s ease;
}
.practice-card:hover {
transform: translateY(-5px);
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.chapter-section {
scroll-margin-top: 80px;
}
</style>
</head>
<body class="bg-gradient-to-br from-purple-50 to-rose-50">
<!-- Navigation -->
<nav class="fixed w-full bg-white bg-opacity-90 backdrop-blur-sm shadow-sm z-50">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex justify-between h-16">
<div class="flex items-center">
<div class="flex-shrink-0 flex items-center">
<i data-feather="heart" class="text-purple-500"></i>
<span class="ml-2 text-xl font-bold heading-font text-gray-800">Sacred Union</span>
</div>
</div>
<div class="hidden md:flex items-center space-x-8">
<a href="index.html#positions" class="text-gray-600 hover:text-purple-600 font-medium">Positions</a>
<a href="index.html#tantra" class="text-gray-600 hover:text-purple-600 font-medium">Tantra</a>
<a href="index.html#history" class="text-gray-600 hover:text-purple-600 font-medium">History</a>
<a href="index.html#philosophy" class="text-gray-600 hover:text-purple-600 font-medium">Philosophy</a>
<a href="index.html#guide" class="text-gray-600 hover:text-purple-600 font-medium">Guide</a>
<a href="kali.html" class="text-gray-600 hover:text-purple-600 font-medium">Kali</a>
<a href="divinemasculine.html" class="text-gray-600 hover:text-purple-600 font-medium">Divine Masculine</a>
<a href="kaliyoga.html" class="text-gray-600 hover:text-purple-600 font-medium">Kali Yoga</a>
</div>
<div class="flex items-center md:hidden">
<button id="mobile-menu-button" class="text-gray-500 hover:text-gray-700">
<i data-feather="menu"></i>
</button>
</div>
</div>
</div>
<!-- Mobile menu -->
<div id="mobile-menu" class="hidden md:hidden bg-white">
<div class="px-2 pt-2 pb-3 space-y-1 sm:px-3">
<a href="index.html#positions" class="block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-purple-600 hover:bg-gray-50">Positions</a>
<a href="index.html#tantra" class="block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-purple-600 hover:bg-gray-50">Tantra</a>
<a href="index.html#history" class="block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-purple-600 hover:bg-gray-50">History</a>
<a href="index.html#philosophy" class="block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-purple-600 hover:bg-gray-50">Philosophy</a>
<a href="index.html#guide" class="block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-purple-600 hover:bg-gray-50">Guide</a>
<a href="kali.html" class="block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-purple-600 hover:bg-gray-50">Kali</a>
<a href="divinemasculine.html" class="block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-purple-600 hover:bg-gray-50">Divine Masculine</a>
<a href="kaliyoga.html" class="block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-purple-600 hover:bg-gray-50">Kali Yoga</a>
</div>
</div>
</nav>
<!-- Hero Section -->
<div id="hero" class="relative pt-24 pb-20 px-4 sm:px-6 lg:px-8">
<div class="absolute inset-0 z-0" id="hero-bg"></div>
<div class="max-w-7xl mx-auto relative z-10">
<div class="text-center">
<h1 class="text-4xl md:text-6xl font-bold heading-font text-gray-900 mb-6">
Kali Yoga in Tantric Sexual Practices
</h1>
<p class="text-xl text-gray-600 max-w-3xl mx-auto mb-10">
Harnessing the transformative power of Kali through yogic practices to deepen intimate connection and spiritual awakening
</p>
<div class="flex justify-center space-x-4">
<a href="#practices" class="bg-purple-600 text-white px-6 py-3 rounded-full font-medium hover:bg-purple-700 transition duration-300">
Yoga Practices
</a>
<a href="#integration" class="border-2 border-purple-600 text-purple-600 px-6 py-3 rounded-full font-medium hover:bg-purple-50 transition duration-300">
Integration
</a>
</div>
</div>
</div>
</div>
<!-- Main Content -->
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
<!-- Introduction Section -->
<section id="introduction" class="chapter-section mb-20">
<div class="bg-white rounded-2xl shadow-lg p-8">
<div class="text-center mb-12">
<h2 class="text-3xl md:text-4xl font-bold heading-font text-gray-900 mb-4">Understanding Kali Yoga</h2>
<p class="text-gray-600 max-w-3xl mx-auto">
Kali Yoga is a powerful tantric practice that invokes the transformative energy of the Divine Mother to awaken Kundalini and deepen intimate connection. Unlike traditional yoga paths, Kali Yoga embraces the fierce, liberating aspects of consciousness.
</p>
</div>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
<div>
<h3 class="text-2xl font-bold heading-font text-gray-900 mb-4">The Essence of Kali Yoga</h3>
<p class="text-gray-600 mb-4">
Kali Yoga is not about gentle ascension but about radical transformation through the destruction of egoic patterns that prevent authentic intimacy. It directly confronts our fears, illusions, and conditioning around sexuality and relationships.
</p>
<p class="text-gray-600 mb-4">
In tantric sexual practices, Kali Yoga serves as a catalyst for breaking through barriers that keep us disconnected from our true nature and from genuine union with our partners.
</p>
<p class="text-gray-600">
The practice involves invoking Kali's fierce compassion to dissolve the false self and reveal the raw, authentic energy that lies beneath our social conditioning and psychological defenses.
</p>
</div>
<div class="bg-gradient-to-br from-purple-500 to-rose-600 rounded-xl p-8 text-white">
<div class="text-center">
<i data-feather="zap" class="w-16 h-16 mx-auto mb-4"></i>
<h4 class="text-2xl font-bold heading-font mb-2">Transformation Through Surrender</h4>
<p class="opacity-90">
Kali Yoga teaches that true liberation in intimate relationships comes not from control but from surrendering to the transformative power of divine feminine energy.
</p>
</div>
</div>
</div>
</div>
</section>
<!-- Core Practices Section -->
<section id="practices" class="chapter-section mb-20">
<div class="text-center mb-16">
<h2 class="text-3xl md:text-4xl font-bold heading-font text-gray-900 mb-4">Core Kali Yoga Practices</h2>
<p class="text-gray-600 max-w-3xl mx-auto">
Specific yogic techniques that invoke Kali's energy to enhance tantric sexual practices and deepen spiritual intimacy.
</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
<!-- Practice 1 -->
<div class="practice-card bg-white rounded-xl shadow-md overflow-hidden">
<div class="h-48 bg-gradient-to-r from-purple-500 to-indigo-600 flex items-center justify-center">
<div class="bg-gray-200 border-2 border-dashed rounded-xl w-16 h-16" />
</div>
<div class="p-6">
<h3 class="text-xl font-bold heading-font text-gray-900 mb-2">Kundalini Awakening</h3>
<p class="text-gray-600 mb-4">
Specific breathwork and movement practices designed to awaken the dormant feminine energy at the base of the spine and channel it through the chakras.
</p>
<div class="flex items-center text-purple-600">
<i data-feather="zap" class="mr-2"></i>
<span>Energy Activation</span>
</div>
</div>
</div>
<!-- Practice 2 -->
<div class="practice-card bg-white rounded-xl shadow-md overflow-hidden">
<div class="h-48 bg-gradient-to-r from-rose-500 to-pink-600 flex items-center justify-center">
<div class="bg-gray-200 border-2 border-dashed rounded-xl w-16 h-16" />
</div>
<div class="p-6">
<h3 class="text-xl font-bold heading-font text-gray-900 mb-2">Shadow Integration</h3>
<p class="text-gray-600 mb-4">
Meditative practices that help practitioners confront and integrate rejected aspects of themselves, leading to wholeness and authentic intimacy.
</p>
<div class="flex items-center text-rose-600">
<i data-feather="eye" class="mr-2"></i>
<span>Self-Acceptance</span>
</div>
</div>
</div>
<!-- Practice 3 -->
<div class="practice-card bg-white rounded-xl shadow-md overflow-hidden">
<div class="h-48 bg-gradient-to-r from-indigo-500 to-purple-600 flex items-center justify-center">
<div class="bg-gray-200 border-2 border-dashed rounded-xl w-16 h-16" />
</div>
<div class="p-6">
<h3 class="text-xl font-bold heading-font text-gray-900 mb-2">Fierce Embrace Meditation</h3>
<p class="text-gray-600 mb-4">
Partner meditation that invokes Kali's energy to create a sacred space for complete vulnerability and authentic connection.
</p>
<div class="flex items-center text-indigo-600">
<i data-feather="heart" class="mr-2"></i>
<span>Radical Intimacy</span>
</div>
</div>
</div>
<!-- Practice 4 -->
<div class="practice-card bg-white rounded-xl shadow-md overflow-hidden">
<div class="h-48 bg-gradient-to-r from-violet-500 to-purple-600 flex items-center justify-center">
<div class="bg-gray-200 border-2 border-dashed rounded-xl w-16 h-16" />
</div>
<div class="p-6">
<h3 class="text-xl font-bold heading-font text-gray-900 mb-2">Destruction of Ego Rituals</h3>
<p class="text-gray-600 mb-4">
Ceremonial practices that help release attachments, expectations, and performance anxiety that interfere with authentic sexual expression.
</p>
<div class="flex items-center text-violet-600">
<i data-feather="shield" class="mr-2"></i>
<span>Liberation</span>
</div>
</div>
</div>
<!-- Practice 5 -->
<div class="practice-card bg-white rounded-xl shadow-md overflow-hidden">
<div class="h-48 bg-gradient-to-r from-pink-500 to-rose-600 flex items-center justify-center">
<div class="bg-gray-200 border-2 border-dashed rounded-xl w-16 h-16" />
</div>
<div class="p-6">
<h3 class="text-xl font-bold heading-font text-gray-900 mb-2">Sacred Dance</h3>
<p class="text-gray-600 mb-4">
Movement practices that embody Kali's fierce energy, helping to release blocked sexual energy and connect with primal life force.
</p>
<div class="flex items-center text-pink-600">
<i data-feather="activity" class="mr-2"></i>
<span>Energy Flow</span>
</div>
</div>
</div>
<!-- Practice 6 -->
<div class="practice-card bg-white rounded-xl shadow-md overflow-hidden">
<div class="h-48 bg-gradient-to-r from-purple-500 to-indigo-600 flex items-center justify-center">
<div class="bg-gray-200 border-2 border-dashed rounded-xl w-16 h-16" />
</div>
<div class="p-6">
<h3 class="text-xl font-bold heading-font text-gray-900 mb-2">Tantric Breathwork</h3>
<p class="text-gray-600 mb-4">
Breathing techniques that synchronize partners' energy fields and activate higher states of consciousness during intimate connection.
</p>
<div class="flex items-center text-purple-600">
<i data-feather="wind" class="mr-2"></i>
<span>Conscious Breathing</span>
</div>
</div>
</div>
</div>
</section>
<!-- Tantric Integration Section -->
<section id="integration" class="chapter-section mb-20">
<div class="bg-gradient-to-r from-purple-600 to-rose-700 rounded-2xl shadow-lg p-8 text-white">
<div class="text-center mb-12">
<h2 class="text-3xl md:text-4xl font-bold heading-font mb-4">Integrating Kali Yoga with Tantric Practices</h2>
<p class="max-w-3xl mx-auto opacity-90">
How to incorporate Kali Yoga principles into your intimate relationships and spiritual practice for deeper connection and transformation.
</p>
</div>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-12">
<div>
<h3 class="text-2xl font-bold heading-font mb-4">Preparation Practices</h3>
<ul class="space-y-4">
<li class="flex items-start">
<div class="flex-shrink-0 mt-1">
<div class="w-6 h-6 rounded-full bg-white bg-opacity-20 flex items-center justify-center">
<i data-feather="moon" class="w-4 h-4"></i>
</div>
</div>
<p class="ml-3 opacity-90">
<span class="font-medium">Evening Ritual:</span> Begin with a brief meditation invoking Kali's protective energy before intimate encounters
</p>
</li>
<li class="flex items-start">
<div class="flex-shrink-0 mt-1">
<div class="w-6 h-6 rounded-full bg-white bg-opacity-20 flex items-center justify-center">
<i data-feather="heart" class="w-4 h-4"></i>
</div>
</div>
<p class="ml-3 opacity-90">
<span class="font-medium">Sacred Space:</span> Create an altar with Kali imagery to invoke her transformative presence
</p>
</li>
<li class="flex items-start">
<div class="flex-shrink-0 mt-1">
<div class="w-6 h-6 rounded-full bg-white bg-opacity-20 flex items-center justify-center">
<i data-feather="users" class="w-4 h-4"></i>
</div>
</div>
<p class="ml-3 opacity-90">
<span class="font-medium">Intention Setting:</span> Set a clear intention to release egoic patterns and embrace authentic connection
</p>
</li>
</ul>
</div>
<div class="bg-white bg-opacity-10 backdrop-blur-sm rounded-xl p-6">
<h3 class="text-2xl font-bold heading-font mb-4">During Intimate Connection</h3>
<div class="space-y-4">
<div>
<h4 class="font-bold mb-2">Fierce Presence</h4>
<p class="opacity-90">
Stay fully present with the intensity of the moment, allowing Kali's energy to dissolve distractions and illusions.
</p>
</div>
<div>
<h4 class="font-bold mb-2">Energy Awareness</h4>
<p class="opacity-90">
Track the flow of energy between partners, noticing how it moves and transforms through the chakras.
</p>
</div>
<div>
<h4 class="font-bold mb-2">Vulnerability Practice</h4>
<p class="opacity-90">
Embrace complete emotional and physical vulnerability, letting go of defenses and pretenses.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Advanced Techniques Section -->
<section id="advanced" class="chapter-section mb-20">
<div class="text-center mb-16">
<h2 class="text-3xl md:text-4xl font-bold heading-font text-gray-900 mb-4">Advanced Kali Yoga Techniques</h2>
<p class="text-gray-600 max-w-3xl mx-auto">
Sophisticated practices for experienced practitioners seeking deeper transformation and spiritual awakening through Kali Yoga.
</p>
</div>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-12">
<div class="bg-white rounded-2xl shadow-lg p-8">
<h3 class="text-2xl font-bold heading-font text-gray-900 mb-6">Kundalini Sexual Alchemy</h3>
<ul class="space-y-6">
<li class="flex">
<div class="flex-shrink-0">
<div class="w-10 h-10 rounded-full bg-purple-100 flex items-center justify-center">
<i data-feather="zap" class="text-purple-600 w-5 h-5"></i>
</div>
</div>
<div class="ml-4">
<h4 class="font-bold text-gray-900">Energy Retention</h4>
<p class="text-gray-600 mt-1">
Advanced techniques for transmuting sexual energy upward through the chakras rather than releasing it outward.
</p>
</div>
</li>
<li class="flex">
<div class="flex-shrink-0">
<div class="w-10 h-10 rounded-full bg-rose-100 flex items-center justify-center">
<i data-feather="refresh-cw" class="text-rose-600 w-5 h-5"></i>
</div>
</div>
<div class="ml-4">
<h4 class="font-bold text-gray-900">Cyclical Awareness</h4>
<p class="text-gray-600 mt-1">
Understanding and working with natural energetic cycles to enhance both individual and shared spiritual experiences.
</p>
</div>
</li>
<li class="flex">
<div class="flex-shrink-0">
<div class="w-10 h-10 rounded-full bg-indigo-100 flex items-center justify-center">
<i data-feather="eye" class="text-indigo-600 w-5 h-5"></i>
</div>
</div>
<div class="ml-4">
<h4 class="font-bold text-gray-900">Third Eye Activation</h4>
<p class="text-gray-600 mt-1">
Practices for opening the sixth chakra during intimate connection to access higher states of consciousness.
</p>
</div>
</li>
</ul>
</div>
<div class="bg-white rounded-2xl shadow-lg p-8">
<h3 class="text-2xl font-bold heading-font text-gray-900 mb-6">Partner Synchronization</h3>
<div class="space-y-6">
<div>
<h4 class="font-bold text-gray-900 mb-2">Chakra Alignment</h4>
<p class="text-gray-600">
Techniques for aligning and balancing the chakras of both partners to create a unified energy field during intimate practices.
</p>
</div>
<div>
<h4 class="font-bold text-gray-900 mb-2">Breath Synchronization</h4>
<p class="text-gray-600">
Advanced breathing exercises that synchronize the energetic rhythms of both partners, creating deeper connection.
</p>
</div>
<div>
<h4 class="font-bold text-gray-900 mb-2">Conscious Orgasm</h4>
<p class="text-gray-600">
Methods for experiencing orgasm as a spiritual event that connects both partners to universal consciousness.
</p>
</div>
<div class="mt-8 p-4 bg-purple-50 rounded-lg">
<div class="flex">
<i data-feather="alert-triangle" class="text-purple-600 mr-2 mt-1"></i>
<p class="text-purple-700">
<span class="font-bold">Important:</span> Advanced practices should only be undertaken with proper guidance and preparation.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Safety and Ethics Section -->
<section id="safety" class="chapter-section mb-20">
<div class="bg-white rounded-2xl shadow-lg p-8">
<div class="text-center mb-12">
<h2 class="text-3xl md:text-4xl font-bold heading-font text-gray-900 mb-4">Safety and Ethical Considerations</h2>
<p class="text-gray-600 max-w-3xl mx-auto">
Essential guidelines for practicing Kali Yoga safely and ethically in intimate relationships and spiritual contexts.
</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
<div class="border border-purple-200 rounded-xl p-6">
<h3 class="text-xl font-bold heading-font text-gray-900 mb-4">Personal Preparation</h3>
<ul class="space-y-4">
<li class="flex items-start">
<i data-feather="check-circle" class="text-purple-500 mt-1 mr-2 flex-shrink-0"></i>
<span>Establish a regular meditation and yoga practice before engaging in advanced techniques</span>
</li>
<li class="flex items-start">
<i data-feather="check-circle" class="text-purple-500 mt-1 mr-2 flex-shrink-0"></i>
<span>Work with a qualified teacher or guide when beginning Kali Yoga practices</span>
</li>
<li class="flex items-start">
<i data-feather="check-circle" class="text-purple-500 mt-1 mr-2 flex-shrink-0"></i>
<span>Honor your own boundaries and limitations without judgment or pressure</span>
</li>
<li class="flex items-start">
<i data-feather="check-circle" class="text-purple-500 mt-1 mr-2 flex-shrink-0"></i>
<span>Maintain physical and mental health through proper diet, rest, and exercise</span>
</li>
</ul>
</div>
<div class="border border-purple-200 rounded-xl p-6">
<h3 class="text-xl font-bold heading-font text-gray-900 mb-4">Partner Ethics</h3>
<ul class="space-y-4">
<li class="flex items-start">
<i data-feather="check-circle" class="text-purple-500 mt-1 mr-2 flex-shrink-0"></i>
<span>Establish clear, honest communication about intentions and boundaries with your partner</span>
</li>
<li class="flex items-start">
<i data-feather="check-circle" class="text-purple-500 mt-1 mr-2 flex-shrink-0"></i>
<span>Respect your partner's process and never pressure them into practices they're not ready for</span>
</li>
<li class="flex items-start">
<i data-feather="check-circle" class="text-purple-500 mt-1 mr-2 flex-shrink-0"></i>
<span>Create safe words or signals for stopping practices if needed</span>
</li>
<li class="flex items-start">
<i data-feather="check-circle" class="text-purple-500 mt-1 mr-2 flex-shrink-0"></i>
<span>Prioritize mutual consent and wellbeing over spiritual goals or achievements</span>
</li>
</ul>
</div>
</div>
<div class="mt-12 bg-gradient-to-r from-purple-50 to-rose-50 rounded-xl p-8">
<h3 class="text-2xl font-bold heading-font text-gray-900 mb-4 text-center">The Path of Devotion</h3>
<p class="text-gray-600 text-center max-w-2xl mx-auto">
Remember that Kali Yoga is ultimately a path of devotion to truth and love. Approach these practices with reverence, humility, and the understanding that transformation is a gradual process requiring patience and self-compassion.
</p>
</div>
</div>
</section>
</div>
<!-- Footer -->
<footer class="bg-gray-900 text-white py-12">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="grid grid-cols-1 md:grid-cols-4 gap-8">
<div class="col-span-1 md:col-span-2">
<div class="flex items-center">
<i data-feather="heart" class="text-purple-500"></i>
<span class="ml-2 text-xl font-bold heading-font">Sacred Union</span>
</div>
<p class="mt-4 text-gray-400 max-w-md">
An educational resource exploring ancient wisdom traditions of intimate connection and spiritual sexuality.
</p>
</div>
<div>
<h3 class="text-lg font-bold heading-font mb-4">Chapters</h3>
<ul class="space-y-2">
<li><a href="index.html#positions" class="text-gray-400 hover:text-white">Kama Sutra Positions</a></li>
<li><a href="index.html#tantra" class="text-gray-400 hover:text-white">Tantric Practices</a></li>
<li><a href="index.html#history" class="text-gray-400 hover:text-white">Historical Context</a></li>
<li><a href="index.html#philosophy" class="text-gray-400 hover:text-white">Philosophy</a></li>
<li><a href="index.html#guide" class="text-gray-400 hover:text-white">Practical Guide</a></li>
<li><a href="kali.html" class="text-gray-400 hover:text-white">Kali</a></li>
<li><a href="divinemasculine.html" class="text-gray-400 hover:text-white">Divine Masculine</a></li>
<li><a href="kaliyoga.html" class="text-gray-400 hover:text-white">Kali Yoga</a></li>
</ul>
</div>
<div>
<h3 class="text-lg font-bold heading-font mb-4">Resources</h3>
<ul class="space-y-2">
<li><a href="#" class="text-gray-400 hover:text-white">Recommended Reading</a></li>
<li><a href="#" class="text-gray-400 hover:text-white">Workshops</a></li>
<li><a href="#" class="text-gray-400 hover:text-white">Practitioner Directory</a></li>
<li><a href="#" class="text-gray-400 hover:text-white">Ethical Guidelines</a></li>
<li><a href="kali.html" class="text-gray-400 hover:text-white">Kali</a></li>
<li><a href="divinemasculine.html" class="text-gray-400 hover:text-white">Divine Masculine</a></li>
<li><a href="kaliyoga.html" class="text-gray-400 hover:text-white">Kali Yoga</a></li>
</ul>
</div>
</div>
<div class="mt-12 pt-8 border-t border-gray-800 text-center text-gray-400">
<p>© 2023 Sacred Union Guide. Educational content only. This resource is intended for adults over 18.</p>
</div>
</div>
</footer>
<script>
// Mobile menu toggle
document.getElementById('mobile-menu-button').addEventListener('click', function() {
const menu = document.getElementById('mobile-menu');
menu.classList.toggle('hidden');
});
// Feather icons
feather.replace();
// Vanta.js background
VANTA.WAVES({
el: "#hero-bg",
mouseControls: true,
touchControls: true,
gyroControls: false,
minHeight: 200.00,
minWidth: 200.00,
scale: 1.00,
scaleMobile: 1.00,
color: 0x8b5cf6,
shininess: 30.00,
waveHeight: 15.00,
waveSpeed: 0.50
});
// Smooth scrolling for anchor links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
document.querySelector(this.getAttribute('href')).scrollIntoView({
behavior: 'smooth'
});
});
});
// Practice card hover effect enhancement
const practiceCards = document.querySelectorAll('.practice-card');
practiceCards.forEach(card => {
card.addEventListener('mouseenter', () => {
card.style.transform = 'translateY(-5px)';
});
card.addEventListener('mouseleave', () => {
card.style.transform = 'translateY(0)';
});
});
</script>
</body>
</html>