Styling

Styling w/ homeworks

• 1 min read

10/10 mango mango mango mango introduction

layout: post title: “Styling Hacks & Legal-Ethical Hacks (All-in-One)” date: 2025-03-31 categories: [DevOps] tags: [Tailwind, Bootstrap, Theme, Jekyll, Licensing, Ethics, Open Source] excerpt: “Notes on utility frameworks, responsive themes, and protecting intellectual property with open-source licences.” —

Mar 31, 2025 • 3 min read

DevOps

Styling Hacks 🎨

Tailwind

  • Utility-first classes (p-4, bg-blue-600, etc.) mean no custom CSS editing.
  • Ready-made responsive prefixes (sm:, md:…) adapt styles as the viewport changes.

Bootstrap

  • The template uses a content wrapper (<div class="container-xxl"> …) to centre and constrain pages.
  • Handy when you need quick navbars, cards, grids.

Theme

  • Acts as the outer shell for every page (header, footer, sidebar).
  • A good theme is responsive—watch how the UI morphs when you resize the browser window.

Jekyll Layouts

  • The YAML block at the top of each file chooses a layout (e.g. layout: post).
  • Layouts cascade: a post layout can extend a default layout so you don’t repeat HTML chrome.

Mar 31, 2025 • 2 min read

DevOps

Legal & Ethical Concerns Hacks ⚖️

Popcorn Hack 1 – Protecting IP

  • Patents protect inventions and motivate creators.
  • Copyright lets musicians block unauthorised song distribution.
  • Other tools: trademarks, DRM.

Popcorn Hack 2 – MIT Licence

  • Permits reuse as long as the original copyright & licence text stay intact.
  • Great for class projects—allows collaboration but ensures credit.

Popcorn Hack 3 – Creative Commons & Exceptions

  • CC licences let creators pre-define reuse rules.
  • Copyright exceptions: fair use (education, research, parody), public-domain works, library archives.

Popcorn Hack 4 – Avoiding Infringement

  • Verify licences and permissions before using external assets.
  • Easiest path: create your own content.

Homework Hack – Chosen Licence: Apache 2.0

  • Keeps our authorship clear.
  • Doesn’t force us to open-source future changes.
  • Users can still study and improve the code (must attribute us).

Licence file → LICENSE

Extra Credit – MediPulse Project 🚑🤖

A website that leverages ML and algorithms to recommend the best San Diego hospital for a patient’s ailment (e.g. ACL tear).
Apache 2.0 protects our work while letting partners inspect the source.