280 lines
13 KiB
PHP
280 lines
13 KiB
PHP
<div class="min-h-screen bg-gradient-to-br from-blue-50 to-indigo-100">
|
|
<div class="container mx-auto py-12 px-4">
|
|
<!-- Header Section -->
|
|
<div class="text-center mb-12">
|
|
<h1 class="text-4xl md:text-5xl font-bold text-gray-900 mb-4">
|
|
Riksdagen App
|
|
</h1>
|
|
<p class="text-lg text-gray-600 max-w-2xl mx-auto">
|
|
Utforska information om riksdagsledamöter, deras röster och
|
|
uppdrag i Sveriges riksdag
|
|
</p>
|
|
</div>
|
|
|
|
<!-- Navigation Cards -->
|
|
<div
|
|
class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 max-w-6xl mx-auto"
|
|
>
|
|
<!-- Person Search Card -->
|
|
<a wire:navigate href="{{ route('person.search') }}" class="group">
|
|
<div
|
|
class="bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 border border-gray-200 overflow-hidden"
|
|
>
|
|
<div class="p-6">
|
|
<div
|
|
class="w-12 h-12 bg-blue-100 rounded-lg flex items-center justify-center mb-4 group-hover:bg-blue-200 transition-colors"
|
|
>
|
|
<svg
|
|
class="w-6 h-6 text-blue-600"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
viewBox="0 0 24 24"
|
|
>
|
|
<path
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
stroke-width="2"
|
|
d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"
|
|
></path>
|
|
</svg>
|
|
</div>
|
|
<h3 class="text-xl font-semibold text-gray-900 mb-2">
|
|
Ledamöter
|
|
</h3>
|
|
<p class="text-gray-600 mb-4">
|
|
Sök och utforska information om riksdagsledamöter,
|
|
deras rösthistorik och uppdrag
|
|
</p>
|
|
<div
|
|
class="flex items-center text-blue-600 group-hover:text-blue-700"
|
|
>
|
|
<span class="text-sm font-medium">
|
|
Sök ledamöter
|
|
</span>
|
|
<svg
|
|
class="w-4 h-4 ml-2 transform group-hover:translate-x-1 transition-transform"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
viewBox="0 0 24 24"
|
|
>
|
|
<path
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
stroke-width="2"
|
|
d="M9 5l7 7-7 7"
|
|
></path>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
|
|
<!-- Motion Search Card -->
|
|
<a wire:navigate href="{{ route('motion.search') }}" class="group">
|
|
<div
|
|
class="bg-white rounded-lg h-full shadow-md hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 border border-gray-200 overflow-hidden"
|
|
>
|
|
<div class="p-6">
|
|
<div
|
|
class="w-12 h-12 bg-green-100 rounded-lg flex items-center justify-center mb-4 group-hover:bg-green-200 transition-colors"
|
|
>
|
|
<svg
|
|
class="w-6 h-6 text-green-600"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
viewBox="0 0 24 24"
|
|
>
|
|
<path
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
stroke-width="2"
|
|
d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
|
|
></path>
|
|
</svg>
|
|
</div>
|
|
<h3 class="text-xl font-semibold text-gray-900 mb-2">
|
|
Motioner
|
|
</h3>
|
|
<p class="text-gray-600 mb-4">
|
|
Sök bland motioner som lämnats till riksdagen av
|
|
ledamöterna
|
|
</p>
|
|
<div
|
|
class="flex items-center text-green-600 group-hover:text-green-700"
|
|
>
|
|
<span class="text-sm font-medium">
|
|
Sök motioner
|
|
</span>
|
|
<svg
|
|
class="w-4 h-4 ml-2 transform group-hover:translate-x-1 transition-transform"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
viewBox="0 0 24 24"
|
|
>
|
|
<path
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
stroke-width="2"
|
|
d="M9 5l7 7-7 7"
|
|
></path>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
|
|
<!-- Party Index Card -->
|
|
<a wire:navigate href="{{ route('party.index') }}" class="group">
|
|
<div
|
|
class="bg-white rounded-lg h-full shadow-md hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 border border-gray-200 overflow-hidden"
|
|
>
|
|
<div class="p-6">
|
|
<div
|
|
class="w-12 h-12 bg-purple-100 rounded-lg flex items-center justify-center mb-4 group-hover:bg-purple-200 transition-colors"
|
|
>
|
|
<svg
|
|
class="w-6 h-6 text-purple-600"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
viewBox="0 0 24 24"
|
|
>
|
|
<path
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
stroke-width="2"
|
|
d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"
|
|
></path>
|
|
</svg>
|
|
</div>
|
|
<h3 class="text-xl font-semibold text-gray-900 mb-2">
|
|
Partier
|
|
</h3>
|
|
<p class="text-gray-600 mb-4">
|
|
Utforska partiernas motioner, ledamöter och röststatistik
|
|
</p>
|
|
<div class="flex items-center text-purple-600 group-hover:text-purple-700">
|
|
<span class="text-sm font-medium">Visa partier</span>
|
|
<svg
|
|
class="w-4 h-4 ml-2 transform group-hover:translate-x-1 transition-transform"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
viewBox="0 0 24 24"
|
|
>
|
|
<path
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
stroke-width="2"
|
|
d="M9 5l7 7-7 7"
|
|
></path>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
|
|
<!-- Placeholder Card 1 -->
|
|
<div
|
|
class="bg-white rounded-lg shadow-md border border-gray-200 overflow-hidden opacity-60"
|
|
>
|
|
<div class="p-6">
|
|
<div
|
|
class="w-12 h-12 bg-gray-100 rounded-lg flex items-center justify-center mb-4"
|
|
>
|
|
<svg
|
|
class="w-6 h-6 text-gray-400"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
viewBox="0 0 24 24"
|
|
>
|
|
<path
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
stroke-width="2"
|
|
d="M9 5H7a2 2 0 00-2 2v10a2 2 0 002 2h8a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"
|
|
></path>
|
|
</svg>
|
|
</div>
|
|
<h3 class="text-xl font-semibold text-gray-500 mb-2">
|
|
Propositioner
|
|
</h3>
|
|
<p class="text-gray-400 mb-4">
|
|
Sök och läs propositioner och andra dokument från
|
|
riksdagen
|
|
</p>
|
|
<div class="flex items-center text-gray-400">
|
|
<span class="text-sm font-medium">Kommer snart</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Placeholder Card 2 -->
|
|
<div
|
|
class="bg-white rounded-lg shadow-md border border-gray-200 overflow-hidden opacity-60"
|
|
>
|
|
<div class="p-6">
|
|
<div
|
|
class="w-12 h-12 bg-gray-100 rounded-lg flex items-center justify-center mb-4"
|
|
>
|
|
<svg
|
|
class="w-6 h-6 text-gray-400"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
viewBox="0 0 24 24"
|
|
>
|
|
<path
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
stroke-width="2"
|
|
d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"
|
|
></path>
|
|
</svg>
|
|
</div>
|
|
<h3 class="text-xl font-semibold text-gray-500 mb-2">
|
|
Statistik
|
|
</h3>
|
|
<p class="text-gray-400 mb-4">
|
|
Se röststatistik och analyser för partier och ledamöter
|
|
</p>
|
|
<div class="flex items-center text-gray-400">
|
|
<span class="text-sm font-medium">Kommer snart</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Placeholder Card 5 -->
|
|
<div
|
|
class="bg-white rounded-lg shadow-md border border-gray-200 overflow-hidden opacity-60"
|
|
>
|
|
<div class="p-6">
|
|
<div
|
|
class="w-12 h-12 bg-gray-100 rounded-lg flex items-center justify-center mb-4"
|
|
>
|
|
<svg
|
|
class="w-6 h-6 text-gray-400"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
viewBox="0 0 24 24"
|
|
>
|
|
<path
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
stroke-width="2"
|
|
d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
|
|
></path>
|
|
</svg>
|
|
</div>
|
|
<h3 class="text-xl font-semibold text-gray-500 mb-2">
|
|
Sök Allmänt
|
|
</h3>
|
|
<p class="text-gray-400 mb-4">
|
|
Sök i alla riksdagens dokument och voteringar
|
|
</p>
|
|
<div class="flex items-center text-gray-400">
|
|
<span class="text-sm font-medium">Kommer snart</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|