🪴 Quartz 4.0

Logbook-Final-Website-Project

Jun 05, 20253 min read

Subdocument of Final Website Project - Webbutveckling 1

Logbook:

Week Start ⇒ 15

Logbook not started, check GitHub for info.

Week 16

After weeks of searching I’ve found a CSS only masonry layout. So basic layout can look good without needing JS. The website should be with JS disabled. https://w3bits.com/css-masonry/ updated CSS to use this CSS multi column.

Before:

After:

Week 17

  • Added 24 more links to blender recourses

Week 18

Monday:

  • Changed Gaps in the masonry layout to scale with screen size and browser zoom (vw ⇒ rem)
  • Changed the hover effect for links to be snappier (ease-in-out ⇒ ease-out) and made them not become bold (the boldness increases letter thickness and compensating by decreasing letter spacing is inconsistent depending on letter type so occasionally words would jump up or down during the transition)
  • Added html for masonry in “color” and “coding” sections but only had time to put 1 link in “color”
  • testing column width in calc(25rem - 1cm) making big screens show a lot and smaller screen show little as before but the cm having a bigger impact on small screens making them have a bit more columns

Tuesday:

  • Changed column width (25rem - 1cm ⇒ 25rem - 2cm)
  • Added More links to Color & Design

Wednesday:

  • Added Fonts: Inter and Noto Sans JP as .ttf files
  • Changed fonts to not import from google and just use files (better loading times)
  • Changed fonts to have Noto Sans JP and Arial as second and third font (backup)
  • Added Fonts category in Color & Design and added links to the 2 fonts I’m using to it.
  • Fixed Titles in Color & Design and Coding to not say “Template” which it did since Monday
Left to do:
  • links
  • fix rare hover word hopping bug
  • user feedback
  • copyright info
  • 5th page
  • JS
  • Polish

Saturday:

  • Added links to Coding making every page have links now and not a single empty entry, “item” or “check back later” should be visible.
  • This makes every feature currently on the website complete therefore making this version 1.0 of the website as ill count is as a non feature complete release.
  • With the website 1.0 I’ll be able to get a lot better feedback on the website as a whole rather than unfinished parts

Sunday:

  • Fixed a rare bug that made a word hop up one line upon hovering on a link. (there was a 0.05 rem (0.9 pixels on my 1920x1080 screen) difference between 2 values in the animation)
  • Bug:
  • Fixed
  • Added Copyright to bottom of start page
  • Added link to future Suggestions page (or JS driven popup?)
  • Mobile Compatibility:

Week 19

Monday:

  • Started on Javascript to make a suggestion/feedback popup

Week 20

Monday:

  • Validating
  • CSS
  • HTML

Week 21

Week 22

Wednesday:

  • added the copyright text to more pages
  • added feedback.html

Week 23

Wednesday:

  • finished feedback page

Thursday:

  • made a site with optimized images because this one doesn’t have images but i need to prove i can do it.
  • added favicon (not very good but i show that i can do it) and yes .png is supported by all browsers

Graph View

Backlinks