About on

About on https://blog.daniel-ramirez.io/about/ Recent content in About on Hugo en-us Sun, 29 Dec 2024 00:00:00 +0000 About https://blog.daniel-ramirez.io/about/about/ Sun, 29 Dec 2024 00:00:00 +0000 https://blog.daniel-ramirez.io/about/about/ <h2 id="i-make-interactive-audio-experiences-and-compose-music-for-physical-and-digital-spaces">I make interactive audio experiences and compose music for physical and digital spaces.</h2> <h3 id="composer-sound-designer-and-tinkerer-currently-building-lufs-audio-with-clients-in-the-bay-area">Composer, Sound Designer, and tinkerer. Currently building <a href="https://www.lufs.audio" target="_blank">LUFS Audio</a>, with clients in the Bay Area.</h3> <h4 id="when-im-not-working-youll-find-me-trying-to-learn-something-new">When I’m not working, you’ll find me trying to learn something new.</h4> <html lang="en"> <head> <meta charset="UTF-8"> <title>LUFS Retro Button</title> <style> @keyframes pulseShadow { 0%, 100% { box-shadow: 2px 2px 0 #b0b0b0; } 50% { box-shadow: 4px 4px 0 #888; } } @keyframes subtle-float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-2px); } } @keyframes sparkle { 0%, 100% { opacity: 0; transform: scale(0.5); } 50% { opacity: 0.8; transform: scale(1); } } .webring-button { animation: pulseShadow 2s infinite, subtle-float 3s ease-in-out infinite; width: 88px; height: 31px; display: inline-block; overflow: hidden; cursor: pointer; text-decoration: none; background: #e0e0e0; border: 2px solid #b0b0b0; box-shadow: 0 0 0 4px #f8f8f8, 0 0 0 6px #888, 2px 2px 0 0 #b0b0b0; margin: 8px; padding: 0; transition: background 0.1s; position: relative; } .webring-button:hover { animation-play-state: paused; box-shadow: none; background: #d0d0d0; } .webring-button svg { width: 88px; height: 31px; display: block; margin: 0 auto; background: #e0e0e0; } .sparkle { position: absolute; width: 4px; height: 4px; background: #fff; border-radius: 50%; z-index: 10; animation: sparkle 2s infinite; pointer-events: none; } .cls-1 { fill: #78beba; } .cls-2 { fill: #111; } .cls-3 { fill: #2069af; } .cls-4 { fill: #d35233; } .cls-5 { fill: #e7b225; } </style> </head> <body> <a href="https://lufs.audio" target="_blank" class="webring-button" title="LUFS Audio">  <script> (function() { const addSparkles = function() { const button = document.querySelector('.webring-button'); if (!button) return; // Just add a few subtle sparkles for (let i = 0; i < 5; i++) { const sparkle = document.createElement('div'); sparkle.className = 'sparkle'; // Position sparkles around the LUFS logo const left = 20 + Math.floor(Math.random() * 50); const top = 10 + Math.floor(Math.random() * 15); sparkle.style.left = left + 'px'; sparkle.style.top = top + 'px'; // Different delays sparkle.style.animationDelay = (i * 0.4) + 's'; button.appendChild(sparkle); } }; // Run when DOM is ready if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', addSparkles); } else { addSparkles(); } })(); </script> <svg width="88" height="31" viewBox="0 0 959.4 226.8" xmlns="http://www.w3.org/2000/svg"> <rect width="959.4" height="226.8" fill="#e0e0e0"/> <g id="Layer_1-2" data-name="Layer 1"> <g> <path class="cls-3" d="m159.04,147.69c3.01,0,6.03-.03,9.04,0,4.26.05,7.52,2.71,7.85,7.1.53,7,.54,14.05,0,21.05-.34,4.41-3.49,7.1-7.79,7.15-6.03.07-12.06.08-18.08,0-4.77-.06-7.95-3.39-8.01-8.34-.07-6.18-.07-12.37,0-18.55.05-5.06,3.33-8.37,8.19-8.41,2.93-.02,5.86,0,8.8,0Z"/> <path class="cls-4" d="m207.66,147.69c3.01,0,6.03-.04,9.04,0,4.55.07,7.82,3.45,7.86,8.22.05,6.27.05,12.53,0,18.8-.04,4.8-3.16,8.19-7.8,8.27-6.11.11-12.22.1-18.33,0-4.59-.07-7.83-3.43-7.9-8.22-.09-6.27-.1-12.54,0-18.8.08-4.94,3.37-8.23,8.08-8.28,3.01-.03,6.03,0,9.04,0Z"/> <path class="cls-1" d="m110.61,147.69c3.01,0,6.03-.03,9.04,0,4.31.06,7.62,2.96,7.78,7.43.24,6.85.23,13.72-.01,20.56-.15,4.27-3.29,7.2-7.39,7.29-6.27.13-12.54.13-18.81,0-4.41-.08-7.53-3.32-7.62-7.91-.13-6.43-.13-12.87-.02-19.31.08-4.82,3.35-8.01,7.99-8.07,3.01-.04,6.03,0,9.04,0Z"/> <path class="cls-5" d="m62,147.69c3.09,0,6.19-.04,9.28.01,4.32.08,7.64,3.33,7.72,7.81.11,6.52.1,13.04.01,19.56-.06,4.44-3.11,7.78-7.38,7.89-6.35.16-12.7.16-19.05,0-4.42-.1-7.4-3.47-7.43-8.04-.04-6.43-.05-12.87,0-19.3.04-4.51,3.22-7.83,7.56-7.92,3.09-.07,6.19-.01,9.28-.01Z"/> <path class="cls-2" d="m273.44,226.8H0V1.23h273.44v225.58ZM29.48,100.74h214.48c1.29,0,2.33-1.04,2.33-2.33V32.17c0-1.29-1.04-2.33-2.33-2.33H29.48c-1.29,0-2.33,1.04-2.33,2.33v66.24c0,1.29,1.04,2.33,2.33,2.33Zm-.47,102.43h214.94c1.29,0,2.33-1.04,2.33-2.33v-70.91c0-1.29-1.04-2.33-2.33-2.33H29.48c-1.29,0-2.33,1.04-2.33,2.33v71.37c0,1.03.84,1.87,1.87,1.87Z"/> <path class="cls-2" d="m163.9,93.27c-5.47.02-9.82-3.61-11.06-9.25-.17-.8-.16-1.57-1.07-2-4.5-2.17-7.42-6.04-9.99-10.24-1.74-2.84-3.4-5.74-5.1-8.6-1.08-1.82-2.28-3.56-3.72-5.1-4.67-4.94-10.63-4.85-15.18.25-2.6,2.92-4.41,6.4-6.38,9.78-2.34,4.01-4.66,8.03-8.13,11.15-6.93,6.22-16.64,5.94-23.24-.63-3.3-3.29-5.61-7.31-7.93-11.33-1.51-2.61-2.98-5.23-4.8-7.63-1.08-1.43-2.31-2.69-3.79-3.69-1.52-1.03-2.61-1.39-4.07.54-3.27,4.34-8.83,5.41-13.51,3.05-4.61-2.33-7.17-7.76-6.11-12.98,1.03-5.08,5.26-8.95,10.12-9.26,5.51-.36,9.94,2.69,11.63,8.11.4,1.27.93,2,2.27,2.4,3.7,1.11,6.49,3.66,8.89,6.7,2.92,3.71,5.07,7.93,7.48,11.98,1.54,2.59,3.17,5.12,5.44,7.11,3.92,3.45,9.14,3.34,12.94-.27,2.37-2.24,4.08-5,5.72-7.82,2.33-4.01,4.52-8.11,7.47-11.69,7.64-9.29,19.47-9.38,27.24-.19,3.1,3.67,5.32,7.96,7.74,12.1,1.61,2.74,3.28,5.42,5.6,7.61,1.24,1.17,2.05,1.64,3.53-.04,3.51-3.97,9.26-4.57,13.72-1.85,4.35,2.66,6.44,8.08,5.1,13.2-1.36,5.19-5.63,8.57-10.84,8.59ZM50.92,53.18c2.04,0,3.93-1.9,4-4.04.07-2.24-1.83-4.3-3.98-4.31-2.03,0-3.94,1.93-4,4.06-.06,2.26,1.82,4.29,3.98,4.29Zm113.02,32.59c2.14-.07,4.07-2.22,3.93-4.39-.13-2.14-2.08-4.01-4.11-3.97-2.15.05-3.97,2.13-3.87,4.4.1,2.18,1.98,4.02,4.04,3.95Z"/> <circle class="cls-2" cx="211.88" cy="65.29" r="25.57"/> <g> <path class="cls-2" d="m942.27,172.42c3.04,0,6.08-.03,9.11,0,4.34.06,7.68,2.98,7.84,7.49.24,6.9.24,13.82-.01,20.72-.15,4.3-3.32,7.26-7.45,7.34-6.32.13-12.64.13-18.96,0-4.44-.08-7.59-3.34-7.68-7.97-.13-6.48-.13-12.98-.02-19.46.08-4.86,3.38-8.08,8.05-8.13,3.04-.04,6.08,0,9.11,0Z"/> <g> <path class="cls-2" d="m407.56,1.19h-80.33v21.05h49.17c3.19,0,5.77,2.58,5.77,5.77v177.73h-55.39v21.05h134.23v-21.05h-53.45V1.19Z"/> <path class="cls-2" d="m763.05,62.26h-64.03v-16.72c0-16.42,11.5-24.64,34.49-24.64,16.22,0,28.57.45,37.03,1.34V1.49c-7.17-.99-19.61-1.49-37.33-1.49-20.01,0-34.89,3.76-44.64,11.27-9.76,7.52-14.63,19.09-14.63,34.71v16.27l-68.26-.45h-6.78c-10.28,0-18.61,8.33-18.61,18.61v76.8c0,13.84-4.11,25.01-12.32,33.52-8.21,8.51-18.99,12.77-32.33,12.77-12.64,0-22-3.51-28.07-10.53-6.07-7.02-9.11-17.84-9.11-32.47V61.81h-25.38v105.11c0,19.41,4.65,34.24,13.96,44.5,9.31,10.25,22.77,15.38,40.39,15.38,12.34,0,22.97-2.74,31.88-8.21,8.91-5.47,15.55-13.24,19.93-23.29h2.09v28.52h24.34V83.47l68.26.45v139.9h25.38V83.91h63.73c4.14,0,7.49-3.35,7.49-7.49v-6.67c0-4.14-3.35-7.49-7.49-7.49Z"/> <path class="cls-2" d="m886.62,149.24c-7.42-7.12-18.99-12.47-34.71-16.05l-22.84-5.23c-10.15-2.19-17.47-5.17-21.95-8.96-4.48-3.78-6.72-8.76-6.72-14.93,0-7.37,3.08-13.26,9.26-17.69,6.17-4.43,14.38-6.64,24.64-6.64,9.45,0,17.37,2.04,23.74,6.12,6.37,4.08,10.3,9.66,11.8,16.72h24.49c-1.49-13.53-7.59-24.24-18.29-32.1-10.7-7.86-24.46-11.8-41.28-11.8-17.82,0-32.2,4.31-43.15,12.92-10.95,8.61-16.43,19.93-16.43,33.97,0,22.99,14.58,37.83,43.75,44.5l24.04,5.52c10.25,2.29,17.57,5.3,21.95,9.03,4.38,3.73,6.57,8.83,6.57,15.3,0,7.76-3.26,13.96-9.78,18.59-6.52,4.63-15.3,6.94-26.35,6.94-10.45,0-19.09-2.07-25.91-6.2-6.82-4.13-11.17-9.93-13.06-17.4h-25.83c1.39,13.94,7.81,24.91,19.26,32.92,11.45,8.01,26.33,12.02,44.64,12.02s34.57-4.48,46.06-13.44c11.5-8.96,17.25-20.9,17.25-35.83,0-11.74-3.71-21.18-11.12-28.29Z"/> </g> </g> </g> </g> </svg> </a> </body> </html>