Skip to content

Easter Egg: Implement "Time Machine" (Raw HTML Mode) #5

@BarryS27

Description

@BarryS27

Description

To demonstrate the importance of semantic HTML and the power of CSS, implement a "Time Machine" mode that strips away all styling, effectively taking the user back to the "early web" (circa 1991).

User Story

As a curious developer, I want to see the underlying HTML structure of the page without styles, so that I can verify the semantic quality of the markup.

Acceptance Criteria

  • Trigger: The mode activates when the user adds ?time=1990 to the URL (e.g., https://barrys27.github.io/?time=1990).
  • Effect:
    • Programmatically disable the main style.css stylesheet.
    • The page should render as black text on a white background with default browser fonts (Times New Roman).
    • (Optional) Show a browser alert() saying: "Welcome back to 1990. CSS hasn't been invented yet."
  • Revert: Reloading the page without the parameter should restore the modern design.

Technical Implementation

Check window.location.search in script.js. If the parameter exists, find the <link> tag for the stylesheet and set .disabled = true.

Metadata

Metadata

Assignees

Labels

enhancementNew feature or request

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions