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

Smeghammer's website - Snippets added

Recommended Posts

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

Added a couple of snippet examples and thumbnails:


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

 

25.png?raw=true

 

>>>> 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/

1.png?raw=true

 

 

2.png?raw=true

 

 

 

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!!

34345140_DWRESTAPIbrowser-GoogleChrome23_11_202120_44_36.png.edc7362e8231f767a16e9ca306f2ca6e.png

 

1927068508_IDGamesdownloads-GoogleChrome23_11_202121_45_28.png.f052d77e965bbb85c86af91cfd0ca53f.png

 

 

EDIT 19/11/21:

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 by smeghammer : updated site

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

Reworked second level navigation to give more content area.

 

Also, added code to properly resize YT videos. 

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
×