Smeghammer's website - Snippets added

[smeghammer]

>>>> UPDATE 03/07/22 <<<<

Added a couple of snippet examples and thumbnails:

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

 

 

>>>> UPDATE <<<<

Remember the old magazine CDs I ripped for the WADs and added to my github repo? Well, I updated my website to expose these in a nice browser, somewhat like the R667 things browser I built.

 

Check it out here:

 

https://www.smeghammer.co.uk/links/old-coverdisk-cds/

 

 

 

 

 

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 19/12/21:

Added Eureka custom Things howto:

https://www.smeghammer.co.uk/howtos/eureka.htm

 

EDIT 21/11/21:

Added my Doomworld API download browser:

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

Spoiler

for the geeks...

 - The ID games archive is a big tree, exposed via a REST API.

 - I don't want to front-load the whole lot as that would be very silly (waaaay too much data).

 - So... I load just the top-level entries and display them on page load.

 - On clicking a folder,  I make an AJAX request to retrieve the direct childs of that folder and load then into the DOM. That way, if we click that node again, we already have the data so don't need to make the same AJAX request again.

 - Essentially, I build the tree as I click the nodes.

 

 - Oh yeah, and the whole lot is from another of my sites, with a PHP server-side proxy to actually get the data, embedded in an iframe... Because Github Pages is client-side only...

Better styles YAY!!

 

 

• Added thumbs and summaries for /snippets and /maps sections:
  • https://www.smeghammer.co.uk/snippets/
  • https://www.smeghammer.co.uk/maps/
• Added more example stuff to /snippets section
• Started adding opengraph tags

 

EDIT 19/11/21:

• Added images to the  maps homepage:
  https://www.smeghammer.co.uk/maps/
• Also added link to @haruko haruhara's Google Sites repository.

EDIT 04/07/21:

• altered level2 nav to  give more content space
• added code to resize YT vids on page resize.

 

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 July 3, 2022 by smeghammer
updated site

[Lippeth]

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!

[Biodegradable]

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.

[smeghammer]

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. 

 

 

 

[smeghammer]

Added link to R667 data dump backup on my github repo:

 

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

>

https://github.com/smeghammer/r667_mirror 

[smeghammer]

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 June 16, 2021 by smeghammer

[smeghammer]

Just added a link to @haruko haruhara's Git repo of stuff.

 

I can add others if anyone wants to provide links to their online resource backups...

[smeghammer]

Reworked second level navigation to give more content area.

 

Also, added code to properly resize YT videos. 

[smeghammer]

Added a couple of things - see edit to OP

[smeghammer]

More content added to /maps and /snippets section homepages

 

[smeghammer]

Added embedded AJAX DW browser. See OP.

[smeghammer]

Updated styles for embedded IDGames browser - much nicer now. See OP.

[smeghammer]

updated ID Games download links to be https rather than ftp. Chrome doesn't do port 21 ftp any more...

[smeghammer]

I added a HOWTOs section, and a tutorial on adding custom things to Eureka:

https://www.smeghammer.co.uk/howtos/eureka.htm

[smeghammer]

necrobump! Big update! See OP.

[smeghammer]

Another bump... Some additional snippets with example code and videos; as well as more thumbnails.