The GLI.TC/H 0P3NR3P0 is an open/public repository of glitch art worx. This is API documentation + a sample web gallery sourcing from the 0P3NR3P0
Switch branches/tags
Nothing to show
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.


API Documentation + Sample Web Gallery

The GLI.TC/H 0P3NR3P0 is an open/public repository of glitch art worx. Anyone can submit their worx to the 0P3NR3P0 and curate/program/source work from the 0P3NR3P0 for inclusion in their own glitch art events.

The 0P3NR3P0 itself is an online database developped by yyolk and the Artists can submit their worx four auto-inclusion into the database at This page is documentation for how one might build a web gallery featuring the worx in the 0P3NR3P0 as well as a template gallery you can use to get your web gallery started.

All you need to know inorder to build your own 0P3NR3P0 web gallery is HTML, CSS (and a little bit of javascript), the following is a walkthrough for setting up your javascript to call and parse the data from 0P3NR3P0.

// the data

each piece in the 0P3NR3P0 contains the following data:

  • the piece itself (represented by a url, this might be a web art piece, video, sound, images etc), the title of the piece
  • the title of the piece (as a string)
  • the authors name (as a string)
  • the authors homepage (as a url)
  • a description of the piece (as a string)
  • tags the author associated with their piece (this is an array)

here's an example for how you might setup some global variables to store this data in:

// ajax request

0P3NR3P0 is a couchDB database, which uses json documents, so we recommend using jQuery when building your web galleries. We'll use jQuery's .ajax() method to send requests to the following url:

here's a basic ajax setup calling the 0P3NR3P0. Make sure to use jsonp as you'll be requesting data from a server in a different domain

        url: '',
        type: 'get',
        dataType: 'jsonp',
        success: function(data) {            
            // loop through the data here

// loop through the data

in this template we use jQuery's .each() method to iterate through the data, here's an example:

          $.each(data, function() {
                $.each(this, function(key, val){
                     $.each(this, function(k, v){
                        if(v.title != undefined) { // only grab pieces
                            v.url;                 // is the piece url 
                            v.title;               // is the title
                            v.description;         // is the description
                  ;              // is the author
                            v.homepage_url;        // is the author's homepage

here's a sample web gallery we made along these lines