Skip to content

SierraAdamsDev/Sierra-Portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

sierra-space

A non-traditional personal site built in a 90s/Y2K-inspired style.

This project serves as a creative portfolio — not a conventional résumé site — and reflects an intentional approach to design, systems thinking, and personal authorship.

Live site: https://sierra-space.netlify.app


Overview

sierra-space is a lightweight, static site built using HTML, CSS, and vanilla JavaScript.

It blends:

  • Human-centered design principles
  • Subtle interactive elements
  • Intentional restraint
  • A nostalgic visual layer

The goal was to create something expressive without being performative, and structured without being rigid.


Features

  • Tab-based navigation (no page reloads)
  • Local storage visitor counter
  • Dynamic “mood” display
  • Toggleable background music
  • Interactive sparkle animation
  • Responsive layout for mobile and desktop

Tech Stack

  • HTML5
  • CSS3
  • Vanilla JavaScript
  • Netlify (deployment)
  • Git & GitHub (version control)

Structure

sierra-space

A non-traditional personal site built in a 90s/Y2K-inspired style.

This project serves as a creative portfolio — not a conventional résumé site — and reflects an intentional approach to design, systems thinking, and personal authorship.

Live site: https://sierra-space.netlify.app


Overview

sierra-space is a lightweight, static site built using HTML, CSS, and vanilla JavaScript.

It blends:

  • Human-centered design principles
  • Subtle interactive elements
  • Intentional restraint
  • A nostalgic visual layer

The goal was to create something expressive without being performative, and structured without being rigid.


Features

  • Tab-based navigation (no page reloads)
  • Local storage visitor counter
  • Dynamic “mood” display
  • Toggleable background music
  • Interactive sparkle animation
  • Responsive layout for mobile and desktop

Tech Stack

  • HTML5
  • CSS3
  • Vanilla JavaScript
  • Netlify (deployment)
  • Git & GitHub (version control)

Structure

/ ├── index.html ├── styles.css ├── script.js ├── Erykah Badu - Cleva.mp3 ├── Sierra Adams Resume.pdf └── README.md


Design Philosophy

This site was intentionally built without frameworks or libraries.

The focus was on:

  • Clarity over complexity
  • Control over abstraction
  • Expression without over-engineering

It functions as a space rather than a product.


Future Iterations

Potential additions may include:

  • Expanded writing section
  • Additional interactive elements
  • Refined visual treatments

The site remains intentionally lightweight and adaptable.


License

This project is shared for viewing and inspiration.
All written content and design elements remain the intellectual property of the author.

Releases

No releases published

Packages

 
 
 

Contributors