From 0aa9ef160fe3362a85a6e9b678d1b65756c8e3a0 Mon Sep 17 00:00:00 2001
From: Joris
Date: Wed, 8 Feb 2023 10:33:51 +0100
Subject: Filter on read status
---
public/index.html | 2 +-
public/main.css | 11 +++++++++--
public/main.js | 19 -------------------
3 files changed, 10 insertions(+), 22 deletions(-)
delete mode 100644 public/main.js
(limited to 'public')
diff --git a/public/index.html b/public/index.html
index 13136da..bbef5ae 100644
--- a/public/index.html
+++ b/public/index.html
@@ -2,5 +2,5 @@
-
+
diff --git a/public/main.css b/public/main.css
index 711aaf2..7e7f297 100644
--- a/public/main.css
+++ b/public/main.css
@@ -1,8 +1,15 @@
body {
- margin: 2rem;
+ margin: 0;
+ display: flex;
}
-.g-Books {
+.g-Aside {
+ padding: 1rem;
+ background-color: #333;
+}
+
+.g-Main {
+ padding: 1rem;
display: grid;
grid-template-columns: repeat(7, minmax(0, 1fr));
grid-gap: 1rem;
diff --git a/public/main.js b/public/main.js
deleted file mode 100644
index 29de235..0000000
--- a/public/main.js
+++ /dev/null
@@ -1,19 +0,0 @@
-const sortedBooks = books.sort((a, b) =>
- a.authorsSort == b.authorsSort
- ? a.date > b.date
- : a.authorsSort > b.authorsSort)
-
-const view = h('div',
- { className: 'g-Books' },
- ...sortedBooks.map(book => h('img', { className: 'g-Book', src: book.cover })))
-
-document.body.appendChild(view)
-
-// Helpers
-
-function h(tagName, attrs, ...children) {
- let elem = document.createElement(tagName)
- elem = Object.assign(elem, attrs)
- for (const child of children) elem.append(child)
- return elem
-}
--
cgit v1.2.3