fyrfli/jsquotes
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 3 Wiki Activity
A simple javascript powered page displaying all the my favourite quotes https://quotes.fyrf.li
57 Commits 3 Branches 4 Tags 2 MiB
CSS 40%
HTML 21.6%
JavaScript 20.3%
Less 18.1%
98d8652116
Go to file
Camille Frantz 98d8652116
All checks were successful
deploy updated site / rsync the directories (push) Successful in 33s
Details
removed the woodpecker workflow file; update README
2024-11-08 12:19:06 -06:00
.gitea/workflows actions to run only on push to main 2024-11-08 09:40:34 -06:00
public search function added in, styled, and working 2024-11-08 12:01:26 -06:00
FavouriteQuotes.json new quote 2023-02-09 21:36:55 -06:00
README.md removed the woodpecker workflow file; update README 2024-11-08 12:19:06 -06:00

README.md

Quotes library

Features

  1. Read quotes in from https://cdn.fyrfli.link/FavouriteQuotes.json
  2. Display them all in a grid fashion
  3. Has a live search feature that allows you to filter quotes based on a case-insensitive input field

To Do

  1. Abstract it so that you can pick the file
  2. Create a Docker file to build an image if desired

2024-11-08 12:18:15

~~# Reading json and randomly posting content

I wanted to create an "app" that would read in JSON and print out the results randomly based on a randomly generated number. It took me a while to get right, mostly because of the JSON file format. I have it down now. This is my result.

This started out as a looping display of random quotes and evolved to be just one large grid with all the quotes. It's getting to be a pretty large page so the next step for this is to make all items the same size with a "more..." indicator that when clicked will open up a css popover with the full quote and an "X" to close.

19-Mar-2024 ~~