Old TechPaws Blog Site

2025-01-26

Old TechPaws Blog Site

Repository

This project was a landing page and blog page for a generic tech company. I ended up using photos of a hardware monitor gauge built with the same technology as a car odometer. I'm not cool enough to have built that but I did take the picture.

Stack

Landing and blog page using static HTML. SCSS is used for styling and external CDN requests are used for fonts and FontAwesome icons. Each page is separated out into its own SCSS and HTML files and I used a funny little ispum generator set to Microsoft purist mode for the text.

Technology

  • Static HTML site
  • SCSS for styling (compiled to CSS)
  • FontAwesome icons
  • Google Fonts (Roboto)
  • Simple file structure

Key Features

  • Non semantic HTML structure using divs and classes
  • More advanced usage of styling such as the slanted sidebar
  • CDN usage
  • Images
  • Links between pages

Learning Focus

  • Learning about CDNs
  • Using a compiler for the first time
  • Practicing the habit of separating files
  • Working with a partner

Ramblings

This project was a few different things. first it was a bit more complex due to having to compile SCSS in exchange for nicer variables, more importantly though it was a team project. We were using a shared repository and we had to work with each other and learn git operations. We also went over how to get fonts and icons from external sources and making sites look a bit nicer. It also gave me permission to look for cool internet resources that can help me create a site. I spent project time on this site finding a lorem ipsum generator, it allowed me to make some funny ipsum text that feels like you're almost reading something coherent until you realize it's not. It's important to sometimes explore the web and find facinating resources to keep yourself interested and maybe learn to explore a new technology or just explore something another person made.

Next project: HTML "Burgers" Restaurant Site

guest@b1rdh0use