dreadwarrior / dreadwarrior.github.io Goto Github PK
View Code? Open in Web Editor NEWPersonal landing page and book tracker.
Home Page: https://van-tomas.de
License: MIT License
Personal landing page and book tracker.
Home Page: https://van-tomas.de
License: MIT License
When entering a single book page from an RSS feed reader, it is not obvious to the user in which booklist the book is assigned to.
While completed books use a ribbon in their corner, nothing similar exists for wishlist books.
In file layouts/_default/baseof.html
, two dedicated <script>
sections were added.
The more books are added, the more lengthy a bookshelf term page becomes.
Paging should solve that issue.
9783596125333
9783492315944
9783492305655
A nice anchor would be cool. ⚓
Currently, only german ISBN-13 numbers are working when using the hugo new
commands for creating book content.
Notes
Maybe openlibrary.org or inventaire.io APIs can be used.
Documentation in README.md
describes how to add a new book and / or review.
What's left untold, is that currently, the book title data retrieval is performed against a german bibliographic catalog.
When the website is shared to the Home Screen, eg on iOS, there's no way to share a specific page.
This could be solved eventually by using Web Share API with fallback.
See this blog post for more information: https://css-tricks.com/how-to-use-the-web-share-api/
This also entails reworking the link--force-word-break
class.
A user may be confused, when following a topic link of a book detail page.
There are some ideas to mitigate this already:
#wishlist
to the topic link).Due to not have to store remote data within the VCS, this project is using remote resources.
To ensure, that remote systems are not queried too often,
this decision relies on Hugo's default cache eviction setting of "forever"1
for the getresource
cache.
It can be introspected by issuing the following command:
hugo config --format json | jq .caches.getresource.maxage
In order to ensure, this setting is not changed accidentally or intentionally,
it should be added to the CI pipeline as a assumption build step.
The select box background should be slightly darker when the light theme is in use.
In dark mode it is slightly lighter, and this pattern, but in "reverse" should be applied to the light mode.
Obsoletes manual Datenshop export.
Remove all i18n artifacts.
For more information, please also see section "Decision: Response image generation" at DreadLabs/dreadlabs.github.io.
Optional: See also this article to find out how to use that for images from content.
Notes:
Important: ensure, that images from remote source are only read once to not overload external services.
On mobile devices, the hover effect on covers in lists,
revealing the book title and author suffers from "sticky hover" errors.
This is a known issue and can be solved by using a certain CSS 4 media query.
See the following post for more information: https://www.mediaevent.de/css/hover-touch.html
Possible approach(es):
Perhaps, this can be solved by using the technique described in this article:
https://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/
Checking the contrast of the light theme, resulted in "poor" classification.
Cf. https://coolors.co/contrast-checker/738290-fffcf7
Solution suggestion:
Expected result: contrast checker reports "super" classification: https://coolors.co/contrast-checker/1c2541-fffcf7
Notes:
languageCode
in config/config.toml
.defaultContentLanguage
to config/config.toml
.title
in config/config.toml
.content/_index.md
and introduce greeting
param in front matter, will be eval'd in theme's index template.introduction.html
.It's no longer needed.
This could be more visually appealing by using mood images for each topic (perhaps midjourney generated?)
A nice example, token from https://freefrontend.com/css-lists/ is: https://codepen.io/michellebarker/pen/MWQdLoG
This migration script is no longer needed.
This is currently chaotic because Pure.css uses SMACSS,
while custom CSS rules should adhere to BEMS rules.
Use:
They were not updated when changed in Makefile
.
Because, no theme is actually used.
Example: "Übersinnliches"
According to section "Dark Mode Shadows" of A Complete Guide to Dark Mode on the Web :
(see Tw*tter embed).
This is not properly achieved now and must be fixed.
The challenge becomes visible, when using Dark Mode and using the tooltip control elements.
See also section "Technique #5: Applying a large box shadow to a modal" at https://tympanus.net/codrops/2013/11/07/css-overlay-techniques/.
The alphabetical sorting is confusing, when entering the page from the books overview page.
The alphabetical sorting doesn't matter (perhaps).
Based on https://alexandersandberg.com/articles/creating-a-website-theme-switcher-with-css-only/
Notes:
colors.light
and colors.dark
to Hugo configuration.var()
functions.color
and background-color
of body
to #page
selector.body, html
selector.
#page
selector.#page
selector for short content.margin-left
"corrections" of h1
and h2
in .column .right
selector.select
element styling based on https://codepen.io/raubaca/pen/bGWmZje.A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.