Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
smeghammer

Smeghammer's new website - Captured structured JSON data for R667 dump backup items

Recommended Posts

Posted (edited)

I built web front end to my github repo! 

 

It essentially brings together all the screenshots and download links for my WADs into a pretty (well, black and red) central place. 

 

I'm also adding all my test and dev maps as some of the info there might help other new mappers.

 

https://www.smeghammer.co.uk

 

I'd love to know what you all think, and would appreciate any feedback.

 

EDIT

Added link to the recent R667 data dump. I pushed it all to my github repo. It's not sorted - I'll probably build a python crawler to grab the metadata (style, topic etc.) from the R667 source so I can apply this to the flat dump:

 

https://www.smeghammer.co.uk/links/

>

https://github.com/smeghammer/r667_mirror

 

I also generated v1 of the metadata for them (not finished as sometimes missing data):

https://www.smeghammer.co.uk/data/output.json

https://raw.githubusercontent.com/smeghammer/wad_downloader/dev/output.json

 

tl/dr

Spoiler

 

As you might know, Git has a feature called Github Pages, and as I had a spare domain name floating around (he he he), I thought I'd use it for this.

 

For you web dev geeks out there, I used the pure.io CSS layout framework for - er - layout with jquery for lazy DOM fuckery stuff. I hand-cranked the bespoke CSS and built a bunch of custom javascript to render the navigations and many of the screenshot images. The dynamically rendered stuff is driven by a data array and I made sue the screenshot images were all numbered so I could build image names in a loop.

 

And for you network guys, there is an issue with my domain provider and the A records, so it is only the www. subdomain that is pointing to the github page - the root domain does NOT, and it will error. Chrome is vey unhelpful in this respect as it does not show the www in either case. Grr...

 

 

 

Edited by smeghammer

Share this post


Link to post

Very impressive, and it looks great! I'm not a web dev geek or a network guy, so I don't think I can fully appreciate the work that's gone into it, but the navigation is intuitive and has a nice visual style. Bookmarked!

Share this post


Link to post

Not too shabby, Smeg. A little basic, but navigation is straightforward and your use of colour is good and all the text is easy to read and discern from the background.

Share this post


Link to post
2 minutes ago, Lippeth said:

Very impressive, and it looks great! I'm not a web dev geek or a network guy, so I don't think I can fully appreciate the work that's gone into it, but the navigation is intuitive and has a nice visual style. Bookmarked!

 

Just now, Biodegradable said:

Not too shabby, Smeg. A little basic, but navigation is straightforward and your use of colour is good and all the text is easy to read and discern from the background.

 

Thanks guys!

 

It is a work in progress. I just wanted to get it out there. Any feedback is always welcome.

 

Yeah, IRL, I am a Python and front end web developer (not designer) so I absolutely agree that my design is a little basic...

 

If you look under the hood, you will see that I am driving quite a bit of the content from some javascript code referring to sequentially numbeed images on my github repos, and that the source HTML is actually very empty - particularly for the maps and snippets sections.

 

I'll be adding stuff to the site over time, firstly, the rest of what I am calling 'snippets' - basically the testing and dev stuff I did while learning. 

 

 

 

Share this post


Link to post

As promised in the OP, I have been tinkering with extracting structured data from R667 to embellish the recent Items download.

 

Made some progress, but I need to make the HTML filter for the info and credits tabs more intelligent - sometimes you get empty elements...

 

Anyway, here is the download link for the current cut of the data. It is a big arse JSON object, keyed on the item name. It is valid JSON.

 

https://www.smeghammer.co.uk/data/output.json (385Kb)

https://raw.githubusercontent.com/smeghammer/wad_downloader/dev/output.json 

 

If you do decide to mirror the items, this might be useful too.

 

Note, I'll be attempting to improve this.

Edited by smeghammer

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×