1<!DOCTYPE html> 2<html> 3 <head prefix="og:http://ogp.me/ns#"> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 8 <title>ArtBIT.github.io</title> 9 10 <meta name="description" content="Demo pages for ArtBIT's GitHub account"> 11 <meta name="author" content="Djordje Ungar"> 12 13 <meta property="og:url" content="http://artbit.github.io/"> 14 <meta property="og:url" content="http://artbit.github.io/"> 15 <meta property="og:image" content="http://artbit.github.io/assets/images/splash.png"> 16 <meta property="og:description" content="Demo pages for ArtBIT's GitHub account"> 17 <meta property="og:title" content="ArtBIT's demos"> 18 19 <meta property="og:url" content="http://artbit.github.io/"> 20 <meta property="og:url" content="http://artbit.github.io/"> 21 <meta property="og:image" content="http://artbit.github.io/assets/images/splash.png"> 22 <meta property="og:description" content="Demo pages for ArtBIT's GitHub account"> 23 <meta property="og:title" content="ArtBIT's demos"> 24 25 <meta name="twitter:url" content="http://artbit.github.io/"> 26 <meta name="twitter:image" content="http://artbit.github.io/assets/images/splash.png"> 27 <meta name="twitter:description" content="Demo pages for ArtBIT's GitHub account"> 28 <meta name="twitter:title" content="ArtBIT's demos"> 29 30 <link href='//fonts.googleapis.com/css?family=Lora:400,400italic,700|Oswald:700' rel='stylesheet' type='text/css'> 31 <link rel="stylesheet" href="./assets/css/main.css"> 32 33 <link rel="canonical" href="http://artbit.github.io/"> 34 <link rel="image_src" href="http://artbit.github.io/assets/images/splash.png"> 35 <link rel="shortcut icon" href="http://artbit.github.io/assets/images/icon.png"> 36 </head> 37 38 <body class=""> 39 <header> 40 <div class="content"> 41 <h1 class="title">ArtBIT's Demos</h1> 42 <p class="subtitle">Demo pages for <a href="https://github.com/ArtBIT">https://github.com/ArtBIT</a></p> 43 44 <p class="intro">This is a collection of demo pages from my GitHub account. You can choose various demos from the list on the right. Have fun.</p> 45 <p class="intro">You can find me on <a href="http://twitter.com/artbit">Twitter</a>, <a href="https://github.com/artbit/">Github</a>, <a href="http://uk.linkedin.com/in/djordjeungar">LinkedIn</a> or <a href="mailto:[email protected]"> email</a>.</p> 46 </div> 47 </header> 48 49 <main> 50 <ul class="projects"> 51 <li class="project"> 52 <a href="http://artbit.github.io/html5-stripe/" target="_blank" class="link"> 53 <h3 class="name">HTML5 Background Effect: Endless Stripe</h3> 54 <p class="description">This is a tiny library that draws a scrollable stripe background onto a canvas element.</p> 55 <ul class="tags"> 56 <li class="tag">html5</li> 57 <li class="tag">canvas</li> 58 <li class="tag">effect</li> 59 <li class="tag">app</li> 60 </ul> 61 </a> 62 </li> 63 <li class="project"> 64 <a href="https://artbit.github.io/pixel-sprite-generator/" target="_blank" class="link"> 65 <h3 class="name">Pixel Sprite Generator</h3> 66 <p class="description">Tiny web app that generates pixel sprite sheets based on a template.</p> 67 <ul class="tags"> 68 <li class="tag">html5</li> 69 <li class="tag">canvas</li> 70 <li class="tag">react</li> 71 <li class="tag">app</li> 72 </ul> 73 </a> 74 </li> 75 <li class="project"> 76 <a href="http://artbit.github.io/html5-mandala/" target="_blank" class="link"> 77 <h3 class="name">Mandala Maker</h3> 78 <p class="description">This is a tiny web app that generates mandalas from images using radial symmetry</p> 79 <ul class="tags"> 80 <li class="tag">html5</li> 81 <li class="tag">canvas</li> 82 <li class="tag">react</li> 83 <li class="tag">app</li> 84 </ul> 85 </a> 86 </li> 87 <li class="project"> 88 <a href="/html5-canvas-tv-glitch" target="_blank" class="link"> 89 <h3 class="name">Canvas TV Glitch</h3> 90 <p class="description">A HTML5 canvas glitch effect</p> 91 <ul class="tags"> 92 <li class="tag">html5</li> 93 <li class="tag">canvas</li> 94 <li class="tag">effect</li> 95 </ul> 96 </a> 97 </li> 98 <li class="project"> 99 <a href="/html5-image-triangulation" target="_blank" class="link"> 100 <h3 class="name">Image Triangulation</h3> 101 <p class="description">A HTML5 canvas image triangulation effect</p> 102 <ul class="tags"> 103 <li class="tag">html5</li> 104 <li class="tag">canvas</li> 105 <li class="tag">effect</li> 106 </ul> 107 </a> 108 </li> 109 <li class="project"> 110 <a href="/triangulate-image" target="_blank" class="link"> 111 <h3 class="name">Old Image Triangulation</h3> 112 <p class="description">An older version of the HTML5 canvas image triangulation effect</p> 113 <ul class="tags"> 114 <li class="tag">html5</li> 115 <li class="tag">canvas</li> 116 <li class="tag">effect</li> 117 </ul> 118 </a> 119 </li> 120 <li class="project"> 121 <a href="/super-mario-sky" target="_blank" class="link"> 122 <h3 class="name">Super Mario Sky</h3> 123 <p class="description">jQuery plugin for simple sprite animations</p> 124 <ul class="tags"> 125 <li class="tag">jquery</li> 126 <li class="tag">plugin</li> 127 <li class="tag">sprite</li> 128 </ul> 129 </a> 130 </li> 131 <li class="project"> 132 <a href="/gravity-cursor/demos/" target="_blank" class="link"> 133 <h3 class="name">Gravity Cursor</h3> 134 <p class="description">
134Make mouse cursor attract to/repel from certain elements on the page</p> 135 <ul class="tags"> 136 <li class="tag">html5</li> 137 <li class="tag">mouse</li> 138 <li class="tag">effect</li> 139 </ul> 140 </a> 141 </li> 142 <li class="project"> 143 <a href="https://artbit.github.io/mouse-follower/demos/" target="_blank" class="link"> 144 <h3 class="name">Mouse Follower</h3> 145 <p class="description">This is a small experiment that creates a little avatar that follows mouse cursor on the page.</p> 146 <ul class="tags"> 147 <li class="tag">html5</li> 148 <li class="tag">mouse</li> 149 <li class="tag">effect</li> 150 <li class="tag">toy</li> 151 </ul> 152 </a> 153 </li> 154 </ul> 155 </main> 156 157
157<script>
vendor: 399 bytes, lines 157-163
157 158 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 159 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 160 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 161 })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); 162 163 ga('create', '
163UA-8746182-15
vendor: 56 bytes, lines 163-165
163', 'auto'); 164 ga('send', 'pageview'); 165
165</script>
165 166 </body> 167</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.