Makeover

            After a few weeks of just going in circles without much progress on the redesign of Kukui Cup or even applying responsiveness to the website, I finally took a step to understand the code of where or what piece of code makes up the image etc on the Kukui Cup website.

            Initially I took apart the Home button and the nav-links section (a bunch of links that needs to some other pages) and played around without the images. I was successful in getting it to display just text and still retain its original position.

            Then later on it transition into experimenting with understanding where the other content boxes are located in the html file by their div tags. Also, going through the css file to see how the shape that contains the content (e.g. news feed) are created.

            For the redesign of the site I was successful in removing the images from the nav-links and recreated it into a left side kind of menu. I also picked lighter green background and kind of beige color for the content boxes. Here’s the piece of code that I’ve modified to display the nav-links in a left side vertical menu.

Then I experimented with trying to move the other contents into places to make it evenly spaced out to look like organized columns. However, I was unsuccessful in getting the other contents to switch spots to other places within the container. Although, trying to rearrange the content boxes wasn’t successful, but I will continue to experiment and research ways to place the content boxes in certain spots and learn more CSS and HTML coding.