Rain/Front-end-Design-Project
1
0
Fork 0
mirror of https://github.com/Rainyy21/Front-end-Design-Project.git synced 2026-10-10 23:40:24 -04:00
Code Issues Packages Projects Releases Wiki Activity

modify it so it running

Browse Source
This commit is contained in:
Rainy21
2026-02-24 01:13:02 -05:00
parent 2da588652e
commit eb736599dc
10 changed files with 308 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files
templates/card.html
+16
View File
@@ -0,0 +1,16 @@
<div class="card">
<img src="{{ url_for('static', filename='covers/' + item.image_path) }}" alt="Cover">
<div class="content">
<span class="badge {{ 'show-badge' if item.type == 'Show' else 'book-badge' }}">
{{ item.type }}
</span>
<h3 style="margin: 10px 0 5px 0;">{{ item.title }}</h3>
<span class="genre-list">🏷️ {{ item.genre_list }}</span>
<p><strong>{{ item.author if item.type == 'Book' else item.network }}</strong></p>
<div style="display: flex; justify-content: space-between; align-items: center; margin-top: 10px;">
<small>Released: {{ item.release_year }}</small>
</div>
</div>
</div>
templates/main.html
+114
View File
@@ -0,0 +1,114 @@
<!DOCTYPE html>
<html lang = "en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<title>Show log</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
<!-- CSS -->
<link href="{{ url_for('static', filename='css/style.css') }}" rel="stylesheet">
<link href="{{ url_for('static', filename='css/card.css') }}" rel="stylesheet">
<!-- JS -->
<script src="{{ url_for('static', filename='js/main.js') }}"></script>
</head>
<body>
<div id = "body_page">
<!--might make this entire thing a div-->
<div id = "side_bar">
<h1>
Book and Movie log
</h1>
<div id = "navagtor">
<ul id = "menu">
<li>
<a href="" id = "menu-button">Dashboard</a>
</li>
<li>
<a href="" id = "menu-button">Log</a>
</li>
<li>
<a href="" id = "menu-button">Stats</a>
</li>
</ul>
<!--maybe add a shelve-->
</div>
</div>
<!--this is where they show the info for the book/ maybe make it into a data base-->
<div id ="homepage">
<div id = "home_nav">
<!--welcome message/ search bar / add button-->
<h1>
Good evening
</h1>
<div id = "seach_bar">
</div>
<div id = "addLog_button">
+ log a book/show
</div>
</div>
<!--currently reading-->
<div id = "currently">
</div>
<!--data-->
<!--log-->
<div>
<div id = "log_nav">
<h2>
My log
</h2>
<!--more nav button-->
<div>
</div>
</div>
<!--the log-->
<div class ="container">
<div class = "header-secton">
<h1>📚 My Library</h1>
<form action ="/add" method ="POST" enctype="multipart/form-data">
<input type="text" name="title" placeholder="Title" required>
<select name="type">
<option value="Book">Book</option>
<option value="Show">Show</option>
</select>
<input type="number" name="year" placeholder="Year">
<input type="text" name="extra_info" placeholder="Author/Network">
<select name="genre_id">
{% for g in genres %}
<option value="{{ g.id }}">{{ g.name }}</option>
{% endfor %}
</select>
<input type="file" name="cover_image">
<button type="submit">Add Entry</button>
</form>
</div>
<div class="grid">
{% for item in items %}
{% include 'card.html' %}
{% endfor %}
</div>
</div>
<!--data about genera-->
<div>
</div>
</div>
</div>
</div>
<!--Bootstrap Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js" integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" crossorigin="anonymous"></script>
</body>
</html>