minetest.net mockup using Bootstrap

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



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.

[red]

looks nice and kind of like the freeminer page.

[Krock]

This is definitely a great website style and could attract more people.
*thumbs up*

[srifqi]

Nice! Looks promising.

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

[Calinou]

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.

[red]

I think this logo for minetest could suit this website viewtopic.php?f=3&t=10426&start=25

[gravelman]

+1

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

[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

[Evergreen]

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

[Excalibur Zero]

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.

[Nathan.S]

Agreed, a download with either the version number or even just a a plain download would be better than free download.

[Don]

I agree. Unless you are going to explain Foss then I think free should be left out.
Nice work on the website!

[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

[red]

Could you add the background image back?

[Calinou]

Could you add the background image back?

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

[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

[Calinou]

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.

[TriBlade9]

Alright, no biggie then.

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