This week we started with more HTML and CSS. We were updating our projects with new styling, which we have learned recently. I was working on styling my Gallery project to become mobile-first.
I decided to change my gallery’s elements and replaced them with photos from the Comedy Wildlife Photography Awards website. Each photograph was the overall winner and an extra one from a different category from 2021, 2022 and 2023. There were 6 in total. I added a description and a link to an official website which I styled as a button.
I decided to change my gallery’s elements and replaced them with photos from the Comedy Wildlife Photography Awards website.
Each photograph was the overall winner and an extra one from a different category from 2021, 2022 and 2023. There were 6 in total. I added a description and a link to an official website which I styled as a button.
JavaScript basics. We followed some instructions to build a button that changes an image on a click. Some of the files were already made. We had to add some images and JavaScript code. In HTML, I added a file path to a .js file and added some styling to a page.
We started with the basics of basic JS. Some variables were set up.
A simple function was made to check whether the button works and is clickable. We added the counter to the button to check how many times it was clicked. I made a record…
When we did that and sow, the button work, we added some images and in a code, they were displayed above our button, and one by one was shown on a click. The counter was removed.
This is how the final function looks like
We were also working on our WordPress. We learned about themes and how to customize them. I wanted to have a darker background and white text. I liked my idea until…
…This happened. The default background in the editor is also white.
And I have to change the colour palette or just keep changing the background in the “inspector tools”. I’ll try to make more changes on Week 4 after a weekend break from doing things. After a week, I discovered, that the original background of the page had a conflict with my Dark Background plugin. After disabling it, everything is back to normal.
Leave a Reply