Maryyy_Ux project Library #52

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open

Maryyy-ux wants to merge 3 commits into Technigo:main from Maryyy-ux:main

IMG_2061.jpg

Sorry, something went wrong. Reload?

Sorry, we cannot display this file.

Sorry, this file is invalid so it cannot be displayed.

Project library.png

Sorry, something went wrong. Reload?

Sorry, we cannot display this file.

Sorry, this file is invalid so it cannot be displayed.

README.md

-Original file line number
+Diff line change
@@ -1 +1,8 @@
-    # project-library
+    # project-library
+    Netlyfy: https://app.netlify.com/sites/cozy-croquembouche-12e08c/overview
+    This site is for my syster. She is an awesome newly writer and I want to encourage her to pursue her dreams.She is always supporting me, my mom and her friends, forgetting about her.
+    Those are spiring books for her (somehow). The empty space is for her next book.
+    The aim of this page is to be the frame for her's future books.
+    Go for it!!!

books-images/81gailbnLYL._SY466_.jpg

Sorry, something went wrong. Reload?

Sorry, we cannot display this file.

Sorry, this file is invalid so it cannot be displayed.

books-images/Archaeology.jpg

Sorry, something went wrong. Reload?

Sorry, we cannot display this file.

Sorry, this file is invalid so it cannot be displayed.

books-images/Celtic.jpg

Sorry, something went wrong. Reload?

Sorry, we cannot display this file.

Sorry, this file is invalid so it cannot be displayed.

books-images/Chamber-of-secrets.jpg

Sorry, something went wrong. Reload?

Sorry, we cannot display this file.

Sorry, this file is invalid so it cannot be displayed.

books-images/DCode.jpg

Sorry, something went wrong. Reload?

Sorry, we cannot display this file.

Sorry, this file is invalid so it cannot be displayed.

books-images/Deathly-hallows.jpg

Sorry, something went wrong. Reload?

Sorry, we cannot display this file.

Sorry, this file is invalid so it cannot be displayed.

books-images/Fellowship.jpg

Sorry, something went wrong. Reload?

Sorry, we cannot display this file.

Sorry, this file is invalid so it cannot be displayed.

books-images/Galaxy.jpg

Sorry, something went wrong. Reload?

Sorry, we cannot display this file.

Sorry, this file is invalid so it cannot be displayed.

books-images/Goblet of Fire_81zeKRGCPpL._AC_UF894,1000_QL80_.jpg

Sorry, something went wrong. Reload?

Sorry, we cannot display this file.

Sorry, this file is invalid so it cannot be displayed.

books-images/Half-blood-Prince.jpg

Sorry, something went wrong. Reload?

Sorry, we cannot display this file.

Sorry, this file is invalid so it cannot be displayed.

books-images/Hobbit.jpg

Sorry, something went wrong. Reload?

Sorry, we cannot display this file.

Sorry, this file is invalid so it cannot be displayed.

books-images/Hunger.jpg

Sorry, something went wrong. Reload?

Sorry, we cannot display this file.

Sorry, this file is invalid so it cannot be displayed.

books-images/Moleskine.jpg

Sorry, something went wrong. Reload?

Sorry, we cannot display this file.

Sorry, this file is invalid so it cannot be displayed.

books-images/Order-of-phoenix.jpg

Sorry, something went wrong. Reload?

Sorry, we cannot display this file.

Sorry, this file is invalid so it cannot be displayed.

books-images/Philosophers-stone.jpg

Sorry, something went wrong. Reload?

Sorry, we cannot display this file.

Sorry, this file is invalid so it cannot be displayed.

books-images/Prisoner-of-Azkaban.jpg

Sorry, something went wrong. Reload?

Sorry, we cannot display this file.

Sorry, this file is invalid so it cannot be displayed.

books-images/Return.jpg

Sorry, something went wrong. Reload?

Sorry, we cannot display this file.

Sorry, this file is invalid so it cannot be displayed.

books-images/SPQR.jpg

Sorry, something went wrong. Reload?

Sorry, we cannot display this file.

Sorry, this file is invalid so it cannot be displayed.

books-images/Shining.jpg

Sorry, something went wrong. Reload?

Sorry, we cannot display this file.

Sorry, this file is invalid so it cannot be displayed.

books-images/Tatoo.jpg

Sorry, something went wrong. Reload?

Sorry, we cannot display this file.

Sorry, this file is invalid so it cannot be displayed.

books-images/Towers.jpg

Sorry, something went wrong. Reload?

Sorry, we cannot display this file.

Sorry, this file is invalid so it cannot be displayed.

index.html

-Original file line number
+Diff line change
@@ -1,13 +1,72 @@
     <!DOCTYPE html>
     <html lang="en">
     <head>
       <meta charset="UTF-8">
       <meta name="viewport" content="width=device-width, initial-scale=1.0">
       <!-- Don't forget to change the title and connect the CSS file -->
+      <link rel="stylesheet" href="style.css">
       <title>Project Library</title>
     </head>
     <body>
-      <h1>Project Library</h1>
-      <!-- Don't forget to connect the JavaScript file -->
+      <!-- Header -->
+      <header>
+        <div class="hero-image">
+          <div class="header-content">
+            <div class="logo">This site is for your future books</div>
+            <nav>
+              <ul class="nav-links">
+                <li><a href="#">Home</a></li>
+                <li><a href="#">About</a></li>
+                <li><a href="#">Contact</a></li>
+              </ul>
+              <div class="hamburger">
+                <span></span>
+                <span></span>
+                <span></span>
+              </div>
+            </nav>
+          </div>
+        </div>
+      </header>
+      <div class="container">
+        <h1>Keep writing, your words can change the world</h1>
+        <div class="controls">
+          <input type="text" id="searchBar" placeholder="Search for books...">
+          <select id="sortMenu">
+            <option value="newest">Newest</option>
+            <option value="oldest">Oldest</option>
+            <option value="rating">Rating</option>
+          </select>
+        </div>
+        <div id="bookList" class="book-list"></div>
+        <div id="pagination"></div>
+        <button id="prevBtn" onclick="prevPage()">Previous</button>
+        <span id="pageInfo"></span>
+        <button id="nextBtn" onclick="nextPage()">Next</button>
+      </div>
+      <footer>
+        <div class="social-links">
+          <a href="#">Facebook</a>
+          <a href="#">Twitter</a>
+          <a href="#">Instagram</a>
+          <a href="#">LinkedIn</a>
+        </div>
+        <div class="legal-links">
+          <a href="#">Privacy Policy</a>
+          <a href="#">Terms of Service</a>
+          <a href="#">Cookies Policy</a>
+        </div>
+        <div class="footer-image">
+        </div>
+      </footer>
+      <script src="script.js"></script>
     </body>
     </html>