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
64 Commits 3 Branches 4 Tags 2 MiB
CSS 40%
HTML 21.6%
JavaScript 20.3%
Less 18.1%
46075c641b
Go to file
Camille Frantz 46075c641b
setting up to rscync from local directory using .gitea/.excludes
2024-11-08 12:48:46 -06:00
.gitea setting up to rscync from local directory using .gitea/.excludes 2024-11-08 12:48:46 -06:00
assets moving public/* to . 2024-11-08 12:42:30 -06:00
css moving public/* to . 2024-11-08 12:42:30 -06:00
js moving public/* to . 2024-11-08 12:42:30 -06:00
index.html moving public/* to . 2024-11-08 12:42:30 -06:00
README.md no need for a copy of the json file in the repo [skip ci] 2024-11-08 12:30:55 -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

Releases

Dowload here

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