Page 1 of 1

[Website Competition] Material Design meets minetest.net

PostPosted: Fri Aug 14, 2015 14:07
by srifqi
Hi!
I'm joining this competition.
So,

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

+ Screenshot


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

Any suggestions are welcome!

Re: [Website Competition] Material Design meets minetest.net

PostPosted: Fri Aug 14, 2015 14:30
by Evergreen
Very nice job srifqi!

Re: [Website Competition] Material Design meets minetest.net

PostPosted: Fri Aug 14, 2015 14:54
by benrob0329
It looks a little squished on my phone, but over all it looks great!

Re: [Website Competition] Material Design meets minetest.net

PostPosted: Fri Aug 14, 2015 23:49
by 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.)

UPDATE: [Website Competition] Material Design meets minetest

PostPosted: Sat Aug 15, 2015 10:33
by 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.

Evergreen wrote:Very nice job srifqi!

Thanks!

benrob0329 wrote: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!

Dragonop wrote:Nice job, I like it!

Thanks!

Dragonop wrote: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?

Re: [Website Competition] Material Design meets minetest.net

PostPosted: Sat Aug 15, 2015 15:34
by 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

Re: [Website Competition] Material Design meets minetest.net

PostPosted: Sat Aug 15, 2015 16:03
by srifqi
Dragonop wrote: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.

UPDATE: [Website Competition] Material Design meets minetest

PostPosted: Sun Aug 16, 2015 16:29
by 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.

Analysis: Material Design meets minetest.net

PostPosted: Wed Aug 19, 2015 12:16
by srifqi
est31 wrote: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!

est31 wrote: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!

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

Nice to hear!

est31 wrote: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.

est31 wrote: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.

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

That is a plus!

Re: [Website Competition] Material Design meets minetest.net

PostPosted: Wed Aug 19, 2015 12:38
by amadin
Dit it support language translations?

Re: [Website Competition] Material Design meets minetest.net

PostPosted: Wed Aug 19, 2015 17:56
by srifqi
amadin wrote: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.

Re: [Website Competition] Material Design meets minetest.net

PostPosted: Mon Feb 29, 2016 23:18
by wilkgr76
I prefer this to Calinou's, but alas, I'm too late :(