ba0e8c84ae
- Add complete Iconography section with Coolicons v4.1 integration - Implement theme-adaptive icons (black for light mode, white for dark mode) - Add Visual Aid modal dialog for accessibility settings - Replace theme toggle with semantic moon/sun icons - Add personality trait icons with appropriate semantic choices - Fix code block theming to respect light/dark mode toggle - Include comprehensive icon categories: Interface, File/Data, Communication, Navigation - Add detailed implementation guides for HTML, SVG, and Tailwind - Create accessibility-aware color system with vision deficiency support - Add Inconsolata and Inter Tight fonts for complete typography system 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
31 lines
1000 B
JavaScript
31 lines
1000 B
JavaScript
if (!('boxShadow' in document.body.style)) {
|
|
document.body.setAttribute('class', 'noBoxShadow');
|
|
}
|
|
|
|
document.body.addEventListener("click", function(e) {
|
|
var target = e.target;
|
|
if (target.tagName === "INPUT" &&
|
|
target.getAttribute('class').indexOf('liga') === -1) {
|
|
target.select();
|
|
}
|
|
});
|
|
|
|
(function() {
|
|
var fontSize = document.getElementById('fontSize'),
|
|
testDrive = document.getElementById('testDrive'),
|
|
testText = document.getElementById('testText');
|
|
function updateTest() {
|
|
testDrive.innerHTML = testText.value || String.fromCharCode(160);
|
|
if (window.cooliconsLiga) {
|
|
window.cooliconsLiga(testDrive);
|
|
}
|
|
}
|
|
function updateSize() {
|
|
testDrive.style.fontSize = fontSize.value + 'px';
|
|
}
|
|
fontSize.addEventListener('change', updateSize, false);
|
|
testText.addEventListener('input', updateTest, false);
|
|
testText.addEventListener('change', updateTest, false);
|
|
updateSize();
|
|
}());
|