Responsive UI and front page

[serra]

With #41 it is better, but we still have responsiveness issues ont the front page.

The real problem is that we try to jam too much content on the front page.
This leads to scrolling issues and a less responsive frontpage.

Better would be:

• use the default skeleton breakpoints as these match default screen sizes for common devices
• strip down the top menu to 5 top level items max
• reduce the content in the manifesto and about sections so that they better fit the page and trigger additional clicks on the website
• fix the column selectors 4u 6u 12u in the sponsors section to better match the width
  But that is for some other time.

[serra]

Course of action:

1. confirm with peter that we're talking about the responsiveness of the main page here (and indentify how I can recognize the issue
2. if so, use the history of the main page to verify in which version this behavior got introduced
3. fix it

[serra]

So what is happening is that the skeleton still has the old breakpoint in the javascript somewhere, but they do no longer correspond to the breakpoint in the css. Note that the skeleton still switches between modes:

It does so at the OLD breakpoints, modified in fcf7b9e:

[serra]

☝️ that might explain the awkward scrolling behavior of the main pages as that is handled by javascript.

[serra]

[serra]

[serra]

I suspect that this was the motivation behind the change in the style sheet. For things to keep working it is better to keep the skeleton boundaries. E.g.:
(in _landed.scss)

	@include skel-breakpoints((
		xlarge: '(max-width: 1680px)',   // original: 1680
		large: '(max-width: 1680px)',    // original: 1280
		medium: '(max-width: 1280px)',    // original:  980
		small: '(max-width: 980px)',     // original:  736
		xsmall: '(max-width: 480px)'     // original:  480
	));

[serra]

But we still have to drop one (on or more) top-level item(s) from the main menu.

[serra]

Some old notes:

Slack conversation leading to this issue:

History for _landed.scss
shows that the last relevant change to _landed.scss was on January 29th, where basically the larger layout settings were disable by setting them to extremely large values (13thousand pixels and up) in commit fcf7b9e.

That resembles the change Peter refers to and it is currently live.

Maybe there have been other changes too to other files too? Let's check that out.
mixins, vars and functions did not change:

main.css.scss did change, but none of the other css files:

On January 31st I made some changes to main.css.scss, could they have resulted in different behaviors? 9489f63 and 626ab9c

On Feb 4th I removed several scss files with commit b603acb. Could that be a problem?

Let's also check the history of the main page ... defintively things going on there too.