cmdonovann (![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
cmdonovann) wrote in ![[community profile]](https://www.dreamwidth.org/img/silk/identity/community.png)
fancoded2023-07-06 10:46 am
cmdonovann) wrote in fancoded2023-07-06 10:46 am
Looking for Javascript advice
So, I'm trying to set up a little fanfiction archive for a tiny fandom that only has around 60 fics total. I would like to be able to sort these fics by a couple of categories: length (sorting shortest to longest), rating (sorting lowest to highest), ship (sorting ships alphabetically and by date within each ship category), completion (showing only completed fics in order of recency), and just a list of all the fics from oldest to newest.
Since I'm currently hosting this on Neocities, and there really aren't that many fics, my current solution is to just hard-code each category's list myself, and then have a little javascript to toggle between each list/sorting method. However, in the interest of making this project easier to maintain in the future, I am interested in eventually setting up a script that actually does this sorting for me, rather than having to hardcode each list individually myself. Is there a way to set custom parameters/tags of some kind to sort a list of items using javascript? (To be clear, I'm a total javascript noob, so if this question seems obvious or is worded badly, that's why.)
Example: for sorting fics by length, I would want to be able to give each fic a "length in words" attribute, then have a script that sorts and displays them from shortest to longest. For displaying all of the fic, I would want to be able to give each fic a "date published" attribute to sort from oldest to newest. For completion I would use the date attribute to sort them oldest to newest as well, but additionally filter out any that are marked as "unfinished" somehow? But I'm not sure how to practically do all this.
Any and all advice on javascript is welcome! Advising me to use something else will probably be ignored, because the entire purpose of doing it this way is to force myself to get better at javascript XD thanks for understanding!
Since I'm currently hosting this on Neocities, and there really aren't that many fics, my current solution is to just hard-code each category's list myself, and then have a little javascript to toggle between each list/sorting method. However, in the interest of making this project easier to maintain in the future, I am interested in eventually setting up a script that actually does this sorting for me, rather than having to hardcode each list individually myself. Is there a way to set custom parameters/tags of some kind to sort a list of items using javascript? (To be clear, I'm a total javascript noob, so if this question seems obvious or is worded badly, that's why.)
Example: for sorting fics by length, I would want to be able to give each fic a "length in words" attribute, then have a script that sorts and displays them from shortest to longest. For displaying all of the fic, I would want to be able to give each fic a "date published" attribute to sort from oldest to newest. For completion I would use the date attribute to sort them oldest to newest as well, but additionally filter out any that are marked as "unfinished" somehow? But I'm not sure how to practically do all this.
Any and all advice on javascript is welcome! Advising me to use something else will probably be ignored, because the entire purpose of doing it this way is to force myself to get better at javascript XD thanks for understanding!
Ah shit there I go being an Astro build evangelist again
Oh! This might actually be an excellent use case for Astro and its collections!!
They’ll allow you to assign that sort of metadata to each fic and then use JS to sort through the lists just like you said. ^^ I use it in my own neocities to have my fanfic sorted by publication date but the work behind it could be used to build filters and sorting by ship, fandom, word count, etc, etc. I can give you a closer look at what I have if you’d like? My code base is a bit messy but it might be illustrative enough combined with the docs above.
Re: Ah shit there I go being an Astro build evangelist again
Re: Ah shit there I go being an Astro build evangelist again
Ah yes!
For what it’s worth once you get the hang of Astro converting a project to it can become almost painless, but as a Very First Astro project converting a nearly complete website might not be the most fun, agreed. Perhaps a good second project tho!