[Website Competition] Material Design meets minetest.net

Post Reply
User avatar
srifqi
Member
Posts: 570
Joined: Sat Jun 28, 2014 04:31
GitHub: srifqi
IRC: srifqi
In-game: srifqi
Location: Indonesia

[Website Competition] Material Design meets minetest.net

by srifqi » Post

Hi!
I'm joining this competition.
So,

Introducing: http://www.minetest.net in Material Design!
Spoiler
Snapshot August 16th 2015

Splash Screen:
Image
Home Page:
Image

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: Any suggestions are welcome!
Last edited by srifqi on Sun Aug 16, 2015 16:29, edited 2 times in total.
Saya dari Indonesia! · Terjemahkan Minetest! · my mods · My nickname in IPA: /es.rif.qi/

User avatar
Evergreen
Member
Posts: 2135
Joined: Sun Jan 06, 2013 01:22
GitHub: 4Evergreen4
IRC: EvergreenTree
In-game: Evergreen
Location: A forest in the midwest
Contact:

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

by Evergreen » Post

Very nice job srifqi!
Back from the dead!

User avatar
benrob0329
Member
Posts: 1341
Joined: Thu Aug 06, 2015 22:39
GitHub: Benrob0329
IRC: benrob0329
In-game: benrob03
Location: Michigan
Contact:

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

by benrob0329 » Post

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

Dragonop
Member
Posts: 1233
Joined: Tue Oct 23, 2012 12:59
GitHub: Dragonop
IRC: Dragonop
In-game: Dragonop
Location: Argentina

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

by Dragonop » Post

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.)

User avatar
srifqi
Member
Posts: 570
Joined: Sat Jun 28, 2014 04:31
GitHub: srifqi
IRC: srifqi
In-game: srifqi
Location: Indonesia

UPDATE: [Website Competition] Material Design meets minetest

by srifqi » Post

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?
Saya dari Indonesia! · Terjemahkan Minetest! · my mods · My nickname in IPA: /es.rif.qi/

Dragonop
Member
Posts: 1233
Joined: Tue Oct 23, 2012 12:59
GitHub: Dragonop
IRC: Dragonop
In-game: Dragonop
Location: Argentina

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

by Dragonop » Post

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
Image
Attachments
srifqi minetest.PNG
srifqi minetest.PNG (244.26 KiB) Viewed 774 times

User avatar
srifqi
Member
Posts: 570
Joined: Sat Jun 28, 2014 04:31
GitHub: srifqi
IRC: srifqi
In-game: srifqi
Location: Indonesia

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

by srifqi » Post

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.
Saya dari Indonesia! · Terjemahkan Minetest! · my mods · My nickname in IPA: /es.rif.qi/

User avatar
srifqi
Member
Posts: 570
Joined: Sat Jun 28, 2014 04:31
GitHub: srifqi
IRC: srifqi
In-game: srifqi
Location: Indonesia

UPDATE: [Website Competition] Material Design meets minetest

by srifqi » Post

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.
Saya dari Indonesia! · Terjemahkan Minetest! · my mods · My nickname in IPA: /es.rif.qi/

User avatar
srifqi
Member
Posts: 570
Joined: Sat Jun 28, 2014 04:31
GitHub: srifqi
IRC: srifqi
In-game: srifqi
Location: Indonesia

Analysis: Material Design meets minetest.net

by srifqi » Post

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!
Saya dari Indonesia! · Terjemahkan Minetest! · my mods · My nickname in IPA: /es.rif.qi/

amadin
Member
Posts: 549
Joined: Tue Jun 16, 2015 16:23

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

by amadin » Post

Dit it support language translations?

User avatar
srifqi
Member
Posts: 570
Joined: Sat Jun 28, 2014 04:31
GitHub: srifqi
IRC: srifqi
In-game: srifqi
Location: Indonesia

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

by srifqi » Post

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:

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.
Saya dari Indonesia! · Terjemahkan Minetest! · my mods · My nickname in IPA: /es.rif.qi/

wilkgr76
Member
Posts: 832
Joined: Wed Feb 18, 2015 02:44
GitHub: wilkgr76

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

by wilkgr76 » Post

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

Post Reply

Who is online

Users browsing this forum: No registered users and 9 guests