Reflections

Target group #2 – lower secondary education: age 14 - 16 (years 8–10)

I decided to go with a very simple design for the site. I tried giving it the feel of something that could fit the “Natural sciences”course that people have in my target group education. I went for common typefaces that most browsers already have. The headline text colors contrast the background, and start darker from h1 and become lighter in color through h3. Keeping it simple, on par with the rest of the design. I decided early in the planning of the site that I wanted as few images as possible. This is keeping up with being sustainable, and also using this as an example in the text on my homepage. I gave the background a gradient with a lighter color in the middle to make it feel a bit more alive.

I originally wanted to try out using grid, but realized my design was simple enough to work better with flexbox. I made the main structure of the page before writing the contents, and started with the header and the footer. I designed the page with the mobile first approach. But due to deciding on slightly different layouts for both phone and tablet, it was easier to make these the media-queries and have the desktop version be the main code.

I found it a struggle to not use the div element as much. I alway used it with a class or id. And usually needed it to divide other elements into sections in places where the section element didn’t fit or where already in use. I tried using the address element for the first time in my footer, and I am not completely sure I used it correctly. I used it to contain the NTNU logo, address and phone number. In the footer I wanted the contact information under each other, and ended up using the p element to do that, but since these are not paragraphs, I think that might have been bad practice. I considered replacing it with something different, but I didn’t feel like it would be better to use a div, and using a list felt like unnecessary coding.

I decided to structure my folders the same way I did oblig 1. Taking the feedback from that, I gave descriptive names to all html files outside the main page. I had an img folder for images, but ended up using this for the downloadable pdf as well. Doing this makes the folder-name slightly misleading, and maybe I should have changed it to resources or another name instead of img.

I struggled a bit with writing the text for the homepage. I am not an expert on sustainability, so I had to do a lot of reading to be able to write it. I contemplated using chatGPT or citing some paragraphs from my sources, but I ended up not being happy with that result. I am good at writing, so I ended up reformulating the text from the sources myself, but doing this multiple times cost me a significant amount of time.

I have tried my best with the coding for the page, the design is a bit lacking and maybe too simple in some parts. I started the oblig in good time and made good progress, sadly I ended up having covid for a whole week at the start of November, and fell behind on all subjects. Thankfully I managed to complete this oblig in time.