minetest.net mockup using Bootstrap

Post Reply
User avatar
Calinou
Moderator
Posts: 3166
Joined: Mon Aug 01, 2011 14:26
GitHub: Calinou
IRC: Calinou
In-game: Calinou
Location: Troyes, France
Contact:

minetest.net mockup using Bootstrap

by Calinou » Post

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.

red
Member
Posts: 30
Joined: Sun May 03, 2015 08:18

Re: minetest.net mockup using Bootstrap

by red » Post

looks nice and kind of like the freeminer page.

User avatar
Krock
Developer
Posts: 4589
Joined: Thu Oct 03, 2013 07:48
GitHub: SmallJoker
Location: Switzerland
Contact:

Re: minetest.net mockup using Bootstrap

by Krock » Post

This is definitely a great website style and could attract more people.
*thumbs up*
Look, I programmed a bug for you. >> Mod Search Engine << - Mods by Krock - DuckDuckGo mod search bang: !mtmod <keyword here>

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

Re: minetest.net mockup using Bootstrap

by srifqi » Post

Nice! Looks promising.

Just one thing, can it run in an old Javascript-disabled browser?
Saya dari Indonesia! · Terjemahkan Minetest! · my mods · My nickname in IPA: /es.rif.qi/

User avatar
Calinou
Moderator
Posts: 3166
Joined: Mon Aug 01, 2011 14:26
GitHub: Calinou
IRC: Calinou
In-game: Calinou
Location: Troyes, France
Contact:

Re: minetest.net mockup using Bootstrap

by Calinou » Post

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.

red
Member
Posts: 30
Joined: Sun May 03, 2015 08:18

Re: minetest.net mockup using Bootstrap

by red » Post

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

gravelman
Member
Posts: 48
Joined: Sat Dec 06, 2014 12:31
In-game: gravelman
Location: Switzerland

Re: minetest.net mockup using Bootstrap

by gravelman » Post

+1
Hopp Schwizz!

User avatar
webdesigner97
Member
Posts: 1327
Joined: Mon Jul 30, 2012 19:16
GitHub: webD97
IRC: webdesigner97
In-game: webdesigner97
Location: Cologne, Germany
Contact:

Re: minetest.net mockup using Bootstrap

by webdesigner97 » Post

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.

User avatar
Enke
Member
Posts: 469
Joined: Fri Nov 15, 2013 02:56
GitHub: NANOsoldierEnke
IRC: Enke
In-game: Enke
Location: The internet

Re: minetest.net mockup using Bootstrap

by Enke » Post

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
Last edited by Enke on Mon May 11, 2015 11:51, edited 1 time in total.
Lush8
ExtraVars for Red Eclipse

<Anarchid> my turn was still the most awesome, yielding all the cripples, two captured paranormals, and death rate of about 30%
<ORCACommander> Anarchid: you need to work harder
<ORCACommander> I am hereby putting you under review until you can increase the casualty rate

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: minetest.net mockup using Bootstrap

by Evergreen » Post

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
Back from the dead!

User avatar
Excalibur Zero
Member
Posts: 142
Joined: Tue Apr 02, 2013 19:45
GitHub: ExcaliburZero
Location: United States
Contact:

Re: minetest.net mockup using Bootstrap

by Excalibur Zero » Post

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.

User avatar
Nathan.S
Member
Posts: 1065
Joined: Wed Sep 24, 2014 17:47
GitHub: NathanSalapat
IRC: NathanS21
In-game: NathanS21
Location: Bigsby Texas
Contact:

Re: minetest.net mockup using Bootstrap

by Nathan.S » Post

Agreed, a download with either the version number or even just a a plain download would be better than free download.
I record Minetest videos, Mod reviews, Modding tutorials, and Lets plays.
Check out my website, and brand new Minetest Modding Course

User avatar
Don
Member
Posts: 1643
Joined: Sat May 17, 2014 18:40
GitHub: DonBatman
IRC: Batman
In-game: Batman

Re: minetest.net mockup using Bootstrap

by Don » Post

I agree. Unless you are going to explain Foss then I think free should be left out.
Nice work on the website!
Many of my mods are now a part of Minetest-mods. A place where you know they are maintained!

A list of my mods can be found here

User avatar
Calinou
Moderator
Posts: 3166
Joined: Mon Aug 01, 2011 14:26
GitHub: Calinou
IRC: Calinou
In-game: Calinou
Location: Troyes, France
Contact:

Re: minetest.net mockup using Bootstrap

by Calinou » Post

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
Member
Posts: 30
Joined: Sun May 03, 2015 08:18

Re: minetest.net mockup using Bootstrap

by red » Post

Could you add the background image back?

User avatar
Calinou
Moderator
Posts: 3166
Joined: Mon Aug 01, 2011 14:26
GitHub: Calinou
IRC: Calinou
In-game: Calinou
Location: Troyes, France
Contact:

Re: minetest.net mockup using Bootstrap

by Calinou » Post

red wrote:Could you add the background image back?
Huh, what happened to it? I see it here, in both Iceweasel and Chromium.

TriBlade9
Member
Posts: 89
Joined: Fri Sep 05, 2014 09:35

Re: minetest.net mockup using Bootstrap

by TriBlade9 » Post

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

User avatar
Calinou
Moderator
Posts: 3166
Joined: Mon Aug 01, 2011 14:26
GitHub: Calinou
IRC: Calinou
In-game: Calinou
Location: Troyes, France
Contact:

Re: minetest.net mockup using Bootstrap

by Calinou » Post

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.

TriBlade9
Member
Posts: 89
Joined: Fri Sep 05, 2014 09:35

Re: minetest.net mockup using Bootstrap

by TriBlade9 » Post

Alright, no biggie then.

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

Post Reply

Who is online

Users browsing this forum: No registered users and 2 guests