aloe

helping people connect

"Aloe was the best manager I've had; he was invested in me as a person as much as a colleague, and he laid the building blocks for my career.

I've never seen someone be able to move between so many different types of people at every level of a company and maintain the kind of deference he did in spite of the challenging nature of our case work.

— Performance Review from Direct Report

01 / 05

3D Cube

1
2
3
4
5
6
CSS Code
.cube-3d {
  width: 100px;
  height: 100px;
  transform-style: preserve-3d;
  animation: rotateCube 6s linear infinite;
}

.cube-face {
  position: absolute;
  width: 100px;
  height: 100px;
  border: 2px solid #6366f1;
  background: rgba(99, 102, 241, 0.1);
}

@keyframes rotateCube {
  0% { transform: rotateX(0) rotateY(0); }
  100% { transform: rotateX(360deg) rotateY(360deg); }
}
02 / 05

Audio Waves

CSS Code
.wave-container {
  display: flex;
  gap: 5px;
}

.wave-bar {
  width: 10px;
  height: 60px;
  background: linear-gradient(to top, #6366f1, #8b5cf6);
  border-radius: 5px;
  animation: wave 1.5s ease-in-out infinite;
}

@keyframes wave {
  0%, 100% { transform: scaleY(0.5); }
  50% { transform: scaleY(1.5); }
}
03 / 05

Morphing Blob

CSS Code
.morph-shape {
  width: 120px;
  height: 120px;
  background: linear-gradient(45deg, #6366f1, #ec4899);
  animation: morph 8s ease-in-out infinite;
}

@keyframes morph {
  0%, 100% {
    border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
    transform: rotate(0deg);
  }
  50% {
    border-radius: 70% 30% 50% 50% / 30% 40% 70% 60%;
    transform: rotate(180deg);
  }
}

thinking/feeling

(my public notes)