Skip to content

Jonas Hellström, Jenny Andersén, Emelie Nyberg Kedert #43

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
wants to merge 7 commits into
base: main
Choose a base branch
from
Open

Jonas Hellström, Jenny Andersén, Emelie Nyberg Kedert #43

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
0ac75ff
We have created loops that generate a card for each book. We have add…
EmelieNyberg Sep 17, 2024
d5f617d
added som genre buttons
EmelieNyberg Sep 17, 2024
05404db
styling and randomizing book button
EmelieNyberg Sep 18, 2024
a28236c
added filters and some styling on buttons
EmelieNyberg Sep 19, 2024
dcf67ff
final version
EmelieNyberg Sep 20, 2024
10a18e1
updated readme-file
EmelieNyberg Sep 20, 2024
147ace2
removing console.log etc
EmelieNyberg Sep 22, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added .DS_Store
View file
Open in desktop
Binary file not shown.
8 changes: 7 additions & 1 deletion README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1,7 @@
# project-library
# project-library
The project was to build a digital library, using an array of books, recipes, or a data collection of your choice.

Applying concepts like DOM manipulation, event handling, function definitions, conditional statements, variable assignment, and object and array manipulation.

## Netlify link
https://readcloud.netlify.app/
Binary file added books-images/header-booklibrary.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
54 changes: 53 additions & 1 deletion index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,13 +1,65 @@
<!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" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Roboto+Serif:ital,opsz,wght@0,8..144,100..900;1,8..144,100..900&display=swap"
rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Playfair+Display+SC:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap"
rel="stylesheet">
<title>Project Library</title>
</head>

<body>
<h1>Project Library</h1>

<header>
<h1>ReadCloud</h1>
</header>

<main class="wrapper">

<div class="button-container" id="buttonContainer">
<button class="button-popular" id="buttonPopular">Popular</button>

<button class="button-latest" id="buttonLatest">Latest</button>

<button class="button-shuffle" id="buttonShuffle">Suprise</button>

<select id="genreFilter">
<option value="" disabled selected>Genre</option>
<option value="all">All</option>
<option value="fiction">Fiction</option>
<option value="science fiction">Science Fiction</option>
<option value="fantasy">Fantasy</option>
<option value="mystery">Mystery</option>
<option value="adventure">Adventure</option>
<option value="horror">Horror</option>
<option value="dystopian">Dystopian</option>
</select>
</div>

<section class="book-wrapper">
<div class="book-container" id="bookContainer"></div>
</section>

<footer>
<h4>© 2024 Copyright - Developed by Jonas Hellström, Jenny Andersén and Emelie Nyberg
</h4>
</footer>

</main>

<!-- Don't forget to connect the JavaScript file -->
<script src="./script.js"></script>
</body>

</html>
10 changes: 6 additions & 4 deletions pull_request_template.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,9 @@
## Netlify link
Add your Netlify link here.
PS. Don't forget to add it in your readme as well.
https://readcloud.netlify.app/

## Collaborators
Add your collaborators here. Write their GitHub usernames in square brackets. If there's more than one, separate them with a comma, like this:
[github-username-1, github-username-2]
Emelie Nyberg Kedert
Jonas Hellström
Jenny Andersén

[EmelieNyberg, Jonash189, jempa182]
Loading