From 354bba3a27e8e686644228ee197785f4f000859d Mon Sep 17 00:00:00 2001 From: Derek Severin Date: Thu, 21 Nov 2019 16:09:29 +0700 Subject: TODO tasks updated --- TODO/TODO.md | 600 +++++++++++++++++++++++++++++++++-------------------------- 1 file changed, 335 insertions(+), 265 deletions(-) diff --git a/TODO/TODO.md b/TODO/TODO.md index 8b16fb1..c763cba 100644 --- a/TODO/TODO.md +++ b/TODO/TODO.md @@ -1,90 +1,146 @@ -TODO - CODE: - -- [ ] General: - - [ ] Check for css urls (Have to hardcode absolute to work... check others) - - [ ] Allow to not have the footer - - [ ] Make better footer - - [ ] Check/clean the entire code ... - - [ ] CDN: use font awesome (& jquery, Bootstrap, etc) from online resource AND from local files (fallback). - => BOTH (look at: https://forum.freecodecamp.org/t/using-a-fallback-code-in-case-bootstraps-cdn-is-down/160753/11 and https://stackoverflow.com/questions/26192897/should-i-use-bootstrap-from-cdn-or-make-a-copy-on-my-server ) - - [ ] Solve bug of NAVBAR offset when getting back from project page - - [ ] Update to latest HUGO. - - [ ] Do microdata stuff (look at MDN docs). - - [ ] Update to BOOTSTRAP 4+. - LATER: - - [ ] Write script to convert CSS. - => Replace variables by their value (better perf) +# TODO + +## BUG FIXES + +### GENERAL +- [ ] Solve bug of page a bit larger than window (width of vertical scrollbar?) +- [ ] Check for CSS urls (Have to hardcode absolute to work... check others) + + +### NAV BAR +- [ ] Solve bug of NAVBAR offset when getting back from project page + + +### HOME +- [ ] Seems to have a bug with the background in CREATIVE theme: image sometimes not covering the entire screen.
+ => Set size to minimum between width and height, keeping ratio (=> image cropped)
+? => OK or should fix problem? + + +## CLEANING + +### GENERAL +- [ ] Check/clean the entire code + + +## CODE - SECTIONS + +### PUBLISHING +- [ ] Look at "Google Search" and "structured data" stuff + - get a quick glimpse into site's indexation: Use a tool like Moz Pro, Link Explorer, or Screaming Frog to run a site crawl. + - Then, compare the number of pages the crawl turned up to the number of pages listed when you run a site:search on Google. +- [ ] Do micro data stuff (look at MDN docs) +- [ ] ARIA: Set role for each html tags
+ => Look at:
+ https://www.w3.org/TR/html-aria/#document-conformance-requirements-for-use-of-aria-attributes-in-html + + +### GENERAL +- [ ] Look at "figure" opcode and do same thing as for gallery +- [ ] Update to latest HUGO. +- [ ] Update to BOOTSTRAP 4+. + + +- LATER: + - [ ] Create and set icons + - [ ] For tags/technologies + - [ ] For skills: gears, retropad, windows, book?, + - [ ] Nav bar, etc.: DSP, etc. + - [ ] Add a "path" on top, to show where we are, and easy navigate (or in sidebar?!) + - [ ] Add "content table" on right side (EVEN theme, in a post page) + - [ ] TAGS: Allow to specify weight parameter to sort list (eg on number of occurrences). + - [ ] Write script to convert CSS.
+ => Replace variables by their value (better perf)
(create a separate git repo/project for the converter) - - [ ] Make better CSS? + - [ ] Make better CSS?
=> Use "em" & "rem" instead of px, etc. - - [ ] TAGS: Allow to specify parameter to sort list (eg on number of occurrences). - - [ ] ARIA: Set role for each html tags - => Look at: https://www.w3.org/TR/html-aria/#document-conformance-requirements-for-use-of-aria-attributes-in-html - - [ ] See about donation stuff (Patreon?) - in "contact" section? - [ ] Handle multi-language (look at UNIVERSAL theme) (+language selector) - [ ] Add a page view counter? - - [ ] Add Google Analytics. + - [ ] Add Google Analytics
=> googleAnalytics = "..." -- [ ] Homepage: - - [ ] Set order of sections from order in navigation bar. - => Parse menu and add each section in that order (in same order as defined in config.toml). -- [ ] Navigation Bar: - - [ ] When not on homepage, have the current section button highlighted (for "projects" sections). - LATER: - - [ ] See about image for brand (and possibility to have text instead). - - [ ] See for additional text at right of brand. +### HEADER +- [ ] CDN: use font awesome (& jquery, Bootstrap, etc) from online resource AND from local files (fallback).
+ => BOTH - look at:
+ https://forum.freecodecamp.org/t/using-a-fallback-code-in-case-bootstraps-cdn-is-down/160753/11 + https://stackoverflow.com/questions/26192897/should-i-use-bootstrap-from-cdn-or-make-a-copy-on-my-server -- [ ] "HOME" section: - - [ ] Seems to have a bug with the background in CREATIVE theme: image sometimes not covering the entire screen. - => Set size to minimum between width and height, keeping ratio (=> image cropped) -? => OK or should fix problem? -- [ ] "SERVICES" section: - - [ ] "services" list parameter should be optional. +### FOOTER +- [ ] Add copyright stuff (for my stuff, but also images, themes, etc I "took") +- [ ] Allow to not have the footer +- [ ] Make better footer -- [ ] "SKILLS" section: - - [ ] "text" parameter should be optional. -- [ ] "PROJECTS" section: - LATER: - - [ ] Add a vertical scrolling text in the top right corner. - => For scrolling text, look at: - https://www.quackit.com/css/codes/marquees/ - => Need to adapt the layout as in AIRSPACE theme, "Contact" form. - - [ ] Add a link to "TIMELINE" page (once page ceated). - => Look at "NEWSPRINT" theme, "The Library" section for timeline example. +- LATER: + - [ ] See about donation stuff (Patreon?) - in "contact" section? + + +### HOMEPAGE +- [ ] Set order of sections from order in navigation bar.
+ => Parse menu and add each section in that order (in same order as defined in config.toml). + + +### NAV BAR +- [ ] When not on homepage, have the current section button highlighted (for "projects" sections). -- [ ] "PROJECTS" list page: - LATER: - - [ ] Add a "path" on top, to show where we are, and easy navigate (or in sidebar?!). -- [ ] "PROJECT" single page: - LATER: - - [ ] Add a "path" on top, to show where we are, and easy navigate (or in sidebar?!). - - [ ] Add "content table" on right side (EVEN theme, in a post page). +- LATER: + - [ ] See about image for brand (and possibility to swap with text - or both). -- [ ] "PROJECTS" Additional pages (related to projects - for each project section): - - [ ] "PROJECTS": - => Projects page, containing 1+N sections (N = number of project sections: + +### SERVICES +- [ ] "services" list parameter should be optional. + + +### SKILLS +- [ ] "text" parameter should be optional. + + +- LATER: + - [ ] Add the 2 HTML tables + - [ ] Set tags and categories in tables (with links to taxonomy pages) + - [ ] Generate tables dynamically from data files (instead of static html tables) + + +### PROJECTS +- LATER: + - [ ] Add a vertical scrolling text in the top right corner. + => For scrolling text, look at: + https://www.quackit.com/css/codes/marquees/ +
=> Need to adapt the layout as in AIRSPACE theme, "Contact" form. + - [ ] Add a link to "TIMELINE" page (once page ceated).
+ => Look at "NEWSPRINT" theme, "The Library" section for timeline example. + - [ ] "PROJECTS" list page: + - [ ] Add a "path" on top, to show where we are, and easy navigate (or in sidebar?!). + - [ ] "PROJECT" single page: + - [ ] Add a "path" on top, to show where we are, and easy navigate (or in sidebar?!). + - [ ] Add "content table" on right side (EVEN theme, in a post page). + - [ ] "PROJECTS" Additional pages (related to projects - for each project section): + - [ ] "PROJECTS": + => Projects page, containing 1+N sections (N = number of project sections: - "TIMELINE": link to "TIMELINE" page. - "": link to "PROJECTS_" - with no subsection selected. - "ALL PROJECTS": link to "PROJECTS__ALL" page. - - [ ] "TIMELINE": - => Page with vertical timeline (top = present), listing positions in chronological order. + - [ ] "TIMELINE": + => Page with vertical timeline (top = present), listing positions in chronological order. - When clicking on a company icon, it opens a small pop-up with the position description. - In the pop-up, there is a button ("Projects"?) to open the related category projects page ("PROJECTS_SUBSECTION"). - - [ ] "PROJECTS__ALL": - => Page listing all the projects, with possibility to filter on tags/categories. + - [ ] "PROJECTS__ALL": + => Page listing all the projects, with possibility to filter on tags/categories. - Similar to "PROJECTS_" page. - Without position/role block. - With a search possibility (could display all the tags). => Display projects related to tags. -- [ ] "CONTACT" section: - - [ ] Add microdata in HTML (as in sidebar of MINIMAL ACADEMIC theme). - LATER: + +### CONTACT +- [ ] Add microdata in HTML (as in sidebar of MINIMAL ACADEMIC theme). +- [ ] See how to have image on right side and fading to the left... + + +- LATER: - [ ] Allow to have background on full screen or only right half side (look at homepage of "SPLIT" theme). - [ ] Add Contact form (use NETLIFY or "method with ZAPIER"). => Look at: @@ -112,207 +168,221 @@ TODO - CODE: - PageClick => ? -- [ ] "ASIDE" section: - => Could add optional section. - - -CODE CHECK/BUGS: - -- layouts - - _default - - [ ] baseof.html - - [ ] Check/adapt CSS for "list-content" & "list-page". - - - [ ] li.html - - [ ] Change layout of links, and put everything in the "a" tag. - => Do something similar to "project-box". - - - [ ] limage.html - - [ ] Determine number of columns and offsets based on content. - For
- => Could use "get-number-columns.html". - - - [ ] single.html - - [ ] Keep aria-hidden? - => And check if needed anywhere else. - - [ ] Change size of images once have gallery style images (clickable to view) - - - partials - - pages - - [ ] lists.html - - [ ] For posts listing, descend recursively instead of only handling first level. - - - [ ] sidebar.html - - [ ] Make "categories" & "tags" optional? - => Find way to remove them from taxonomy pages (or make them different) - - [ ] Get texts from data instead of hardcoded ("HOME", "CATEGORIES", "TAGS") - - [ ] Determine if want "combobox"/collapsable in sidebar - => Look at: - - DOCBOOK theme - - FAQ theme - https://themes.gohugo.io/theme/hugo-faq-theme/ - - simple "more" shortcode - https://github.com/jiridj/hugo-collapsible-code - https://github.com/jiridj/hugo-collapsible-code-jquery/blob/master/static/js/more.js - - - [ ] title.html - - [ ] Add a "path" element at beginning for easy navigation. - eg: "HOME > WORK_PRO > VRCONTEXT > post" - - - sections - - [ ] about.html - - [ ] Add microdata - - [ ] For row containing the "profile": - - what itemtype? (person? organiation? ...?) -