This the official release of listy topic.
Listy is a public web directory for websites built on the SAFE Network with the ability for users to submit websites. Listy has been updated with a lot of new features and a new UI.
These look great. Are they on github? I find that easier to look at code there.
Edit: Doh! Sorry. Ad blindness to the thumbnail that discourse put in, instead of just showing the URL
Finally got around to messing with listy the other night and it’s one of my favorite sites. Very cool how the sites are hyperlinked and have a brief description. I thought to myself it’d be amazing if listy could show the URL up top as is now and have an image of the sites front page (like previously viewed websites in some browsers) and have the image direct you to the site upon clicking. Is something like this possible @Joseph_Meagher?
Added in a new feature just hover on the title and the URL will come up.
I was thinking of ways to do this but couldn’t come up with a good way to do it. Here are some of the ideas I came up with:
Users upload a thumbnail when they are uploading their web card
pros:
simple enough to implement
can put in specifications i.e. must be PNG or 200x200px
cons:
can’t be changed (probably)
users are not able to upload files in the current SAFE Browser
will take longer to load website each time an entry is added
will change how the data looks in the mutable data structure
Image is taken directly from webservice using webfetch
pros:
listy already uses webfetch to make sure a website exits
will be easy for users to update
won’t change data format in Mutable Data structure
cons:
could take even longer to load if each website without an image has to send back an error which can take some time and then listy checks if the webservice actually exists
could mess up how the webcards look especially if images are all very different sizes and ratios
Users themselves build the website
Explainer: The users themselves get all the data (html,js,css etc) build the website themselves in the background and how it should look then a snapshot is taken of the mock up and fed back into the DOM as a thumbnail
pros:
should always give a live and accurate preview of the website
possible that the loading time of navigating to the website is reduced if data is stored in cache
cons:
the time it would take to load everything would probably make listy impractical
a lot of work involved and no real idea where you should start, maybe iframe or web capture websites
Overall I don’t think I’ll implement it for Listy yet, but thumbnails could work well for Vidy.