[Website Competition] Material Design meets minetest.net

[srifqi]

Hi!
I'm joining this competition.
So,

Introducing: http://www.minetest.net in Material Design!

+ Screenshot

Snapshot August 16th 2015

Splash Screen:

Home Page:


Snapshot August 15th 2015
Album
Splash screen
Home Page

Old: http://i.imgur.com/qKi99EP.png

Live version: Root page
Download: ZIP (5.75MB)
License:

• Code by srifqi (CC BY-SA 3.0)
• Material Design Lite library by Google (Apache-2 License)
• Background image by Calinou (CC0 1.0 Universal)
• Other image authored as noted on website.

Any suggestions are welcome!

[Evergreen]

Very nice job srifqi!

[benrob0329]

It looks a little squished on my phone, but over all it looks great!

[Dragonop]

Nice job, I like it!
But on small resolutions such as mine, the "menu" hotbar at the top, looks huge, and makes surfing the website uncomfortable. (sorry if I explained pretty bad, my english is not perfect at all.)

[srifqi]

Okay, update here!

I just add splash screen and changed the color theme into indigo-red (previous: indigo-pink). You can try each color theme here.
Also, I think I should make text-only version. Any idea?

See my first post.

Very nice job srifqi!

Thanks!

It looks a little squished on my phone, but over all it looks great!

Um.. What's your browser and your phone? Any screenshot?
Anyway, thanks!

Nice job, I like it!

Thanks!

But on small resolutions such as mine, the "menu" hotbar at the top, looks huge, and makes surfing the website uncomfortable. (sorry if I explained pretty bad, my english is not perfect at all.)

Same as above, what's your browser and your phone? Any screenshot?

[Dragonop]

haha, no phone! I'm on PC (I don't know from where did you got that I'm on a phone, but whatever...) (I don't see why should I post a screenshot, you probably won't really get what it feels if you are on bigger screens.)

+ Spoiler

[srifqi]

haha, no phone! I'm on PC (I don't know from where did you got that I'm on a phone, but whatever...) (I don't see why should I post a screenshot, you probably won't really get what it feels if you are on bigger screens.)
--img--

Oh, sorry. Nothing looks "big" for me. It's default size on Android and Chrome OS. Because you say, something looks "big", so I think you opened it on mobile. Yup, screenshot is very useful here.


Okay, I'm waiting for benrob0329 to reply.

[srifqi]

Okay, update here!

I just edit a little at splash screen and completing many pages.
Also, I haven't made text-only version. Any idea?

See my first post.

[srifqi]

The submission period has ended. These two entries have been submitted before the end of the competition:
--list--

Hashes for the versions of the entries of the time of the contest ended:
--hash--

Woah, only two submission? I thought there will be more than five submission!

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.

Thanks!

Technical comparison:
Both entries are responsive in the sense that they run well on mobile devices or devices with small screens.

Nice to hear!

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.

Oh dear, it's too big.

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.

Umm... I was trying to build a simple API on PHP. Yes, PHP. I can't use others like, bootstrap, dokuwiki, and any other website builder, sorry. I know that it's a big minus.

2. Calinou's entry is made in bootstrap, which natively runs on the target platform github.

That is a plus!

[amadin]

Dit it support language translations?

[srifqi]

Dit it support language translations?

That's what I want.
I just want to add an API so that it will ask browser for language. I'll use one of PHP's function: http_negotiate_language. So, the URL remain same, only the content.

Also, the structure of folder "content" will be:

Your phone or window isn't wide enough to display the code box. If it's a phone, try rotating it to landscape mode.

Code: Select all

content
+en
| +home.php
| +download.php
| -
| ...
+id
| +home.php
| +download.php
| -
| ...
+ja
| +home.php
| +download.php
| -
| ...



But all of that was late.

[wilkgr76]

I prefer this to Calinou's, but alas, I'm too late :(