Content could be arranged through popular "tabs", so only selected content would be visible at the time. There could be a tree of tabs (nested tabs) structure. Let me show you how to do it:
StartPage <- (
WelcomeMessage,
Go <- (
SearchEngine |
ArangedContent <- (
ProgramsAndDocuments |
Shortcuts
)
) |
Info <- (
RSS |
AnsweringMachine |
Widgets <- (
Weather,
VisitorCounters,
UserActivitiesStats
)
),
Notes <- (
TodoList,
Outliner
)
)
Items delimited by a comma would be all visible at the time, while items delimited by "|" would be visible just one at the time, selectable by tabs.
So at the top level, only these would be visible:
* WelcomeMessage,
* Go (and what's selected below it),
* Info (and what's selected below it),
* Notes (and what's selected below it)
And you might even find a place for adds, but I suggest only when the questionmark is clicked. You know, adds could be a valuable source of informations and other content, when required to see them.
I thought you'd never ask :)
I agree, keep it simple (and stupid like me) :)
I think the layout is the most important thing. Since I don't want to re-invent wheels, I'm looking for a good layout manager.
Golden Layout (https://golden-layout.com/) looks good to me... very familiar, hence very simple.
With this...
var config = {
content: [{
type: 'row',
content: [
{
type:'component',
componentName: 'example',
componentState: { text: 'Component 1' }
},
{
type:'component',
componentName: 'example',
componentState: { text: 'Component 2' }
},
{
type:'component',
componentName: 'example',
componentState: { text: 'Component 3' }
}
]
}]
};
... you get this: https://golden-layout.com/examples/ (https://golden-layout.com/examples/)
So, it may be a good start.