I've refreshed my personal website a little. Most noticeable will be that the logo at the top of each page has changed. Beneath that are the breadcrumbs - a line giving where in the website the page is, the landing page doesn't have any breadcrumbs. Beneath that on most pages on the left hand side there is an index to either child pages or to sibling pages if there are no children. If there is content on the page then that appears on the right hand side.
Less immediately noticeable is that the website is more responsive to the size of the browser window it is viewed in than before. Four different browser widths are supported: 360 for small phones, then 768, then 1280, then for big screens 1920. The size of images and font sizes used vary according to the browser width. I'm undecided as to whether as the browser window expands in width to stretch the page display sidewards or not.
Behind the scenes the definitions for the pages no longer attempt to say where or how images should be displayed on the page. Now each page is defined as text to go on that pages plus a set of images for that page. The website generator decides how to add the images into the webpage it generates. This eases creating the pages in the first place, but also simplifies making the webpages responsive to different browser widths.
I'm pleased I have simplified how I construct my personal website. I could have used many tools like Drupal, Joomla, Jekyll - but these tend to trade off simplicity for flexibility to satisfy many different requirements. Also for me implementing a website generator is an engaging activity in itself.