1 2
2<script src="/wp-content/themes/pixelmonkeys/p5/p5.min.js"></script>
2 3
3<script src="/wp-content/themes/pixelmonkeys/p5/addons/p5.dom.min.js"></script>
3 4
4<script src="/wp-content/themes/pixelmonkeys/p5/addons/p5.sound.min.js"></script>
4 5
5<script src="/wp-content/themes/pixelmonkeys/p5/sketch.js"></script>
5 6 7 8 <link rel="stylesheet" href="/wp-content/themes/pixelmonkeys/jquery-ui/jquery-ui.css"> 9 <link rel="stylesheet" href="/wp-content/themes/pixelmonkeys/jquery-ui/style.css"> 10
10<script src="https://code.jquery.com/jquery-1.12.4.js"> 11 12 13 14 </script>
14 15
15<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
15 16 17 <style type="text/css"> 18#secondary{ 19 width: 100%; 20 display: inline-block; 21} 22 23.controls{ 24 width: 44%; 25 display: inline-block; 26 margin-right: 20px; 27} 28 29#sketch-holder{ 30 display: inline-block; 31 width: 44%; 32 vertical-align: top; 33} 34</style> 35 36 37 <!doctype html> 38<html lang="en-US" prefix="og: https://ogp.me/ns#"> 39<head> 40 <meta charset="UTF-8"> 41 <meta name="viewport" content="width=device-width, initial-scale=1"> 42 <link rel="profile" href="https://gmpg.org/xfn/11"> 43 44 <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> 45 46<!-- Search Engine Optimization by Rank Math - https://rankmath.com/ --> 47<title>The Internet's First Interactive Random Pixel Generator - Pixel Monkeys</title> 48<meta name="robots" content="index, follow, max-snippet:-1, max-video-preview:-1, max-image-preview:large"/> 49<link rel="canonical" href="https://pixelmonkeys.org/" /> 50<meta property="og:locale" content="en_US" /> 51<meta property="og:type" content="website" /> 52<meta property="og:title" content="The Internet's First Interactive Random Pixel Generator - Pixel Monkeys" /> 53<meta property="og:url" content="https://pixelmonkeys.org/" /> 54<meta property="og:site_name" content="Pixel Monkeys" /> 55<meta property="og:updated_time" content="2023-11-30T23:12:15+00:00" /> 56<meta property="article:published_time" content="2023-11-30T23:12:14+00:00" /> 57<meta property="article:modified_time" content="2023-11-30T23:12:15+00:00" /> 58<meta name="twitter:card" content="summary_large_image" /> 59<meta name="twitter:title" content="The Internet's First Interactive Random Pixel Generator - Pixel Monkeys" /> 60<meta name="twitter:label1" content="Written by" /> 61<meta name="twitter:data1" content="adminmatt" /> 62<meta name="twitter:label2" content="Time to read" /> 63<meta name="twitter:data2" content="Less than a minute" />
64<script type="application/ld+json" class="rank-math-schema">{"@context":"https://schema.org","@graph":[{"@type":["Person","Organization"],"@id":"https://pixelmonkeys.org/#person","name":"Pixel Monkeys","logo":{"@type":"ImageObject","@id":"https://pixelmonkeys.org/#logo","url":"https://pixelmonkeys.org/wp-content/uploads/sites/4/2023/11/pixel_monkeys_logo-150x80.gif","contentUrl":"https://pixelmonkeys.org/wp-content/uploads/sites/4/2023/11/pixel_monkeys_logo-150x80.gif","caption":"Pixel Monkeys","inLanguage":"en-US"},"image":{"@type":"ImageObject","@id":"https://pixelmonkeys.org/#logo","url":"https://pixelmonkeys.org/wp-content/uploads/sites/4/2023/11/pixel_monkeys_logo-150x80.gif","contentUrl":"https://pixelmonkeys.org/wp-content/uploads/sites/4/2023/11/pixel_monkeys_logo-150x80.gif","caption":"Pixel Monkeys","inLanguage":"en-US"}},{"@type":"WebSite","@id":"https://pixelmonkeys.org/#website","url":"https://pixelmonkeys.org","name":"Pixel Monkeys","publisher":{"@id":"https://pixelmonkeys.org/#person"},"inLanguage":"en-US","potentialAction":{"@type":"SearchAction","target":"https://pixelmonkeys.org/?s={search_term_string}","query-input":"required name=search_term_string"}},{"@type":"WebPage","@id":"https://pixelmonkeys.org/#webpage","url":"https://pixelmonkeys.org/","name":"The Internet's First Interactive Random Pixel Generator - Pixel Monkeys","datePublished":"2023-11-30T23:12:14+00:00","dateModified":"2023-11-30T23:12:15+00:00","about":{"@id":"https://pixelmonkeys.org/#person"},"isPartOf":{"@id":"https://pixelmonkeys.org/#website"},"inLanguage":"en-US"},{"@type":"Person","@id":"https://pixelmonkeys.org/author/adminmatt/","name":"adminmatt","url":"https://pixelmonkeys.org/author/adminmatt/","image":{"@type":"ImageObject","@id":"https://secure.gravatar.com/avatar/7e999517b2b076f83eed42646f9584e665c968a6efbeb92ba40eb224bf1de9e7?s=96&d=mm&r=g","url":"https://secure.gravatar.com/avatar/7e999517b2b076f83eed42646f9584e665c968a6efbeb92ba40eb224bf1de9e7?s=96&d=mm&r=g","caption":"adminmatt","inLanguage":"en-US"},"sameAs":["http://mattkane.com"]},{"@type":"Article","headline":"The Internet's First Interactive Random Pixel Generator - Pixel Monkeys","datePublished":"2023-11-30T23:12:14+00:00","dateModified":"2023-11-30T23:12:15+00:00","author":{"@id":"https://pixelmonkeys.org/author/adminmatt/","name":"adminmatt"},"publisher":{"@id":"https://pixelmonkeys.org/#person"},"name":"The Internet's First Interactive Random Pixel Generator - Pixel Monkeys","@id":"https://pixelmonkeys.org/#richSnippet","isPartOf":{"@id":"https://pixelmonkeys.org/#webpage"},"inLanguage":"en-US","mainEntityOfPage":{"@id":"https://pixelmonkeys.org/#webpage"}}]}</script>
64 65<!-- /Rank Math WordPress SEO plugin --> 66 67<link rel='dns-prefetch' href='//pixelmonkeys.org' /> 68<link rel="alternate" type="application/rss+xml" title="Pixel Monkeys » Feed" href="https://pixelmonkeys.org/feed/" /> 69<link rel="alternate" type="application/rss+xml" title="Pixel Monkeys » Comments Feed" href="https://pixelmonkeys.org/comments/feed/" />
70<script> 71window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/pixelmonkeys.org\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.8.10"}}; 72/*! This file is auto-generated */ 73!function(s,n){var o,i,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),a=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===a[t]})}function u(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);for(var n=e.getImageData(16,16,1,1),a=0;a<n.data.length;a++)if(0!==n.data[a])return!1;return!0}function f(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\udedf")}return!1}function g(e,t,n,a){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):s.createElement("canvas"),o=r.getContext("2d",{willReadFrequently:!0}),i=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(function(e){i[e]=t(o,e,n,a)}),i}function t(e){var t=s.createElement("script");t.src=e,t.defer=!0,s.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",i=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){s.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+g.toString()+"("+[JSON.stringify(i),f.toString(),p.toString(),u.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"}),r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=function(e){c(n=e.data),r.terminate(),t(n)})}catch(e){}c(n=g(i,f,p,u))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); 74</script>
74 75<style id='wp-emoji-styles-inline-css'> 76 77 img.wp-smiley, img.emoji { 78 display: inline !important; 79 border: none !important; 80 box-shadow: none !important; 81 height: 1em !important; 82 width: 1em !important; 83 margin: 0 0.07em !important; 84 vertical-align: -0.1em !important; 85 background: none !important; 86 padding: 0 !important; 87 } 88</style> 89<link rel='stylesheet' id='wp-block-library-css' href='https://pixelmonkeys.org/wp-includes/css/dist/block-library/style.min.css?ver=6.8.10' media='all' /> 90<style id='classic-theme-styles-inline-css'> 91/*! This file is auto-generated */ 92.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} 93</style> 94<style id='rank-math-toc-block-style-inline-css'> 95.wp-block-rank-math-toc-block nav ol{counter-reset:item}.wp-block-rank-math-toc-block nav ol li{display:block}.wp-block-rank-math-toc-block nav ol li:before{content:counters(item, ".") ". ";counter-increment:item} 96 97</style> 98<style id='rank-math-rich-snippet-style-inline-css'> 99/*! 100* Plugin: Rank Math 101* URL: https://rankmath.com/wordpress/plugin/seo-suite/ 102* Name: rank-math-review-snippet.css 103*/@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(-360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(-360deg)}}@keyframes bounce{from{-webkit-transform:translateY(0px);transform:translateY(0px)}to{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@-webkit-keyframes bounce{from{-webkit-transform:translateY(0px);transform:translateY(0px)}to{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@-webkit-keyframes loading{0%{background-size:20% 50% ,20% 50% ,20% 50%}20%{background-size:20% 20% ,20% 50% ,20% 50%}40%{background-size:20% 100%,20% 20% ,20% 50%}60%{background-size:20% 50% ,20% 100%,20% 20%}80%{background-size:20% 50% ,20% 50% ,20% 100%}100%{background-size:20% 50% ,20% 50% ,20% 50%}}@keyframes loading{0%{background-size:20% 50% ,20% 50% ,20% 50%}20%{background-size:20% 20% ,20% 50% ,20% 50%}40%{background-size:20% 100%,20% 20% ,20% 50%}60%{background-size:20% 50% ,20% 100%,20% 20%}80%{background-size:20% 50% ,20% 50% ,20% 100%}100%{background-size:20% 50% ,20% 50% ,20% 50%}}:root{--rankmath-wp-adminbar-height: 0}#rank-math-rich-snippet-wrapper{overflow:hidden}#rank-math-rich-snippet-wrapper h5.rank-math-title{display:block;font-size:18px;line-height:1.4}#rank-math-rich-snippet-wrapper .rank-math-review-image{float:right;max-width:40%;margin-left:15px}#rank-math-rich-snippet-wrapper .rank-math-review-data{margin-bottom:15px}#rank-math-rich-snippet-wrapper .rank-math-total-wrapper{width:100%;padding:0 0 20px 0;float:left;clear:both;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}#rank-math-rich-snippet-wrapper .rank-math-total-wrapper .rank-math-total{border:0;display:block;margin:0;width:auto;float:left;text-align:left;padding:0;font-size:24px;line-height:1;font-weight:700;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}#rank-math-rich-snippet-wrapper .rank-math-total-wrapper .rank-math-review-star{float:left;margin-left:15px;margin-top:5px;position:relative;z-index:99;line-height:1}#rank-math-rich-snippet-wrapper .rank-math-total-wrapper .rank-math-review-star .rank-math-review-result-wrapper{display:inline-block;white-space:nowrap;position:relative;color:#e7e7e7}#rank-math-rich-snippet-wrapper .rank-math-total-wrapper .rank-math-review-star .rank-math-review-result-wrapper .rank-math-review-result{position:absolute;top:0;left:0;overflow:hidden;white-space:nowrap;color:#ffbe01}#rank-math-rich-snippet-wrapper .rank-math-total-wrapper .rank-math-review-star .rank-math-review-result-wrapper i{font-size:18px;-webkit-text-stroke-width:1px;font-style:normal;padding:0 2px;line-height:inherit}#rank-math-rich-snippet-wrapper .rank-math-total-wrapper .rank-math-review-star .rank-math-review-result-wrapper i:before{content:"\2605"}body.rtl #rank-math-rich-snippet-wrapper .rank-math-review-image{float:left;margin-left:0;margin-right:15px}body.rtl #rank-math-rich-snippet-wrapper .rank-math-total-wrapper .rank-math-total{float:right}body.rtl #rank-math-rich-snippet-wrapper .rank-math-total-wrapper .rank-math-review-star{float:right;margin-left:0;margin-right:15px}body.rtl #rank-math-rich-snippet-wrapper .rank-math-total-wrapper .rank-math-review-star .rank-math-review-result{left
103:auto;right:0}@media screen and (max-width: 480px){#rank-math-rich-snippet-wrapper .rank-math-review-image{display:block;max-width:100%;width:100%;text-align:center;margin-right:0}#rank-math-rich-snippet-wrapper .rank-math-review-data{clear:both}}.clear{clear:both} 104 105</style> 106<style id='global-styles-inline-css'> 107:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
107--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
107.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} 108:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} 109:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} 110:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} 111</style> 112<link rel='stylesheet' id='openseadragon_css-css' href='https://pixelmonkeys.org/wp-content/plugins/mk-artist/js/openseadragon.css?ver=1.0.0' media='all' /> 113<link rel='stylesheet' id='justified_css-css' href='https://pixelmonkeys.org/wp-content/plugins/mk-artist/js/justifiedGallery.min.css?ver=6.8.10' media='all' /> 114<link rel='stylesheet' id='styles_css-css' href='https://pixelmonkeys.org/wp-content/plugins/mk-artist/css/styles.css?ver=6.8.10' media='all' /> 115<link rel='stylesheet' id='swiper_css-css' href='https://pixelmonkeys.org/wp-content/plugins/mk-artist/js/swiper-bundle.min.css?ver=6.8.10' media='all' /> 116<link rel='stylesheet' id='pixelmonkeys-style-css' href='https://pixelmonkeys.org/wp-content/themes/pixelmonkeys/style.css?ver=1.0.0' media='all' />
117<script src="https://pixelmonkeys.org/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
vendor: 1 bytes, line 117
117
118<script src="https://pixelmonkeys.org/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
vendor: 1 bytes, line 118
118
119<script src="https://pixelmonkeys.org/wp-content/plugins/mk-artist/js/openseadragon.min.js?ver=1.0.0" id="openseadragon_js-js"></script>
vendor: 1 bytes, line 119
119
120<script src="https://pixelmonkeys.org/wp-content/plugins/mk-artist/js/jquery.justifiedGallery.min.js?ver=1.0.0" id="justified-js"></script>
vendor: 1 bytes, line 120
120
121<script src="https://pixelmonkeys.org/wp-content/plugins/mk-artist/js/custom.js?ver=1.0.0" id="custom_js-js"></script>
vendor: 1 bytes, line 121
121
122<script src="https://pixelmonkeys.org/wp-content/plugins/mk-artist/js/swiper-bundle.min.js?ver=6.8.10" id="swiper_js-js"></script>
vendor: 1 bytes, line 122
122
123<script src="https://pixelmonkeys.org/wp-content/plugins/mk-artist/js/openseadragon_play.js?ver=1.0.0" id="openseadragon_play_js-js"></script>
123 124<link rel="https://api.w.org/" href="https://pixelmonkeys.org/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://pixelmonkeys.org/wp-json/wp/v2/pages/20" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://pixelmonkeys.org/xmlrpc.php?rsd" /> 125<meta name="generator" content="WordPress 6.8.10" /> 126<link rel='shortlink' href='https://pixelmonkeys.org/' /> 127<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://pixelmonkeys.org/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fpixelmonkeys.org%2F" /> 128<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://pixelmonkeys.org/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fpixelmonkeys.org%2F&format=xml" /> 129 <style type="text/css"> 130 .site-title, 131 .site-description { 132 position: absolute; 133 clip: rect(1px, 1px, 1px, 1px); 134 } 135 </style> 136 137 <div id="fb-root"></div>
138<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.3&appId=1502167766717067&autoLogAppEvents=1"></script>
138 139 140 <link href="https://fonts.googleapis.com/css?family=VT323&display=swap" rel="stylesheet"> 141 142</head> 143 144<body class="home wp-singular page-template page-template-page-home page-template-page-home-php page page-id-20 wp-custom-logo wp-theme-pixelmonkeys no-sidebar"> 145<div id="page" class="site"> 146 <a class="skip-link screen-reader-text" href="#content">Skip to content</a> 147 148 <header id="masthead" class="site-header"> 149 <div class="site-branding"> 150 <a href="https://pixelmonkeys.org/" class="custom-logo-link" rel="home" aria-current="page"><img width="315" height="80" src="https://pixelmonkeys.org/wp-content/uploads/sites/4/2023/11/pixel_monkeys_logo.gif" class="custom-logo" alt="Pixel Monkeys" decoding="async" /></a> <p class="site-title"><a href="https://pixelmonkeys.org/" rel="home">Pixel Monkeys</a></p> 151 <p class="site-description">Every Possible Picture with a Random Pixel Generator</p> 152 </div><!-- .site-branding --> 153 154 <nav id="site-navigation" class="main-navigation"> 155 <button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false">Primary Menu</button> 156 <div class="menu-main-menu-container"><ul id="primary-menu" class="menu"><li id="menu-item-29" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-20 current_page_item menu-item-29"><a href="https://pixelmonkeys.org/" aria-current="page">Interactive</a></li> 157<li id="menu-item-35" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-35"><a href="https://pixelmonkeys.org/random-pixel-generator/">Random</a></li> 158<li id="menu-item-33" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-33"><a href="https://pixelmonkeys.org/ordered-pixel-generator/">Ordered</a></li> 159<li id="menu-item-34" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-34"><a href="https://pixelmonkeys.org/radix-pixel-visualizer/">Radix</a></li> 160<li id="menu-item-32" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-32"><a href="https://pixelmonkeys.org/generative-adversarial-network/">GAN</a></li> 161<li id="menu-item-31" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-31"><a href="https://pixelmonkeys.org/frequently-asked-questions/">FAQ</a></li> 162<li id="menu-item-30" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-30"><a href="https://pixelmonkeys.org/about/">About</a></li> 163</ul></div> </nav><!-- #site-navigation --> 164 </header><!-- #masthead --> 165 166 <div id="content" class="site-content"> 167 168 <div id="primary" class="content-area"> 169 <main id="main" class="site-main"> 170 171 172<article id="post-20" class="post-20 page type-page status-publish hentry"> 173 <header class="entry-header"> 174 <h1 class="entry-title">The Internet’s First Interactive Random Pixel Generator</h1> </header><!-- .entry-header --> 175 176 177 <div class="entry-content"> 178 </div><!-- .entry-content --> 179 180 </article><!-- #post-20 --> 181 182 </main><!-- #main --> 183 </div><!-- #primary --> 184 185 <div id="secondary">
186<script> 187 $(document).ready(function(){ 188 189 $(".goBtn").click(function(){ 190 go = 1; 191 }); 192 193 $("input:radio").click(function(){ 194 go=1; 195 196 }); 197 198 }); 199 200 $( function() { 201 $( "#slider-color-depth" ).slider({ 202 range: "max", 203 min: 2, 204 max: 256, 205 value: 16, 206 slide: function( event, ui ) { 207 $( "#colorDepth" ).val( ui.value ); 208 colorDepth = ui.value; 209 go = 1; 210 } 211 }); 212 $( "#colorDepth" ).val( $( "#slider-color-depth" ).slider( "value" ) ); 213 } ); 214 215 216 217 $( function() { 218 $( "#slider-pixels-width" ).slider({ 219 range: "max", 220 min: 1, 221 max: 200, 222 value: 20, 223 slide: function( event, ui ) { 224 $( "#pixelsWidth" ).val( ui.value ); 225 widthCells = ui.value; 226 go = 1; 227 } 228 }); 229 $( "#pixelsWidth" ).val( $( "#slider-pixels-width" ).slider( "value" ) ); 230 } ); 231 232 233 $( function() { 234 $( "#slider-pixels-height" ).slider({ 235 range: "max", 236 min: 1, 237 max: 200, 238 value: 20, 239 slide: function( event, ui ) { 240 $( "#pixelsHeight" ).val( ui.value ); 241 heightCells= ui.value; 242 go = 1; 243 } 244 }); 245 $( "#pixelsHeight" ).val( $( "#slider-pixels-height" ).slider( "value" ) ); 246 } ); 247 248 249 $( function() { 250 $( "#slider-pixel-size" ).slider({ 251 range: "max", 252 min: 1, 253 max: 50, 254 value: 2, 255 slide: function( event, ui ) { 256 $( "#pixelSize" ).val( ui.value ); 257 cellSize= ui.value; 258 go = 1; 259 } 260 }); 261 $( "#pixelSize" ).val( $( "#slider-pixel-size" ).slider( "value" ) ); 262 } ); 263 264 </script>
264 265 266 267<div class="controls"> 268 269 270 <div class="controlsLeft"> 271 <p> 272 <label for="colorDepth">Color Depth:</label> 273 <input type="text" id="colorDepth" readonly style="border:0; color:#f6931f; font-weight:bold;"> 274 </p> 275<div id="slider-color-depth"></div> 276 277 278 279 <p> 280 Color Palette: 281 <br/> 282 <input type="radio" name="colorType" value="0" checked="checked"> Color<br> 283<input type="radio" name="colorType" value="1"> Greyscale<br> 284<input type="radio" name="colorType" value="2"> RGB<br> 285<input type="radio" name="colorType" value="3"> CMYK<br> 286<input type="radio" name="colorType" value="4"> Mario<br> 287 </p> 288 289 290 291 292 <p> 293 <label for="pixelsWidth">Width:</label> 294 <input type="text" id="pixelsWidth" readonly style="border:0; color:#f6931f; font-weight:bold;"> 295</p> 296<div id="slider-pixels-width"></div> 297 298<p> 299 <label for="pixelsHeight">Height:</label> 300 <input type="text" id="pixelsHeight" readonly style="border:0; color:#f6931f; font-weight:bold;"> 301</p> 302<div id="slider-pixels-height"></div> 303 304<p> 305 <label for="pixelSize">Pixel Size:</label> 306 <input type="text" id="pixelSize" readonly style="border:0; color:#f6931f; font-weight:bold;"> 307</p> 308<div id="slider-pixel-size"></div> 309 </div> 310 311 <div class="controlsRight"> 312 313 <input class="loop" type="checkbox" name="loop" value="loop">loop</input> 314 <div class="goBtn">render</div> 315 </div> 316 317 </div> 318 319 320 321 <div id="sketch-holder"> 322 323 </div> 324 325 326 </div> 327 328 329 <footer id="colophon" class="site-footer"> 330 <div class="site-info" style="display:none;"> 331 <a href="https://wordpress.org/"> 332 Proudly powered by WordPress </a> 333 <span class="sep"> | </span> 334 Theme: pixelmonkeys by <a href="http://underscores.me/">Underscores.me</a>. </div><!-- .site-info --> 335 </footer><!-- #colophon --> 336</div><!-- #page --> 337
338<script type="speculationrules"> 339{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/sites\/4\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/pixelmonkeys\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 340</script>
vendor: 1 bytes, line 340
340
341<script src="https://pixelmonkeys.org/wp-content/themes/pixelmonkeys/js/navigation.js?ver=1.0.0" id="pixelmonkeys-navigation-js"></script>
341 342 343</body> 344</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.