The site is really coming together now. I spent a good bit of today redesigning the logos as the ones I was using really weren’t fit for purpose and they didn’t align with the palette anyway. Then I started using those, which really lifted the site as there’s no more blurriness.
From there I moved on to tweaking the header a bit as I finally figured out what I wanted to do with the its background. Now it has a curtain background to match the banner image, which only enhances the theatre effect. This article from WebFX helped me figure out how best to use the background-size property to get the effect I wanted and this one from web.dev helped me with the responsiveness; though I still have some tweaking to do given the way it’s changing at the smallest viewport size.
Then I added animations all over the place, courtesy of Rahul Arora’s handy tips at w3bits.com, which I tweaked in the tiniest of ways to suit the site. First to the logo in the header for a smooth zoom and then to the banner image, which now appears to glide out onto the stage background.
All images got a shadow effect (using either box-shadow or a drop-shadow filter) and the news section got a button linking to the relevant email address.
Then the portfolio section got a really gorgeous colorized zoom for the three pieces, which are now linked to their homes on FB and YT.
Finally, I threw in some translucent boxes for the news and contact sections (oh and the contact section got updated buttons which I edited myself from free stock buttons I found on freepik.com). I *still* haven’t found a background I like for this site, though my friend gave me a good idea of one I could try making, so we’ll see how that goes tomorrow.
Updated repository here!
undefined 