Status: Browser Screen (WidthW x HeightH px) Portrait Landscape
TIP:
This web page is designed best for landscape view.
Please rotate your device to its side.

To Do List!

In order of receipt:

  1. icon - need to create coloured site/brand icon [UNDER REVIEW 12JUL23]
  2. images - png's don't display [RESOLVED 14JUL23]
  3. body - doesn't vertically scroll on iphone [RESOLVED 13JUL23]
  4. page - background colours on iphone show on sides and behind title bar [RESOLVED 13JUL23]
  5. menu - button text needs to be larger on iphone [RESOLVED 13JUL23]
  6. title - fancy font doesn't come through on header, and is in camel-case [UNDER REVIEW 12JUL23]
  7. server - listing as not secure on iphone [RESOLVED 15JUL23]
  8. card - reduce bottom margin on iphone [RESOLVED 13JUL23]
  9. card - max width reached but height overflows into footer on laptop [RESOLVED 13JUL23]
  10. top horiz menu - right margin requires 2px line to match page design [RESOLVED 13JUL23]
  11. to do page - ul left align needs to move to left margin the list leader needs to lose trailing space [RESOLVED 13JUL23]
  12. to do page - Site logo needs to reduce in size proportionally on iphone (maybe by 66%) [RESOLVED 14JUL23]
  13. button bar links launch a new page on each link, need to navigate same page [RESOLVED 12JUL23]
  14. iPad Pro - Whole page displays on partial screen [RESOLVED 14JUL23]
  15. Browser and OS - determine how to identify using CSS [RESOLVED 14JUL23]
  16. Browse page - Create browse page using cards and flexbox [UNDERWAY 14JUL23]
  17. Login page - Create login facility [UNDERWAY 14JUL23]
  18. Terms page - Create terms and definitions [UNDERWAY 14JUL23]
  19. Cart page - Create eCommerce facility and Shopping Cart [UNDERWAY 14JUL23]
  20. To Do page - Display Status notice to show current viewport resolution and mobile aspect [RESOLVED 16JUL23]
  21. Home page - Display Tip notice to suggest Landscape mode when in Portrait on mobile [RESOLVED 15JUL23]
  22. To Do page - Create template and instructions for adding list items [RESOLVED 16JUL23]
  23. AJS.css - Reduce boldness on 'H' tag headings [RESOLVED 16JUL23]
  24. AJS.css - Add left indent for normal 'p' tag paragraphs [RESOLVED 16JUL23]
  25. PHP - Design and create automated CMS for high level commands [UNDERWAY 16JUL23]
  26. mobile devices - Increase base font size by half [UNASSESSED 16JUL23]
  27. mobile devices - Decrease footer font size for portrait links [UNASSESSED 16JUL23]
  28. Home page - Add a light/dark mode function [UNASSESSED 27JUL23]
  29. To Do page - Create an add item function [UNASSESSED 27JUL23]
  30. To Do page - New item button requires automate link on alt-index [UNASSESSED 15/08/2023]

List Item Addition Instructions
  1. In page editor, scroll to list bottom, select last list-item "Template", and following associated comment-line and next empty line.
  2. Copy selection and paste between end-of-list and before template list-item, or drag-and-drop selection to there, leaving the template list-item in place after the new end-of-list list-item just created.
  3. This will create a new (additional) last list-item, duplicated from the previous last list-item.

  4. Selectively edit the new last list-item (just created), replacing redundant previous information with the newly required information relevant to the new list-item request details.
  5. Refer to the 'Template Syntax and Options' section below.

  6. Save the page, and update the server with the updated page.
Template Syntax and Options

Item Template:

<li class="{class}">{name-page/function} - {request-description} {status-block[{status} {date}]} <li>
<!--#{increment-order}.{status-block} {action-description}-->

Item Options:

{class = related to status, select only appropriate one of (unassessed, underreview, underway, strikethrough)}
{name-page/function = name of page or function + "page" or "function", to correct/improve}
{request-description = brief one liner summary description correction required of change requested}
{status = select only one of (UNASSESSED, UNDERREVIEW, UNDERWAY, RESOLVED, CANCELLED)}
STATUS/class relationship: UNASSESSED=unassessed, UNDERREVIEW=underreview, UNDERWAY=underway, RESOLVED=strikethrough, CANCELLED=strikethrough)}
{date = status date formatted ddMMMyy}
Status-block is to be enclosed in square brackets, and trailing inline with the list-item.
Status-block (in square brackets) in list-item, is repeated in associated comment-line below it.

Comment Options:

Comment (not shown) line following shown listed item is to keep a more detailed record of action taken.
{increment-order = list-item ordered-number copied to comment}
Trailing 'stop' links and divides increment-order with/from status-block in comment.
{status-block} (in square brackets) duplicated from associated list-item above it.
{action-description = brief one liner summary description of changes made to what/where}.