Chad Boyce djsnipa1

Untitled Project

	<main>
	<!-- <img src="./dark.png" alt="" /> -->
	<button aria-pressed="false" class="toggle">
	<div class="socket">
	<div class="socket-shadow"></div>
	</div>
	<div class="face">
	<div class="face-shadow"></div>
	<div class="face-glowdrop"></div>
	<div class="face-plate"></div>

	<main>
	<div class="card">
	<pixel-canvas></pixel-canvas>
	<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentcolor" viewBox="0 0 256 256">
	<path d="M216,42H40A14,14,0,0,0,26,56V200a14,14,0,0,0,14,14H216a14,14,0,0,0,14-14V56A14,14,0,0,0,216,42ZM40,54H216a2,2,0,0,1,2,2V98H38V56A2,2,0,0,1,40,54ZM38,200V110H98v92H40A2,2,0,0,1,38,200Zm178,2H110V110H218v90A2,2,0,0,1,216,202Z"></path>
	</svg>
	<button>Layout</buton>
	</div>

	<div class="card" style="--active-color: #e0f2fe">

	<div class="content">
	<img src="https://ksenia-k.com/img/ksenia.jpg"/>
	</div>

	<canvas></canvas>

	<div class="overlay">
	Liquid content reveal
	</div>