FOSS gamedev and creative worlds

The competition has ended. Calinou's bootstrap entry won, and is deployed.

Hello,

the minetest website has come into the years. It had its time, but it has been decided to replace it, with something nicer. To find a new design, we (the core team) are holding a design contest.

Entries have to fulfill:

1. Has to look good :)
2. Should have similar content as the main page (basic description, has all the links, some screenshots, etc.).
3. Of course, it has to be permissively licensed (like CC-BY-SA), i.e. no nc/nd clauses.
4. We either want to run the website using github pages, or dokuwiki. Therefore, we accept dokuwiki templates, and jekyll content. Also, you can chose another (open source) technology for display on github, as long as you provide us with automated steps (git hook + setup steps, apt-get etc) to generate the html.
5. It should be more than just a proof-of-concept, therefore it should be responsive, and not require too much data for mobile connections. Special optimisations in this regard are a big plus!

Steps of the contest:

1. We accept entries until August 18, in one month. Please submit them in their own thread (in this subforum), with a post linking them here.
2. We filter out submissions which obviously don't meet the criteria. To provide further assistance, this is partly already done during the entry period. You will see a list in this post.
3. We let the public vote to get an overview over popularity.
4. The core devs discuss which entry to chose, what to modify, also considering technical arguments (esp. 4. and 5.).
5. A winner gets announced, and the new website gets deployed!!

Who can submit:
Anybody :), including coredevs. If they submit an entry, they should be as neutral as possible in the discussion. Multiple entries, teams, etc, all allowed. Drafts are good for the discussion, but will get filtered out in step 2. Therefore, complete your submissions! You are free to use content not created by you as long as the licensing is ok.

FAQ

How should I submit? As described above, you should create a new thread for your submission inside this forum. The first post in the thread should be kept up to date with the latest state of development. It should contain:

1. A screenshot
2. (If existent) A link to a live version
3. Link to the source code (zip, github, gitlab, whatever you think is apropriate)
4. License information
5. If you are submitting as a team, the team members.

What exactly should the "source code" contain? Everything needed by us to be abled to set the website up and keep it up to date.
What should be the scope of the website? The only strict goal is to make a (representative) landing site to sit in front of the forum, the downloads, and the wikis and all of those things that we have - the purpose is important, not how the purpose is exactly fulfilled.

We would also welcome a good bit of open discussion about the future design during this time in the community.

Happy designing!

Submissions:
1. srifqi's Material Design meets minetest.net
2. Calinou's Bootstrap entry

Is it going to be any discussion about the final decision of the core devs or it will be deployed inmediatly?

We'll listen to arguments. Its best to comment on submissions early on, so that we can value them.

js/css for github contributors that could be loaded into the new site:
https://jsfiddle.net/8wx98qnj/

cornernote wrote:js/css for github contributors that could be loaded into the new site:
https://jsfiddle.net/8wx98qnj/

Pretty cool looking. That div is unneeded though - it's more semantic to just have a list.

Although this sort of functionality shouldn't really rely on js.

Thanks, i updated it to just have the UL:
https://jsfiddle.net/8wx98qnj/2/

You can also do it via server-side request (eg using php), but as I understand it this will not be an option when using GH-Pages and Jekyll.

So neither WordPress nor Drupal would work? (I prefer Drupal, though haven't switched my (and some friends') site to it yet)

Confirm, neither would work. Once you know one technology though, you can learn the other one pretty fast I guess.

I think current design of current site is nice so why create new design? I think site must have multi language and change language automaticaly by detecting default browser language, but dokuwiki translation plugins can't detect and change language automaticaly. If use for minetest.net and for wiki.minetest.net different cms then you may use Drupal for minetest.net with auto switching language and for wiki.minetest.net use dokuwiki for example. At least after the user typed in Google "Minetest" he will see the main site (minetest.net) in his own language (in minetest plays many small children so we must simplify the initial process of familiarization). And template must be adaptive for tablet and smartphone.

One thing though, if you use Drupal you can have the same theme and even website for everythin: (I think).

The submission period has ended. These two entries have been submitted before the end of the competition:
1. srifqi's Material Design meets minetest.net
2. Calinou's Bootstrap entry

Hashes for the versions of the entries of the time of the contest ended:
srifqi's entry zip had the sha256sum f529c6f794a9a561d843acbda4840328e0dd6dabe995a009986d936ac6243f34
Calinou's entry had the git commit a7244130edebb1604b2077151992066fe1d47d70

Both have been submitted within time, and fulfil the original requirement of a website for minetest, they have, as far as I can tell, all neccessary elements. Also, both have free licenses, as required.

Technical comparison:
Both entries are responsive in the sense that they run well on mobile devices or devices with small screens.
I have run both sites through the W3C mobileOK Checker, and both failed, already due to their size. While most what the checker complains about isn't very relevant in my opinion, its size metric is very useful. srifqi's entry had a size of ~260 KiB, which is less than Calinou's ~2.6 MiB. I don't think though that we need such a strict border of 20 KiB, its enough in my opinion if the website stays below 100 KiB.
1. srifqi's entry uses the Material Design library, and php. As it uses PHP, it doesn't run on github without tricks, like pregenerating the html locally, after every change of the php source. This is a big minus.
2. Calinou's entry is made in bootstrap, which natively runs on the target platform github.

est31 wrote:Calinou's ~2.6 MiB.

It's only that big because he hasn't made thumbnails of the gallery yet.

rubenwardy wrote:

est31 wrote:Calinou's ~2.6 MiB.

It's only that big because he hasn't made thumbnails of the gallery yet.

Yes, there is an issue about it.

I think that the competition lasted not enough time for the entrys to reach it's full potential

Perhaps not, but then again they are mostly done..

The competition has ended, and Calinou's bootstrap design is the winning entry. It has been deployed to minetest.net

I like the new site!

I agree. Looks so much cleaner and easy to use.
Just need to add this to the head so I can scale on my phone.

The fonts look messed up....too skinny or something, IDK
the edges look jagged and weird.



Other than the fonts, tho, it looks nice.

What was wrong with the old site?
Was it just time for a change or what?

Napiophelios wrote:The fonts look messed up....too skinny or something, IDK
the edges look jagged and weird.



Other than the fonts, tho, it looks nice.

What was wrong with the old site?
Was it just time for a change or what?

20150831005249.png

Which browser and operating system do you use?

I use Chromium browser and WindowsXPSP3

The screenshot is when viewed with Chromium,
but looks the same with Opera and Firefox.
It looks best with Google Chrome.
I thought maybe its because I have a small screen (1024x600),
but it looks the same when increased zoom
so it must be my old WindowsXP OS :)

I use Ubuntu Gnome 15.04. I tried it on both Chrome and Firefox. I also have an android phone with Chrome. They all look good. The text does not look like that.

It looks 10x better on the Android...but its still rough looking when images are loaded behind the text.

No issues with Firefox or UC-Browser/IExplorer (yes, I got a cheap Windows Phone. Shame on me)