Web GUI update

[vernak2539]

Updated the Web GUI to use bootstrap and have a cleaner design (fully responsive). Removed the big logo at the top, since most people are interested in the published modules and not a header. Put a static header on top, and it will be easy to add login buttons when it gets to that point.

Put pictures below, but running locally would probably be better.

Desktop + Mobile

(1) Large, (2) Large with vertical scroll

(1) Medium/Small, (2) Medium/Small with vertical scroll

Extra Small

[dsuckau]

Yeah, looks great.

[lxlang]

👍

[rlidwka]

Merging. Thanks!

[rlidwka]

Put a static header on top, and it will be easy to add login buttons when it gets to that point.

@vernak2539 , I added login button near the logo in 67b4528, but it doesn't quite fit there. Can you take a look to see how it could be improved?

[vernak2539]

@rlidwka, yeah I have an idea of what we could do. I'll probably able to look at it in the next few days. Is there a specific branch you're working on?

[rlidwka]

Is there a specific branch you're working on?

No, it's all in the master branch right now.

[vernak2539]

okay no worries. Should have something this week

[rlidwka]

@vernak2539, thanks again for the update.

I wanted to ask, was there any reason to use "position: fixed" for the main header there?

It creates an issue with anchors in readmes (<a name=...>, <h1 id=...>, etc.), they are appear under the header. We could use some css trickery, but I'm thinking about just use static positioning for it like most websites do.

[vernak2539]

I guess the only reason was to keep the header, and subsequently the search bar, always at the top of the page.

I didn't even think about the anchors in the readme files, but you're right; this would cause that behavior.

I think the static positioning would be just fine. Especially for people contributing in the future. I can change it, but if you got it no worries.