for (;;);{"error":null,"payload":{"timeline":"\u003cdiv class=\"phui-timeline-shell\" id=\"anchor-148031\" data-sigil=\"transaction\" data-meta=\"0_9\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-minor-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phabricator.kde.org\/file\/data\/jp3luzknmku7uqxtuvo6\/PHID-FILE-xsdcutgttv2nstp3pfh2\/profile)\" class=\"phui-timeline-image\" href=\"\/p\/ngraham\/\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge phui-timeline-border\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group phui-timeline-border\"\u003e\u003ca name=\"148031\" id=\"148031\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-pencil phui-timeline-icon\" data-meta=\"0_7\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/ngraham\/\" class=\"phui-handle phui-link-person\"\u003engraham\u003c\/a\u003e created this task.\u003cspan class=\"phui-timeline-extra\"\u003e\u003ca href=\"#148031\" data-sigil=\"has-tooltip\" data-meta=\"0_6\"\u003eJun 19 2018, 7:22 PM\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-link phui-timeline-icon\" data-meta=\"0_8\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/ngraham\/\" class=\"phui-handle phui-link-person\"\u003engraham\u003c\/a\u003e mentioned this in \u003ca href=\"\/T9042\" class=\"phui-handle handle-status-closed\"\u003eT9042: Kickoff improvements\u003c\/a\u003e.\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell\" id=\"anchor-156699\" data-sigil=\"transaction\" data-meta=\"0_12\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-minor-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phabricator.kde.org\/file\/data\/jp3luzknmku7uqxtuvo6\/PHID-FILE-xsdcutgttv2nstp3pfh2\/profile)\" class=\"phui-timeline-image\" href=\"\/p\/ngraham\/\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge phui-timeline-border\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group phui-timeline-border\"\u003e\u003ca name=\"156699\" id=\"156699\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-link phui-timeline-icon\" data-meta=\"0_11\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/ngraham\/\" class=\"phui-handle phui-link-person\"\u003engraham\u003c\/a\u003e mentioned this in \u003ca href=\"\/D15011\" class=\"phui-handle handle-status-closed\"\u003eD15011: [Kickoff] Make the search field always look like a search field\u003c\/a\u003e.\u003cspan class=\"phui-timeline-extra\"\u003e\u003ca href=\"#156699\" data-sigil=\"has-tooltip\" data-meta=\"0_10\"\u003eAug 24 2018, 2:04 PM\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell\" id=\"anchor-157047\" data-sigil=\"transaction\" data-meta=\"0_21\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-major-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phabricator.kde.org\/file\/data\/77tieb4kxtu24aw2o6hv\/PHID-FILE-mfip3kgkkabxggbly4tk\/profile)\" class=\"phui-timeline-image\" href=\"\/p\/filipf\/\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge phui-timeline-border\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group phui-timeline-border\"\u003e\u003cdiv class=\"phui-timeline-inner-content\"\u003e\u003ca name=\"157047\" id=\"157047\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon phui-timeline-title-with-menu\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-user-plus phui-timeline-icon\" data-meta=\"0_20\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/filipf\/\" class=\"phui-handle phui-link-person\"\u003efilipf\u003c\/a\u003e added a subscriber: \u003ca href=\"\/p\/filipf\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_2\"\u003efilipf\u003c\/a\u003e.\u003cspan class=\"phui-timeline-extra\"\u003e\u003ca href=\"#157047\" data-sigil=\"has-tooltip\" data-meta=\"0_19\"\u003eAug 26 2018, 8:28 PM\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003ca href=\"#\" class=\"phui-timeline-menu\" aria-haspopup=\"true\" aria-expanded=\"false\" data-sigil=\"phui-dropdown-menu\" data-meta=\"0_17\"\u003e\u003cspan class=\"aural-only\"\u003eComment Actions\u003c\/span\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-caret-down\" data-meta=\"0_18\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-core-content\"\u003e\u003cspan class=\"transaction-comment\" data-sigil=\"transaction-comment\" data-meta=\"0_3\"\u003e\u003cdiv class=\"phabricator-remarkup\"\u003e\u003cp\u003eThis is an excellent, much-needed proposal that is already conceptually at a very high level.\u003c\/p\u003e\n\n\u003cp\u003eI've tried to create a picture depicting the key design elements in order to try to bring the proposal somewhat closer to life. It's crude, devoid of actual content and made from scratch so I apologize if I didn't translate some of the elements from the sketch well:\u003c\/p\u003e\n\n\u003cp\u003e\u003cdiv class=\"phabricator-remarkup-embed-layout-left\"\u003e\u003ca href=\"https:\/\/phabricator.kde.org\/file\/data\/kzljtgu75sy5h5idj6un\/PHID-FILE-bxa3dywfdix4qoa33m3p\/KickoffHome%281%29.png\" class=\"phabricator-remarkup-embed-image\" data-sigil=\"lightboxable\" data-meta=\"0_0\"\u003e\u003cimg src=\"https:\/\/phabricator.kde.org\/file\/data\/alz7fsckpfcvai2p52al\/PHID-FILE-pgq6iuz5kaaex3p2b76u\/preview-KickoffHome%281%29.png\" width=\"157.14285714286\" height=\"220\" \/\u003e\u003c\/a\u003e\u003c\/div\u003e\u003c\/p\u003e\n\n\u003cp\u003eOverlooking the shortcomings of my attempt, IMO on the whole I think it shows I that this proposal could make for a really beautiful redesign. From a design point of view, the separators are no problem and even help the search box not stick out too much. Moreover, I don't think we necessarily need to be coloring sections differently, separators could suffice.\u003c\/p\u003e\n\n\u003cp\u003eThere are, however, two problems I see when the sketch is translated into "real life":\u003c\/p\u003e\n\n\u003col class=\"remarkup-list\"\u003e\n\u003cli class=\"remarkup-list-item\"\u003eIn the case of longer names we won't be able to fit both the users name and the computer+OS information above the search box\u003c\/li\u003e\n\u003cli class=\"remarkup-list-item\"\u003eThe tabs! Because there are only 3 tabs now, if we enclose them they are going to be very wide and lumpy. Width is a problem, but in the proposal perhaps they are kind of tall as well. What remains open is also the question of how to separate the tabs from the rest of Kickoff (note: in this pic I put a light top to bottom gradient, but this would not work with a light theme and is not a good solution)\u003c\/li\u003e\n\u003c\/ol\u003e\n\n\u003cp\u003eOh and I what I did differently was that I added 20% opacity transparent circles behind action buttons because it seemed like a good idea here - the user would be informed that it's the icon they have to click, not the text (assuming that's how the code will behave).\u003c\/p\u003e\u003c\/div\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell\" id=\"anchor-157049\" data-sigil=\"transaction\" data-meta=\"0_30\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-major-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phabricator.kde.org\/file\/data\/77tieb4kxtu24aw2o6hv\/PHID-FILE-mfip3kgkkabxggbly4tk\/profile)\" class=\"phui-timeline-image\" href=\"\/p\/filipf\/\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge phui-timeline-border\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group phui-timeline-border\"\u003e\u003cdiv class=\"phui-timeline-inner-content\"\u003e\u003ca name=\"157049\" id=\"157049\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon phui-timeline-title-with-menu\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-comment phui-timeline-icon\" data-meta=\"0_29\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/filipf\/\" class=\"phui-handle phui-link-person\"\u003efilipf\u003c\/a\u003e added a comment.\u003cspan class=\"phui-timeline-extra\"\u003e\u003ca href=\"#157049\" data-sigil=\"has-tooltip\" data-meta=\"0_28\"\u003eAug 26 2018, 9:38 PM\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003ca href=\"#\" class=\"phui-timeline-menu\" aria-haspopup=\"true\" aria-expanded=\"false\" data-sigil=\"phui-dropdown-menu\" data-meta=\"0_26\"\u003e\u003cspan class=\"aural-only\"\u003eComment Actions\u003c\/span\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-caret-down\" data-meta=\"0_27\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-core-content\"\u003e\u003cspan class=\"transaction-comment\" data-sigil=\"transaction-comment\" data-meta=\"0_4\"\u003e\u003cdiv class=\"phabricator-remarkup\"\u003e\u003cp\u003eIn this experiment I propose the solution for point 1 raised in my previous post:\u003c\/p\u003e\n\n\u003cp\u003e\u003cdiv class=\"phabricator-remarkup-embed-layout-left\"\u003e\u003ca href=\"https:\/\/phabricator.kde.org\/file\/data\/zmamvendpkhefafiksh2\/PHID-FILE-22vdfeaybor2aqdgyjbp\/KickoffHome%282%29.png\" class=\"phabricator-remarkup-embed-image\" data-sigil=\"lightboxable\" data-meta=\"0_1\"\u003e\u003cimg src=\"https:\/\/phabricator.kde.org\/file\/data\/bd46p3r7x5vqbsfofgwj\/PHID-FILE-ixjq7te6pui4eosa7lzd\/preview-KickoffHome%282%29.png\" width=\"157.14285714286\" height=\"220\" \/\u003e\u003c\/a\u003e\u003c\/div\u003e\u003c\/p\u003e\n\n\u003cp\u003eI think sorting it out this way is great because all the elements to the right of the avatar circle are now of the same height as the circle.\u003c\/p\u003e\n\n\u003cp\u003eI also tried to see how many favorites icons I could fit in and stopped at 14 in this specific case.\u003c\/p\u003e\n\n\u003cp\u003eFailed at having two rows in the Recent Files and Recent Apps section :\/\u003c\/p\u003e\n\n\u003cp\u003eAnd instead of adding "Forget all" buttons, I thought that adding X icons (or whatever a "clear entries" icon would be) would create less clutter.\u003c\/p\u003e\u003c\/div\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell\" id=\"anchor-157050\" data-sigil=\"transaction\" data-meta=\"0_33\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-minor-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phabricator.kde.org\/file\/data\/rqco73wohxakrcsm2m52\/PHID-FILE-zyhktif6eo2vmjvtvg5h\/profile)\" class=\"phui-timeline-image\" href=\"\/p\/abetts\/\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge phui-timeline-border\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group phui-timeline-border\"\u003e\u003ca name=\"157050\" id=\"157050\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-user-plus phui-timeline-icon\" data-meta=\"0_32\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/abetts\/\" class=\"phui-handle phui-link-person\"\u003eabetts\u003c\/a\u003e added a subscriber: \u003ca href=\"\/p\/abetts\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_5\"\u003eabetts\u003c\/a\u003e.\u003cspan class=\"phui-timeline-extra\"\u003e\u003ca href=\"#157050\" data-sigil=\"has-tooltip\" data-meta=\"0_31\"\u003eAug 26 2018, 9:43 PM\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e"},"javelin_metadata":[{"phid":"PHID-FILE-bxa3dywfdix4qoa33m3p","uri":"https:\/\/phabricator.kde.org\/file\/data\/kzljtgu75sy5h5idj6un\/PHID-FILE-bxa3dywfdix4qoa33m3p\/KickoffHome%281%29.png","dUri":"https:\/\/phabricator.kde.org\/file\/download\/kzljtgu75sy5h5idj6un\/PHID-FILE-bxa3dywfdix4qoa33m3p\/KickoffHome%281%29.png","viewable":true,"monogram":"F6217183"},{"phid":"PHID-FILE-22vdfeaybor2aqdgyjbp","uri":"https:\/\/phabricator.kde.org\/file\/data\/zmamvendpkhefafiksh2\/PHID-FILE-22vdfeaybor2aqdgyjbp\/KickoffHome%282%29.png","dUri":"https:\/\/phabricator.kde.org\/file\/download\/zmamvendpkhefafiksh2\/PHID-FILE-22vdfeaybor2aqdgyjbp\/KickoffHome%282%29.png","viewable":true,"monogram":"F6217299"},{"hoverPHID":"PHID-USER-o2wx74eljd443gwotbxq"},{"phid":"PHID-XACT-TASK-yyhdbrwcoikatrl"},{"phid":"PHID-XACT-TASK-thzoqz7cjqqdogz"},{"hoverPHID":"PHID-USER-24d5dujgtpofr4byxu45"},{"tip":"Via Web"},[],[],{"phid":"PHID-XACT-TASK-6th4mrneoi3y3wb","anchor":"148031"},{"tip":"Via Web"},[],{"phid":"PHID-XACT-TASK-hsoono6mak34eer","anchor":"156699"},{"targetID":"UQ0_1","uri":"\/transactions\/quote\/PHID-XACT-TASK-yyhdbrwcoikatrl\/","ref":"T9041#157047"},[],{"anchor":"157047"},[],{"items":"\u003cul class=\"phabricator-action-list-view \"\u003e\u003cli id=\"UQ0_1\" class=\"phabricator-action-view phabricator-action-view-href action-has-icon\" style=\"\"\u003e\u003ca href=\"#\" class=\"phabricator-action-view-item\" data-sigil=\"transaction-quote\" data-meta=\"0_13\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-quote-left phabricator-action-view-icon\" data-meta=\"0_14\" aria-hidden=\"true\"\u003e\u003c\/span\u003eQuote Comment\u003c\/a\u003e\u003c\/li\u003e\u003cli id=\"UQ0_3\" class=\"phabricator-action-view phabricator-action-view-href action-has-icon\" style=\"\"\u003e\u003ca href=\"\/transactions\/raw\/PHID-XACT-TASK-yyhdbrwcoikatrl\/\" class=\"phabricator-action-view-item\" data-sigil=\"transaction-raw\" data-meta=\"0_15\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-code phabricator-action-view-icon\" data-meta=\"0_16\" aria-hidden=\"true\"\u003e\u003c\/span\u003eView Remarkup\u003c\/a\u003e\u003c\/li\u003e\u003c\/ul\u003e"},[],{"tip":"Via Web"},[],{"phid":"PHID-XACT-TASK-ogy6le72n4feqmq","anchor":"157047"},{"targetID":"UQ0_1","uri":"\/transactions\/quote\/PHID-XACT-TASK-thzoqz7cjqqdogz\/","ref":"T9041#157049"},[],{"anchor":"157049"},[],{"items":"\u003cul class=\"phabricator-action-list-view \"\u003e\u003cli id=\"UQ0_5\" class=\"phabricator-action-view phabricator-action-view-href action-has-icon\" style=\"\"\u003e\u003ca href=\"#\" class=\"phabricator-action-view-item\" data-sigil=\"transaction-quote\" data-meta=\"0_22\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-quote-left phabricator-action-view-icon\" data-meta=\"0_23\" aria-hidden=\"true\"\u003e\u003c\/span\u003eQuote Comment\u003c\/a\u003e\u003c\/li\u003e\u003cli id=\"UQ0_7\" class=\"phabricator-action-view phabricator-action-view-href action-has-icon\" style=\"\"\u003e\u003ca href=\"\/transactions\/raw\/PHID-XACT-TASK-thzoqz7cjqqdogz\/\" class=\"phabricator-action-view-item\" data-sigil=\"transaction-raw\" data-meta=\"0_24\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-code phabricator-action-view-icon\" data-meta=\"0_25\" aria-hidden=\"true\"\u003e\u003c\/span\u003eView Remarkup\u003c\/a\u003e\u003c\/li\u003e\u003c\/ul\u003e"},[],{"tip":"Via Web"},[],{"phid":"PHID-XACT-TASK-thzoqz7cjqqdogz","anchor":"157049"},{"tip":"Via Web"},[],{"phid":"PHID-XACT-TASK-bpgwju6kbzpohqm","anchor":"157050"}],"javelin_behaviors":{"phui-hovercards":[],"phabricator-watch-anchor":[],"phabricator-tooltips":[],"phui-dropdown-menu":[]},"javelin_resources":["https:\/\/phabricator.kde.org\/res\/defaultX\/phabricator\/8e3d1fb7\/core.pkg.css","https:\/\/phabricator.kde.org\/res\/defaultX\/phabricator\/2058ec09\/core.pkg.js","https:\/\/phabricator.kde.org\/res\/defaultX\/phabricator\/638a4e2b\/rsrc\/externals\/javelin\/core\/init.js"]}