Y O L K
patternsaremyfeelings
mythoughtsareyours
yolkalyzer
0p3nr3p0
nothingbetween.us
yolk.cc
See ya space cowboy
Lauren Elder dot Net
Published:
2012.08.11
Lauren Elder dot Net
Lauren Elder Portfolio
</div><canvas id="outline" width="100" height="200" style="position:fixed;top:20px;right:10px;"></canvas></div><footer><div class="zocial-html5"></div></footer><script>var $ = require('jquery'); jQuery = $;</script><script>var icon = require('favicon'); var c = document.createElement('canvas'); c.width = c.height = 16; var ctx = c.getContext('2d'); ctx.font = 'italic 18px "League Gothic", Arial, sans-serif'; function rRGB(){ return Math.floor(Math.random()*255); } function rs(){ return Math.round(Math.random()); } ctx.fillStyle = 'rgb('+rRGB()+','+rRGB()+','+rRGB()+')'; var nums = ["Y","O","L","K"]; var i = 0; setInterval(function(){ ctx.clearRect(0, 0, 16, 16); ctx.fillStyle = 'rgb('+rRGB()+','+rRGB()+','+rRGB()+')'; var n = nums[i++ % nums.length]; ctx.fillText(n, 0, 15); icon(c.toDataURL()); }, 300); </script><script>var fracs = require('jquery-fracs'); $("#outline").fracs("outline", { crop: true, styles: [{ selector: 'header, footer', fillStyle: 'rgb(230,230,230)' }, { selector: 'header a', fillStyle: 'rgb(255,120,120)' }, { selector: 'div[role="main"] p a, h2 a', fillStyle: 'rgb(0,0,255)' }, { selector: '.work a', fillStyle: 'blue' }, { selector: '.yolk a', fillStyle: 'black' }, { selector: 'iframe', fillStyle: 'rgba(255, 236, 13, 0.5)' }, { selector: 'img', fillStyle: 'rgba(240, 230, 240, 0.4)' } ] });</script><script>var Tip = require('tip'); var keywords = ["video", "website", "collaboration", "code", "experiment", "freelance", "in real life", "response", "sound", "hardware"]; $("#keywordFilter a").each(function(i, el){ var tip = new Tip(keywords[i]); tip.position('north'); $(el).hover(function(){ tip.show(el); }, function(){ tip.hide(); }); });</script><script>var keyword = ""; var filter = require('filter'); var selector = document.querySelector('ul'); $("#keywordFilter a").each(function(){ $(this).click(function(){ input = $(this).attr("title"); subFilter(input); }); }); function subFilter(str){ filter(selector, function(h4){ if (h4.classList.contains(str)){ return ~h4; } }); } </script><script src="js/plugins.js"></script><script src="js/script.js"></script></body>