From c7a0ec6c94ed0a371ff3f7e8d7f93327b992e753 Mon Sep 17 00:00:00 2001 From: Flatlogic Bot Date: Wed, 29 Oct 2025 15:05:49 +0000 Subject: [PATCH] 0.0000001 --- assets/css/custom.css | 122 +++++++++++++++++++ assets/js/main.js | 21 ++++ index.php | 268 +++++++++++++++++++----------------------- 3 files changed, 266 insertions(+), 145 deletions(-) create mode 100644 assets/css/custom.css create mode 100644 assets/js/main.js diff --git a/assets/css/custom.css b/assets/css/custom.css new file mode 100644 index 0000000..d59bbac --- /dev/null +++ b/assets/css/custom.css @@ -0,0 +1,122 @@ +/* LiberMania Custom Styles */ + +:root { + --primary-color: #5A67D8; + --secondary-color: #FBBF24; + --background-color: #F7FAFC; + --surface-color: #FFFFFF; + --text-color: #2D3748; + --heading-font: 'Georgia', 'Times New Roman', serif; + --body-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; +} + +body { + background-color: var(--background-color); + color: var(--text-color); + font-family: var(--body-font); +} + +h1, h2, h3, h4, h5, h6 { + font-family: var(--heading-font); + color: var(--primary-color); +} + +.navbar { + background-color: var(--surface-color); + box-shadow: 0 2px 4px rgba(0,0,0,0.1); +} + +.hero { + color: white; + padding: 6rem 1rem; + text-align: center; + background: linear-gradient(rgba(90, 103, 216, 0.8), rgba(90, 103, 216, 0.8)), url('https://images.pexels.com/photos/34076/pexels-photo.jpg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1') no-repeat center center; + background-size: cover; +} + +.hero h1 { + color: white; + font-size: 3.5rem; + font-weight: bold; +} + +.hero p { + font-size: 1.25rem; + margin-bottom: 2rem; +} + +.btn-primary { + background-color: var(--primary-color); + border-color: var(--primary-color); + border-radius: 0.5rem; + padding: 0.75rem 1.5rem; + font-weight: bold; +} + +.btn-primary:hover { + background-color: #434190; + border-color: #434190; +} + +.btn-secondary { + background-color: var(--secondary-color); + border-color: var(--secondary-color); + color: var(--text-color); + border-radius: 0.5rem; + padding: 0.75rem 1.5rem; + font-weight: bold; +} + +.btn-secondary:hover { + background-color: #fca510; + border-color: #fca510; +} + +.book-card { + background-color: var(--surface-color); + border: none; + border-radius: 0.5rem; + overflow: hidden; + box-shadow: 0 4px 6px rgba(0,0,0,0.1); + transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out; + height: 100%; +} + +.book-card:hover { + transform: translateY(-5px); + box-shadow: 0 12px 16px rgba(0,0,0,0.1); +} + +.book-card img { + aspect-ratio: 2 / 3; + object-fit: cover; +} + +.book-card .card-body { + display: flex; + flex-direction: column; +} + +.book-card .card-title { + font-size: 1.1rem; + font-weight: bold; + font-family: var(--body-font); + color: var(--text-color); +} + +.book-card .card-text { + color: #718096; +} + +.credits { + font-weight: bold; + color: var(--primary-color); + margin-top: auto; + font-size: 1.1rem; +} + +.footer { + background-color: #E2E8F0; + padding: 2rem 0; + margin-top: 4rem; +} \ No newline at end of file diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..24a6b8c --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1,21 @@ +document.addEventListener('DOMContentLoaded', function () { + const searchInput = document.getElementById('bookSearchInput'); + const bookCards = document.querySelectorAll('.book-card-wrapper'); + + if (searchInput) { + searchInput.addEventListener('keyup', function(event) { + const searchTerm = event.target.value.toLowerCase(); + + bookCards.forEach(function(card) { + const title = card.getAttribute('data-title').toLowerCase(); + const author = card.getAttribute('data-author').toLowerCase(); + + if (title.includes(searchTerm) || author.includes(searchTerm)) { + card.style.display = ''; + } else { + card.style.display = 'none'; + } + }); + }); + } +}); \ No newline at end of file diff --git a/index.php b/index.php index 7205f3d..19326f3 100644 --- a/index.php +++ b/index.php @@ -1,150 +1,128 @@ - - + - - - New Style - - - - - - - - - - - - - - - - - - - + + + LiberMania - Trade books, earn credits, live the culture. + + + + + + + + + + + + + + + + + -
-
-

Analyzing your requirements and generating your website…

-
- Loading… -
-

AI is collecting your requirements and applying the first changes.

-

This page will update automatically as the plan is implemented.

-

Runtime: PHP — UTC

-
-
- + + 'The Midnight Library', 'author' => 'Matt Haig', 'credits' => 10, 'cover' => 'https://picsum.photos/seed/midnight/400/600'], + ['title' => 'Project Hail Mary', 'author' => 'Andy Weir', 'credits' => 12, 'cover' => 'https://picsum.photos/seed/hailmary/400/600'], + ['title' => 'Klara and the Sun', 'author' => 'Kazuo Ishiguro', 'credits' => 10, 'cover' => 'https://picsum.photos/seed/klara/400/600'], + ['title' => 'The Four Winds', 'author' => 'Kristin Hannah', 'credits' => 8, 'cover' => 'https://picsum.photos/seed/fourwinds/400/600'], + ['title' => 'Atomic Habits', 'author' => 'James Clear', 'credits' => 15, 'cover' => 'https://picsum.photos/seed/habits/400/600'], + ['title' => 'Dune', 'author' => 'Frank Herbert', 'credits' => 10, 'cover' => 'https://picsum.photos/seed/dune/400/600'], + ['title' => 'Circe', 'author' => 'Madeline Miller', 'credits' => 12, 'cover' => 'https://picsum.photos/seed/circe/400/600'], + ['title' => 'Educated', 'author' => 'Tara Westover', 'credits' => 9, 'cover' => 'https://picsum.photos/seed/educated/400/600'], + ]; + ?> + + + + + +
+
+

Trade books, earn credits, live the culture.

+

Join a community of readers to exchange your favorite used books. It's simple, rewarding, and good for the planet.

+ Get Started +
+
+ + +
+ +
+

Find Your Next Read

+
+
+
+ +
+
+
+
+ + +
+
+ +
+
+ Cover of <?php echo htmlspecialchars($book['title']); ?> +
+
+

by

+

Credits

+
+
+
+ +
+
+
+ + + + + + + + - + \ No newline at end of file