{"id":748,"date":"2025-02-12T14:07:48","date_gmt":"2025-02-12T14:07:48","guid":{"rendered":"https:\/\/essays-in-software.com\/good-day\/?post_type=docs&#038;p=748"},"modified":"2025-02-14T10:40:41","modified_gmt":"2025-02-14T10:40:41","password":"","slug":"web-app-main-page-layout","status":"publish","type":"docs","link":"https:\/\/essays-in-software.com\/good-day\/docs\/web-good-day\/web-app-main-page-layout\/","title":{"rendered":"Web app &#8211; main page layout"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">After the initial authentication, the new user will be brought to the \u2018Today\u2019 web page<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img fetchpriority=\"high\" decoding=\"async\" width=\"939\" height=\"367\" src=\"https:\/\/essays-in-software.com\/good-day\/wp-content\/uploads\/2025\/02\/image-112.png\" alt=\"\" class=\"wp-image-956\" style=\"width:1200px;height:auto\" srcset=\"https:\/\/essays-in-software.com\/good-day\/wp-content\/uploads\/2025\/02\/image-112.png 939w, https:\/\/essays-in-software.com\/good-day\/wp-content\/uploads\/2025\/02\/image-112-300x117.png 300w, https:\/\/essays-in-software.com\/good-day\/wp-content\/uploads\/2025\/02\/image-112-768x300.png 768w, https:\/\/essays-in-software.com\/good-day\/wp-content\/uploads\/2025\/02\/image-112-360x141.png 360w\" sizes=\"(max-width: 939px) 100vw, 939px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The web page layout is consistent across all the different product main feature areas and uses five main elements:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><em>Banner heading with System menus and search<\/em>:\u00a0 This is the blue bar across the top of the page with the \u2018Good Day\u2019 logo and name on the left side,\u00a0 and the \u2018Search\u2019 bar and system menus on the right side.<\/li>\n\n\n\n<li><em>Feature area access panel.:<\/em>\u00a0 This is the leftmost panel below the banner heading that includes options for the main feature areas of @ \u2018Today\u2019, \u2018Planning\u2019, \u2018Goals\u2019, \u2018Tasks\u2019, \u2018Habits\u2019 and \u2018Journal;\u2019<\/li>\n\n\n\n<li><em>Feature area actions.:<\/em> Each feature area has an actions panel that shows a set of user actions relevant to the currently active feature.\u00a0 This is positioned to the right of the Feature area access panel.<\/li>\n\n\n\n<li><em>Feature area toolbar.L<\/em>\u00a0 A feature area may include a toolbar that shows various buttons and slection options relevant to the area.\u00a0 This is positioned below the blue banner and to the right of the feature area actions panel<\/li>\n\n\n\n<li><em>Feature area data display area<\/em>:\u00a0 The area in the middle of page, below the area toolbar, and to the right of the area actions panel is known as the feature ara data display.\u00a0 This will show data relevant to the current feature selection.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Banner heading<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The blue banner heading includes a number of facilities:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Pomodoro display button<\/h4>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"88\" height=\"79\" src=\"https:\/\/essays-in-software.com\/good-day\/wp-content\/uploads\/2025\/02\/image-113.png\" alt=\"\" class=\"wp-image-957\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u2018Good Day\u2019 includes a Pomodoro time management tool.\u00a0 Clicking on this button will display the Pomodoro action panel.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"756\" height=\"647\" src=\"https:\/\/essays-in-software.com\/good-day\/wp-content\/uploads\/2025\/02\/image-114.png\" alt=\"\" class=\"wp-image-958\" style=\"width:570px;height:auto\" srcset=\"https:\/\/essays-in-software.com\/good-day\/wp-content\/uploads\/2025\/02\/image-114.png 756w, https:\/\/essays-in-software.com\/good-day\/wp-content\/uploads\/2025\/02\/image-114-300x257.png 300w, https:\/\/essays-in-software.com\/good-day\/wp-content\/uploads\/2025\/02\/image-114-360x308.png 360w\" sizes=\"(max-width: 756px) 100vw, 756px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Clicking on the \u2018Pomodoro; button a second time will hide the Pomodoro action panel.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Search bar<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">The search bar is a facility that can be used to find goals, tasks or habits.&nbsp; The search feature will search the title and descriptions for any matching text.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"774\" height=\"608\" src=\"https:\/\/essays-in-software.com\/good-day\/wp-content\/uploads\/2025\/02\/image-115.png\" alt=\"\" class=\"wp-image-959\" style=\"width:559px;height:auto\" srcset=\"https:\/\/essays-in-software.com\/good-day\/wp-content\/uploads\/2025\/02\/image-115.png 774w, https:\/\/essays-in-software.com\/good-day\/wp-content\/uploads\/2025\/02\/image-115-300x236.png 300w, https:\/\/essays-in-software.com\/good-day\/wp-content\/uploads\/2025\/02\/image-115-768x603.png 768w, https:\/\/essays-in-software.com\/good-day\/wp-content\/uploads\/2025\/02\/image-115-360x283.png 360w\" sizes=\"(max-width: 774px) 100vw, 774px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The search will only activate once three characters have been typed into the search bar.&nbsp; At that point the display will change to show the search results panel.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">User system menu<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">The user system menu is located on the right side of the blue banner panel and accessed by clicking the human head icon.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"735\" height=\"576\" src=\"https:\/\/essays-in-software.com\/good-day\/wp-content\/uploads\/2025\/02\/image-116.png\" alt=\"\" class=\"wp-image-960\" style=\"width:422px;height:auto\" srcset=\"https:\/\/essays-in-software.com\/good-day\/wp-content\/uploads\/2025\/02\/image-116.png 735w, https:\/\/essays-in-software.com\/good-day\/wp-content\/uploads\/2025\/02\/image-116-300x235.png 300w, https:\/\/essays-in-software.com\/good-day\/wp-content\/uploads\/2025\/02\/image-116-360x282.png 360w\" sizes=\"(max-width: 735px) 100vw, 735px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The user system menu has six menu items:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><em>Settings<\/em>: clicking on this menu item will open the pop-up \u2018Settings\u2019 form.<\/li>\n\n\n\n<li><em>Folders:<\/em> Selecting this menu item will open the \u2018Folders\u2019 pop-up form, where the user can add, edit, and delete folder definitions.<\/li>\n\n\n\n<li><em>Categories<\/em>: Selecting this menu item will open the pop-up \u2018Categories\u2019 form, where the user can add, edit, and delete category entries.<\/li>\n\n\n\n<li><em>Account:<\/em> selecting this menu item will open the pop-up \u2018Account\u2019 form, where the user may update their password, or delete their account<\/li>\n\n\n\n<li><em>Subscription:<\/em> Selecting this menu item will open the pop-up \u2018Subscription\u2019 form, where the user may view their subscription status, history and purchase additional subscriptions.<\/li>\n\n\n\n<li><em>Log out:<\/em>\u00a0 Selecting this menu item will log out of the session, and the display will be changed to show the login form.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Help system menu<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">The help system menu is located on the right side of the blue banner panel and accessed by clicking the question mark icon.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"632\" height=\"370\" src=\"https:\/\/essays-in-software.com\/good-day\/wp-content\/uploads\/2025\/02\/image-117.png\" alt=\"\" class=\"wp-image-961\" style=\"width:449px;height:auto\" srcset=\"https:\/\/essays-in-software.com\/good-day\/wp-content\/uploads\/2025\/02\/image-117.png 632w, https:\/\/essays-in-software.com\/good-day\/wp-content\/uploads\/2025\/02\/image-117-300x176.png 300w, https:\/\/essays-in-software.com\/good-day\/wp-content\/uploads\/2025\/02\/image-117-360x211.png 360w\" sizes=\"(max-width: 632px) 100vw, 632px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The menu has three menu items:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>User manual: selecting this menu item will open a new browser page and display the \u2018Good Day\u2019 user manual.<\/li>\n\n\n\n<li>Feedback: Selecting this menu item will open a pop-up form that will enable the user to post feedback on the product to the vendor.<\/li>\n\n\n\n<li>About: Selecting this menu item will open a pop-up form that displays the product version number and various licencing notifications.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Feature area action panel<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The feature area access panel is used to display a mix of user actions available to that feature.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"420\" height=\"955\" src=\"https:\/\/essays-in-software.com\/good-day\/wp-content\/uploads\/2025\/02\/image-118.png\" alt=\"\" class=\"wp-image-962\" style=\"width:252px;height:auto\" srcset=\"https:\/\/essays-in-software.com\/good-day\/wp-content\/uploads\/2025\/02\/image-118.png 420w, https:\/\/essays-in-software.com\/good-day\/wp-content\/uploads\/2025\/02\/image-118-132x300.png 132w, https:\/\/essays-in-software.com\/good-day\/wp-content\/uploads\/2025\/02\/image-118-225x512.png 225w\" sizes=\"(max-width: 420px) 100vw, 420px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The range of actions will vary according to the feature area.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">By default, each feature area panel includes an animation at the top. The animation repeats every 3 seconds and can be toggled on or off by clicking over the animated image.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Feature area toolbar<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"62\" src=\"https:\/\/essays-in-software.com\/good-day\/wp-content\/uploads\/2025\/02\/image-119-1024x62.png\" alt=\"\" class=\"wp-image-964\" style=\"width:1200px;height:auto\" srcset=\"https:\/\/essays-in-software.com\/good-day\/wp-content\/uploads\/2025\/02\/image-119-1024x62.png 1024w, https:\/\/essays-in-software.com\/good-day\/wp-content\/uploads\/2025\/02\/image-119-300x18.png 300w, https:\/\/essays-in-software.com\/good-day\/wp-content\/uploads\/2025\/02\/image-119-768x47.png 768w, https:\/\/essays-in-software.com\/good-day\/wp-content\/uploads\/2025\/02\/image-119-360x22.png 360w, https:\/\/essays-in-software.com\/good-day\/wp-content\/uploads\/2025\/02\/image-119.png 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Each main feature area can have its own toolbar, which will include options for changing the feature display and filtering the displayed data.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Feature area data display<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The centre-right area of the webpage is reserved for showing data.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"411\" src=\"https:\/\/essays-in-software.com\/good-day\/wp-content\/uploads\/2025\/02\/image-120-1024x411.png\" alt=\"\" class=\"wp-image-965\" srcset=\"https:\/\/essays-in-software.com\/good-day\/wp-content\/uploads\/2025\/02\/image-120-1024x411.png 1024w, https:\/\/essays-in-software.com\/good-day\/wp-content\/uploads\/2025\/02\/image-120-300x120.png 300w, https:\/\/essays-in-software.com\/good-day\/wp-content\/uploads\/2025\/02\/image-120-768x308.png 768w, https:\/\/essays-in-software.com\/good-day\/wp-content\/uploads\/2025\/02\/image-120-1536x617.png 1536w, https:\/\/essays-in-software.com\/good-day\/wp-content\/uploads\/2025\/02\/image-120-2048x822.png 2048w, https:\/\/essays-in-software.com\/good-day\/wp-content\/uploads\/2025\/02\/image-120-360x145.png 360w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>After the initial authentication, the new user will be brought to the \u2018Today\u2019 web page The web page layout is consistent across all the different product main feature areas and uses five main elements: Banner heading The blue banner heading includes a number of facilities: Pomodoro display button \u2018Good Day\u2019 includes a Pomodoro time management [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"doc_category":[8],"glossaries":[],"doc_tag":[19],"knowledge_base":[28],"class_list":["post-748","docs","type-docs","status-publish","hentry","doc_category-overview","doc_tag-web","knowledge_base-web-good-day"],"year_month":"2026-05","word_count":683,"total_views":"312","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"davout","author_nicename":"dkknamugfgsc","author_url":"https:\/\/essays-in-software.com\/good-day\/author\/dkknamugfgsc\/"},"doc_category_info":[{"term_name":"Overview","term_url":"https:\/\/essays-in-software.com\/good-day\/docs\/mobile-good-day\/overview\/"}],"doc_tag_info":[{"term_name":"web","term_url":"https:\/\/essays-in-software.com\/good-day\/docs-tag\/web\/"}],"knowledge_base_info":[{"term_name":"Web Good Day","term_url":"https:\/\/essays-in-software.com\/good-day\/docs\/web-good-day\/","term_slug":"web-good-day"}],"knowledge_base_slug":["web-good-day"],"_links":{"self":[{"href":"https:\/\/essays-in-software.com\/good-day\/wp-json\/wp\/v2\/docs\/748","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/essays-in-software.com\/good-day\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/essays-in-software.com\/good-day\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/essays-in-software.com\/good-day\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/essays-in-software.com\/good-day\/wp-json\/wp\/v2\/comments?post=748"}],"version-history":[{"count":2,"href":"https:\/\/essays-in-software.com\/good-day\/wp-json\/wp\/v2\/docs\/748\/revisions"}],"predecessor-version":[{"id":966,"href":"https:\/\/essays-in-software.com\/good-day\/wp-json\/wp\/v2\/docs\/748\/revisions\/966"}],"wp:attachment":[{"href":"https:\/\/essays-in-software.com\/good-day\/wp-json\/wp\/v2\/media?parent=748"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/essays-in-software.com\/good-day\/wp-json\/wp\/v2\/doc_category?post=748"},{"taxonomy":"glossaries","embeddable":true,"href":"https:\/\/essays-in-software.com\/good-day\/wp-json\/wp\/v2\/glossaries?post=748"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/essays-in-software.com\/good-day\/wp-json\/wp\/v2\/doc_tag?post=748"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/essays-in-software.com\/good-day\/wp-json\/wp\/v2\/knowledge_base?post=748"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}