OpenDiablo2 / Website

The opendiablo2.com website
GNU General Public License v3.0
13 stars 4 forks source link

Make the website look less terrible #1

Closed essial closed 4 years ago

essial commented 4 years ago

Our website looks awful because I am not a visual person. Someone who knows what they are doing may want to help make the website a little less terrible. We're also eventually going to start adding the file specifications to the site as well.

christiannicola commented 4 years ago

I'm happy to help out here if needed! Just let me know what you have in mind and I'll try to get something done by the end of the week.

essial commented 4 years ago

Sure, I'll put something together this afternoon and attach to this issue. Thanks so much, I really appreciate it!

essial commented 4 years ago

For the most part I don't care much about the layout. We need simple navigation, a place at the top to put the latest announcements (all static HTML from /docs so no server side needed). It needs the info that is already on the page as well. It may be nice to have direct download links to the releases (I know they are getting stale, I'll work on fixing that this weekend).

The only other thing to note is we do want to have a section for file specifications (each on their own page), which will mainly consist of tables of field (something similar to https://user.xmission.com/~trevin/DiabloIIv1.09_File_Format.shtml but preferably with less eye bleeding).

Since we are currently using github docs I understand if it's not possible to do more than one page right now -- I'll eventually spin up a cloud server and run it on node.js or something. I at least want to get the style/css going as I am terrible with that kind of stuff.

christiannicola commented 4 years ago

Github Pages would be enough since you're hosting static information. How about the design itself - do you want to keep the look mostly intact or would you rather prefer a more modern look?

essial commented 4 years ago

A more modern look is fine. I don't want anything too crazy, but I'm not purposefully trying to push that 90s website design.

christiannicola commented 4 years ago
Bildschirmfoto 2019-11-14 um 00 22 24
christiannicola commented 4 years ago

Here's an update on the general look and feel plus a dummy table. Still deciding on the color palette, but the primary red color as shown on the button on the left seems to be quite fitting. Feedback is welcome!

essial commented 4 years ago

Do keep in mind the tables will be grid tables display data offset types, fields, and descriptions inline with other specification verbage, not the data tables use to display webapi output.

jordan0420 commented 4 years ago

Is there any way you could create another repository for the current website files?

damiankorcz commented 4 years ago

I've recently looked for a nice solution for a static website which would serve as my personal portfolio. I've settled to use the Hugo Framework (Also GoLang based) in conjunction with Netlify. You store the website in a repo and Netlify will monitor the repo specified and automatically build and deploy any update made to the master branch. There is a learning curve but it does come with a lot of convenience once setup. There are plenty ready made themes you can use with Hugo. A few tweaks to a ready made theme and you could be up and running. Also if you'd choose to have a blog, it's relatively easy to setup and each post can be generated from Markdown files (containing some info for formatting, titles, tags, etc. in TOML at the top of file). I'd be happy to help with it if you are interested.

Myles-Glass commented 4 years ago

I agree with Jordan0420, I'm sure there are many willing to contribute to the website. We could also make use of a discord channel for the website I think.

essial commented 4 years ago

What do you mean by "make use of a discord channel for the website"?

Myles-Glass commented 4 years ago

I mean creating a discord channel labelled "website", possibly a temporary one, where we discuss only the website and it's development. I think this would only be needed if there was a repo created for the website though. I've got some ideas for the website, and I'm sure many others do to, so it would just be a place to discuss the ideas for the website.

laeven commented 4 years ago

@Myles-Glass I mentioned it and @essial has created one already :) *edit Created a discord channel

christiannicola commented 4 years ago

I guess it is more fitting to use a framework like Hugo since this is a Golang project. I'll temporarily stop development on the static React SPA I've been working on - let me know once there is a decision on how to go forward from here. I'll join the Discord channel to continue the discussion over there.