2025-08-26 14:13:09 -06:00
|
|
|
{{ define "layout" }}
|
|
|
|
|
<!doctype html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8" />
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
|
|
|
<title>{{if .Title}}{{.Title}}{{else}}Poll System{{end}}</title>
|
|
|
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
|
|
|
<script src="//unpkg.com/alpinejs" defer></script>
|
|
|
|
|
<link
|
|
|
|
|
rel="stylesheet"
|
|
|
|
|
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"
|
|
|
|
|
/>
|
|
|
|
|
</head>
|
|
|
|
|
<body class="bg-white font-sans">
|
|
|
|
|
{{ if .IsAuthenticated }}
|
|
|
|
|
<!-- Authenticated User Interface -->
|
2025-08-27 13:21:11 -06:00
|
|
|
<div class="w-full h-screen bg-white overflow-hidden" x-data="{ sidebarOpen: false }">
|
|
|
|
|
<!-- Mobile Header -->
|
|
|
|
|
<div class="lg:hidden bg-gray-100 px-4 py-3 flex items-center justify-between border-b border-gray-200">
|
2025-08-26 14:13:09 -06:00
|
|
|
<div class="flex items-center gap-2">
|
|
|
|
|
<div class="w-5 h-5 bg-orange-500 rounded text-white text-xs flex items-center justify-center font-bold">
|
|
|
|
|
L
|
|
|
|
|
</div>
|
|
|
|
|
<span class="text-sm font-medium">Poll System</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="flex items-center gap-2">
|
2025-08-27 13:21:11 -06:00
|
|
|
<button @click="sidebarOpen = !sidebarOpen" class="p-2 hover:bg-gray-200 rounded">
|
|
|
|
|
<i class="fas fa-bars text-gray-600"></i>
|
|
|
|
|
</button>
|
2025-08-27 16:15:52 -06:00
|
|
|
<span class="text-sm font-medium text-gray-600">{{.UserName}}</span>
|
|
|
|
|
<div class="w-9 h-9 bg-blue-500 rounded-full flex items-center justify-center text-white font-semibold">
|
|
|
|
|
{{slice .UserName 0 1}}
|
|
|
|
|
</div>
|
2025-08-27 13:21:11 -06:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- Desktop Title Bar -->
|
|
|
|
|
<div class="hidden lg:flex bg-gray-100 px-4 py-3 items-center justify-between border-b border-gray-200">
|
2025-08-27 16:15:52 -06:00
|
|
|
<!-- Left Side: Logo + Title -->
|
2025-08-27 13:21:11 -06:00
|
|
|
<div class="flex items-center gap-2">
|
2025-08-27 16:15:52 -06:00
|
|
|
<div class="w-6 h-6 bg-orange-500 rounded-full text-white text-xs flex items-center justify-center font-bold">
|
|
|
|
|
L
|
2025-08-27 13:21:11 -06:00
|
|
|
</div>
|
|
|
|
|
<span class="text-sm font-medium">Poll System</span>
|
|
|
|
|
</div>
|
|
|
|
|
|
2025-08-27 16:15:52 -06:00
|
|
|
<!-- Right Side: User Info -->
|
|
|
|
|
<div class="flex items-center gap-3">
|
|
|
|
|
<span class="text-sm font-medium text-gray-600">Welcome, {{.UserName}}</span>
|
|
|
|
|
<div class="w-9 h-9 bg-blue-500 rounded-full flex items-center justify-center text-white font-semibold">
|
|
|
|
|
{{slice .UserName 0 1}}
|
|
|
|
|
</div>
|
2025-08-26 14:13:09 -06:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
2025-08-27 16:15:52 -06:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2025-08-26 14:13:09 -06:00
|
|
|
<div class="flex h-full">
|
2025-08-27 13:21:11 -06:00
|
|
|
<!-- Mobile Sidebar Overlay -->
|
|
|
|
|
<div x-show="sidebarOpen"
|
|
|
|
|
x-transition:enter="transition-opacity ease-linear duration-300"
|
|
|
|
|
x-transition:enter-start="opacity-0"
|
|
|
|
|
x-transition:enter-end="opacity-100"
|
|
|
|
|
x-transition:leave="transition-opacity ease-linear duration-300"
|
|
|
|
|
x-transition:leave-start="opacity-100"
|
|
|
|
|
x-transition:leave-end="opacity-0"
|
|
|
|
|
class="fixed inset-0 bg-gray-600 bg-opacity-75 z-20 lg:hidden"
|
|
|
|
|
@click="sidebarOpen = false">
|
|
|
|
|
</div>
|
|
|
|
|
|
2025-08-26 14:13:09 -06:00
|
|
|
<!-- Sidebar -->
|
2025-08-27 13:21:11 -06:00
|
|
|
<div class="fixed inset-y-0 left-0 w-64 bg-gray-50 border-r border-gray-200 transform transition-transform duration-300 ease-in-out z-30 lg:relative lg:translate-x-0 lg:z-0"
|
|
|
|
|
:class="sidebarOpen ? 'translate-x-0' : '-translate-x-full'"
|
|
|
|
|
x-show="sidebarOpen || window.innerWidth >= 1024"
|
|
|
|
|
x-transition:enter="transition ease-in-out duration-300 transform"
|
|
|
|
|
x-transition:enter-start="-translate-x-full"
|
|
|
|
|
x-transition:enter-end="translate-x-0"
|
|
|
|
|
x-transition:leave="transition ease-in-out duration-300 transform"
|
|
|
|
|
x-transition:leave-start="translate-x-0"
|
|
|
|
|
x-transition:leave-end="-translate-x-full">
|
|
|
|
|
|
|
|
|
|
<!-- Mobile Close Button -->
|
|
|
|
|
<div class="lg:hidden flex justify-between items-center p-4 border-b border-gray-200">
|
|
|
|
|
<div class="flex items-center gap-2">
|
|
|
|
|
<div class="w-5 h-5 bg-orange-500 rounded text-white text-xs flex items-center justify-center font-bold">
|
|
|
|
|
L
|
|
|
|
|
</div>
|
|
|
|
|
<span class="text-sm font-medium">Poll System</span>
|
|
|
|
|
</div>
|
|
|
|
|
<button @click="sidebarOpen = false" class="p-1 hover:bg-gray-200 rounded">
|
|
|
|
|
<i class="fas fa-times text-gray-500"></i>
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
|
2025-08-26 14:13:09 -06:00
|
|
|
<div class="p-3 space-y-4">
|
|
|
|
|
<div class="space-y-1">
|
|
|
|
|
{{ if .ShowAdminNav }}
|
2025-08-27 13:21:11 -06:00
|
|
|
<a href="/dashboard"
|
|
|
|
|
@click="sidebarOpen = false"
|
|
|
|
|
class="flex items-center text-sm text-gray-600 hover:bg-gray-100 rounded px-2 py-1 {{if eq .ActiveSection "dashboard"}}bg-gray-100{{end}}">
|
|
|
|
|
<i class="fas fa-chart-pie text-gray-400 mr-2"></i>
|
2025-08-26 14:13:09 -06:00
|
|
|
<span>Dashboard</span>
|
|
|
|
|
</a>
|
2025-08-27 13:21:11 -06:00
|
|
|
<a href="/volunteers"
|
|
|
|
|
@click="sidebarOpen = false"
|
|
|
|
|
class="flex items-center text-sm text-gray-600 hover:bg-gray-100 rounded px-2 py-1 {{if eq .ActiveSection "volunteer"}}bg-gray-100{{end}}">
|
|
|
|
|
<i class="fas fa-users text-gray-400 mr-2"></i>
|
2025-08-26 14:13:09 -06:00
|
|
|
<span>Volunteers</span>
|
|
|
|
|
</a>
|
2025-08-27 13:21:11 -06:00
|
|
|
<a href="/team_builder"
|
|
|
|
|
@click="sidebarOpen = false"
|
|
|
|
|
class="flex items-center text-sm text-gray-600 hover:bg-gray-100 rounded px-2 py-1 {{if eq .ActiveSection "team_builder"}}bg-gray-100{{end}}">
|
|
|
|
|
<i class="fas fa-user-friends text-gray-400 mr-2"></i>
|
2025-08-26 14:13:09 -06:00
|
|
|
<span>Team Builder</span>
|
|
|
|
|
</a>
|
2025-08-27 13:21:11 -06:00
|
|
|
<a href="/addresses"
|
|
|
|
|
@click="sidebarOpen = false"
|
|
|
|
|
class="flex items-center text-sm text-gray-600 hover:bg-gray-100 rounded px-2 py-1 {{if eq .ActiveSection "address"}}bg-gray-100{{end}}">
|
|
|
|
|
<i class="fas fa-map-marked-alt text-gray-400 mr-2"></i>
|
2025-08-26 14:13:09 -06:00
|
|
|
<span>Addresses</span>
|
|
|
|
|
</a>
|
2025-08-27 13:21:11 -06:00
|
|
|
<a href="/posts"
|
|
|
|
|
@click="sidebarOpen = false"
|
|
|
|
|
class="flex items-center text-sm text-gray-600 hover:bg-gray-100 rounded px-2 py-1 {{if eq .ActiveSection "post"}}bg-gray-100{{end}}">
|
|
|
|
|
<i class="fas fa-blog text-gray-400 mr-2"></i>
|
2025-08-26 14:13:09 -06:00
|
|
|
<span>Posts</span>
|
|
|
|
|
</a>
|
2025-08-27 13:21:11 -06:00
|
|
|
<a href="/reports"
|
|
|
|
|
@click="sidebarOpen = false"
|
|
|
|
|
class="flex items-center text-sm text-gray-600 hover:bg-gray-100 rounded px-2 py-1 {{if eq .ActiveSection "report"}}bg-gray-100{{end}}">
|
|
|
|
|
<i class="fas fa-table text-gray-400 mr-2"></i>
|
2025-08-26 14:13:09 -06:00
|
|
|
<span>Reports</span>
|
|
|
|
|
</a>
|
|
|
|
|
{{ end }}
|
|
|
|
|
|
|
|
|
|
{{ if .ShowVolunteerNav }}
|
2025-08-27 13:21:11 -06:00
|
|
|
<a href="/volunteer/dashboard"
|
|
|
|
|
@click="sidebarOpen = false"
|
|
|
|
|
class="flex items-center text-sm text-gray-600 hover:bg-gray-100 rounded px-2 py-1 {{if eq .ActiveSection "dashboard"}}bg-gray-100{{end}}">
|
|
|
|
|
<i class="fas fa-chart-pie text-gray-400 mr-2"></i>
|
2025-08-26 14:13:09 -06:00
|
|
|
<span>Dashboard</span>
|
|
|
|
|
</a>
|
2025-08-27 13:21:11 -06:00
|
|
|
<a href="/volunteer/schedual"
|
|
|
|
|
@click="sidebarOpen = false"
|
|
|
|
|
class="flex items-center text-sm text-gray-600 hover:bg-gray-100 rounded px-2 py-1 {{if eq .ActiveSection "schedual"}}bg-gray-100{{end}}">
|
|
|
|
|
<i class="fas fa-calendar-alt text-gray-400 mr-2"></i>
|
2025-08-26 14:13:09 -06:00
|
|
|
<span>My Schedule</span>
|
|
|
|
|
</a>
|
2025-08-27 13:21:11 -06:00
|
|
|
<a href="/volunteer/Addresses"
|
|
|
|
|
@click="sidebarOpen = false"
|
|
|
|
|
class="flex items-center text-sm text-gray-600 hover:bg-gray-100 rounded px-2 py-1 {{if eq .ActiveSection "address"}}bg-gray-100{{end}}">
|
|
|
|
|
<i class="fas fa-home text-gray-400 mr-2"></i>
|
2025-08-26 14:13:09 -06:00
|
|
|
<span>Assigned Address</span>
|
|
|
|
|
</a>
|
|
|
|
|
{{ end }}
|
|
|
|
|
|
2025-08-27 13:21:11 -06:00
|
|
|
<a href="/profile"
|
|
|
|
|
@click="sidebarOpen = false"
|
|
|
|
|
class="flex items-center text-sm text-gray-600 hover:bg-gray-100 rounded px-2 py-1 {{if eq .ActiveSection "profile"}}bg-gray-100{{end}}">
|
|
|
|
|
<i class="fas fa-user-circle text-gray-400 mr-2"></i>
|
2025-08-26 14:13:09 -06:00
|
|
|
<span>Profile</span>
|
|
|
|
|
</a>
|
2025-08-27 16:15:52 -06:00
|
|
|
|
|
|
|
|
<a href="/logout"
|
|
|
|
|
@click="sidebarOpen = false"
|
|
|
|
|
class="flex items-center text-sm text-gray-600 hover:bg-gray-100 rounded px-2 py-1 {{if eq .ActiveSection "profile"}}bg-gray-100{{end}}">
|
|
|
|
|
<i class="fas fa-sign-out-alt text-gray-400 mr-2"></i>
|
|
|
|
|
<span>Logout</span>
|
|
|
|
|
</a>
|
2025-08-26 14:13:09 -06:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- Main Content -->
|
|
|
|
|
<div class="flex-1 flex flex-col overflow-hidden min-h-screen">
|
2025-08-27 13:21:11 -06:00
|
|
|
<div class="bg-white flex-1 overflow-auto pb-[60px]">
|
2025-08-26 14:13:09 -06:00
|
|
|
{{ template "content" . }}
|
2025-08-27 13:21:11 -06:00
|
|
|
</div>
|
2025-08-26 14:13:09 -06:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
{{else}}
|
|
|
|
|
<!-- Landing Page -->
|
2025-08-27 13:21:11 -06:00
|
|
|
<div class="min-h-screen bg-gradient-to-br from-slate-50 to-gray-100" x-data="{ mobileMenuOpen: false }">
|
2025-08-26 14:13:09 -06:00
|
|
|
<!-- Fixed Navigation -->
|
|
|
|
|
<nav class="fixed top-0 w-full bg-white/90 backdrop-blur-md shadow-sm border-b border-gray-200 z-40">
|
|
|
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
|
|
|
<div class="flex justify-between items-center h-16">
|
|
|
|
|
<div class="flex items-center gap-2">
|
|
|
|
|
<div class="w-8 h-8 bg-blue-600 text-white text-sm flex items-center justify-center font-bold">
|
|
|
|
|
L
|
|
|
|
|
</div>
|
|
|
|
|
<span class="text-xl font-semibold text-gray-900">Poll System</span>
|
|
|
|
|
</div>
|
2025-08-27 13:21:11 -06:00
|
|
|
|
|
|
|
|
<!-- Desktop Navigation -->
|
2025-08-26 14:13:09 -06:00
|
|
|
<div class="hidden md:flex items-center gap-6">
|
|
|
|
|
<a href="#home" class="text-gray-600 hover:text-gray-900 font-medium transition-colors">Home</a>
|
|
|
|
|
<a href="#features" class="text-gray-600 hover:text-gray-900 font-medium transition-colors">Features</a>
|
|
|
|
|
<a href="#about" class="text-gray-600 hover:text-gray-900 font-medium transition-colors">About</a>
|
|
|
|
|
</div>
|
2025-08-27 13:21:11 -06:00
|
|
|
|
|
|
|
|
<!-- Desktop Auth Buttons -->
|
|
|
|
|
<div class="hidden md:flex items-center gap-3">
|
2025-08-26 14:13:09 -06:00
|
|
|
<button onclick="openLoginModal()" class="px-4 py-2 text-gray-600 hover:text-gray-900 font-medium transition-colors">
|
|
|
|
|
Sign In
|
|
|
|
|
</button>
|
2025-08-27 13:21:11 -06:00
|
|
|
<button onclick="openRegisterModal()" class="px-4 py-2 bg-blue-600 text-white hover:bg-blue-700 font-medium transition-colors rounded">
|
2025-08-26 14:13:09 -06:00
|
|
|
Get Started
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
2025-08-27 13:21:11 -06:00
|
|
|
|
|
|
|
|
<!-- Mobile Menu Button -->
|
|
|
|
|
<div class="md:hidden">
|
|
|
|
|
<button @click="mobileMenuOpen = !mobileMenuOpen" class="p-2 text-gray-600 hover:text-gray-900">
|
|
|
|
|
<i class="fas fa-bars text-xl" x-show="!mobileMenuOpen"></i>
|
|
|
|
|
<i class="fas fa-times text-xl" x-show="mobileMenuOpen"></i>
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- Mobile Menu -->
|
|
|
|
|
<div x-show="mobileMenuOpen"
|
|
|
|
|
x-transition:enter="transition ease-out duration-200"
|
|
|
|
|
x-transition:enter-start="opacity-0 scale-95"
|
|
|
|
|
x-transition:enter-end="opacity-100 scale-100"
|
|
|
|
|
x-transition:leave="transition ease-in duration-75"
|
|
|
|
|
x-transition:leave-start="opacity-100 scale-100"
|
|
|
|
|
x-transition:leave-end="opacity-0 scale-95"
|
|
|
|
|
class="md:hidden bg-white border-t border-gray-200">
|
|
|
|
|
<div class="px-4 py-4 space-y-3">
|
|
|
|
|
<a href="#home" @click="mobileMenuOpen = false" class="block text-gray-600 hover:text-gray-900 font-medium py-2">Home</a>
|
|
|
|
|
<a href="#features" @click="mobileMenuOpen = false" class="block text-gray-600 hover:text-gray-900 font-medium py-2">Features</a>
|
|
|
|
|
<a href="#about" @click="mobileMenuOpen = false" class="block text-gray-600 hover:text-gray-900 font-medium py-2">About</a>
|
|
|
|
|
<div class="border-t border-gray-200 pt-3 space-y-2">
|
|
|
|
|
<button onclick="openLoginModal(); document.querySelector('[x-data]').__x.$data.mobileMenuOpen = false" class="block w-full text-left px-4 py-2 text-gray-600 hover:bg-gray-100 rounded font-medium">
|
|
|
|
|
Sign In
|
|
|
|
|
</button>
|
|
|
|
|
<button onclick="openRegisterModal(); document.querySelector('[x-data]').__x.$data.mobileMenuOpen = false" class="block w-full px-4 py-2 bg-blue-600 text-white hover:bg-blue-700 font-medium rounded">
|
|
|
|
|
Get Started
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2025-08-26 14:13:09 -06:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</nav>
|
|
|
|
|
|
|
|
|
|
<!-- Hero Section -->
|
|
|
|
|
<section id="home" class="max-w-4xl mx-auto px-4 pt-32 pb-32 text-center">
|
2025-08-27 13:21:11 -06:00
|
|
|
<h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-gray-900 mb-6 leading-tight">
|
2025-08-26 14:13:09 -06:00
|
|
|
Streamline Your<br>
|
|
|
|
|
<span class="text-blue-600">Polling Operations</span>
|
|
|
|
|
</h1>
|
2025-08-27 13:21:11 -06:00
|
|
|
<p class="text-lg sm:text-xl text-gray-600 mb-8 max-w-2xl mx-auto leading-relaxed">
|
2025-08-26 14:13:09 -06:00
|
|
|
Manage volunteers, organize addresses, and track progress with our comprehensive polling system.
|
|
|
|
|
</p>
|
2025-08-27 13:21:11 -06:00
|
|
|
<div class="flex flex-col sm:flex-row justify-center gap-4">
|
|
|
|
|
<button onclick="openRegisterModal()" class="px-8 py-3 bg-blue-600 text-white hover:bg-blue-700 font-semibold transition-colors rounded">
|
2025-08-26 14:13:09 -06:00
|
|
|
Start Now
|
|
|
|
|
</button>
|
2025-08-27 13:21:11 -06:00
|
|
|
<button onclick="openLoginModal()" class="px-8 py-3 border border-gray-300 text-gray-700 hover:bg-gray-50 font-semibold transition-colors rounded">
|
2025-08-26 14:13:09 -06:00
|
|
|
Sign In
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
<!-- Features Section -->
|
|
|
|
|
<section id="features" class="max-w-6xl mx-auto px-4 py-20">
|
|
|
|
|
<div class="text-center mb-16">
|
2025-08-27 13:21:11 -06:00
|
|
|
<h2 class="text-3xl sm:text-4xl font-bold text-gray-900 mb-4">Powerful Features</h2>
|
|
|
|
|
<p class="text-lg sm:text-xl text-gray-600 max-w-3xl mx-auto">Everything you need to manage your polling operations efficiently and effectively.</p>
|
2025-08-26 14:13:09 -06:00
|
|
|
</div>
|
2025-08-27 13:21:11 -06:00
|
|
|
<div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-8">
|
|
|
|
|
<div class="bg-white p-8 shadow-sm border border-gray-200 hover:shadow-md transition-shadow rounded-lg">
|
|
|
|
|
<div class="w-12 h-12 bg-blue-100 rounded flex items-center justify-center mb-4">
|
2025-08-26 14:13:09 -06:00
|
|
|
<i class="fas fa-users text-blue-600 text-xl"></i>
|
|
|
|
|
</div>
|
|
|
|
|
<h3 class="text-xl font-semibold mb-3">Volunteer Management</h3>
|
|
|
|
|
<p class="text-gray-600">Organize and coordinate your volunteer teams efficiently with role-based access and scheduling.</p>
|
|
|
|
|
</div>
|
2025-08-27 13:21:11 -06:00
|
|
|
<div class="bg-white p-8 shadow-sm border border-gray-200 hover:shadow-md transition-shadow rounded-lg">
|
|
|
|
|
<div class="w-12 h-12 bg-green-100 rounded flex items-center justify-center mb-4">
|
2025-08-26 14:13:09 -06:00
|
|
|
<i class="fas fa-map-marker-alt text-green-600 text-xl"></i>
|
|
|
|
|
</div>
|
|
|
|
|
<h3 class="text-xl font-semibold mb-3">Address Tracking</h3>
|
|
|
|
|
<p class="text-gray-600">Keep track of all polling locations and assignments with real-time updates and mapping.</p>
|
|
|
|
|
</div>
|
2025-08-27 13:21:11 -06:00
|
|
|
<div class="bg-white p-8 shadow-sm border border-gray-200 hover:shadow-md transition-shadow rounded-lg sm:col-span-2 lg:col-span-1">
|
|
|
|
|
<div class="w-12 h-12 bg-purple-100 rounded flex items-center justify-center mb-4">
|
2025-08-26 14:13:09 -06:00
|
|
|
<i class="fas fa-chart-bar text-purple-600 text-xl"></i>
|
|
|
|
|
</div>
|
|
|
|
|
<h3 class="text-xl font-semibold mb-3">Real-time Reports</h3>
|
|
|
|
|
<p class="text-gray-600">Monitor progress with comprehensive analytics and detailed reporting dashboards.</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
<!-- About Section -->
|
|
|
|
|
<section id="about" class="bg-white py-20">
|
|
|
|
|
<div class="max-w-6xl mx-auto px-4">
|
2025-08-27 13:21:11 -06:00
|
|
|
<div class="grid lg:grid-cols-2 gap-12 items-center">
|
2025-08-26 14:13:09 -06:00
|
|
|
<div>
|
2025-08-27 13:21:11 -06:00
|
|
|
<h2 class="text-3xl sm:text-4xl font-bold text-gray-900 mb-6">About Poll System</h2>
|
|
|
|
|
<p class="text-base sm:text-lg text-gray-600 mb-6">
|
2025-08-26 14:13:09 -06:00
|
|
|
Poll System was created to simplify and streamline the complex process of managing polling operations.
|
|
|
|
|
Our platform brings together volunteers, administrators, and team leaders in one unified system.
|
|
|
|
|
</p>
|
2025-08-27 13:21:11 -06:00
|
|
|
<p class="text-base sm:text-lg text-gray-600 mb-8">
|
2025-08-26 14:13:09 -06:00
|
|
|
With years of experience in civic technology, we understand the challenges faced by polling organizations.
|
|
|
|
|
Our solution provides the tools needed to coordinate effectively and ensure smooth operations.
|
|
|
|
|
</p>
|
|
|
|
|
<div class="space-y-4">
|
|
|
|
|
<div class="flex items-center gap-3">
|
2025-08-27 13:21:11 -06:00
|
|
|
<div class="w-6 h-6 bg-green-100 rounded flex items-center justify-center flex-shrink-0">
|
2025-08-26 14:13:09 -06:00
|
|
|
<i class="fas fa-check text-green-600 text-sm"></i>
|
|
|
|
|
</div>
|
|
|
|
|
<span class="text-gray-700">Streamlined volunteer coordination</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="flex items-center gap-3">
|
2025-08-27 13:21:11 -06:00
|
|
|
<div class="w-6 h-6 bg-green-100 rounded flex items-center justify-center flex-shrink-0">
|
2025-08-26 14:13:09 -06:00
|
|
|
<i class="fas fa-check text-green-600 text-sm"></i>
|
|
|
|
|
</div>
|
|
|
|
|
<span class="text-gray-700">Real-time progress tracking</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="flex items-center gap-3">
|
2025-08-27 13:21:11 -06:00
|
|
|
<div class="w-6 h-6 bg-green-100 rounded flex items-center justify-center flex-shrink-0">
|
2025-08-26 14:13:09 -06:00
|
|
|
<i class="fas fa-check text-green-600 text-sm"></i>
|
|
|
|
|
</div>
|
|
|
|
|
<span class="text-gray-700">Comprehensive reporting tools</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="relative">
|
2025-08-27 13:21:11 -06:00
|
|
|
<div class="bg-gradient-to-br from-blue-500 to-blue-700 p-8 text-white rounded-lg">
|
2025-08-26 14:13:09 -06:00
|
|
|
<div class="text-center">
|
|
|
|
|
<i class="fas fa-users text-6xl mb-6 opacity-20"></i>
|
|
|
|
|
<h3 class="text-2xl font-bold mb-4">Trusted by Organizations</h3>
|
|
|
|
|
<p class="text-lg opacity-90 mb-6">
|
|
|
|
|
Join hundreds of organizations already using Poll System to manage their operations efficiently.
|
|
|
|
|
</p>
|
|
|
|
|
<div class="grid grid-cols-3 gap-4 text-center">
|
|
|
|
|
<div>
|
|
|
|
|
<div class="text-2xl font-bold">500+</div>
|
|
|
|
|
<div class="text-sm opacity-80">Volunteers</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<div class="text-2xl font-bold">50+</div>
|
|
|
|
|
<div class="text-sm opacity-80">Organizations</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<div class="text-2xl font-bold">1000+</div>
|
|
|
|
|
<div class="text-sm opacity-80">Addresses</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
<!-- Footer -->
|
|
|
|
|
<footer class="bg-gray-900 text-white py-12">
|
|
|
|
|
<div class="max-w-6xl mx-auto px-4">
|
2025-08-27 13:21:11 -06:00
|
|
|
<div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-8">
|
|
|
|
|
<div class="sm:col-span-2 lg:col-span-2">
|
2025-08-26 14:13:09 -06:00
|
|
|
<div class="flex items-center gap-2 mb-4">
|
2025-08-27 13:21:11 -06:00
|
|
|
<div class="w-8 h-8 bg-blue-600 text-white text-sm flex items-center justify-center font-bold rounded">
|
2025-08-26 14:13:09 -06:00
|
|
|
L
|
|
|
|
|
</div>
|
|
|
|
|
<span class="text-xl font-semibold">Poll System</span>
|
|
|
|
|
</div>
|
|
|
|
|
<p class="text-gray-400 mb-4 max-w-md">
|
|
|
|
|
Streamlining polling operations with comprehensive volunteer management,
|
|
|
|
|
address tracking, and real-time reporting capabilities.
|
|
|
|
|
</p>
|
|
|
|
|
<div class="flex gap-4">
|
2025-08-27 13:21:11 -06:00
|
|
|
<a href="#" class="w-10 h-10 bg-gray-800 rounded flex items-center justify-center hover:bg-blue-600 transition-colors">
|
2025-08-26 14:13:09 -06:00
|
|
|
<i class="fab fa-twitter"></i>
|
|
|
|
|
</a>
|
2025-08-27 13:21:11 -06:00
|
|
|
<a href="#" class="w-10 h-10 bg-gray-800 rounded flex items-center justify-center hover:bg-blue-600 transition-colors">
|
2025-08-26 14:13:09 -06:00
|
|
|
<i class="fab fa-linkedin"></i>
|
|
|
|
|
</a>
|
2025-08-27 13:21:11 -06:00
|
|
|
<a href="#" class="w-10 h-10 bg-gray-800 rounded flex items-center justify-center hover:bg-blue-600 transition-colors">
|
2025-08-26 14:13:09 -06:00
|
|
|
<i class="fab fa-github"></i>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<h4 class="font-semibold mb-4">Platform</h4>
|
|
|
|
|
<ul class="space-y-2 text-gray-400">
|
|
|
|
|
<li><a href="#" class="hover:text-white transition-colors">Dashboard</a></li>
|
|
|
|
|
<li><a href="#" class="hover:text-white transition-colors">Volunteers</a></li>
|
|
|
|
|
<li><a href="#" class="hover:text-white transition-colors">Addresses</a></li>
|
|
|
|
|
<li><a href="#" class="hover:text-white transition-colors">Reports</a></li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<h4 class="font-semibold mb-4">Support</h4>
|
|
|
|
|
<ul class="space-y-2 text-gray-400">
|
|
|
|
|
<li><a href="#" class="hover:text-white transition-colors">Help Center</a></li>
|
|
|
|
|
<li><a href="#" class="hover:text-white transition-colors">Contact Us</a></li>
|
|
|
|
|
<li><a href="#" class="hover:text-white transition-colors">Privacy Policy</a></li>
|
|
|
|
|
<li><a href="#" class="hover:text-white transition-colors">Terms of Service</a></li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-400">
|
|
|
|
|
<p>© 2025 Poll System. All rights reserved.</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</footer>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- Login Modal -->
|
2025-08-27 13:21:11 -06:00
|
|
|
<div id="loginModal" class="fixed inset-0 bg-black bg-opacity-50 hidden items-center justify-center z-50 p-4">
|
|
|
|
|
<div class="bg-white shadow-2xl max-w-4xl w-full overflow-hidden rounded-lg">
|
|
|
|
|
<div class="flex flex-col lg:flex-row min-h-[500px]">
|
2025-08-26 14:13:09 -06:00
|
|
|
<!-- Left Side - Image -->
|
|
|
|
|
<div class="flex-1 bg-gradient-to-br from-blue-500 to-blue-700 flex items-center justify-center p-8">
|
|
|
|
|
<div class="text-center text-white">
|
2025-08-27 13:21:11 -06:00
|
|
|
<i class="fas fa-chart-line text-4xl sm:text-6xl mb-6"></i>
|
|
|
|
|
<h2 class="text-2xl sm:text-3xl font-bold mb-4">Welcome Back</h2>
|
|
|
|
|
<p class="text-base sm:text-lg opacity-90">Continue managing your polling operations</p>
|
2025-08-26 14:13:09 -06:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- Right Side - Form -->
|
2025-08-27 13:21:11 -06:00
|
|
|
<div class="flex-1 p-6 sm:p-8">
|
2025-08-26 14:13:09 -06:00
|
|
|
<div class="flex justify-between items-center mb-6">
|
2025-08-27 13:21:11 -06:00
|
|
|
<h3 class="text-xl sm:text-2xl font-bold text-gray-900">Sign In</h3>
|
2025-08-26 14:13:09 -06:00
|
|
|
<button onclick="closeLoginModal()" class="text-gray-400 hover:text-gray-600">
|
|
|
|
|
<i class="fas fa-times text-xl"></i>
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
<form method="POST" action="/login" class="space-y-6">
|
|
|
|
|
<div>
|
|
|
|
|
<label for="login_email" class="block text-sm font-medium text-gray-700 mb-2">Email</label>
|
|
|
|
|
<input type="email" name="email" id="login_email" required
|
2025-08-27 13:21:11 -06:00
|
|
|
class="w-full px-4 py-3 border border-gray-300 rounded focus:ring-blue-500 focus:border-blue-500 transition-colors">
|
2025-08-26 14:13:09 -06:00
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<label for="login_password" class="block text-sm font-medium text-gray-700 mb-2">Password</label>
|
|
|
|
|
<input type="password" name="password" id="login_password" required
|
2025-08-27 13:21:11 -06:00
|
|
|
class="w-full px-4 py-3 border border-gray-300 rounded focus:ring-blue-500 focus:border-blue-500 transition-colors">
|
2025-08-26 14:13:09 -06:00
|
|
|
</div>
|
2025-08-27 13:21:11 -06:00
|
|
|
<button type="submit" class="w-full bg-blue-600 text-white py-3 hover:bg-blue-700 font-medium transition-colors rounded">
|
2025-08-26 14:13:09 -06:00
|
|
|
Sign In
|
|
|
|
|
</button>
|
|
|
|
|
</form>
|
|
|
|
|
<p class="text-center text-sm text-gray-600 mt-6">
|
|
|
|
|
Don't have an account?
|
|
|
|
|
<button onclick="switchToRegister()" class="text-blue-600 hover:text-blue-700 font-medium">Sign up</button>
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- Register Modal -->
|
2025-08-27 13:21:11 -06:00
|
|
|
<div id="registerModal" class="fixed inset-0 bg-black bg-opacity-50 hidden items-center justify-center z-50 p-4">
|
|
|
|
|
<div class="bg-white shadow-2xl max-w-4xl w-full overflow-hidden rounded-lg">
|
|
|
|
|
<div class="flex flex-col lg:flex-row min-h-[600px]">
|
2025-08-26 14:13:09 -06:00
|
|
|
<!-- Left Side - Image -->
|
|
|
|
|
<div class="flex-1 bg-gradient-to-br from-blue-600 to-blue-800 flex items-center justify-center p-8">
|
|
|
|
|
<div class="text-center text-white">
|
2025-08-27 13:21:11 -06:00
|
|
|
<i class="fas fa-rocket text-4xl sm:text-6xl mb-6"></i>
|
|
|
|
|
<h2 class="text-2xl sm:text-3xl font-bold mb-4">Get Started</h2>
|
|
|
|
|
<p class="text-base sm:text-lg opacity-90">Join our platform and streamline your operations</p>
|
2025-08-26 14:13:09 -06:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- Right Side - Form -->
|
2025-08-27 13:21:11 -06:00
|
|
|
<div class="flex-1 p-6 sm:p-8 overflow-y-auto">
|
2025-08-26 14:13:09 -06:00
|
|
|
<div class="flex justify-between items-center mb-6">
|
2025-08-27 13:21:11 -06:00
|
|
|
<h3 class="text-xl sm:text-2xl font-bold text-gray-900">Create Account</h3>
|
2025-08-26 14:13:09 -06:00
|
|
|
<button onclick="closeRegisterModal()" class="text-gray-400 hover:text-gray-600">
|
|
|
|
|
<i class="fas fa-times text-xl"></i>
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
<form method="POST" action="/register" class="space-y-4">
|
2025-08-27 13:21:11 -06:00
|
|
|
<div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
|
2025-08-26 14:13:09 -06:00
|
|
|
<div>
|
|
|
|
|
<label for="first_name" class="block text-sm font-medium text-gray-700 mb-1">First Name</label>
|
|
|
|
|
<input type="text" name="first_name" id="first_name" required
|
2025-08-27 13:21:11 -06:00
|
|
|
class="w-full px-3 py-2 border border-gray-300 rounded focus:ring-blue-500 focus:border-blue-500 transition-colors">
|
2025-08-26 14:13:09 -06:00
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<label for="last_name" class="block text-sm font-medium text-gray-700 mb-1">Last Name</label>
|
|
|
|
|
<input type="text" name="last_name" id="last_name" required
|
2025-08-27 13:21:11 -06:00
|
|
|
class="w-full px-3 py-2 border border-gray-300 rounded focus:ring-blue-500 focus:border-blue-500 transition-colors">
|
2025-08-26 14:13:09 -06:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<label for="register_email" class="block text-sm font-medium text-gray-700 mb-1">Email</label>
|
|
|
|
|
<input type="email" name="email" id="register_email" required
|
2025-08-27 13:21:11 -06:00
|
|
|
class="w-full px-3 py-2 border border-gray-300 rounded focus:ring-blue-500 focus:border-blue-500 transition-colors">
|
2025-08-26 14:13:09 -06:00
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<label for="phone" class="block text-sm font-medium text-gray-700 mb-1">Phone</label>
|
|
|
|
|
<input type="tel" name="phone" id="phone"
|
2025-08-27 13:21:11 -06:00
|
|
|
class="w-full px-3 py-2 border border-gray-300 rounded focus:ring-blue-500 focus:border-blue-500 transition-colors">
|
2025-08-26 14:13:09 -06:00
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<label for="role" class="block text-sm font-medium text-gray-700 mb-1">Role</label>
|
|
|
|
|
<select name="role" id="role" required
|
2025-08-27 13:21:11 -06:00
|
|
|
class="w-full px-3 py-2 border border-gray-300 rounded focus:ring-blue-500 focus:border-blue-500 transition-colors"
|
|
|
|
|
onchange="toggleAdminCodeField()">
|
2025-08-26 14:13:09 -06:00
|
|
|
<option value="">Select role</option>
|
|
|
|
|
<option value="1">Admin</option>
|
|
|
|
|
<option value="2">Team Leader</option>
|
|
|
|
|
<option value="3">Volunteer</option>
|
|
|
|
|
</select>
|
|
|
|
|
</div>
|
2025-08-27 13:21:11 -06:00
|
|
|
|
|
|
|
|
<!-- Admin Code field (hidden by default) -->
|
|
|
|
|
<div id="adminCodeField" class="hidden">
|
|
|
|
|
<label for="admin_code" class="block text-sm font-medium text-gray-700 mb-1">Admin Code</label>
|
|
|
|
|
<input type="text" name="admin_code" id="admin_code"
|
|
|
|
|
class="w-full px-3 py-2 border border-gray-300 rounded focus:ring-blue-500 focus:border-blue-500 transition-colors"
|
|
|
|
|
placeholder="Enter your admin's code">
|
|
|
|
|
</div>
|
|
|
|
|
|
2025-08-26 14:13:09 -06:00
|
|
|
<div>
|
|
|
|
|
<label for="register_password" class="block text-sm font-medium text-gray-700 mb-1">Password</label>
|
|
|
|
|
<input type="password" name="password" id="register_password" required
|
2025-08-27 13:21:11 -06:00
|
|
|
class="w-full px-3 py-2 border border-gray-300 rounded focus:ring-blue-500 focus:border-blue-500 transition-colors">
|
2025-08-26 14:13:09 -06:00
|
|
|
</div>
|
2025-08-27 13:21:11 -06:00
|
|
|
<button type="submit" class="w-full bg-blue-600 text-white py-3 hover:bg-blue-700 font-medium transition-colors rounded mt-6">
|
2025-08-26 14:13:09 -06:00
|
|
|
Create Account
|
|
|
|
|
</button>
|
|
|
|
|
</form>
|
|
|
|
|
<p class="text-center text-sm text-gray-600 mt-4">
|
|
|
|
|
Already have an account?
|
|
|
|
|
<button onclick="switchToLogin()" class="text-blue-600 hover:text-blue-700 font-medium">Sign in</button>
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2025-08-27 13:21:11 -06:00
|
|
|
</div>
|
2025-08-26 14:13:09 -06:00
|
|
|
{{end}}
|
|
|
|
|
|
|
|
|
|
<script>
|
2025-08-27 13:21:11 -06:00
|
|
|
// Initialize Alpine.js data for mobile menu
|
|
|
|
|
document.addEventListener('alpine:init', () => {
|
|
|
|
|
Alpine.data('sidebar', () => ({
|
|
|
|
|
open: false
|
|
|
|
|
}));
|
|
|
|
|
});
|
|
|
|
|
|
2025-08-26 14:13:09 -06:00
|
|
|
// Smooth scrolling for navigation links
|
|
|
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
|
|
|
const links = document.querySelectorAll('a[href^="#"]');
|
|
|
|
|
|
|
|
|
|
for (const link of links) {
|
|
|
|
|
link.addEventListener('click', function(e) {
|
|
|
|
|
e.preventDefault();
|
|
|
|
|
const targetId = this.getAttribute('href').substring(1);
|
|
|
|
|
const targetElement = document.getElementById(targetId);
|
|
|
|
|
|
|
|
|
|
if (targetElement) {
|
|
|
|
|
const offsetTop = targetElement.offsetTop - 80; // Account for fixed navbar
|
|
|
|
|
window.scrollTo({
|
|
|
|
|
top: offsetTop,
|
|
|
|
|
behavior: 'smooth'
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
function openLoginModal() {
|
|
|
|
|
document.getElementById('loginModal').classList.remove('hidden');
|
|
|
|
|
document.getElementById('loginModal').classList.add('flex');
|
|
|
|
|
document.body.style.overflow = 'hidden';
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function closeLoginModal() {
|
|
|
|
|
document.getElementById('loginModal').classList.add('hidden');
|
|
|
|
|
document.getElementById('loginModal').classList.remove('flex');
|
|
|
|
|
document.body.style.overflow = 'auto';
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function openRegisterModal() {
|
|
|
|
|
document.getElementById('registerModal').classList.remove('hidden');
|
|
|
|
|
document.getElementById('registerModal').classList.add('flex');
|
|
|
|
|
document.body.style.overflow = 'hidden';
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function closeRegisterModal() {
|
|
|
|
|
document.getElementById('registerModal').classList.add('hidden');
|
|
|
|
|
document.getElementById('registerModal').classList.remove('flex');
|
|
|
|
|
document.body.style.overflow = 'auto';
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function switchToRegister() {
|
|
|
|
|
closeLoginModal();
|
|
|
|
|
setTimeout(() => openRegisterModal(), 100);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function switchToLogin() {
|
|
|
|
|
closeRegisterModal();
|
|
|
|
|
setTimeout(() => openLoginModal(), 100);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Close modal when clicking outside
|
|
|
|
|
window.onclick = function(event) {
|
|
|
|
|
const loginModal = document.getElementById('loginModal');
|
|
|
|
|
const registerModal = document.getElementById('registerModal');
|
|
|
|
|
|
|
|
|
|
if (event.target === loginModal) {
|
|
|
|
|
closeLoginModal();
|
|
|
|
|
}
|
|
|
|
|
if (event.target === registerModal) {
|
|
|
|
|
closeRegisterModal();
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2025-08-27 13:21:11 -06:00
|
|
|
function toggleAdminCodeField() {
|
|
|
|
|
const role = document.getElementById("role").value;
|
|
|
|
|
const field = document.getElementById("adminCodeField");
|
|
|
|
|
field.classList.toggle("hidden", role !== "3"); // show only if Volunteer
|
|
|
|
|
}
|
|
|
|
|
|
2025-08-26 14:13:09 -06:00
|
|
|
// Handle escape key
|
|
|
|
|
document.addEventListener('keydown', function(event) {
|
|
|
|
|
if (event.key === 'Escape') {
|
|
|
|
|
closeLoginModal();
|
|
|
|
|
closeRegisterModal();
|
|
|
|
|
}
|
|
|
|
|
});
|
2025-08-27 13:21:11 -06:00
|
|
|
|
|
|
|
|
// Close mobile menu when clicking outside (for landing page)
|
|
|
|
|
document.addEventListener('click', function(event) {
|
|
|
|
|
const mobileMenuButton = event.target.closest('[\\@click="mobileMenuOpen = !mobileMenuOpen"]');
|
|
|
|
|
const mobileMenu = event.target.closest('.md\\:hidden .bg-white');
|
|
|
|
|
|
|
|
|
|
if (!mobileMenuButton && !mobileMenu) {
|
|
|
|
|
// This will be handled by Alpine.js automatically
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
// Handle window resize to ensure proper mobile behavior
|
|
|
|
|
window.addEventListener('resize', function() {
|
|
|
|
|
if (window.innerWidth >= 1024) {
|
|
|
|
|
// Close mobile menus on desktop
|
|
|
|
|
const sidebarComponent = document.querySelector('[x-data]');
|
|
|
|
|
if (sidebarComponent && sidebarComponent.__x) {
|
|
|
|
|
sidebarComponent.__x.$data.sidebarOpen = false;
|
|
|
|
|
sidebarComponent.__x.$data.mobileMenuOpen = false;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
});
|
2025-08-26 14:13:09 -06:00
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
2025-08-27 13:21:11 -06:00
|
|
|
{{end}}
|
