Page 1 of 1

minetest.net mockup using Bootstrap

PostPosted: Tue May 05, 2015 18:47
by Calinou
I made a mockup of minetest.net using Bootstrap. It's entirely responsive, although it's not finished yet.
It has a notable downside compared to the current site: it does not rely on any particular CMS or wiki software, so it can't easily be updated.

The font used is Roboto Slab.

Image

Download

Possible improvements:
  • Make the Download, Community and Development pages
  • Add an image carousel/slideshow
  • Make a responsive favicon

License: CC0 1.0 Universal for everything.

Re: minetest.net mockup using Bootstrap

PostPosted: Wed May 06, 2015 14:13
by red
looks nice and kind of like the freeminer page.

Re: minetest.net mockup using Bootstrap

PostPosted: Wed May 06, 2015 16:54
by Krock
This is definitely a great website style and could attract more people.
*thumbs up*

Re: minetest.net mockup using Bootstrap

PostPosted: Wed May 06, 2015 18:54
by srifqi
Nice! Looks promising.

Just one thing, can it run in an old Javascript-disabled browser?

Re: minetest.net mockup using Bootstrap

PostPosted: Wed May 06, 2015 19:37
by Calinou
srifqi wrote:Nice! Looks promising.

Just one thing, can it run in an old Javascript-disabled browser?


It can run without JavaScript, but only on desktops. The mobile menu won't work without jQuery (which uses JavaScript). As I use jQuery 2.x (it's possible to use 1.x too for IE 6-8 support), only IE 9+ is supported. All recent Firefox, Chromium, Opera, Safari releases will work.

Bootstrap suports IE 7 and 8, so it's fine in that regard.

Re: minetest.net mockup using Bootstrap

PostPosted: Thu May 07, 2015 14:51
by red
I think this logo for minetest could suit this website https://forum.minetest.net/viewtopic.php?f=3&t=10426&start=25

Re: minetest.net mockup using Bootstrap

PostPosted: Thu May 07, 2015 15:28
by gravelman
+1

Re: minetest.net mockup using Bootstrap

PostPosted: Thu May 07, 2015 20:14
by webdesigner97
I really like the idea of a freh and modern design. Sure, the current one doesn't look bad, but it's simple, boring and too static.
The website is usually the first impression people get of the game, so it has look nice and be attractive. Minetest is unique and the website should be unique, too.

Re: minetest.net mockup using Bootstrap

PostPosted: Thu May 07, 2015 22:23
by Enke
I really like the idea of the new design. I do have one little problem with it, and that is the button that says "Free Download." Now, purely objectively, there's nothing wrong with it. In fact, objectively, it's as true as can be. But for me, "Free Download" makes it sound... scammy. Like it's a distribution of Minecraft, with a different name. I'm throwing my two cents in on changing the button, possibly to something like "Download Version 0.4.12" or something.

Maybe I'm just crazy. That's probably it. :-P

Edit: typo

Re: minetest.net mockup using Bootstrap

PostPosted: Fri May 08, 2015 02:42
by Evergreen
Enke wrote:I really like the idea of the new design. I do have one little problem with it, and that it the button that says "Free Download." Now, purely objectively, there's nothing wrong with it. In fact, objectively, it's as true as can be. But for me, "Free Download" makes it sound... scammy. Like it's a distribution of Minecraft, with a different name. I'm throwing my two cents in on changing the button, possibly to something like "Download Version 0.4.12" or something.

Maybe I'm just crazy. That's probably it. :-P

+1

Re: minetest.net mockup using Bootstrap

PostPosted: Sun May 10, 2015 14:32
by Excalibur Zero
Enke wrote:I really like the idea of the new design. I do have one little problem with it, and that it the button that says "Free Download." Now, purely objectively, there's nothing wrong with it. In fact, objectively, it's as true as can be. But for me, "Free Download" makes it sound... scammy. Like it's a distribution of Minecraft, with a different name. I'm throwing my two cents in on changing the button, possibly to something like "Download Version 0.4.12" or something.

Maybe I'm just crazy. That's probably it. :-P

I agree, "Free Download" does seem a little bit scammy. "Download Version 0.4.12" would sound a good bit more official.

Re: minetest.net mockup using Bootstrap

PostPosted: Wed May 13, 2015 16:58
by Nathan.S
Agreed, a download with either the version number or even just a a plain download would be better than free download.

Re: minetest.net mockup using Bootstrap

PostPosted: Thu May 14, 2015 01:09
by Don
I agree. Unless you are going to explain Foss then I think free should be left out.
Nice work on the website!

Re: minetest.net mockup using Bootstrap

PostPosted: Thu May 14, 2015 21:41
by Calinou
There have been some updates.

Changes:

  • Added a Screenshots section
  • Added a preloader (currently quite long on first load; will be shortened when screenshots will be lazy-loaded)
  • Added smooth scrolling to sections
  • Added a dynamic “back to top” button
  • Viewport updated (for better responsiveness)
  • Changed selected text color (for consistency across browsers and platforms)
  • Rename the button to “Download” and make it have standard case
  • Removed redundant “Home” link in navigation bar
  • Use Sass (SCSS syntax) for cleaner CSS
  • Moved libraries to lib folder

Re: minetest.net mockup using Bootstrap

PostPosted: Sun May 17, 2015 20:09
by red
Could you add the background image back?

Re: minetest.net mockup using Bootstrap

PostPosted: Sun May 17, 2015 21:22
by Calinou
red wrote:Could you add the background image back?


Huh, what happened to it? I see it here, in both Iceweasel and Chromium.

Re: minetest.net mockup using Bootstrap

PostPosted: Sun May 17, 2015 22:53
by TriBlade9
At first glance it looks clean, but somehow devoid of life. The navbar also looks rather bootstrappy.

Since you're using SCSS, why not use Foundation? It's generally better for responsiveness and themeing. (And has a larger set of widgets to boot.)

Otherwise looks nice, I definitely prefer it over the current one. Good job. :D

Re: minetest.net mockup using Bootstrap

PostPosted: Mon May 18, 2015 11:38
by Calinou
TriBlade9 wrote:At first glance it looks clean, but somehow devoid of life. The navbar also looks rather bootstrappy.

Since you're using SCSS, why not use Foundation? It's generally better for responsiveness and themeing. (And has a larger set of widgets to boot.)

Otherwise looks nice, I definitely prefer it over the current one. Good job. :D


I'm more experienced with Bootstrap than with Foundation, this is why I went with Bootstrap.

Also, Bootstrap has an official Sass port.

Re: minetest.net mockup using Bootstrap

PostPosted: Mon May 18, 2015 23:29
by TriBlade9
Alright, no biggie then.

I actually was not aware of the sass port, I ought to get back into responsive websites.