Welcome!

I am the hub for all things Harry Holehouse-Eyre, if you'd like to learn about me please browse to your hearts content.

Planned Site Features

Add accessibility settings e.g adjustable Font size, colors etc.
Add a beautiful background image, suitable of yours truly.
~~A form on the Contact Details section to send Harry a message~~, and make it functional
~~More content for the Projects section~~

Profile

A self taught coder with a background in mathematics and production, testing and improving my skills in a professional setting!

Skills

Languages

JavaScript
PHP
HTML5
CSS3
Bash

Libraries & Frameworks

Wordpress
Foundation
Bootstrap
JQuery
Git

Software

GIMP
Microsoft Office
Visual Studio Code
GitHub
Paint.Net

Soft Skills

Self-Motivated
Attention to Detail
Logical
Problem Solver

What am I doing next?

Learning some core back-end for web-development, specifically PHP and MySQL. Probably working more on my Particles project and then implementing that as a background ot my portfolio site (this one).

Projects

Portfolio Website

The website you are currently traversing.

Carousel Style Page Navigation

The content of the page is within a box wider than the size of the screen. The content within this 'sliding box' is spaced evenly and when one of the navigation links is clicked, the position of the 'sliding' box is moved to show the relevant 'page'.

The current position of the page is tracked and the distance needed to traverse to display the next page will affect the timing of the transition to that page. Traversing further will take longer.

Projects Article Expansion

The projects begin with styling to show only the title of the project. When they are clicked they expand to the height required to display the content.

The challenge here is that CSS transitions do not support the 'auto' value of height. To solve this, JavaScript is used to set the inline height of the box to the 'scrollHeight' (A property that determines how far can be scrolled, effectively the height of the content) allowing a smooth transition. After this transition is complete the height is then set to auto to maintain responsiveness.

Similarly, to return to it's initial height, the height must again be set to the scrollheight before being set almost immediatly to the initial value so that the stylesheet style can be transitioned smoothly once again.

View Code On GitHub

Particles

Inspired by: Maciek Sitkowski I was fascinated by the banner and have attempted to emulate it, learning all about the canvas HTML element and inadvertantly brushing up on mechanics and trigonometry in the process.

A throwback to university when I modelled the movement of particles

View Deployment View Code On GitHub