some progress
This commit is contained in:
@@ -4,12 +4,26 @@
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
|
||||
<!-- Google tag (gtag.js) -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=G-D5Z2BTSK43"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag(){dataLayer.push(arguments);}
|
||||
gtag('js', new Date());
|
||||
|
||||
gtag('config', 'G-D5Z2BTSK43');
|
||||
</script>
|
||||
|
||||
<title>{{ config('app.name', 'Open Text Summaries') }}</title>
|
||||
|
||||
<!-- Fonts -->
|
||||
<link rel="preconnect" href="https://fonts.bunny.net">
|
||||
<link href="https://fonts.bunny.net/css?family=instrument-sans:400,500,600|playfair-display:700" rel="stylesheet" />
|
||||
|
||||
<!-- Tailwind CSS (CDN) to ensure styling even without a build) -->
|
||||
<script src="https://cdn.tailwindcss.com"></script>
|
||||
|
||||
<!-- Styles / Scripts -->
|
||||
@if (file_exists(public_path('build/manifest.json')) || file_exists(public_path('hot')))
|
||||
@vite(['resources/css/app.css', 'resources/js/app.js'])
|
||||
@@ -74,53 +88,47 @@
|
||||
</section>
|
||||
|
||||
<section id="featured" class="max-w-6xl mx-auto mb-20">
|
||||
<h3 class="text-3xl font-bold text-center text-indigo-700 dark:text-indigo-400 mb-10">Featured Summaries</h3>
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
|
||||
<!-- Book 1 -->
|
||||
<div class="bg-white dark:bg-gray-800 rounded-xl shadow-md overflow-hidden transition-transform duration-300 hover:shadow-lg hover:-translate-y-1">
|
||||
<div class="h-48 bg-indigo-100 dark:bg-indigo-900 flex items-center justify-center">
|
||||
<svg class="w-24 h-24 text-indigo-500 dark:text-indigo-400" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12 6.25278V19.2528M12 6.25278C10.8321 5.47686 9.24649 5 7.5 5C5.75351 5 4.16789 5.47686 3 6.25278V19.2528C4.16789 18.4769 5.75351 18 7.5 18C9.24649 18 10.8321 18.4769 12 19.2528M12 6.25278C13.1679 5.47686 14.7535 5 16.5 5C18.2465 5 19.8321 5.47686 21 6.25278V19.2528C19.8321 18.4769 18.2465 18 16.5 18C14.7535 18 13.1679 18.4769 12 19.2528" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="p-6">
|
||||
<h4 class="text-xl font-bold text-gray-800 dark:text-white mb-2">Atomic Habits</h4>
|
||||
<p class="text-sm text-gray-600 dark:text-gray-300 mb-3">James Clear</p>
|
||||
<p class="text-gray-600 dark:text-gray-400 mb-4">Learn how tiny changes can lead to remarkable results through the power of atomic habits.</p>
|
||||
<a href="#" class="text-indigo-600 dark:text-indigo-400 hover:text-indigo-800 dark:hover:text-indigo-300 font-medium">Read Summary →</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Book 2 -->
|
||||
<div class="bg-white dark:bg-gray-800 rounded-xl shadow-md overflow-hidden transition-transform duration-300 hover:shadow-lg hover:-translate-y-1">
|
||||
<div class="h-48 bg-indigo-100 dark:bg-indigo-900 flex items-center justify-center">
|
||||
<svg class="w-24 h-24 text-indigo-500 dark:text-indigo-400" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12 6.25278V19.2528M12 6.25278C10.8321 5.47686 9.24649 5 7.5 5C5.75351 5 4.16789 5.47686 3 6.25278V19.2528C4.16789 18.4769 5.75351 18 7.5 18C9.24649 18 10.8321 18.4769 12 19.2528M12 6.25278C13.1679 5.47686 14.7535 5 16.5 5C18.2465 5 19.8321 5.47686 21 6.25278V19.2528C19.8321 18.4769 18.2465 18 16.5 18C14.7535 18 13.1679 18.4769 12 19.2528" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="p-6">
|
||||
<h4 class="text-xl font-bold text-gray-800 dark:text-white mb-2">Thinking, Fast and Slow</h4>
|
||||
<p class="text-sm text-gray-600 dark:text-gray-300 mb-3">Daniel Kahneman</p>
|
||||
<p class="text-gray-600 dark:text-gray-400 mb-4">Explore the two systems that drive the way we think and make decisions.</p>
|
||||
<a href="#" class="text-indigo-600 dark:text-indigo-400 hover:text-indigo-800 dark:hover:text-indigo-300 font-medium">Read Summary →</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Book 3 -->
|
||||
<div class="bg-white dark:bg-gray-800 rounded-xl shadow-md overflow-hidden transition-transform duration-300 hover:shadow-lg hover:-translate-y-1">
|
||||
<div class="h-48 bg-indigo-100 dark:bg-indigo-900 flex items-center justify-center">
|
||||
<svg class="w-24 h-24 text-indigo-500 dark:text-indigo-400" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12 6.25278V19.2528M12 6.25278C10.8321 5.47686 9.24649 5 7.5 5C5.75351 5 4.16789 5.47686 3 6.25278V19.2528C4.16789 18.4769 5.75351 18 7.5 18C9.24649 18 10.8321 18.4769 12 19.2528M12 6.25278C13.1679 5.47686 14.7535 5 16.5 5C18.2465 5 19.8321 5.47686 21 6.25278V19.2528C19.8321 18.4769 18.2465 18 16.5 18C14.7535 18 13.1679 18.4769 12 19.2528" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="p-6">
|
||||
<h4 class="text-xl font-bold text-gray-800 dark:text-white mb-2">Sapiens</h4>
|
||||
<p class="text-sm text-gray-600 dark:text-gray-300 mb-3">Yuval Noah Harari</p>
|
||||
<p class="text-gray-600 dark:text-gray-400 mb-4">A brief history of humankind, from the emergence of Homo sapiens to the present day.</p>
|
||||
<a href="#" class="text-indigo-600 dark:text-indigo-400 hover:text-indigo-800 dark:hover:text-indigo-300 font-medium">Read Summary →</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-center justify-between mb-6">
|
||||
<h3 class="text-3xl font-bold text-indigo-700 dark:text-indigo-400">Latest Books</h3>
|
||||
<a href="{{ route('books.index') }}" class="text-indigo-600 dark:text-indigo-400 hover:underline">View all →</a>
|
||||
</div>
|
||||
@if(isset($latestBooks) && $latestBooks->count())
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
|
||||
@foreach($latestBooks as $book)
|
||||
<div class="bg-white dark:bg-gray-800 rounded-xl shadow-md overflow-hidden transition-transform duration-300 hover:shadow-lg hover:-translate-y-1">
|
||||
@if($book->cover_image)
|
||||
<img src="{{ $book->cover_image }}" alt="{{ $book->title }} cover" class="w-full h-48 object-cover" />
|
||||
@else
|
||||
<div class="h-48 bg-indigo-100 dark:bg-indigo-900 flex items-center justify-center">
|
||||
<svg class="w-24 h-24 text-indigo-500 dark:text-indigo-400" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12 6.25278V19.2528M12 6.25278C10.8321 5.47686 9.24649 5 7.5 5C5.75351 5 4.16789 5.47686 3 6.25278V19.2528C4.16789 18.4769 5.75351 18 7.5 18C9.24649 18 10.8321 18.4769 12 19.2528M12 6.25278C13.1679 5.47686 14.7535 5 16.5 5C18.2465 5 19.8321 5.47686 21 6.25278V19.2528C19.8321 18.4769 18.2465 18 16.5 18C14.7535 18 13.1679 18.4769 12 19.2528" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
</div>
|
||||
@endif
|
||||
<div class="p-6">
|
||||
<h4 class="text-xl font-bold text-gray-800 dark:text-white mb-2">
|
||||
<a href="{{ route('books.show', $book) }}" class="hover:underline">{{ $book->title }}</a>
|
||||
</h4>
|
||||
<p class="text-sm text-gray-600 dark:text-gray-300 mb-3">
|
||||
@if($book->authors && $book->authors->count())
|
||||
{{ $book->authors->pluck('name')->join(', ') }}
|
||||
@elseif($book->author)
|
||||
{{ $book->author }}
|
||||
@endif
|
||||
</p>
|
||||
@if($book->summary)
|
||||
<p class="text-gray-600 dark:text-gray-400 mb-4">{{ Str::limit(strip_tags($book->summary->content), 120) }}</p>
|
||||
@else
|
||||
<p class="text-gray-600 dark:text-gray-400 mb-4">No summary available yet.</p>
|
||||
@endif
|
||||
<a href="{{ route('books.show', $book) }}" class="text-indigo-600 dark:text-indigo-400 hover:text-indigo-800 dark:hover:text-indigo-300 font-medium">Read Summary →</a>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
@else
|
||||
<p class="text-center text-gray-600 dark:text-gray-300">No books available yet. Ingest some via the API!</p>
|
||||
@endif
|
||||
</section>
|
||||
|
||||
<section id="how-it-works" class="max-w-4xl mx-auto mb-20">
|
||||
@@ -171,10 +179,10 @@
|
||||
<span class="ml-2 text-lg font-bold text-gray-800 dark:text-white">OpenTextSummaries</span>
|
||||
</div>
|
||||
<div class="flex gap-6">
|
||||
<a href="#" class="text-gray-600 dark:text-gray-400 hover:text-indigo-600 dark:hover:text-indigo-400">About</a>
|
||||
<a href="#" class="text-gray-600 dark:text-gray-400 hover:text-indigo-600 dark:hover:text-indigo-400">Contact</a>
|
||||
<a href="#" class="text-gray-600 dark:text-gray-400 hover:text-indigo-600 dark:hover:text-indigo-400">Privacy</a>
|
||||
<a href="#" class="text-gray-600 dark:text-gray-400 hover:text-indigo-600 dark:hover:text-indigo-400">Terms</a>
|
||||
<a href="{{ route('about') }}" class="text-gray-600 dark:text-gray-400 hover:text-indigo-600 dark:hover:text-indigo-400">About</a>
|
||||
<a href="{{ route('contact.show') }}" class="text-gray-600 dark:text-gray-400 hover:text-indigo-600 dark:hover:text-indigo-400">Contact</a>
|
||||
<a href="{{ route('privacy') }}" class="text-gray-600 dark:text-gray-400 hover:text-indigo-600 dark:hover:text-indigo-400">Privacy</a>
|
||||
<a href="{{ route('terms') }}" class="text-gray-600 dark:text-gray-400 hover:text-indigo-600 dark:hover:text-indigo-400">Terms</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-8 pt-8 border-t border-gray-200 dark:border-gray-800 text-center text-gray-500 dark:text-gray-400">
|
||||
|
||||
Reference in New Issue
Block a user