My Contact App

CHRISTOPHER ARIC COLLINS SR

My Contact App

How to Reach Me

chris@cqsbusinesssolutions.com: chris@cqsbusinesssolutions.com

Share

TAP or SCAN

QR CODE

(function() { var MCA_QUICK_COLORS = [ '#ffffff','#f0f0f0','#cccccc','#888888','#333333','#000000','#fef9c3','#fde68a', '#1E88E5','#4CAF50','#E53935','#FB8C00','#8E24AA','#00ACC1','#43A047','#F4511E' ]; var _cpPopup = null; var _cpTarget = null; // the hidden type=color input var _cpH = 0, _cpL = 100; function _init() { // Build popup var p = document.createElement('div'); p.id = 'mcaColorPickerPopup'; p.className = 'mca-cp-popup'; p.innerHTML = '' + '

Quick Pick

' + '

Hue 0deg

' + '' + '

' + '

Lightness 100%

' + '' + '

' + '

' + '' + '

'; document.body.appendChild(p); _cpPopup = p; // Quick swatches var quick = document.getElementById('mcaCpQuick'); MCA_QUICK_COLORS.forEach(function(c) { var s = document.createElement('div'); s.className = 'mca-cp-quick-swatch'; s.style.background = c; s.dataset.hex = c; s.addEventListener('click', function() { _setHex(c); _commit(); }); quick.appendChild(s); }); // Sliders document.getElementById('mcaCpHue').addEventListener('input', function() { _cpH = parseInt(this.value); document.getElementById('mcaCpHueVal').textContent = _cpH + 'deg'; _updateFromHSL(); }); document.getElementById('mcaCpLight').addEventListener('input', function() { _cpL = parseInt(this.value); document.getElementById('mcaCpLVal').textContent = _cpL + '%'; _updateFromHSL(); }); // Hue slider gradient var hueSlider = document.getElementById('mcaCpHue'); hueSlider.style.background = 'linear-gradient(to right,hsl(0,100%,50%),hsl(30,100%,50%),hsl(60,100%,50%),hsl(90,100%,50%),hsl(120,100%,50%),hsl(150,100%,50%),hsl(180,100%,50%),hsl(210,100%,50%),hsl(240,100%,50%),hsl(270,100%,50%),hsl(300,100%,50%),hsl(330,100%,50%),hsl(360,100%,50%))'; // Hex input document.getElementById('mcaCpHex').addEventListener('input', function() { var v = this.value.replace(/[^0-9a-fA-F#]/g,''); if(v && v[0] !== '#') v = '#' + v; if(/^#[0-9a-fA-F]{6}$/.test(v)) { _setHex(v); _commit(); } }); // Close document.getElementById('mcaCpClose').addEventListener('click', _close); document.addEventListener('click', function(e) { if(_cpPopup && _cpPopup.classList.contains('active')) { if(!_cpPopup.contains(e.target) && !e.target.classList.contains('mca-cp-swatch')) { _close(); } } }); } function _hexToHsl(hex) { hex = hex.replace('#',''); if(hex.length===3) hex=hex[0]+hex[0]+hex[1]+hex[1]+hex[2]+hex[2]; var r=parseInt(hex.substr(0,2),16)/255; var g=parseInt(hex.substr(2,2),16)/255; var b=parseInt(hex.substr(4,2),16)/255; var max=Math.max(r,g,b), min=Math.min(r,g,b); var h,s,l=(max+min)/2; if(max===min){h=s=0;} else{var d=max-min;s=l>0.5?d/(2-max-min):d/(max+min); switch(max){case r:h=((g-b)/d+(g window.innerHeight) top = rect.top - 380; if(left + 290 > window.innerWidth) left = window.innerWidth - 295; popup.style.top = Math.max(8, top) + 'px'; popup.style.left = Math.max(8, left) + 'px'; } function _wrapInput(input) { if(input.dataset.mcaCpWrapped) return; input.dataset.mcaCpWrapped = '1'; input.classList.add('mca-cp-hidden'); var wrap = document.createElement('span'); wrap.className = 'mca-cp-wrap'; input.parentNode.insertBefore(wrap, input); wrap.appendChild(input); var swatch = document.createElement('span'); swatch.className = 'mca-cp-swatch'; swatch.style.background = input.value || '#ffffff'; swatch.addEventListener('click', function(e) { e.stopPropagation(); _open(input, swatch); }); wrap.appendChild(swatch); } function _wrapAll() { document.querySelectorAll('input[type="color"]:not([data-mca-cp-wrapped])').forEach(_wrapInput); } // Init on DOM ready if(document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', function() { _init(); _wrapAll(); }); } else { _init(); _wrapAll(); } // Re-wrap any dynamically added inputs setInterval(_wrapAll, 2000); })();