Readme and junk. Open source yo

2010-06-15 04:24:08 -05:00 · 2010-06-15 04:24:08 -05:00 · f3fab159ca
commit f3fab159ca
5 changed files with 163 additions and 0 deletions
--- a/index.html
+++ b/index.html
@ -0,0 +1,76 @@
+<!DOCTYPE html> 
+<html> 
+<head> 
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
+	<title>Images in Comments on Reddit</title>
+    <style type="text/css">
+        html {
+            border-top: 5px solid #010101;
+            background-color: #c9c9c9;
+            font-family: helvetica, arial, sans-serif;
+            color: #444;
+        }
+
+        a, a:visited { color: #307ace; text-decoration: none; } a:hover { text-decoration: underline; }
+
+        body {
+            width: 600px;
+            background-color: #fff;
+            padding: 10px 40px;
+            margin: 3% auto 10px;
+            font-size: 12px;
+            line-height: 18px;
+            -webkit-border-radius: 1.7em;
+            -moz-border-radius: 1.7em;
+            border-radius: 1.7em;
+        }
+
+        h1 { color: #f30; font-size: 28px; }
+        h2 { font-size: 18px; }
+       
+        #theLulz { border: 1px solid #c9c9c9; margin: 15px 0 10px; width: 600px; height: 40px; }
+        #lulzInject { width: 590px; height: 150px; padding: 5px; line-height: 15px; font-size: 12px; font-family: inconsolata, monaco, monospace; }
+        #footer { text-align: center; }
+        #ohgoddontreadthis { display: block; margin: 10px 0 -5px 0; font-size: 9px; color: #c9c9c9; }
+        #userscript { display: block; padding: 10px; font-size: 18px; color: #fff; font-weight: bold; text-align: center; 
+            -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background-color: #94b2d0; }
+        #userscript:hover { text-decoration: none; background-color: #82a8cf; }
+    </style>
+    <script type="text/javascript">
+        function lulz(lol) {
+            document.getElementById("theLulz").style.display = "none";
+            document.getElementById("lulzInject").value = lol.replace(/blol/g, "\n");
+        }
+    </script>
+</head>
+<body>	
+	<h1>Put Images in your Reddit Comments</h1>
+
+    <p>
+        Once upon a time, there existed a <a href="http://www.reddit.com/r/commentimages/" title="Magical Subreddit">magical subreddit</a>
+        where a user by the name of <a href="http://reddit.com/user/jamt9000" title="jamt9000">jamt9000</a>
+        did some real mad scientist type work. He basically created a script (and corresponding stylesheet) to generate small-scale images in comments on Reddit. It
+        was a neat trick, but limited solely to that subreddit, as it required custom CSS to function. You see, madness, as you know, is like gravity - all
+        it takes is a little push!
+    </p>
+
+    <p>
+        Then I got bored. I wrapped up his work into a service to generate the code necessary to show the images in the comments, and wrote a corresponding
+        user script (Firefox, Opera, Chrome, et al that support user scripts) to handle the necessary CSS injection. That's part of why this is cool - unless you
+        install said userscript, <strong>your Reddit experience will (mostly) not change at all - almost 100% opt-in</strong>.
+    </p>
+	
+    <a id="userscript" href="http://reddit.venodesigns.net/redditimages.user.js" title="Reddit: Images in Comments User Script">Download the Reddit: Images in Comments User Script</a>
+
+	<div id="bottom">
+        <iframe src="lulz.html" id="theLulz"></iframe>
+        <textarea id="lulzInject"></textarea>
+    </div>
+
+    <p id="footer">
+	    This service was created by <a href="http://twitter.com/ryanmcgrath/" title="Ryan McGrath" target="_blank">Ryan McGrath</a>, because some men just like to watch the world burn.
+        In the spirit of the original effort by jamt9000, this work is all open sourced and up on Github.
+        <span id="ohgoddontreadthis">This may or may not cause Reddit pages to crash due to the amount of nodes appended. I claim social experiment.</span>
+    </p>
+</body>
+</html>
--- a/lulz.html
+++ b/lulz.html
@ -0,0 +1,21 @@
+<!DOCTYPE html> 
+<html> 
+<head> 
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
+	<title>Images in Comments on Reddit</title>
+    <style type="text/css">
+        html {
+            font-family: helvetica, arial, sans-serif;
+            color: #444;
+        }
+
+        a, a:visited { color: #307ace; text-decoration: none; } a:hover { text-decoration: underline; }
+    </style>
+</head>
+<body>	
+    <form action="/upload_lulz.py" method="POST" enctype="multipart/form-data">
+        <input type="file" name="derimagen">
+        <input type="submit" value="And here... we... go!">
+    </form>
+</body>
+</html>
--- a/readme.md
+++ b/readme.md
@ -0,0 +1,11 @@
+Reddit: Images in Comments
+-----------------------------------------------------------------
+Based off the work done by Reddit user jamt9000 in http://www.reddit.com/r/commentimages/.
+
+Requires
+-----------------------------------------------------------------
+This stack runs on mod_wsgi/Python 2.5. Extremely barebones; fork, patch, port, whatever, just enjoy.
+
+Contact?
+------------------------------------------------------------------
+ryan [/at\] venodesigns.net
--- a/redditimages.user.js
+++ b/redditimages.user.js
--- a/upload_lulz.py
+++ b/upload_lulz.py
@ -0,0 +1,42 @@
+# -*- coding: utf-8 -*-
+import numpy, sys, os, cgi
+from PIL import Image
+from cStringIO import StringIO
+
+def application(environ, start_response):
+    if environ['REQUEST_METHOD'] == 'POST':
+        bert = environ.copy()
+        bert['QUERY_STRING'] = ''
+        post = cgi.FieldStorage(
+            fp = bert['wsgi.input'],
+            environ=bert,
+            keep_blank_values=True
+        )
+        map = {'000':'!','003':'#','006':'$','009':'%','00C':'&','00F':'*','030':'+','033':',','036':'-','039':'.','03C':'0','03F':'1','060':'2','063':'3','066':'4','069':'5','06C':'6','06F':'7','090':'8','093':'9','096':':','099':';','09C':'<','09F':'=','0C0':'>','0C3':'?','0C6':'@','0C9':'A','0CC':'B','0CF':'C','0F0':'D','0F3':'E','0F6':'F','0F9':'G','0FC':'H','0FF':'I','300':'J','303':'K','306':'L','309':'M','30C':'N','30F':'O','330':'P','333':'Q','336':'R','339':'S','33C':'T','33F':'U','360':'V','363':'W','366':'X','369':'Y','36C':'Z','36F':'^','390':'_','393':'`','396':'a','399':'b','39C':'c','39F':'d','3C0':'e','3C3':'f','3C6':'g','3C9':'h','3CC':'i','3CF':'j','3F0':'k','3F3':'l','3F6':'m','3F9':'n','3FC':'o','3FF':'p','600':'q','603':'r','606':'s','609':'t','60C':'u','60F':'v','630':'w','633':'x','636':'y','639':'z','63C':'{','63F':'|','660':'}','663':'~','666':'①','669':'②','66C':'③','66F':'④','690':'⑤','693':'⑥','696':'⑦','699':'⑧','69C':'⑨','69F':'⑩','6C0':'⑪','6C3':'⑫','6C6':'⑬','6C9':'⑭','6CC':'⑮','6CF':'⑯','6F0':'⑰','6F3':'⑱','6F6':'⑲','6F9':'⑳','6FC':'⑴','6FF':'⑵','900':'⑶','903':'⑷','906':'⑸','909':'⑹','90C':'⑺','90F':'⑻','930':'⑼','933':'⑽','936':'⑾','939':'⑿','93C':'⒀','93F':'⒁','960':'⒂','963':'⒃','966':'⒄','969':'⒅','96C':'⒆','96F':'⒇','990':'⒈','993':'⒉','996':'⒊','999':'⒋','99C':'⒌','99F':'⒍','9C0':'⒎','9C3':'⒏','9C6':'⒐','9C9':'⒑','9CC':'⒒','9CF':'⒓','9F0':'⒔','9F3':'⒕','9F6':'⒖','9F9':'⒗','9FC':'⒘','9FF':'⒙','C00':'⒚','C03':'⒛','C06':'⒜','C09':'⒝','C0C':'⒞','C0F':'⒟','C30':'⒠','C33':'⒡','C36':'⒢','C39':'⒣','C3C':'⒤','C3F':'⒥','C60':'⒦','C63':'⒧','C66':'⒨','C69':'⒩','C6C':'⒪','C6F':'⒫','C90':'⒬','C93':'⒭','C96':'⒮','C99':'⒯','C9C':'⒰','C9F':'⒱','CC0':'⒲','CC3':'⒳','CC6':'⒴','CC9':'⒵','CCC':'Ⓐ','CCF':'Ⓑ','CF0':'Ⓒ','CF3':'Ⓓ','CF6':'Ⓔ','CF9':'Ⓕ','CFC':'Ⓖ','CFF':'Ⓗ','F00':'Ⓘ','F03':'Ⓙ','F06':'Ⓚ','F09':'Ⓛ','F0C':'Ⓜ','F0F':'Ⓝ','F30':'Ⓞ','F33':'Ⓟ','F36':'Ⓠ','F39':'Ⓡ','F3C':'Ⓢ','F3F':'Ⓣ','F60':'Ⓤ','F63':'Ⓥ','F66':'Ⓦ','F69':'Ⓧ','F6C':'Ⓨ','F6F':'Ⓩ','F90':'ⓐ','F93':'ⓑ','F96':'ⓒ','F99':'ⓓ','F9C':'ⓔ','F9F':'ⓕ','FC0':'ⓖ','FC3':'ⓗ','FC6':'ⓘ','FC9':'ⓙ','FCC':'ⓚ','FCF':'ⓛ','FF0':'ⓜ','FF3':'ⓝ','FF6':'ⓞ','FF9':'ⓟ','FFC':'ⓠ','FFF':'ⓡ',}
+        #print post['derimagen'].value
+        im = Image.open( StringIO(post['derimagen'].value) )
+        im = im.convert('P', palette = Image.WEB)
+        im = im.convert('RGB')
+        pixels = numpy.asarray(im)
+        output= ""
+        for line in pixels:
+            for pixel in line:
+                color = ""
+                for value in pixel:
+                    hex = "%X" % value
+                    color += hex[0]
+                link = "[](/%s)" % map[color]
+                output += link
+            output += "  blol"
+    else:
+        output = "N/A"
+    te = '<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head>'
+    te += '<body>'
+    te += '<script type="text/javascript">if(parent && typeof parent.lulz === "function") parent.lulz("' + output + '");</script>'
+    te += '</body></html>'
+    response_headers = [
+        ('Content-Length', str(len(te))),
+        ('Content-Type', 'text/html'),
+    ]
+    start_response('200 OK', response_headers)
+    return [te]