Welcome!!

Welcome to my page. I am an eternal geek living just north of Toronto, Ontario Canada.

I recently started learning front-end web development and decided to set up this page where I would practise what I've been learning.

Please excuse the mess while I build this up.

I figured the page could be a good place to gather the different types of things that I do on my free time, and figure out the ins and outs of web development.

As my course says, "as my website grows", I'll have to deal with consistent layout and style guides.

What will you find here

Experience, curiosity and learning is important for mental wellbeing. This stuff that you'll see here includes the following items:

  1. Tech projects that I've worked on
  2. Non-tech papers I've written for various occasions
  3. Volunteerism yea!
  4. Paintings and art
  5. The great outdoors

Current Project

Now that I've integrated the camera into the RPi, My next project is about implementing a simple face recognition system using OpenCV.

Simple means recognizing two faces - Jimmy Carter and Nelson Mandela.

If all goes as planned, in phase 2, I will develop a web page to report the results from the recognition exercise.

I have some ideas about phase 3, to imlement some recognition improvement schemes, but we'll get there when we get there.

Project Ideas

Ideas for future development for this website:

  1. Set up test automation for the page.
  2. Add more pages to project area.
  3. Pictures please.

Project plan

Obviously the content is important, but the primary goal is to practise following through with the style guide.

ChatGPT was kind enough to produce one for me. Below is the stuff that I'll be working on for this project.

I marked what is out of scope for now to clarify the work I need to complete.

Typography

Item Scope Complete Comments
Font choices Yes Yes
Imported Fonts Future Future
Text sizes Yes Yes
Line height and spacing Future Future
Text alignment Yes Yes
Text colour Yes Yes May change as I develop a colour theme for the site.

Colour palette

Item Scope Complete Comments
Colour Theme Yes Yes Used Coolors.co and color.adobe.com to generate colours. Next figure out how these colours fit in.
Website wireframe Yes Yes It's on paper, with lots of writing on it. It's worth cleaning up.
Colour design Yes Yes Got something, but I'll still experiment.
Design implementation Yes Yes Got something, but I'll still experiment, especially after I add the other pages.

Branding elements

Item Scope Complete Comments
Logo usage Yes Yes I need to clean up the background once I complete the colour scheme for the site.
Favicon Yes Yes I need to find a better app to clean up the image for the icon.
Imagery style Yes
Iconography TBD

Layout and grid system

Item Scope Complete Comments
Table design Yes Yes
Responsive design Yes Yes
Hamburger Menu Yes Yes There's still one bug with the refresh. that's for tomorrow.
Spacing and margins TBD

Interaction and animation

Item Scope Complete Comments
Hover effects Yes YES
Transitions and animations Yes YES
Loading indicators TBD

Accessibility

Item Scope Complete Comments
ARIA Roles Future
Alt text Yes Yes Started with the logo. I will include Alt-text in all future additions.
Keyboard navigation TBD

I'm not going to get into Code Guidelines and Code Standards for now.