This post has a bit of everything, I managed to achieve a lot.
Firstly, I changed my ‘back to top’ button to ‘to the top’ as well as the shape of it. Before it was all lower case and rounded edges. Here I unrounded the edged and made it all caps as it better suited my theme.
Secondly, I played around with the text. I finally wrote out the Odds and Evens side of the story (the war) and added it to my website. I had to make some adjustments to the layout and the columns widths etc because the Evens text was a little bit longer than the space allocated for it (Now I know for next time to start with the text). I also tried to Italicise and Bold some of the words to make the reading more interesting and break up the text but this didn’t work so well. Whenever I bolded something it went to the Playfair Display bold text, instead of Gilroy regular (as Im using Gilroy- Thin). I don’t know how to fell about it though cause it kind of works because all my headings are Playfair display.
Thirdly, I edited and added in my characters to the scenes for my animation. I added the Golden ratio to the skies, cut out people and added my characters and masks etc.
Lastly, I took all these backgrounds into AFX and edited them to transition one after another. I also made it a seamless loop before exporting it as a MP4 (the gif quality was either too bad or the size of the file was wayyyyyyyy too big) and then adding it to my website. I added controls, autoplay and loop to the code so that it plays as if its a gif but has much better quality than one.
I also made a screen recording for the process.






























