varvedb 0.4.2

A high-performance, embedded, append-only event store for Rust.
Documentation
/* High-Contrast Section Colors */
.layer-1 { background-color: var(--bg-main); } /* Hero - Dark #02040a */
.layer-2 { background-color: var(--bg-card-hover); } /* Features - #161b22 */
.layer-3 { background-color: #21262d; } /* Architecture - Lighter #21262d */
.layer-4 { background-color: var(--bg-card); } /* Footer - #0d1117 */

/* Wave Separators */
.varve-layer {
  position: relative;
}

.varve-layer::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 60px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  pointer-events: none;
  animation: standing-wave 4s ease-in-out infinite alternate;
  /* Hardware Acceleration */
  will-change: transform;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

@keyframes standing-wave {
  0% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(0, 10px, 0); }
}

/* Layer 1 (Hero) -> Layer 2 (#353b3e) */
.layer-1::after {
  /* Simple Sine Wave filled with next section color (#161b22) */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' preserveAspectRatio='none'%3E%3Cpath fill='%23161b22' d='M0,224L60,213.3C120,203,240,181,360,181.3C480,181,600,203,720,224C840,245,960,267,1080,261.3C1200,256,1320,224,1380,208L1440,192L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");
}

/* Layer 2 (Features) -> Layer 3 (#4d5960) */
.layer-2::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' preserveAspectRatio='none'%3E%3Cpath fill='%2321262d' d='M0,96L60,112C120,128,240,160,360,160C480,160,600,128,720,112C840,96,960,96,1080,112C1200,128,1320,160,1380,176L1440,192L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");
  animation-duration: 5s;
}

/* Layer 3 (Architecture) -> Footer (#0f1117) */
.layer-3::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' preserveAspectRatio='none'%3E%3Cpath fill='%230d1117' d='M0,192L60,202.7C120,213,240,235,360,224C480,213,600,171,720,160C840,149,960,171,1080,181.3C1200,192,1320,192,1380,192L1440,192L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");
  animation-duration: 6s;
}