├── .gitignore ├── .pep8 ├── CREDITS.txt ├── LICENSE ├── README.md ├── requirements.txt └── server ├── admin_handlers.py ├── api_handlers.py ├── app.py ├── awsdownloader.py ├── awsuploader.py ├── bin ├── delete-image.py ├── fix-featured-value.py ├── list_all_files.py ├── recalculate-bytes-uploaded.py ├── recalculate-comments.py ├── run_dev_server.sh ├── unfeature-image.py └── unset-cdn_domain.py ├── downloader.py ├── emailer.py ├── handlers.py ├── html2text.py ├── optimizer.py ├── resizer.py ├── settings.py ├── static ├── authentication.js ├── bootstrap │ ├── css │ │ ├── bootstrap-customimage.min.css │ │ ├── bootstrap-modal.css │ │ ├── bootstrap-modal.min.css │ │ ├── bootstrap-responsive.css │ │ ├── bootstrap-responsive.min.css │ │ ├── bootstrap.css │ │ └── bootstrap.min.css │ ├── img │ │ ├── glyphicons-halflings-white.png │ │ └── glyphicons-halflings.png │ └── js │ │ ├── bootstrap-collapse.js │ │ ├── bootstrap-collapse.min.js │ │ ├── bootstrap-modal.js │ │ ├── bootstrap-modal.min.js │ │ ├── bootstrap.js │ │ └── bootstrap.min.js ├── browserid.js ├── comment.js ├── compiler.jar ├── css │ ├── app.css │ ├── docs.css │ ├── foundation.css │ ├── foundation.min.css │ ├── image.css │ ├── libs │ │ ├── images │ │ │ ├── draw-circle.png │ │ │ ├── draw-marker-icon.png │ │ │ ├── draw-polygon.png │ │ │ ├── draw-polyline.png │ │ │ ├── draw-rectangle.png │ │ │ ├── layers.png │ │ │ ├── marker-icon.png │ │ │ ├── marker-icon@2x.png │ │ │ ├── marker-shadow.png │ │ │ ├── zoom-in.png │ │ │ └── zoom-out.png │ │ ├── leaflet.css │ │ ├── leaflet.draw.css │ │ ├── leaflet.draw.ie.css │ │ ├── leaflet.ie.css │ │ └── persona-buttons.css │ └── polymap.css ├── download.js ├── edit.js ├── embed.js ├── favicon.ico ├── feedback.js ├── images │ ├── ajax-loader.gif │ ├── anonymous_32.png │ ├── broken.png │ ├── control-icons.png │ ├── control-icons │ │ ├── comment.png │ │ ├── edit.png │ │ ├── fullscreen.png │ │ ├── home.png │ │ ├── link.png │ │ └── nofullscreen.png │ ├── draw-polygon.png │ ├── draw-rectangle.png │ ├── favicon.ico │ └── file_broken.png ├── leafletmap.js ├── libs │ ├── bootstrap.min.js │ ├── head.load.min.js │ ├── humanize.js │ ├── images │ │ ├── layers.png │ │ ├── marker-icon.png │ │ ├── marker-icon@2x.png │ │ ├── marker-shadow.png │ │ ├── zoom-in.png │ │ └── zoom-out.png │ ├── jquery-1.8.3.min.js │ ├── leaflet.draw-src.js │ ├── leaflet.draw.min.js │ ├── leaflet.js │ ├── leaflet.min.js │ ├── modernizr-2.5.3.min.js │ └── modernizr.foundation.js └── stuff.js ├── templates ├── _comment_modal.html ├── _delete_modal.html ├── _edit_modal.html ├── _edit_snippets.html ├── _email.css ├── _email.html ├── _email.txt ├── _email_footer.html ├── _google_analytics.html ├── _meta.html ├── _newsletter_email.html ├── _pagination.html ├── _permalink_modal.html ├── _thumbnail_grid.html ├── about.html ├── admin │ ├── admin_base.html │ ├── banned.html │ ├── feedbacks.html │ ├── home.html │ ├── image.html │ ├── newsletter.html │ ├── render-all-thumbnails.html │ ├── tiles.html │ └── tweet.html ├── api.html ├── base.html ├── complete.upload.html ├── dropbox.html ├── email.upload.html ├── embed.html ├── error.upload.html ├── feedback.html ├── gettingstarted.html ├── image.html ├── index.html ├── popularity.html ├── precomplete.upload.html ├── preprogress.upload.html ├── privacy.html ├── progress.giveup.html ├── progress.upload.html ├── terms.upload.html ├── tweets.html ├── unsubscribed.html ├── upload.html └── yourhelp.html ├── tweeter.py ├── ui_modules.py └── utils.py /.gitignore: -------------------------------------------------------------------------------- 1 | server/local_settings.py 2 | server/static/tiles/ 3 | server/static/uploads/ 4 | server/static/thumbnails/ 5 | server/.static_name_conversion 6 | server/static/upload.*.txt 7 | server/send_mail_config.py 8 | TODO 9 | -------------------------------------------------------------------------------- /.pep8: -------------------------------------------------------------------------------- 1 | [pep8] 2 | # regarding E125, see https://github.com/jcrocholl/pep8/issues/126 3 | ignore=E125 4 | -------------------------------------------------------------------------------- /CREDITS.txt: -------------------------------------------------------------------------------- 1 | http://led24.de/iconset/ for the favicon 2 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | Copyright (c) 2012, Peter Bengtsson 2 | * All rights reserved. 3 | * Redistribution and use in source and binary forms, with or without 4 | * modification, are permitted provided that the following conditions are met: 5 | * 6 | * * Redistributions of source code must retain the above copyright 7 | * notice, this list of conditions and the following disclaimer. 8 | * * Redistributions in binary form must reproduce the above copyright 9 | * notice, this list of conditions and the following disclaimer in the 10 | * documentation and/or other materials provided with the distribution. 11 | * * Neither the name of the University of California, Berkeley nor the 12 | * names of its contributors may be used to endorse or promote products 13 | * derived from this software without specific prior written permission. 14 | * 15 | * THIS SOFTWARE IS PROVIDED BY THE REGENTS AND CONTRIBUTORS ``AS IS'' AND ANY 16 | * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED 17 | * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE 18 | * DISCLAIMED. IN NO EVENT SHALL THE REGENTS AND CONTRIBUTORS BE LIABLE FOR ANY 19 | * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES 20 | * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; 21 | * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND 22 | * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT 23 | * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS 24 | * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. 25 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | Tiler 2 | ===== 3 | 4 | App for allowing you to host some huge ass photos on the web. 5 | 6 | This is basically the code for the site: [HUGEpic](http://hugepic.io) which I maintain. 7 | 8 | Examples 9 | -------- 10 | 11 | * [The Garden of Earthly Delights - 222Mb](http://hugepic.io/4ab2ef08b) 12 | * [Lord of the Rings mosaic - 11.7Mb](http://hugepic.io/afacfabeb) 13 | 14 | The code 15 | -------- 16 | 17 | The code consists of the following major pieces: 18 | 19 | * all server-side code is [Tornado](http://www.tornadoweb.org/) 20 | * there are two databases: 21 | * [MongoDB](http://mongodb.org) main storage 22 | * [Redis](http://redis.io) primarily for caching 23 | * connecting Tornado and MongoDB is [Motor](http://emptysquare.net/motor/) 24 | * all message queue processes handled by [RQ](http://python-rq.org/) 25 | * the client-side browsing is all thanks to [Leaflet](http://leafletjs.com/) 26 | * with the annotation drawing thanks to [Leaflet.Draw](https://github.com/jacobtoye/Leaflet.draw) 27 | * Amazon S3 and CloudFront keeps all the images except for temporary copies 28 | * vipsthumbnail from [VIPS](http://www.vips.ecs.soton.ac.uk/index.php?title=VIPS) 29 | 30 | More has been [written about the technical here](http://www.peterbe.com/plog/introducing-hugepic.io). 31 | -------------------------------------------------------------------------------- /requirements.txt: -------------------------------------------------------------------------------- 1 | tornado 2 | redis 3 | PIL 4 | tornado-utils 5 | pycurl 6 | rq 7 | greenlet 8 | motor==0.1 9 | cssmin 10 | boto 11 | lxml 12 | cssselect 13 | premailer 14 | twython 15 | -------------------------------------------------------------------------------- /server/api_handlers.py: -------------------------------------------------------------------------------- 1 | import uuid 2 | import tornado.web 3 | import tornado.gen 4 | import motor 5 | from tornado_utils.routes import route 6 | from handlers import ( 7 | BaseHandler, 8 | PreviewMixin, 9 | DownloadMixin, 10 | TileMakerMixin, 11 | ProgressMixin, 12 | ImageMetadataMixin 13 | ) 14 | 15 | 16 | class APIKeyMixin(object): 17 | 18 | def generate_new_key(self): 19 | return uuid.uuid4().hex 20 | 21 | def set_new_key(self, user): 22 | your_key = self.generate_new_key() 23 | self.redis.hset('api:users', your_key, user) 24 | self.redis.hset('api:keys', user, your_key) 25 | return your_key 26 | 27 | def get_key(self, user): 28 | return self.redis.hget('api:keys', user) 29 | 30 | def get_user(self, key): 31 | return self.redis.hget('api:users', key) 32 | 33 | 34 | @route('/api/$', name='api') 35 | class APIHandler(BaseHandler, APIKeyMixin): 36 | 37 | def get(self): 38 | user = self.get_current_user() 39 | if user: 40 | your_key = self.get_key(user) 41 | if your_key is None: 42 | your_key = self.set_new_key(user) 43 | else: 44 | your_key = None 45 | 46 | base_url = ( 47 | '%s://%s' % 48 | (self.request.protocol, self.request.host) 49 | ) 50 | data = { 51 | 'your_key': your_key, 52 | 'base_url': base_url, 53 | } 54 | self.render('api.html', **data) 55 | 56 | 57 | class APIBaseHandler(BaseHandler, APIKeyMixin): 58 | 59 | def check_xsrf_cookie(self): 60 | pass 61 | 62 | def get_error_html(self, status_code, **kwargs): 63 | exception = kwargs['exception'] 64 | return {'code': status_code, 'error': exception.log_message} 65 | 66 | 67 | @route('/api/upload$', name='api_upload') 68 | class APIUploadHandler(APIBaseHandler, 69 | PreviewMixin, 70 | DownloadMixin, 71 | APIKeyMixin, 72 | TileMakerMixin): 73 | 74 | def get_current_user(self): 75 | return self.user 76 | 77 | @tornado.web.asynchronous 78 | @tornado.gen.engine 79 | def post(self): 80 | url = self.get_argument('url') 81 | key = self.get_argument('key') 82 | self.user = self.get_user(key) 83 | if not self.user: 84 | raise tornado.web.HTTPError(403, "Key not recognized") 85 | 86 | search = {'email': self.user} 87 | banned = yield motor.Op(self.db.banned.find(search).count) 88 | if banned: 89 | yield motor.Op( 90 | self.db.banned.update, 91 | {'email': self.user}, 92 | {'$inc': {'upload_attempts': 1}} 93 | ) 94 | raise tornado.web.HTTPError(412, "Banned") 95 | 96 | # XXX banned? 97 | response = yield tornado.gen.Task(self.run_preview, url) 98 | if 'error' in response: 99 | self.write(response) 100 | else: 101 | fileid = response['fileid'] 102 | second_response = yield tornado.gen.Task( 103 | self.run_download, 104 | fileid, 105 | add_delay=False, 106 | ) 107 | #print "\tSECOND_RESPONSE", second_response 108 | if 'error' in second_response: 109 | self.write(second_response) 110 | else: 111 | self.write(response) 112 | self.finish() 113 | 114 | 115 | @route('/api/upload/(?P\w{9})$', name='api_upload_progress') 116 | class APIUploadProgressHandler(APIBaseHandler, ProgressMixin): 117 | 118 | def get(self, fileid): 119 | content_type = self.redis.get('contenttype:%s' % fileid) 120 | if content_type is None: 121 | raise tornado.web.HTTPError( 122 | 410, 123 | 'Elvis has already left the building' 124 | ) 125 | expected_size = self.redis.get('expectedsize:%s' % fileid) 126 | 127 | data = self.get_progress(fileid, content_type=content_type) 128 | # data will only contain `done` to say how much has been saved, 129 | # let's make it a bit richer 130 | if expected_size is not None: 131 | data['left'] = int(expected_size) - data['done'] 132 | data['percentage'] = ( 133 | round(100.0 * data['done'] / int(expected_size), 1) 134 | ) 135 | 136 | sizeinfo = self.redis.get('sizeinfo:%s' % fileid) 137 | if sizeinfo is not None: 138 | sizeinfo = tornado.escape.json_decode(sizeinfo) 139 | for key in ('width', 'height'): 140 | if key in sizeinfo: 141 | data[key] = sizeinfo[key] 142 | base_url = ( 143 | '%s://%s' % 144 | (self.request.protocol, self.request.host) 145 | ) 146 | data['url'] = base_url + self.reverse_url('image', fileid) 147 | self.write(data) 148 | 149 | 150 | @route('/api/(?P\w{9})$', name='api_image') 151 | class APIImageHandler(APIBaseHandler, ImageMetadataMixin): 152 | 153 | @tornado.web.asynchronous 154 | @tornado.gen.engine 155 | def put(self, fileid): 156 | key = self.get_argument('key') 157 | self.user = self.get_user(key) 158 | if not self.user: 159 | raise tornado.web.HTTPError(403, "Key not recognized") 160 | 161 | data = yield tornado.gen.Task( 162 | self.run_edit, 163 | fileid, 164 | self.user 165 | ) 166 | self.write(data) 167 | self.finish() 168 | -------------------------------------------------------------------------------- /server/app.py: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env python 2 | 3 | import os 4 | import re 5 | import logging 6 | from time import sleep 7 | import tornado.httpserver 8 | import tornado.ioloop 9 | from tornado.options import define, options 10 | from tornado_utils.routes import route 11 | import redis.client 12 | from rq import Queue 13 | import motor 14 | import settings 15 | import handlers 16 | import api_handlers 17 | import admin_handlers 18 | 19 | 20 | define("debug", default=False, help="run in debug mode", type=bool) 21 | define("port", default=8000, help="run on the given port", type=int) 22 | define("dont_optimize_static_content", default=False, 23 | help="Don't combine static resources", type=bool) 24 | define("dont_embed_static_url", default=False, 25 | help="Don't put embed the static URL in static_url()", type=bool) 26 | 27 | 28 | class Application(tornado.web.Application): 29 | 30 | _redis = None 31 | 32 | @property 33 | def redis(self): 34 | if not self._redis: 35 | self._redis = redis.client.Redis( 36 | settings.REDIS_HOST, 37 | settings.REDIS_PORT 38 | ) 39 | return self._redis 40 | 41 | _db_connection = None 42 | 43 | @property 44 | def db(self): 45 | if not self._db_connection: 46 | self._db_connection = motor.MotorClient().open_sync() 47 | return self._db_connection[settings.DATABASE_NAME] 48 | 49 | def __init__(self, database_name=None, optimize_static_content=None): 50 | ui_modules_map = {} 51 | for each in ('ui_modules',): 52 | _ui_modules = __import__(each, globals(), locals(), 53 | ['ui_modules'], -1) 54 | for name in [x for x in dir(_ui_modules) 55 | if re.findall('[A-Z]\w+', x)]: 56 | thing = getattr(_ui_modules, name) 57 | try: 58 | if issubclass(thing, tornado.web.UIModule): 59 | ui_modules_map[name] = thing 60 | except TypeError: # pragma: no cover 61 | # most likely a builtin class or something 62 | pass 63 | 64 | if optimize_static_content is None: 65 | optimize_static_content = not options.dont_optimize_static_content 66 | 67 | try: 68 | cdn_prefix = [x.strip() for x in open('cdn_prefix.conf') 69 | if x.strip() and not x.strip().startswith('#')][0] 70 | logging.info("Using %r as static URL prefix" % cdn_prefix) 71 | except (IOError, IndexError): 72 | cdn_prefix = None 73 | 74 | from tornado_utils import tornado_static 75 | ui_modules_map['Static'] = tornado_static.Static 76 | ui_modules_map['StaticURL'] = tornado_static.StaticURL 77 | ui_modules_map['Static64'] = tornado_static.Static64 78 | if not optimize_static_content: 79 | ui_modules_map['Static'] = tornado_static.PlainStatic 80 | ui_modules_map['StaticURL'] = tornado_static.PlainStaticURL 81 | 82 | routed_handlers = route.get_routes() 83 | app_settings = dict( 84 | template_path=os.path.join(os.path.dirname(__file__), "templates"), 85 | static_path=os.path.join(os.path.dirname(__file__), "static"), 86 | cookie_secret=settings.COOKIE_SECRET, 87 | xsrf_cookies=True, 88 | debug=options.debug, 89 | email_backend=options.debug and \ 90 | 'tornado_utils.send_mail.backends.console.EmailBackend' \ 91 | or 'tornado_utils.send_mail.backends.pickle.EmailBackend', 92 | admin_emails=settings.ADMIN_EMAILS, 93 | ui_modules=ui_modules_map, 94 | embed_static_url_timestamp=not options.dont_embed_static_url, 95 | optimize_static_content=optimize_static_content, 96 | cdn_prefix=cdn_prefix, 97 | CLOSURE_LOCATION=os.path.join(os.path.dirname(__file__), 98 | "static", "compiler.jar"), 99 | twitter_consumer_key=settings.TWITTER_CONSUMER_KEY, 100 | twitter_consumer_secret=settings.TWITTER_CONSUMER_SECRET, 101 | 102 | ) 103 | routed_handlers.append( 104 | tornado.web.url('/.*?', 105 | handlers.PageNotFoundHandler, 106 | name='page_not_found') 107 | ) 108 | super(Application, self).__init__(routed_handlers, **app_settings) 109 | 110 | self.db # property gets created 111 | 112 | 113 | def main(): # pragma: no cover 114 | tornado.options.parse_command_line() 115 | 116 | q = Queue(connection=redis.client.Redis( 117 | settings.REDIS_HOST, 118 | settings.REDIS_PORT 119 | )) 120 | 121 | job = q.enqueue(handlers.sample_queue_job) 122 | for i in range(12): 123 | if job.result: 124 | break 125 | sleep(i / 10.0) 126 | if i > 0 and not i % 3: 127 | print "Waiting to see if Queue workers are awake..." 128 | else: 129 | raise SystemError("Queue workers not responding") 130 | 131 | http_server = tornado.httpserver.HTTPServer(Application()) 132 | print "Starting tornado on port", options.port 133 | logging.info("Starting tornado on port :%s" % options.port) 134 | http_server.listen(options.port) 135 | try: 136 | tornado.ioloop.IOLoop.instance().start() 137 | except KeyboardInterrupt: 138 | pass 139 | 140 | 141 | if __name__ == "__main__": # pragma: no cover 142 | main() 143 | -------------------------------------------------------------------------------- /server/awsdownloader.py: -------------------------------------------------------------------------------- 1 | import os 2 | 3 | from boto.s3.connection import Location, S3Connection 4 | from boto.s3.key import Key 5 | 6 | import settings 7 | 8 | 9 | def download_original(relative_path, static_path, bucket_id): 10 | conn = S3Connection(settings.AWS_ACCESS_KEY, settings.AWS_SECRET_KEY) 11 | bucket = conn.get_bucket(bucket_id) 12 | k = Key(bucket) 13 | k.key = relative_path 14 | destination = os.path.abspath(os.path.join(static_path, relative_path)) 15 | k.get_contents_to_filename(destination) 16 | -------------------------------------------------------------------------------- /server/awsuploader.py: -------------------------------------------------------------------------------- 1 | import stat 2 | import warnings 3 | import datetime 4 | import random 5 | import os 6 | import time 7 | import email 8 | import motor 9 | import pymongo 10 | import logging 11 | from boto.s3.connection import Location, S3Connection 12 | from boto.s3.key import Key 13 | from tornado import gen 14 | from tornado.ioloop import IOLoop 15 | import redis.client 16 | import settings 17 | from utils import find_all_tiles, find_original 18 | 19 | 20 | def upload_original(fileid, extension, static_path, bucket_id): 21 | conn = S3Connection(settings.AWS_ACCESS_KEY, settings.AWS_SECRET_KEY) 22 | bucket = conn.lookup(bucket_id) or conn.create_bucket(bucket_id, location=Location.EU) 23 | 24 | db_connection = motor.MotorClient().open_sync() 25 | db = db_connection[settings.DATABASE_NAME] 26 | 27 | original = find_original(fileid, static_path, extension) 28 | if original: 29 | relative_path = original.replace(static_path, '') 30 | k = Key(bucket) 31 | k.key = relative_path 32 | print "Uploading original", original 33 | s = os.stat(original)[stat.ST_SIZE] 34 | print "%.1fKb" % (s / 1024.) 35 | # reduced because I'm a cheapskate 36 | k.set_contents_from_filename(original, reduced_redundancy=True) 37 | print "Original uploaded" 38 | else: 39 | print "Original can't be found", repr(original) 40 | 41 | 42 | def update_tiles_metadata(tile_paths, years=1, max_updates=10, suffix=None): 43 | conn = S3Connection(settings.AWS_ACCESS_KEY, settings.AWS_SECRET_KEY) 44 | bucket = conn.lookup(settings.TILES_BUCKET_ID) 45 | 46 | for tile_path in tile_paths: 47 | key = bucket.get_key(tile_path) 48 | if key is None: 49 | logging.warning("%r is not found as a key" % tile_path) 50 | return 51 | 52 | aggressive_headers = _get_aggressive_cache_headers(key, years) 53 | key.copy( 54 | settings.TILES_BUCKET_ID, 55 | key, 56 | metadata=aggressive_headers, 57 | preserve_acl=True 58 | ) 59 | print key, "DONE" 60 | 61 | 62 | def _get_aggressive_cache_headers(key, years): 63 | metadata = key.metadata 64 | 65 | metadata['Content-Type'] = key.content_type 66 | 67 | # HTTP/1.0 68 | metadata['Expires'] = '%s GMT' %\ 69 | (email.Utils.formatdate( 70 | time.mktime((datetime.datetime.now() + 71 | datetime.timedelta(days=365 * years)).timetuple()))) 72 | 73 | # HTTP/1.1 74 | metadata['Cache-Control'] = 'max-age=%d, public' % (3600 * 24 * 360 * years) 75 | 76 | return metadata 77 | 78 | 79 | @gen.engine 80 | def upload_all_tiles(fileid, static_path, bucket_id, max_count=0, 81 | only_if_no_cdn_domain=False, 82 | replace=True): 83 | log_file = os.path.join(static_path, 'upload.%s.txt' % fileid) 84 | 85 | conn = S3Connection(settings.AWS_ACCESS_KEY, settings.AWS_SECRET_KEY) 86 | bucket = conn.lookup(bucket_id) or conn.create_bucket(bucket_id, location=Location.EU) 87 | #bucket.set_acl('public-read') 88 | 89 | db_connection = motor.MotorClient().open_sync() 90 | db = db_connection[settings.DATABASE_NAME] 91 | 92 | document = yield motor.Op( 93 | db.images.find_one, 94 | {'fileid': fileid} 95 | ) 96 | if not document: 97 | logging.warning("Image %r does not exist" % fileid) 98 | IOLoop.instance().stop() 99 | return 100 | 101 | if document.get('cdn_domain'): 102 | if only_if_no_cdn_domain: 103 | IOLoop.instance().stop() 104 | return 105 | else: 106 | warnings.warn("%s already has a cdn_domain (%s)" % 107 | (fileid, document['cdn_domain'])) 108 | 109 | try: 110 | count = 0 111 | all_done = True 112 | all_tiles = list(find_all_tiles(fileid, static_path)) 113 | random.shuffle(all_tiles) 114 | #if len(all_tiles) > max_count: 115 | # total = max_count 116 | #else: 117 | # total = len(all_tiles) 118 | total = len(all_tiles) 119 | aggressive_headers = get_aggressive_headers() 120 | for each in all_tiles: 121 | # load which ones we've done every time to prevent 122 | # parallel workers uploading the same file more than once 123 | try: 124 | done = [x.strip() for x in open(log_file) if x.strip()] 125 | except IOError: 126 | done = [] 127 | if each not in done: 128 | done.append(each) 129 | relative_path = each.replace(static_path, '') 130 | k = Key(bucket) 131 | k.key = relative_path 132 | # docs: 133 | # http://boto.cloudhackers.com/en/latest/ref/s3.html#boto.s3.\ 134 | # key.Key.set_contents_from_filename 135 | print "uploading", relative_path, 136 | try: 137 | count_done = set(x.strip() for x in open(log_file)) 138 | except IOError: 139 | count_done = [] 140 | print "(%d of %d)" % (len(count_done), total) 141 | k.set_contents_from_filename( 142 | each, 143 | replace=replace, 144 | reduced_redundancy=True, 145 | headers=aggressive_headers, 146 | ) 147 | k.make_public() 148 | open(log_file, 'a').write(each + '\n') 149 | count += 1 150 | if max_count > 0 and count >= max_count: 151 | print "STOPPING @", count 152 | all_done = False 153 | break 154 | 155 | if all_done: 156 | data = {'cdn_domain': settings.DEFAULT_CDN_TILER_DOMAIN} 157 | print "Updating document finally" 158 | yield motor.Op( 159 | db.images.update, 160 | {'_id': document['_id']}, 161 | {'$set': data} 162 | ) 163 | # invalidate some redis keys 164 | _redis = redis.client.Redis( 165 | settings.REDIS_HOST, 166 | settings.REDIS_PORT 167 | ) 168 | lock_key = 'uploading:%s' % fileid 169 | _redis.delete(lock_key) 170 | metadata_key = 'metadata:%s' % fileid 171 | # make it expire in a minute 172 | data = _redis.get(metadata_key) 173 | if data: 174 | # this gives all workers a chance to finish 175 | # any leftover jobs such as optimizations 176 | _redis.setex(metadata_key, data, 60) 177 | 178 | finally: 179 | print "# done", count 180 | IOLoop.instance().stop() 181 | 182 | 183 | def get_aggressive_headers(years=1): 184 | cache_control = 'max-age=%d, public' % (3600 * 24 * 360 * years) 185 | _delta = datetime.timedelta(days=365 * years) 186 | expires = email.Utils.formatdate( 187 | time.mktime((datetime.datetime.utcnow() + _delta).timetuple()) 188 | ) 189 | 190 | return { 191 | 'Cache-Control': cache_control, 192 | 'Expires': expires, 193 | } 194 | 195 | 196 | def upload_tiles(fileid, static_path, max_count=10, 197 | only_if_no_cdn_domain=False, 198 | replace=True): 199 | upload_all_tiles( 200 | fileid, 201 | static_path, 202 | settings.TILES_BUCKET_ID, 203 | max_count=max_count, 204 | only_if_no_cdn_domain=only_if_no_cdn_domain, 205 | replace=replace 206 | ) 207 | IOLoop.instance().start() 208 | 209 | 210 | def run(*fileids): 211 | static_path = os.path.join(os.path.abspath(os.curdir), 'static') 212 | for fileid in fileids: 213 | upload_original(fileid, 'jpg', static_path, settings.ORIGINALS_BUCKET_ID) 214 | 215 | #upload_all_tiles(fileid, static_path, settings.TILES_BUCKET_ID, 216 | # max_count=3) 217 | #IOLoop.instance().start() 218 | 219 | 220 | if __name__ == '__main__': 221 | import sys 222 | run(*sys.argv[1:]) 223 | -------------------------------------------------------------------------------- /server/bin/delete-image.py: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env python 2 | import os 3 | import motor 4 | import shutil 5 | from tornado import gen 6 | from tornado.ioloop import IOLoop 7 | import redis.client 8 | import sys 9 | ROOT = os.path.normpath(os.path.join(os.path.dirname(__file__), '..')) 10 | sys.path.insert(0, ROOT) 11 | import settings 12 | 13 | 14 | HERE = os.path.dirname(__file__) 15 | 16 | @gen.engine 17 | def run(*fileids): 18 | _redis = redis.client.Redis( 19 | settings.REDIS_HOST, 20 | settings.REDIS_PORT 21 | ) 22 | connection = motor.MotorClient().open_sync() 23 | db = connection.tiler 24 | cursor = db.images.find({'fileid': {'$in': fileids}}) 25 | _ids = [] 26 | for document in (yield motor.Op(cursor.to_list)): 27 | print document 28 | image_split = document['fileid'][:1] + '/' + document['fileid'][1:3] + '/' + document['fileid'][3:] 29 | for each in ('tiles', 'uploads', 'thumbnails'): 30 | d = os.path.join(HERE, '..', 'static', 'tiles', image_split) 31 | d = os.path.normpath(d) 32 | if os.path.isdir(d): 33 | print "DEL", d 34 | shutil.rmtree(d) 35 | 36 | metadata_key = 'metadata:%s' % document['fileid'] 37 | if _redis.get(metadata_key): 38 | print "Invalidated metadata cache" 39 | _redis.delete(metadata_key) 40 | lock_key = 'uploading:%s' % document['fileid'] 41 | _redis.delete(lock_key) 42 | 43 | all_fileids_key = 'allfileids' 44 | _redis.delete(all_fileids_key) 45 | all_fileids_key += ':%s' % document['user'] 46 | _redis.delete(all_fileids_key) 47 | 48 | cache_keys_key = 'thumbnail_grid:keys' 49 | for key in _redis.lrange(cache_keys_key, 0, -1): 50 | _redis.delete(key) 51 | _redis.delete(cache_keys_key) 52 | 53 | yield motor.Op( 54 | db.images.remove, 55 | {'_id': document['_id']} 56 | ) 57 | 58 | IOLoop.instance().stop() 59 | 60 | 61 | if __name__ == '__main__': 62 | import re 63 | import sys 64 | if not sys.argv[1:]: 65 | print "%s fileid1 fileid2 fileidN" % __file__ 66 | exit() 67 | fileids = [] 68 | for each in sys.argv[1:]: 69 | if len(each) == 9: 70 | fileid = each 71 | elif '://' in each: 72 | fileid = re.findall('[a-f0-9]{9}', each)[0] 73 | fileids.append(fileid) 74 | run(*fileids) 75 | IOLoop.instance().start() 76 | -------------------------------------------------------------------------------- /server/bin/fix-featured-value.py: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env python 2 | import os 3 | import time 4 | import motor 5 | import shutil 6 | from pprint import pprint 7 | from tornado import gen 8 | from tornado.ioloop import IOLoop 9 | import redis.client 10 | import sys 11 | ROOT = os.path.normpath(os.path.join(os.path.dirname(__file__), '..')) 12 | sys.path.insert(0, ROOT) 13 | import settings 14 | 15 | 16 | @gen.engine 17 | def run(*args): 18 | _redis = redis.client.Redis( 19 | settings.REDIS_HOST, 20 | settings.REDIS_PORT 21 | ) 22 | connection = motor.MotorClient().open_sync() 23 | db = connection.tiler 24 | 25 | yield motor.Op( 26 | db.images.remove, 27 | {'width': {'$exists': False}} 28 | ) 29 | 30 | try: 31 | cursor = ( 32 | db.images.find({'featured': {'$exists': False}}) 33 | ) 34 | image = yield motor.Op(cursor.next_object) 35 | _fileids = {} 36 | while image: 37 | yield motor.Op( 38 | db.images.update, 39 | {'_id': image['_id']}, 40 | {'$set': {'featured': True}} 41 | ) 42 | print image['fileid'] 43 | image = yield motor.Op(cursor.next_object) 44 | 45 | finally: 46 | IOLoop.instance().stop() 47 | 48 | 49 | if __name__ == '__main__': 50 | run(*sys.argv[1:]) 51 | IOLoop.instance().start() 52 | -------------------------------------------------------------------------------- /server/bin/list_all_files.py: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env python 2 | 3 | import os, sys 4 | sys.path.insert( 5 | 0, 6 | os.path.join(os.path.dirname(__file__), '..') 7 | ) 8 | 9 | from utils import find_all_tiles 10 | 11 | 12 | def run(fileids): 13 | static_path = os.path.join(os.path.abspath(os.curdir), 'static') 14 | for fileid in fileids: 15 | for each in find_all_tiles(fileid, static_path): 16 | print each 17 | assert os.path.isfile(each), each 18 | 19 | 20 | if __name__ == '__main__': 21 | import sys 22 | run(*sys.argv[1:]) 23 | -------------------------------------------------------------------------------- /server/bin/recalculate-bytes-uploaded.py: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env python 2 | import os 3 | import time 4 | import motor 5 | import shutil 6 | from pprint import pprint 7 | from tornado import gen 8 | from tornado.ioloop import IOLoop 9 | import redis.client 10 | import sys 11 | ROOT = os.path.normpath(os.path.join(os.path.dirname(__file__), '..')) 12 | sys.path.insert(0, ROOT) 13 | import settings 14 | 15 | 16 | 17 | @gen.engine 18 | def run(*args): 19 | _redis = redis.client.Redis( 20 | settings.REDIS_HOST, 21 | settings.REDIS_PORT 22 | ) 23 | connection = motor.MotorClient().open_sync() 24 | db = connection.tiler 25 | 26 | 27 | try: 28 | cursor = ( 29 | db.images.find() 30 | ) 31 | image = yield motor.Op(cursor.next_object) 32 | while image: 33 | _redis.incr('bytes_downloaded', image['size']) 34 | image = yield motor.Op(cursor.next_object) 35 | 36 | finally: 37 | IOLoop.instance().stop() 38 | 39 | 40 | if __name__ == '__main__': 41 | run(*sys.argv[1:]) 42 | IOLoop.instance().start() 43 | -------------------------------------------------------------------------------- /server/bin/recalculate-comments.py: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env python 2 | import os 3 | import time 4 | import motor 5 | import shutil 6 | from pprint import pprint 7 | from tornado import gen 8 | from tornado.ioloop import IOLoop 9 | import redis.client 10 | import sys 11 | ROOT = os.path.normpath(os.path.join(os.path.dirname(__file__), '..')) 12 | sys.path.insert(0, ROOT) 13 | import settings 14 | 15 | 16 | 17 | @gen.engine 18 | def run(*args): 19 | _redis = redis.client.Redis( 20 | settings.REDIS_HOST, 21 | settings.REDIS_PORT 22 | ) 23 | connection = motor.MotorClient().open_sync() 24 | db = connection.tiler 25 | 26 | try: 27 | cursor = ( 28 | db.comments.find() 29 | ) 30 | comment = yield motor.Op(cursor.next_object) 31 | _fileids = {} 32 | while comment: 33 | if comment['image'] not in _fileids: 34 | image = yield motor.Op( 35 | db.images.find_one, 36 | {'_id': comment['image']} 37 | ) 38 | _fileids[comment['image']] = image['fileid'] 39 | fileid = _fileids[comment['image']] 40 | print fileid 41 | _redis.hincrby('comments', fileid, 1) 42 | print _redis.hget('comments', fileid) 43 | #_redis.incr('bytes_downloaded', image['size']) 44 | comment = yield motor.Op(cursor.next_object) 45 | 46 | finally: 47 | IOLoop.instance().stop() 48 | 49 | 50 | if __name__ == '__main__': 51 | run(*sys.argv[1:]) 52 | IOLoop.instance().start() 53 | -------------------------------------------------------------------------------- /server/bin/run_dev_server.sh: -------------------------------------------------------------------------------- 1 | #!/bin/bash 2 | ./app.py --debug --dont_embed_static_url --dont_optimize_static_content $@ 3 | -------------------------------------------------------------------------------- /server/bin/unfeature-image.py: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env python 2 | import os 3 | import motor 4 | import shutil 5 | from pprint import pprint 6 | from tornado import gen 7 | from tornado.ioloop import IOLoop 8 | import redis.client 9 | import sys 10 | ROOT = os.path.normpath(os.path.join(os.path.dirname(__file__), '..')) 11 | sys.path.insert(0, ROOT) 12 | import settings 13 | 14 | 15 | 16 | @gen.engine 17 | def run(*fileids): 18 | _redis = redis.client.Redis( 19 | settings.REDIS_HOST, 20 | settings.REDIS_PORT 21 | ) 22 | connection = motor.MotorClient().open_sync() 23 | db = connection.tiler 24 | 25 | try: 26 | cursor = db.images.find({'fileid': {'$in': fileids}}) 27 | for document in (yield motor.Op(cursor.to_list)): 28 | pprint(document) 29 | yield motor.Op( 30 | db.images.update, 31 | {'_id': document['_id']}, 32 | {'$set': {'featured': False}} 33 | ) 34 | 35 | cache_keys_key = 'thumbnail_grid:keys' 36 | for key in _redis.lrange(cache_keys_key, 0, -1): 37 | _redis.delete(key) 38 | _redis.delete(cache_keys_key) 39 | 40 | finally: 41 | IOLoop.instance().stop() 42 | 43 | 44 | if __name__ == '__main__': 45 | import sys 46 | if not sys.argv[1:]: 47 | print "%s fileid1 fileid2 fileidN" % __file__ 48 | exit() 49 | run(*sys.argv[1:]) 50 | IOLoop.instance().start() 51 | -------------------------------------------------------------------------------- /server/bin/unset-cdn_domain.py: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env python 2 | import os 3 | import time 4 | import motor 5 | import shutil 6 | from pprint import pprint 7 | from tornado import gen 8 | from tornado.ioloop import IOLoop 9 | import redis.client 10 | import sys 11 | ROOT = os.path.normpath(os.path.join(os.path.dirname(__file__), '..')) 12 | sys.path.insert(0, ROOT) 13 | import settings 14 | 15 | 16 | 17 | @gen.engine 18 | def run(*fileids): 19 | _redis = redis.client.Redis( 20 | settings.REDIS_HOST, 21 | settings.REDIS_PORT 22 | ) 23 | connection = motor.MotorClient().open_sync() 24 | db = connection.tiler 25 | 26 | try: 27 | cursor = db.images.find({'fileid': {'$in': fileids}}) 28 | for document in (yield motor.Op(cursor.to_list)): 29 | pprint(document) 30 | yield motor.Op( 31 | db.images.update, 32 | {'_id': document['_id']}, 33 | {'$unset': {'cdn_domain': 1}} 34 | ) 35 | metadata_key = 'metadata:%s' % document['fileid'] 36 | if _redis.get(metadata_key): 37 | print "Invalidated metadata cache" 38 | _redis.delete(metadata_key) 39 | lock_key = 'uploading:%s' % document['fileid'] 40 | # locking it from aws upload for 1 hour 41 | _redis.setex(lock_key, time.time(), 60 * 60) 42 | 43 | upload_log = os.path.join( 44 | ROOT, 45 | 'static', 46 | 'upload.%s.txt' % document['fileid'] 47 | ) 48 | if os.path.isfile(upload_log): 49 | os.remove(upload_log) 50 | 51 | print "\n" 52 | 53 | finally: 54 | IOLoop.instance().stop() 55 | 56 | 57 | if __name__ == '__main__': 58 | import sys 59 | if not sys.argv[1:]: 60 | print "%s fileid1 fileid2 fileidN" % __file__ 61 | exit() 62 | run(*sys.argv[1:]) 63 | IOLoop.instance().start() 64 | -------------------------------------------------------------------------------- /server/downloader.py: -------------------------------------------------------------------------------- 1 | import re 2 | import cStringIO 3 | import functools 4 | import pycurl 5 | 6 | 7 | def slow_writer(f, buf): 8 | from time import sleep 9 | sleep(0.1) 10 | f.write(buf) 11 | 12 | def download(url, destination, 13 | follow_redirects=False, request_timeout=600): 14 | _error = _effective_url = None 15 | with open(destination, 'wb') as destination_file: 16 | hdr = cStringIO.StringIO() 17 | c = pycurl.Curl() 18 | c.setopt(pycurl.URL, str(url)) 19 | c.setopt(pycurl.FOLLOWLOCATION, follow_redirects) 20 | c.setopt(pycurl.HEADERFUNCTION, hdr.write) 21 | c.setopt(pycurl.WRITEFUNCTION, destination_file.write) 22 | #c.setopt(pycurl.WRITEFUNCTION, functools.partial(slow_writer, destination_file)) 23 | c.setopt(pycurl.TIMEOUT_MS, int(1000 * request_timeout)) 24 | c.perform() 25 | code = c.getinfo(pycurl.HTTP_CODE) 26 | _effective_url = c.getinfo(pycurl.EFFECTIVE_URL) 27 | if _effective_url == url: 28 | _effective_url = None 29 | code = c.getinfo(pycurl.HTTP_CODE) 30 | if code != 200: 31 | status_line = hdr.getvalue().splitlines()[0] 32 | for each in re.findall(r'HTTP\/\S*\s*\d+\s*(.*?)\s*$', status_line): 33 | _error = each 34 | 35 | response = {'code': code} 36 | if _error: 37 | response['body'] = _error 38 | if _effective_url: 39 | response['url'] = _effective_url 40 | return response 41 | 42 | 43 | if __name__ == '__main__': 44 | import sys 45 | import os 46 | url = sys.argv[1] 47 | assert '://' in url 48 | destination = sys.argv[2] 49 | assert os.path.isdir(os.path.dirname(destination)) 50 | from pprint import pprint 51 | pprint(download(url, destination)) 52 | -------------------------------------------------------------------------------- /server/emailer.py: -------------------------------------------------------------------------------- 1 | import datetime 2 | import logging 3 | from tornado_utils.send_mail import send_multipart_email, send_email 4 | from html2text import html2text 5 | import settings 6 | 7 | 8 | def _get_backend(debug=False): 9 | if debug: 10 | return 'tornado_utils.send_mail.backends.console.EmailBackend' 11 | else: 12 | return 'tornado_utils.send_mail.backends.smtp.EmailBackend' 13 | 14 | 15 | def send_url(url, fileid, recipient, html_body, plain_body=None, debug=False): 16 | backend = _get_backend(debug) 17 | from_ = 'HUGEPic ' 18 | subject = "Your HUGE upload has finished" 19 | if not plain_body: 20 | plain_body = html2text(html_body) 21 | logging.info('Sending email to %s', recipient) 22 | send_multipart_email( 23 | backend, 24 | plain_body, 25 | html_body, 26 | subject, 27 | [recipient], 28 | from_, 29 | bcc=getattr(settings, 'BCC_EMAIL', None) 30 | ) 31 | 32 | 33 | def send_feedback(document, debug=False): 34 | from_ = 'HUGEPic ' 35 | subject = "Feedback on HUGEpic" 36 | body = '' 37 | for key in ('name', 'email', 'type', 'comment', 'current_user'): 38 | body += '%s: %s\n' % (key.capitalize(), document.get(key, '--')) 39 | body += 'Date: %s\n' % datetime.datetime.utcnow() 40 | send_email( 41 | _get_backend(debug), 42 | subject, 43 | body, 44 | from_, 45 | [settings.ADMIN_EMAILS[0]], 46 | ) 47 | 48 | 49 | def send_newsletter(recipient, subject, html_body, plain_body=None, debug=False): 50 | from_ = 'HUGEPic ' 51 | logging.info('Sending email to %s', recipient) 52 | send_multipart_email( 53 | _get_backend(debug), 54 | plain_body, 55 | html_body, 56 | subject, 57 | [recipient], 58 | from_, 59 | # bcc=getattr(settings, 'BCC_EMAIL', None) 60 | ) 61 | -------------------------------------------------------------------------------- /server/optimizer.py: -------------------------------------------------------------------------------- 1 | import time 2 | import os 3 | from glob import glob 4 | import subprocess 5 | import stat 6 | 7 | 8 | def optimize_images(image, zoom, extension, static_path): 9 | root = os.path.join( 10 | static_path, 11 | 'tiles' 12 | ) 13 | root = os.path.join(root, image, '256', str(zoom)) 14 | total_before = 0 15 | search_path = os.path.join(root, '*.%s' % extension) 16 | files = glob(search_path) 17 | for each in files: 18 | size = os.stat(each)[stat.ST_SIZE] 19 | #print each, "IS", size 20 | total_before += size 21 | t0 = time.time() 22 | out, err = _optimize(files, extension) 23 | t1 = time.time() 24 | 25 | total_after = 0 26 | for each in files: 27 | total_after += os.stat(each)[stat.ST_SIZE] 28 | 29 | def kb(s): 30 | return "%.1fKb" % (s / 1000.0) 31 | 32 | print "Took", round(t1 - t0, 2), "seconds to optimize", len(files), "tiles" 33 | print "From", kb(total_before), "to", kb(total_after), 34 | print "saving", kb(total_before - total_after) 35 | 36 | def optimize_thumbnails(image, extension, static_path): 37 | root = os.path.join( 38 | static_path, 39 | 'thumbnails' 40 | ) 41 | root = os.path.join(root, image) 42 | total_before = 0 43 | search_path = os.path.join(root, '*.%s' % extension) 44 | files = glob(search_path) 45 | for each in files: 46 | size = os.stat(each)[stat.ST_SIZE] 47 | print each, "IS", size 48 | total_before += size 49 | t0 = time.time() 50 | out, err = _optimize(files, extension) 51 | t1 = time.time() 52 | 53 | total_after = 0 54 | for each in files: 55 | total_after += os.stat(each)[stat.ST_SIZE] 56 | 57 | def kb(s): 58 | return "%.1fKb" % (s / 1000.0) 59 | 60 | print "Took", round(t1 - t0, 2), "seconds to optimize", len(files), "thumbnails" 61 | print "From", kb(total_before), "to", kb(total_after), 62 | print "Saving", kb(total_before - total_after) 63 | 64 | 65 | def _optimize(files, extension): 66 | if extension == 'jpg': 67 | cmd = "jpegoptim --strip-all %s" % (' '.join(files)) 68 | elif extension == 'png': 69 | cmd = "optipng %s" % (' '.join(files)) 70 | else: 71 | raise NotImplementedError(extension) 72 | process = subprocess.Popen( 73 | cmd, 74 | shell=True, 75 | stdout=subprocess.PIPE, 76 | stderr=subprocess.PIPE 77 | ) 78 | out, err = process.communicate() 79 | #print out 80 | #print 'ERRROR' 81 | #print err 82 | return (out, err) 83 | 84 | 85 | if __name__ == '__main__': 86 | optimize_images('b/51/3acd3c', 3, 'png', './static') 87 | -------------------------------------------------------------------------------- /server/resizer.py: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env python 2 | import time 3 | import os 4 | import logging 5 | import subprocess 6 | 7 | 8 | def resize_image(path, width, save_path): 9 | # _resize_tool = 'resize' 10 | # cmd = ( 11 | # 'convert %s -%s %d %s' % 12 | # (path, _resize_tool, width, save_path) 13 | # ) 14 | # cmd = 'MAGICK_THREAD_LIMIT=1 ' + cmd 15 | # see https://github.com/jcupitt/libvips/issues/216 16 | save_path = os.path.abspath(save_path) 17 | cmd = ( 18 | 'vipsthumbnail %s -s %d -o %s' % ( 19 | path, width, save_path 20 | ) 21 | ) 22 | print "CMD", repr(cmd) 23 | t0 = time.time() 24 | process = subprocess.Popen( 25 | cmd, 26 | shell=True, 27 | stdout=subprocess.PIPE, 28 | stderr=subprocess.PIPE 29 | ) 30 | out, err = process.communicate() 31 | t1 = time.time() 32 | print "CMD TOOK", t1 - t0 33 | if err: 34 | logging.warning("resizer: %s" % err) 35 | return save_path 36 | 37 | 38 | def make_resizes(path, ranges): 39 | for zoom in ranges: 40 | #print path, zoom 41 | t0 = time.time() 42 | resized = _resize(path, zoom) 43 | t1 = time.time() 44 | print "Created", resized, "in", round(t1 - t0, 3), "seconds" 45 | 46 | 47 | def make_resize(path, zoom): 48 | t0 = time.time() 49 | resized = _resize(path, zoom) 50 | t1 = time.time() 51 | print "Created", resized, "in", round(t1 - t0, 3), "seconds" 52 | return resized 53 | 54 | 55 | def _resize(path, zoom, extra=0): 56 | width = 256 * (2 ** zoom) 57 | 58 | start, ext = os.path.splitext(path) 59 | save_path = path.replace( 60 | ext, 61 | '-%s-%s%s' % (zoom, width, ext) 62 | ) 63 | if os.path.isfile(save_path): 64 | return save_path 65 | return resize_image(path, width, save_path) 66 | -------------------------------------------------------------------------------- /server/settings.py: -------------------------------------------------------------------------------- 1 | COOKIE_SECRET = 'override this with local settings' 2 | 3 | DATABASE_NAME = 'tiler' 4 | 5 | REDIS_HOST = 'localhost' 6 | REDIS_PORT = 6379 7 | 8 | PROJECT_TITLE = 'HUGEpic' 9 | 10 | # complete this in your local_settings.py to get emails sent on errors 11 | ADMIN_EMAILS = ( 12 | ) 13 | 14 | DEFAULT_CDN_TILER_DOMAIN = 'd220r9wol91huc.cloudfront.net' 15 | TILES_BUCKET_ID = 'tiler-tiles' 16 | ORIGINALS_BUCKET_ID = 'tiler-originals' 17 | 18 | from local_settings import * 19 | 20 | assert BROWSERID_DOMAIN 21 | assert AWS_ACCESS_KEY 22 | assert AWS_SECRET_KEY 23 | 24 | assert TWITTER_CONSUMER_SECRET 25 | assert TWITTER_CONSUMER_KEY 26 | assert TWITTER_ACCESS_TOKEN 27 | assert TWITTER_ACCESS_TOKEN_SECRET 28 | -------------------------------------------------------------------------------- /server/static/authentication.js: -------------------------------------------------------------------------------- 1 | $(function() { 2 | var _xsrf = $('input[name="_xsrf"]').val(); 3 | 4 | $('a.signin').click(function(e) { 5 | e.preventDefault(); 6 | navigator.id.getVerifiedEmail(function(assertion) { 7 | if (assertion) { 8 | $.ajax({ 9 | type: 'POST', 10 | url: '/auth/browserid/', 11 | data: {assertion: assertion, _xsrf: _xsrf}, 12 | success: function(res, status, xhr) { window.location.reload(); }, 13 | error: function(res, status, xhr) { alert("login failure" + res); } 14 | }); 15 | } else { 16 | alert("Failed to log in"); 17 | } 18 | }); 19 | 20 | 21 | }); 22 | 23 | $('a.signout').click(function(e) { 24 | e.preventDefault(); 25 | navigator.id.logout(); 26 | $.ajax({ 27 | type: 'POST', 28 | url: '/auth/signout/', 29 | data: {_xsrf: _xsrf}, 30 | success: function(res, status, xhr) { window.location.reload(); }, 31 | error: function(res, status, xhr) { alert("logout failure" + res); } 32 | }); 33 | 34 | }); 35 | 36 | }); 37 | -------------------------------------------------------------------------------- /server/static/bootstrap/css/bootstrap-modal.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap v2.1.1 3 | * 4 | * Copyright 2012 Twitter, Inc 5 | * Licensed under the Apache License v2.0 6 | * http://www.apache.org/licenses/LICENSE-2.0 7 | * 8 | * Designed and built with all the love in the world @twitter by @mdo and @fat. 9 | */ 10 | .clearfix { 11 | *zoom: 1; 12 | } 13 | .clearfix:before, 14 | .clearfix:after { 15 | display: table; 16 | content: ""; 17 | line-height: 0; 18 | } 19 | .clearfix:after { 20 | clear: both; 21 | } 22 | .hide-text { 23 | font: 0/0 a; 24 | color: transparent; 25 | text-shadow: none; 26 | background-color: transparent; 27 | border: 0; 28 | } 29 | .input-block-level { 30 | display: block; 31 | width: 100%; 32 | min-height: 30px; 33 | -webkit-box-sizing: border-box; 34 | -moz-box-sizing: border-box; 35 | box-sizing: border-box; 36 | } 37 | .modal-open .modal .dropdown-menu { 38 | z-index: 2050; 39 | } 40 | .modal-open .modal .dropdown.open { 41 | *z-index: 2050; 42 | } 43 | .modal-open .modal .popover { 44 | z-index: 2060; 45 | } 46 | .modal-open .modal .tooltip { 47 | z-index: 2080; 48 | } 49 | .modal-backdrop { 50 | position: fixed; 51 | top: 0; 52 | right: 0; 53 | bottom: 0; 54 | left: 0; 55 | z-index: 1040; 56 | background-color: #000000; 57 | } 58 | .modal-backdrop.fade { 59 | opacity: 0; 60 | } 61 | .modal-backdrop, 62 | .modal-backdrop.fade.in { 63 | opacity: 0.8; 64 | filter: alpha(opacity=80); 65 | } 66 | .modal { 67 | position: fixed; 68 | top: 50%; 69 | left: 50%; 70 | z-index: 1050; 71 | overflow: auto; 72 | width: 560px; 73 | margin: -250px 0 0 -280px; 74 | background-color: #ffffff; 75 | border: 1px solid #999; 76 | border: 1px solid rgba(0, 0, 0, 0.3); 77 | *border: 1px solid #999; 78 | /* IE6-7 */ 79 | 80 | -webkit-border-radius: 6px; 81 | -moz-border-radius: 6px; 82 | border-radius: 6px; 83 | -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); 84 | -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); 85 | box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); 86 | -webkit-background-clip: padding-box; 87 | -moz-background-clip: padding-box; 88 | background-clip: padding-box; 89 | } 90 | .modal.fade { 91 | -webkit-transition: opacity .3s linear, top .3s ease-out; 92 | -moz-transition: opacity .3s linear, top .3s ease-out; 93 | -o-transition: opacity .3s linear, top .3s ease-out; 94 | transition: opacity .3s linear, top .3s ease-out; 95 | top: -25%; 96 | } 97 | .modal.fade.in { 98 | top: 50%; 99 | } 100 | .modal-header { 101 | padding: 9px 15px; 102 | border-bottom: 1px solid #eee; 103 | } 104 | .modal-header .close { 105 | margin-top: 2px; 106 | } 107 | .modal-header h3 { 108 | margin: 0; 109 | line-height: 30px; 110 | } 111 | .modal-body { 112 | overflow-y: auto; 113 | max-height: 400px; 114 | padding: 15px; 115 | } 116 | .modal-form { 117 | margin-bottom: 0; 118 | } 119 | .modal-footer { 120 | padding: 14px 15px 15px; 121 | margin-bottom: 0; 122 | text-align: right; 123 | background-color: #f5f5f5; 124 | border-top: 1px solid #ddd; 125 | -webkit-border-radius: 0 0 6px 6px; 126 | -moz-border-radius: 0 0 6px 6px; 127 | border-radius: 0 0 6px 6px; 128 | -webkit-box-shadow: inset 0 1px 0 #ffffff; 129 | -moz-box-shadow: inset 0 1px 0 #ffffff; 130 | box-shadow: inset 0 1px 0 #ffffff; 131 | *zoom: 1; 132 | } 133 | .modal-footer:before, 134 | .modal-footer:after { 135 | display: table; 136 | content: ""; 137 | line-height: 0; 138 | } 139 | .modal-footer:after { 140 | clear: both; 141 | } 142 | .modal-footer .btn + .btn { 143 | margin-left: 5px; 144 | margin-bottom: 0; 145 | } 146 | .modal-footer .btn-group .btn + .btn { 147 | margin-left: -1px; 148 | } 149 | -------------------------------------------------------------------------------- /server/static/bootstrap/css/bootstrap-modal.min.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap v2.1.1 3 | * 4 | * Copyright 2012 Twitter, Inc 5 | * Licensed under the Apache License v2.0 6 | * http://www.apache.org/licenses/LICENSE-2.0 7 | * 8 | * Designed and built with all the love in the world @twitter by @mdo and @fat. 9 | */ 10 | .clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;} 11 | .clearfix:after{clear:both;} 12 | .hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;} 13 | .input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} 14 | .modal-open .modal .dropdown-menu{z-index:2050;} 15 | .modal-open .modal .dropdown.open{*z-index:2050;} 16 | .modal-open .modal .popover{z-index:2060;} 17 | .modal-open .modal .tooltip{z-index:2080;} 18 | .modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000000;}.modal-backdrop.fade{opacity:0;} 19 | .modal-backdrop,.modal-backdrop.fade.in{opacity:0.8;filter:alpha(opacity=80);} 20 | .modal{position:fixed;top:50%;left:50%;z-index:1050;overflow:auto;width:560px;margin:-250px 0 0 -280px;background-color:#ffffff;border:1px solid #999;border:1px solid rgba(0, 0, 0, 0.3);*border:1px solid #999;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;}.modal.fade{-webkit-transition:opacity .3s linear, top .3s ease-out;-moz-transition:opacity .3s linear, top .3s ease-out;-o-transition:opacity .3s linear, top .3s ease-out;transition:opacity .3s linear, top .3s ease-out;top:-25%;} 21 | .modal.fade.in{top:50%;} 22 | .modal-header{padding:9px 15px;border-bottom:1px solid #eee;}.modal-header .close{margin-top:2px;} 23 | .modal-header h3{margin:0;line-height:30px;} 24 | .modal-body{overflow-y:auto;max-height:400px;padding:15px;} 25 | .modal-form{margin-bottom:0;} 26 | .modal-footer{padding:14px 15px 15px;margin-bottom:0;text-align:right;background-color:#f5f5f5;border-top:1px solid #ddd;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;-webkit-box-shadow:inset 0 1px 0 #ffffff;-moz-box-shadow:inset 0 1px 0 #ffffff;box-shadow:inset 0 1px 0 #ffffff;*zoom:1;}.modal-footer:before,.modal-footer:after{display:table;content:"";line-height:0;} 27 | .modal-footer:after{clear:both;} 28 | .modal-footer .btn+.btn{margin-left:5px;margin-bottom:0;} 29 | .modal-footer .btn-group .btn+.btn{margin-left:-1px;} 30 | -------------------------------------------------------------------------------- /server/static/bootstrap/img/glyphicons-halflings-white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterbe/tiler/32dfb0ef97bafd55ffe6e5d9395c58c295c9e056/server/static/bootstrap/img/glyphicons-halflings-white.png -------------------------------------------------------------------------------- /server/static/bootstrap/img/glyphicons-halflings.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterbe/tiler/32dfb0ef97bafd55ffe6e5d9395c58c295c9e056/server/static/bootstrap/img/glyphicons-halflings.png -------------------------------------------------------------------------------- /server/static/bootstrap/js/bootstrap-collapse.js: -------------------------------------------------------------------------------- 1 | /* ============================================================= 2 | * bootstrap-collapse.js v2.1.1 3 | * http://twitter.github.com/bootstrap/javascript.html#collapse 4 | * ============================================================= 5 | * Copyright 2012 Twitter, Inc. 6 | * 7 | * Licensed under the Apache License, Version 2.0 (the "License"); 8 | * you may not use this file except in compliance with the License. 9 | * You may obtain a copy of the License at 10 | * 11 | * http://www.apache.org/licenses/LICENSE-2.0 12 | * 13 | * Unless required by applicable law or agreed to in writing, software 14 | * distributed under the License is distributed on an "AS IS" BASIS, 15 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 16 | * See the License for the specific language governing permissions and 17 | * limitations under the License. 18 | * ============================================================ */ 19 | 20 | 21 | !function ($) { 22 | 23 | "use strict"; // jshint ;_; 24 | 25 | 26 | /* COLLAPSE PUBLIC CLASS DEFINITION 27 | * ================================ */ 28 | 29 | var Collapse = function (element, options) { 30 | this.$element = $(element) 31 | this.options = $.extend({}, $.fn.collapse.defaults, options) 32 | 33 | if (this.options.parent) { 34 | this.$parent = $(this.options.parent) 35 | } 36 | 37 | this.options.toggle && this.toggle() 38 | } 39 | 40 | Collapse.prototype = { 41 | 42 | constructor: Collapse 43 | 44 | , dimension: function () { 45 | var hasWidth = this.$element.hasClass('width') 46 | return hasWidth ? 'width' : 'height' 47 | } 48 | 49 | , show: function () { 50 | var dimension 51 | , scroll 52 | , actives 53 | , hasData 54 | 55 | if (this.transitioning) return 56 | 57 | dimension = this.dimension() 58 | scroll = $.camelCase(['scroll', dimension].join('-')) 59 | actives = this.$parent && this.$parent.find('> .accordion-group > .in') 60 | 61 | if (actives && actives.length) { 62 | hasData = actives.data('collapse') 63 | if (hasData && hasData.transitioning) return 64 | actives.collapse('hide') 65 | hasData || actives.data('collapse', null) 66 | } 67 | 68 | this.$element[dimension](0) 69 | this.transition('addClass', $.Event('show'), 'shown') 70 | $.support.transition && this.$element[dimension](this.$element[0][scroll]) 71 | } 72 | 73 | , hide: function () { 74 | var dimension 75 | if (this.transitioning) return 76 | dimension = this.dimension() 77 | this.reset(this.$element[dimension]()) 78 | this.transition('removeClass', $.Event('hide'), 'hidden') 79 | this.$element[dimension](0) 80 | } 81 | 82 | , reset: function (size) { 83 | var dimension = this.dimension() 84 | 85 | this.$element 86 | .removeClass('collapse') 87 | [dimension](size || 'auto') 88 | [0].offsetWidth 89 | 90 | this.$element[size !== null ? 'addClass' : 'removeClass']('collapse') 91 | 92 | return this 93 | } 94 | 95 | , transition: function (method, startEvent, completeEvent) { 96 | var that = this 97 | , complete = function () { 98 | if (startEvent.type == 'show') that.reset() 99 | that.transitioning = 0 100 | that.$element.trigger(completeEvent) 101 | } 102 | 103 | this.$element.trigger(startEvent) 104 | 105 | if (startEvent.isDefaultPrevented()) return 106 | 107 | this.transitioning = 1 108 | 109 | this.$element[method]('in') 110 | 111 | $.support.transition && this.$element.hasClass('collapse') ? 112 | this.$element.one($.support.transition.end, complete) : 113 | complete() 114 | } 115 | 116 | , toggle: function () { 117 | this[this.$element.hasClass('in') ? 'hide' : 'show']() 118 | } 119 | 120 | } 121 | 122 | 123 | /* COLLAPSIBLE PLUGIN DEFINITION 124 | * ============================== */ 125 | 126 | $.fn.collapse = function (option) { 127 | return this.each(function () { 128 | var $this = $(this) 129 | , data = $this.data('collapse') 130 | , options = typeof option == 'object' && option 131 | if (!data) $this.data('collapse', (data = new Collapse(this, options))) 132 | if (typeof option == 'string') data[option]() 133 | }) 134 | } 135 | 136 | $.fn.collapse.defaults = { 137 | toggle: true 138 | } 139 | 140 | $.fn.collapse.Constructor = Collapse 141 | 142 | 143 | /* COLLAPSIBLE DATA-API 144 | * ==================== */ 145 | 146 | $(function () { 147 | $('body').on('click.collapse.data-api', '[data-toggle=collapse]', function (e) { 148 | var $this = $(this), href 149 | , target = $this.attr('data-target') 150 | || e.preventDefault() 151 | || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '') //strip for ie7 152 | , option = $(target).data('collapse') ? 'toggle' : $this.data() 153 | $this[$(target).hasClass('in') ? 'addClass' : 'removeClass']('collapsed') 154 | $(target).collapse(option) 155 | }) 156 | }) 157 | 158 | }(window.jQuery); -------------------------------------------------------------------------------- /server/static/bootstrap/js/bootstrap-collapse.min.js: -------------------------------------------------------------------------------- 1 | /** 2 | * plugins: bootstrap-collapse.js 3 | * Copyright 2012 Twitter, Inc. 4 | * http://www.apache.org/licenses/LICENSE-2.0.txt 5 | */ 6 | 7 | !function($){"use strict";var Collapse=function(element,options){this.$element=$(element) 8 | this.options=$.extend({},$.fn.collapse.defaults,options) 9 | if(this.options.parent){this.$parent=$(this.options.parent)} 10 | this.options.toggle&&this.toggle()} 11 | Collapse.prototype={constructor:Collapse,dimension:function(){var hasWidth=this.$element.hasClass('width') 12 | return hasWidth?'width':'height'},show:function(){var dimension,scroll,actives,hasData 13 | if(this.transitioning)return 14 | dimension=this.dimension() 15 | scroll=$.camelCase(['scroll',dimension].join('-')) 16 | actives=this.$parent&&this.$parent.find('> .accordion-group > .in') 17 | if(actives&&actives.length){hasData=actives.data('collapse') 18 | if(hasData&&hasData.transitioning)return 19 | actives.collapse('hide') 20 | hasData||actives.data('collapse',null)} 21 | this.$element[dimension](0) 22 | this.transition('addClass',$.Event('show'),'shown') 23 | $.support.transition&&this.$element[dimension](this.$element[0][scroll])},hide:function(){var dimension 24 | if(this.transitioning)return 25 | dimension=this.dimension() 26 | this.reset(this.$element[dimension]()) 27 | this.transition('removeClass',$.Event('hide'),'hidden') 28 | this.$element[dimension](0)},reset:function(size){var dimension=this.dimension() 29 | this.$element.removeClass('collapse') 30 | [dimension](size||'auto') 31 | [0].offsetWidth 32 | this.$element[size!==null?'addClass':'removeClass']('collapse') 33 | return this},transition:function(method,startEvent,completeEvent){var that=this,complete=function(){if(startEvent.type=='show')that.reset() 34 | that.transitioning=0 35 | that.$element.trigger(completeEvent)} 36 | this.$element.trigger(startEvent) 37 | if(startEvent.isDefaultPrevented())return 38 | this.transitioning=1 39 | this.$element[method]('in') 40 | $.support.transition&&this.$element.hasClass('collapse')?this.$element.one($.support.transition.end,complete):complete()},toggle:function(){this[this.$element.hasClass('in')?'hide':'show']()}} 41 | $.fn.collapse=function(option){return this.each(function(){var $this=$(this),data=$this.data('collapse'),options=typeof option=='object'&&option 42 | if(!data)$this.data('collapse',(data=new Collapse(this,options))) 43 | if(typeof option=='string')data[option]()})} 44 | $.fn.collapse.defaults={toggle:true} 45 | $.fn.collapse.Constructor=Collapse 46 | $(function(){$('body').on('click.collapse.data-api','[data-toggle=collapse]',function(e){var $this=$(this),href,target=$this.attr('data-target')||e.preventDefault()||(href=$this.attr('href'))&&href.replace(/.*(?=#[^\s]+$)/,'') 47 | ,option=$(target).data('collapse')?'toggle':$this.data() 48 | $this[$(target).hasClass('in')?'addClass':'removeClass']('collapsed') 49 | $(target).collapse(option)})})}(window.jQuery); 50 | -------------------------------------------------------------------------------- /server/static/bootstrap/js/bootstrap-modal.js: -------------------------------------------------------------------------------- 1 | /* ========================================================= 2 | * bootstrap-modal.js v2.1.1 3 | * http://twitter.github.com/bootstrap/javascript.html#modals 4 | * ========================================================= 5 | * Copyright 2012 Twitter, Inc. 6 | * 7 | * Licensed under the Apache License, Version 2.0 (the "License"); 8 | * you may not use this file except in compliance with the License. 9 | * You may obtain a copy of the License at 10 | * 11 | * http://www.apache.org/licenses/LICENSE-2.0 12 | * 13 | * Unless required by applicable law or agreed to in writing, software 14 | * distributed under the License is distributed on an "AS IS" BASIS, 15 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 16 | * See the License for the specific language governing permissions and 17 | * limitations under the License. 18 | * ========================================================= */ 19 | 20 | 21 | !function ($) { 22 | 23 | "use strict"; // jshint ;_; 24 | 25 | 26 | /* MODAL CLASS DEFINITION 27 | * ====================== */ 28 | 29 | var Modal = function (element, options) { 30 | this.options = options 31 | this.$element = $(element) 32 | .delegate('[data-dismiss="modal"]', 'click.dismiss.modal', $.proxy(this.hide, this)) 33 | this.options.remote && this.$element.find('.modal-body').load(this.options.remote) 34 | } 35 | 36 | Modal.prototype = { 37 | 38 | constructor: Modal 39 | 40 | , toggle: function () { 41 | return this[!this.isShown ? 'show' : 'hide']() 42 | } 43 | 44 | , show: function () { 45 | var that = this 46 | , e = $.Event('show') 47 | 48 | this.$element.trigger(e) 49 | 50 | if (this.isShown || e.isDefaultPrevented()) return 51 | 52 | $('body').addClass('modal-open') 53 | 54 | this.isShown = true 55 | 56 | this.escape() 57 | 58 | this.backdrop(function () { 59 | var transition = $.support.transition && that.$element.hasClass('fade') 60 | 61 | if (!that.$element.parent().length) { 62 | that.$element.appendTo(document.body) //don't move modals dom position 63 | } 64 | 65 | that.$element 66 | .show() 67 | 68 | if (transition) { 69 | that.$element[0].offsetWidth // force reflow 70 | } 71 | 72 | that.$element 73 | .addClass('in') 74 | .attr('aria-hidden', false) 75 | .focus() 76 | 77 | that.enforceFocus() 78 | 79 | transition ? 80 | that.$element.one($.support.transition.end, function () { that.$element.trigger('shown') }) : 81 | that.$element.trigger('shown') 82 | 83 | }) 84 | } 85 | 86 | , hide: function (e) { 87 | e && e.preventDefault() 88 | 89 | var that = this 90 | 91 | e = $.Event('hide') 92 | 93 | this.$element.trigger(e) 94 | 95 | if (!this.isShown || e.isDefaultPrevented()) return 96 | 97 | this.isShown = false 98 | 99 | $('body').removeClass('modal-open') 100 | 101 | this.escape() 102 | 103 | $(document).off('focusin.modal') 104 | 105 | this.$element 106 | .removeClass('in') 107 | .attr('aria-hidden', true) 108 | 109 | $.support.transition && this.$element.hasClass('fade') ? 110 | this.hideWithTransition() : 111 | this.hideModal() 112 | } 113 | 114 | , enforceFocus: function () { 115 | var that = this 116 | $(document).on('focusin.modal', function (e) { 117 | if (that.$element[0] !== e.target && !that.$element.has(e.target).length) { 118 | that.$element.focus() 119 | } 120 | }) 121 | } 122 | 123 | , escape: function () { 124 | var that = this 125 | if (this.isShown && this.options.keyboard) { 126 | this.$element.on('keyup.dismiss.modal', function ( e ) { 127 | e.which == 27 && that.hide() 128 | }) 129 | } else if (!this.isShown) { 130 | this.$element.off('keyup.dismiss.modal') 131 | } 132 | } 133 | 134 | , hideWithTransition: function () { 135 | var that = this 136 | , timeout = setTimeout(function () { 137 | that.$element.off($.support.transition.end) 138 | that.hideModal() 139 | }, 500) 140 | 141 | this.$element.one($.support.transition.end, function () { 142 | clearTimeout(timeout) 143 | that.hideModal() 144 | }) 145 | } 146 | 147 | , hideModal: function (that) { 148 | this.$element 149 | .hide() 150 | .trigger('hidden') 151 | 152 | this.backdrop() 153 | } 154 | 155 | , removeBackdrop: function () { 156 | this.$backdrop.remove() 157 | this.$backdrop = null 158 | } 159 | 160 | , backdrop: function (callback) { 161 | var that = this 162 | , animate = this.$element.hasClass('fade') ? 'fade' : '' 163 | 164 | if (this.isShown && this.options.backdrop) { 165 | var doAnimate = $.support.transition && animate 166 | 167 | this.$backdrop = $('
') 168 | .appendTo(document.body) 169 | 170 | if (this.options.backdrop != 'static') { 171 | this.$backdrop.click($.proxy(this.hide, this)) 172 | } 173 | 174 | if (doAnimate) this.$backdrop[0].offsetWidth // force reflow 175 | 176 | this.$backdrop.addClass('in') 177 | 178 | doAnimate ? 179 | this.$backdrop.one($.support.transition.end, callback) : 180 | callback() 181 | 182 | } else if (!this.isShown && this.$backdrop) { 183 | this.$backdrop.removeClass('in') 184 | 185 | $.support.transition && this.$element.hasClass('fade')? 186 | this.$backdrop.one($.support.transition.end, $.proxy(this.removeBackdrop, this)) : 187 | this.removeBackdrop() 188 | 189 | } else if (callback) { 190 | callback() 191 | } 192 | } 193 | } 194 | 195 | 196 | /* MODAL PLUGIN DEFINITION 197 | * ======================= */ 198 | 199 | $.fn.modal = function (option) { 200 | return this.each(function () { 201 | var $this = $(this) 202 | , data = $this.data('modal') 203 | , options = $.extend({}, $.fn.modal.defaults, $this.data(), typeof option == 'object' && option) 204 | if (!data) $this.data('modal', (data = new Modal(this, options))) 205 | if (typeof option == 'string') data[option]() 206 | else if (options.show) data.show() 207 | }) 208 | } 209 | 210 | $.fn.modal.defaults = { 211 | backdrop: true 212 | , keyboard: true 213 | , show: true 214 | } 215 | 216 | $.fn.modal.Constructor = Modal 217 | 218 | 219 | /* MODAL DATA-API 220 | * ============== */ 221 | 222 | $(function () { 223 | $('body').on('click.modal.data-api', '[data-toggle="modal"]', function ( e ) { 224 | var $this = $(this) 225 | , href = $this.attr('href') 226 | , $target = $($this.attr('data-target') || (href && href.replace(/.*(?=#[^\s]+$)/, ''))) //strip for ie7 227 | , option = $target.data('modal') ? 'toggle' : $.extend({ remote: !/#/.test(href) && href }, $target.data(), $this.data()) 228 | 229 | e.preventDefault() 230 | 231 | $target 232 | .modal(option) 233 | .one('hide', function () { 234 | $this.focus() 235 | }) 236 | }) 237 | }) 238 | 239 | }(window.jQuery); -------------------------------------------------------------------------------- /server/static/bootstrap/js/bootstrap-modal.min.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Bootstrap.js by @fat & @mdo 3 | * plugins: bootstrap-modal.js 4 | * Copyright 2012 Twitter, Inc. 5 | * http://www.apache.org/licenses/LICENSE-2.0.txt 6 | */ 7 | !function(a){var b=function(b,c){this.options=c,this.$element=a(b).delegate('[data-dismiss="modal"]',"click.dismiss.modal",a.proxy(this.hide,this)),this.options.remote&&this.$element.find(".modal-body").load(this.options.remote)};b.prototype={constructor:b,toggle:function(){return this[this.isShown?"hide":"show"]()},show:function(){var b=this,c=a.Event("show");this.$element.trigger(c);if(this.isShown||c.isDefaultPrevented())return;a("body").addClass("modal-open"),this.isShown=!0,this.escape(),this.backdrop(function(){var c=a.support.transition&&b.$element.hasClass("fade");b.$element.parent().length||b.$element.appendTo(document.body),b.$element.show(),c&&b.$element[0].offsetWidth,b.$element.addClass("in").attr("aria-hidden",!1).focus(),b.enforceFocus(),c?b.$element.one(a.support.transition.end,function(){b.$element.trigger("shown")}):b.$element.trigger("shown")})},hide:function(b){b&&b.preventDefault();var c=this;b=a.Event("hide"),this.$element.trigger(b);if(!this.isShown||b.isDefaultPrevented())return;this.isShown=!1,a("body").removeClass("modal-open"),this.escape(),a(document).off("focusin.modal"),this.$element.removeClass("in").attr("aria-hidden",!0),a.support.transition&&this.$element.hasClass("fade")?this.hideWithTransition():this.hideModal()},enforceFocus:function(){var b=this;a(document).on("focusin.modal",function(a){b.$element[0]!==a.target&&!b.$element.has(a.target).length&&b.$element.focus()})},escape:function(){var a=this;this.isShown&&this.options.keyboard?this.$element.on("keyup.dismiss.modal",function(b){b.which==27&&a.hide()}):this.isShown||this.$element.off("keyup.dismiss.modal")},hideWithTransition:function(){var b=this,c=setTimeout(function(){b.$element.off(a.support.transition.end),b.hideModal()},500);this.$element.one(a.support.transition.end,function(){clearTimeout(c),b.hideModal()})},hideModal:function(a){this.$element.hide().trigger("hidden"),this.backdrop()},removeBackdrop:function(){this.$backdrop.remove(),this.$backdrop=null},backdrop:function(b){var c=this,d=this.$element.hasClass("fade")?"fade":"";if(this.isShown&&this.options.backdrop){var e=a.support.transition&&d;this.$backdrop=a('
').appendTo(document.body),this.options.backdrop!="static"&&this.$backdrop.click(a.proxy(this.hide,this)),e&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in"),e?this.$backdrop.one(a.support.transition.end,b):b()}else!this.isShown&&this.$backdrop?(this.$backdrop.removeClass("in"),a.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one(a.support.transition.end,a.proxy(this.removeBackdrop,this)):this.removeBackdrop()):b&&b()}},a.fn.modal=function(c){return this.each(function(){var d=a(this),e=d.data("modal"),f=a.extend({},a.fn.modal.defaults,d.data(),typeof c=="object"&&c);e||d.data("modal",e=new b(this,f)),typeof c=="string"?e[c]():f.show&&e.show()})},a.fn.modal.defaults={backdrop:!0,keyboard:!0,show:!0},a.fn.modal.Constructor=b,a(function(){a("body").on("click.modal.data-api",'[data-toggle="modal"]',function(b){var c=a(this),d=c.attr("href"),e=a(c.attr("data-target")||d&&d.replace(/.*(?=#[^\s]+$)/,"")),f=e.data("modal")?"toggle":a.extend({remote:!/#/.test(d)&&d},e.data(),c.data());b.preventDefault(),e.modal(f).one("hide",function(){c.focus()})})})}(window.jQuery) -------------------------------------------------------------------------------- /server/static/browserid.js: -------------------------------------------------------------------------------- 1 | $(function() { 2 | $('#browserid').bind('click', function(e) { 3 | e.preventDefault(); 4 | navigator.id.getVerifiedEmail(function(assertion) { 5 | if (assertion) { 6 | var $e = $('#id_assertion'); 7 | $e.val(assertion.toString()); 8 | $e.parent().submit(); 9 | } 10 | }); 11 | }); 12 | }); 13 | -------------------------------------------------------------------------------- /server/static/comment.js: -------------------------------------------------------------------------------- 1 | var Commenting = (function() { 2 | var map, fileid; 3 | var pathname; 4 | var container = $('#comment-modal'); 5 | 6 | function _opener() { 7 | container.modal({ 8 | backdrop: true, 9 | keyboard: true 10 | }).modal('show'); 11 | $('.label-success', container).hide(); 12 | } 13 | 14 | // Close edit modal 15 | $('a.closer', container).click(function() { 16 | var p = $(this).parents('.modal'); 17 | p.modal('hide'); 18 | return false; 19 | }); 20 | 21 | function _prefill_form() { 22 | $.getJSON(pathname + '/commenting', function(response) { 23 | if (response.name) { 24 | $('input[name="name"]', container).val(response.name); 25 | } 26 | _load_comments(response.comments); 27 | $('.comments-hider a.show strong', container).text(response.count); 28 | $('h3.comments strong', container).text(response.count); 29 | if (!response.signed_in) { 30 | $('.comments-hider a.show', container).click(); 31 | $('form', container).hide(); 32 | $('.not-signed-in', container).show(); 33 | } 34 | }); 35 | } 36 | 37 | function _load_comments(comments) { 38 | var c = $('.comments-outer', container); 39 | $('div', c).remove(); 40 | var inner = $('
'); 41 | $.each(comments, function(i, each) { 42 | var d = $('
').addClass('comment'); 43 | $('
') 44 | .html(each.html) 45 | .appendTo(d); 46 | $('show where this was posted') 47 | .addClass('pan-to') 48 | .data('center', each.center) 49 | .click(function() { 50 | map.panTo($(this).data('center')); 51 | $('a.closer', container).click(); 52 | return false; 53 | }) 54 | .appendTo(d); 55 | 56 | $('

') 57 | .html('By: ' + each.name + ' ' + each.ago + ' ago') 58 | .appendTo(d); 59 | d.appendTo(inner); 60 | }); 61 | inner.appendTo(c); 62 | } 63 | 64 | // Saving comment modal 65 | $('a.btn-primary', container).click(function() { 66 | var data = { 67 | name: $('input[name="name"]', container).val(), 68 | comment: $('textarea[name="comment"]', container).val(), 69 | zoom: map.getZoom(), 70 | lat: map.getCenter().lat, 71 | lng: map.getCenter().lng, 72 | _xsrf: $('input[name="_xsrf"]', container).val() 73 | }; 74 | if (!$.trim(data.name)) { 75 | $('input[name="name"]', container) 76 | .addClass('error') 77 | .change(function() { 78 | $(this) 79 | .removeClass('error') 80 | .off('change'); 81 | }); 82 | return false; 83 | } 84 | if (!$.trim(data.comment)) { 85 | $('textarea[name="comment"]', container) 86 | .addClass('error') 87 | .change(function() { 88 | $(this) 89 | .removeClass('error') 90 | .off('change'); 91 | }); 92 | return false; 93 | } 94 | $.post(pathname + '/commenting', data, function(response) { 95 | $('textarea[name="comment"]', container).val(''); 96 | $('.label-success', container).show(100); 97 | setTimeout(function() { 98 | $('.label-success:visible', container).fadeOut('slow'); 99 | }, 3 * 1000); 100 | $.getJSON(pathname + '/commenting', function(response) { 101 | _load_comments(response.comments); 102 | $('.comments-hider a.show strong', container).text(response.count); 103 | $('h3.comments strong', container).text(response.count); 104 | $('.comments-hider a.show', container).click(); 105 | }); 106 | 107 | }); 108 | return false; 109 | }); 110 | 111 | $('#comment-modal form').submit(function() { 112 | $('#comment-modal a.btn-primary').click(); 113 | return false; 114 | }); 115 | 116 | function _setup_show_comments_toggle() { 117 | $('.comments-hider a.show', container) 118 | .click(function() { 119 | $('form', container).hide(); 120 | $('.comments-outer', container).show(); 121 | $('.comments-hider a.hide', container).show(); 122 | $('.comments-hider a.show', container).hide(); 123 | $('a.btn-primary', container).hide(); 124 | $('h3.comments', container).show(); 125 | $('h3.comment', container).hide(); 126 | return false; 127 | }); 128 | $('.comments-hider a.hide', container) 129 | .click(function() { 130 | $('.comments-outer', container).hide(); 131 | $('form', container).show(); 132 | $('.comments-hider a.hide', container).hide(); 133 | $('.comments-hider a.show', container).show(); 134 | $('a.btn-primary', container).show(); 135 | $('h3.comments', container).hide(); 136 | $('h3.comment', container).show(); 137 | return false; 138 | }); 139 | } 140 | 141 | return { 142 | open: function() { 143 | _opener(); 144 | }, 145 | setup: function(_map, _fileid) { 146 | map = _map; 147 | fileid = _fileid; 148 | pathname = '/' + fileid; 149 | _prefill_form(); 150 | _setup_show_comments_toggle(); 151 | $('a.leaflet-control-custom-comment').show(); 152 | } 153 | }; 154 | })(); 155 | -------------------------------------------------------------------------------- /server/static/compiler.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterbe/tiler/32dfb0ef97bafd55ffe6e5d9395c58c295c9e056/server/static/compiler.jar -------------------------------------------------------------------------------- /server/static/css/app.css: -------------------------------------------------------------------------------- 1 | body { 2 | padding-top: 60px; 3 | padding-bottom: 40px; 4 | } 5 | @media (max-width: 979px) { 6 | body { 7 | padding-top: 0px; 8 | } 9 | } 10 | 11 | 12 | img.gravatar { 13 | border-radius: 16px; 14 | } 15 | 16 | footer p { 17 | text-align: center; 18 | } 19 | 20 | /* Smartphones (portrait and landscape) ----------- */ 21 | @media only screen 22 | and (min-device-width : 320px) 23 | and (max-device-width : 480px) { 24 | .featured-past { display: none; } 25 | .hero-unit h1 { font-size: 40px; } 26 | .hero-unit { padding: 20px; } 27 | } 28 | -------------------------------------------------------------------------------- /server/static/css/image.css: -------------------------------------------------------------------------------- 1 | /* http://meyerweb.com/eric/tools/css/reset/ */ 2 | /* v1.0 | 20080212 */ 3 | html,body,div,span,applet,object,iframe, 4 | h1,h2,h3,h4,h5,h6,p,blockquote,pre, 5 | a,abbr,acronym,address,big,cite,code, 6 | del,dfn,em,font,img,ins,kbd,q,s,samp, 7 | small,strike,strong,sub,sup,tt,var, 8 | b,u,i,center, 9 | dl,dt,dd,ol,ul,li, 10 | fieldset,form,label,legend, 11 | table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;} 12 | body{line-height:1;} 13 | ol,ul{list-style:none;} 14 | blockquote,q{quotes:none;} 15 | blockquote:before,blockquote:after, 16 | q:before,q:after{content:'';content:none;} 17 | /* remember to define focus styles! */ 18 | :focus{outline:0;} 19 | /* remember to highlight inserts somehow! */ 20 | ins{text-decoration:none;} 21 | del{text-decoration:line-through;} 22 | /* tables still need 'cellspacing="0"' in the markup */ 23 | table{border-collapse:collapse;border-spacing:0;} 24 | 25 | 26 | 27 | body,html { 28 | height:100%; 29 | overflow:hidden; 30 | font-family:Helvetica; 31 | color:rgb(30,30,30); 32 | } 33 | /* oh firefox... why you gotta be so weird and fussy about this... */ 34 | #map { 35 | height: 100% !important; 36 | } 37 | 38 | /* do I still need this? */ 39 | g circle { 40 | fill: #aa0000; 41 | stroke: #fafafa; 42 | stroke-width: 3px; 43 | } 44 | 45 | 46 | /* For permalink modal */ 47 | #permalink-modal p { 48 | margin-top: 25px; 49 | } 50 | #permalink-modal a.switch { 51 | font-size: 80%; 52 | } 53 | #permalink-modal a.chosen { 54 | color: #666; 55 | } 56 | #permalink-modal a.chosen:hover { 57 | text-decoration: none; 58 | } 59 | input.permalink { width: 330px; } 60 | 61 | /* For editing */ 62 | input.button-primary { 63 | font-weight: bold; 64 | } 65 | input.button-cancel { 66 | font-size: 0.8em; 67 | } 68 | input.error, textarea.error { 69 | border: 1px solid red; 70 | } 71 | 72 | #track-stats { 73 | left: 0; bottom: 0; 74 | position: absolute; 75 | z-index: 1000; 76 | pointer-events: none; 77 | font-size: 0.7em; 78 | padding: 2px; 79 | background-color: rgba(255, 255, 255, 0.7); 80 | box-shadow: 0 0 5px #BBB; 81 | } 82 | 83 | 84 | .leaflet-control-custom { 85 | background-color: rgba(0, 0, 0, 0.25); 86 | -webkit-border-radius: 7px; 87 | border-radius: 7px; 88 | padding: 5px; 89 | } 90 | 91 | .leaflet-control-custom a { 92 | background-color: rgba(255, 255, 255, 0.75); 93 | background-position: 50% 50%; 94 | background-repeat: no-repeat; 95 | -webkit-border-radius: 4px; 96 | border-radius: 4px; 97 | display: block; 98 | margin-top: 5px; 99 | width: 19px; 100 | height: 19px; 101 | } 102 | 103 | .leaflet-control-custom a:first-child{ 104 | margin-top: 0; 105 | } 106 | 107 | .leaflet-control-draw a:hover { 108 | background-color: #fff; 109 | } 110 | 111 | .leaflet-touch .leaflet-control-custom a { 112 | width: 26px; 113 | height: 26px; 114 | } 115 | 116 | /* I generated all this sprite stuff with 117 | * 118 | * glue --padding=5 static/control-icons /tmp/ 119 | * 120 | * and then I copied /tmp/control-icons.png here 121 | * and manually copied from /tmp/control-icons.css 122 | */ 123 | 124 | .leaflet-control-custom-home, 125 | .leaflet-control-custom-permalink, 126 | .leaflet-control-custom-fullscreen, 127 | .leaflet-control-custom-unfullscreen, 128 | .leaflet-control-custom-edit { 129 | background-image: url(../images/control-icons.png); 130 | background-repeat: no-repeat; 131 | } 132 | 133 | a.leaflet-control-custom-home { 134 | background-position:0px -26px; 135 | width:26px;height:26px; 136 | } 137 | 138 | a.leaflet-control-custom-permalink { 139 | background-position:-26px 0px; 140 | width:26px;height:26px; 141 | } 142 | 143 | a.leaflet-control-custom-fullscreen { 144 | background-position:-26px -26px; 145 | width:26px;height:26px; 146 | } 147 | 148 | a.leaflet-control-custom-unfullscreen { 149 | background-position:0px 0px; 150 | width:26px;height:26px; 151 | } 152 | 153 | a.leaflet-control-custom-edit { 154 | background-position:-52px 0px; 155 | width:26px;height:26px; 156 | } 157 | 158 | a.leaflet-control-custom-comment { 159 | background-image: url(../images/control-icons/comment.png); 160 | background-repeat: no-repeat; 161 | width:26px;height:26px; 162 | } 163 | 164 | #comment-modal div.comment { 165 | border-bottom: 1px solid #efefef; 166 | padding: 10px; 167 | } 168 | #comment-modal .comments-outer blockquote { 169 | margin: 10px; 170 | font-style: italic; 171 | } 172 | #comment-modal .comments-outer div p { 173 | font-size: 80%; 174 | } 175 | #comment-modal .comments-outer a.pan-to { 176 | font-size: 80%; 177 | float: right; 178 | } 179 | #comment-modal .not-signed-in p { 180 | text-align: center; 181 | margin: 20px; 182 | } 183 | -------------------------------------------------------------------------------- /server/static/css/libs/images/draw-circle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterbe/tiler/32dfb0ef97bafd55ffe6e5d9395c58c295c9e056/server/static/css/libs/images/draw-circle.png -------------------------------------------------------------------------------- /server/static/css/libs/images/draw-marker-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterbe/tiler/32dfb0ef97bafd55ffe6e5d9395c58c295c9e056/server/static/css/libs/images/draw-marker-icon.png -------------------------------------------------------------------------------- /server/static/css/libs/images/draw-polygon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterbe/tiler/32dfb0ef97bafd55ffe6e5d9395c58c295c9e056/server/static/css/libs/images/draw-polygon.png -------------------------------------------------------------------------------- /server/static/css/libs/images/draw-polyline.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterbe/tiler/32dfb0ef97bafd55ffe6e5d9395c58c295c9e056/server/static/css/libs/images/draw-polyline.png -------------------------------------------------------------------------------- /server/static/css/libs/images/draw-rectangle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterbe/tiler/32dfb0ef97bafd55ffe6e5d9395c58c295c9e056/server/static/css/libs/images/draw-rectangle.png -------------------------------------------------------------------------------- /server/static/css/libs/images/layers.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterbe/tiler/32dfb0ef97bafd55ffe6e5d9395c58c295c9e056/server/static/css/libs/images/layers.png -------------------------------------------------------------------------------- /server/static/css/libs/images/marker-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterbe/tiler/32dfb0ef97bafd55ffe6e5d9395c58c295c9e056/server/static/css/libs/images/marker-icon.png -------------------------------------------------------------------------------- /server/static/css/libs/images/marker-icon@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterbe/tiler/32dfb0ef97bafd55ffe6e5d9395c58c295c9e056/server/static/css/libs/images/marker-icon@2x.png -------------------------------------------------------------------------------- /server/static/css/libs/images/marker-shadow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterbe/tiler/32dfb0ef97bafd55ffe6e5d9395c58c295c9e056/server/static/css/libs/images/marker-shadow.png -------------------------------------------------------------------------------- /server/static/css/libs/images/zoom-in.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterbe/tiler/32dfb0ef97bafd55ffe6e5d9395c58c295c9e056/server/static/css/libs/images/zoom-in.png -------------------------------------------------------------------------------- /server/static/css/libs/images/zoom-out.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterbe/tiler/32dfb0ef97bafd55ffe6e5d9395c58c295c9e056/server/static/css/libs/images/zoom-out.png -------------------------------------------------------------------------------- /server/static/css/libs/leaflet.draw.css: -------------------------------------------------------------------------------- 1 | /* Leaflet controls */ 2 | 3 | .leaflet-control-draw { 4 | background-color: rgba(0, 0, 0, 0.25); 5 | -webkit-border-radius: 7px; 6 | -moz-border-radius: 7px; 7 | border-radius: 7px; 8 | padding: 5px; 9 | } 10 | 11 | .leaflet-control-draw a { 12 | background-color: rgba(255, 255, 255, 0.75); 13 | background-position: 50% 50%; 14 | background-repeat: no-repeat; 15 | -webkit-border-radius: 4px; 16 | -moz-border-radius: 4px; 17 | border-radius: 4px; 18 | display: block; 19 | margin-top: 5px; 20 | width: 19px; 21 | height: 19px; 22 | } 23 | 24 | .leaflet-control-draw a:first-child{ 25 | margin-top: 0; 26 | } 27 | 28 | .leaflet-control-draw a:hover { 29 | background-color: #fff; 30 | } 31 | 32 | .leaflet-touch .leaflet-control-draw a { 33 | width: 27px; 34 | height: 27px; 35 | } 36 | 37 | .leaflet-control-draw-polyline { 38 | background-image: url(images/draw-polyline.png); 39 | } 40 | 41 | .leaflet-control-draw-polygon { 42 | background-image: url(images/draw-polygon.png); 43 | } 44 | 45 | .leaflet-control-draw-rectangle { 46 | background-image: url(images/draw-rectangle.png); 47 | } 48 | 49 | .leaflet-control-draw-circle { 50 | background-image: url(images/draw-circle.png); 51 | } 52 | 53 | .leaflet-control-draw-marker { 54 | background-image: url(images/draw-marker-icon.png); 55 | } 56 | 57 | .leaflet-mouse-marker { 58 | background-color: #fff; 59 | cursor: crosshair; 60 | } 61 | 62 | .leaflet-draw-label { 63 | background-color: #fff; 64 | border: 1px solid #ccc; 65 | color: #222; 66 | font: 12px/18px "Helvetica Neue", Arial, Helvetica, sans-serif; 67 | margin-left: 20px; 68 | margin-top: -21px; 69 | padding: 2px 4px; 70 | position: absolute; 71 | white-space: nowrap; 72 | z-index: 6; 73 | } 74 | 75 | .leaflet-error-draw-label { 76 | background-color: #F2DEDE; 77 | border-color: #E6B6BD; 78 | color: #B94A48; 79 | } 80 | 81 | .leaflet-draw-label-single { 82 | margin-top: -12px 83 | } 84 | 85 | .leaflet-draw-label-subtext { 86 | color: #999; 87 | } 88 | 89 | .leaflet-draw-guide-dash { 90 | font-size: 1%; 91 | opacity: 0.6; 92 | position: absolute; 93 | width: 5px; 94 | height: 5px; 95 | } 96 | 97 | .leaflet-flash-anim { 98 | -webkit-animation-duration: 0.66s; 99 | -moz-animation-duration: 0.66s; 100 | -o-animation-duration: 0.66s; 101 | animation-duration: 0.66s; 102 | -webkit-animation-fill-mode: both; 103 | -moz-animation-fill-mode: both; 104 | -o-animation-fill-mode: both; 105 | animation-fill-mode: both; 106 | -webkit-animation-name: leaflet-flash; 107 | -moz-animation-name: leaflet-flash; 108 | -o-animation-name: leaflet-flash; 109 | animation-name: leaflet-flash; 110 | } 111 | 112 | @-webkit-keyframes leaflet-flash { 113 | 0%, 50%, 100% { opacity: 1; } 114 | 25%, 75% { opacity: 0.3; } 115 | } 116 | 117 | @-moz-keyframes leaflet-flash { 118 | 0%, 50%, 100% { opacity: 1; } 119 | 25%, 75% { opacity: 0.3; } 120 | } 121 | 122 | @-o-keyframes leaflet-flash { 123 | 0%, 50%, 100% { opacity: 1; } 124 | 25%, 75% { opacity: 0.3; } 125 | } 126 | 127 | @keyframes leaflet-flash { 128 | 0%, 50%, 100% { opacity: 1; } 129 | 25%, 75% { opacity: 0; } 130 | } -------------------------------------------------------------------------------- /server/static/css/libs/leaflet.draw.ie.css: -------------------------------------------------------------------------------- 1 | /* Conditional stylesheet for IE. */ 2 | 3 | .leaflet-control-draw { 4 | filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#3F000000', EndColorStr='#3F000000'); 5 | } 6 | 7 | .leaflet-control-draw a { 8 | background-color: #eee; 9 | filter: alpha(opacity=90); 10 | } -------------------------------------------------------------------------------- /server/static/css/libs/leaflet.ie.css: -------------------------------------------------------------------------------- 1 | .leaflet-vml-shape { 2 | width: 1px; 3 | height: 1px; 4 | } 5 | .lvml { 6 | behavior: url(#default#VML); 7 | display: inline-block; 8 | position: absolute; 9 | } 10 | 11 | .leaflet-control { 12 | display: inline; 13 | } 14 | 15 | .leaflet-popup-tip { 16 | width: 21px; 17 | _width: 27px; 18 | margin: 0 auto; 19 | _margin-top: -3px; 20 | 21 | filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); 22 | -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; 23 | } 24 | .leaflet-popup-tip-container { 25 | margin-top: -1px; 26 | } 27 | .leaflet-popup-content-wrapper, .leaflet-popup-tip { 28 | border: 1px solid #999; 29 | } 30 | .leaflet-popup-content-wrapper { 31 | zoom: 1; 32 | } 33 | 34 | .leaflet-control-zoom, 35 | .leaflet-control-layers { 36 | border: 3px solid #999; 37 | } 38 | .leaflet-control-zoom a { 39 | background-color: #eee; 40 | } 41 | .leaflet-control-zoom a:hover { 42 | background-color: #fff; 43 | } 44 | .leaflet-control-layers-toggle { 45 | } 46 | .leaflet-control-attribution, 47 | .leaflet-control-layers, 48 | .leaflet-control-scale-line { 49 | background: white; 50 | } 51 | .leaflet-zoom-box { 52 | filter: alpha(opacity=50); 53 | } 54 | .leaflet-control-attribution { 55 | border-top: 1px solid #bbb; 56 | border-left: 1px solid #bbb; 57 | } 58 | -------------------------------------------------------------------------------- /server/static/css/polymap.css: -------------------------------------------------------------------------------- 1 | /* Map compass tools */ 2 | .compass .back { 3 | fill: #000; 4 | fill-opacity: .75; 5 | } 6 | .compass .fore { 7 | stroke: #c; 8 | stroke-width: 1.5px; 9 | } 10 | .compass rect.back.fore { 11 | fill: #fff; 12 | fill-opacity: .3; 13 | stroke: #eee; 14 | stroke-width: 1px; 15 | shape-rendering: crispEdges; 16 | } 17 | .compass .direction { 18 | fill: none; 19 | } 20 | .compass .chevron { 21 | fill: none; 22 | stroke: #fff; 23 | stroke-width: 5px; 24 | } 25 | .compass .zoom .chevron { 26 | stroke-width: 4px; 27 | } 28 | .compass .active .chevron, .compass .chevron.active { 29 | stroke: #fff; 30 | } 31 | .compass.active .active .direction { 32 | fill: #999; 33 | } 34 | -------------------------------------------------------------------------------- /server/static/download.js: -------------------------------------------------------------------------------- 1 | var Utils = (function() { 2 | return { 3 | preload_image: function(url, callback) { 4 | var i = $(''); 5 | if (callback) { 6 | i.ready(callback); 7 | } 8 | i.attr('src', url); 9 | }, 10 | preload_images: function(urls, synchronous, callback) { 11 | if (synchronous) { 12 | var url = urls.shift(); 13 | if (url) { 14 | Utils.preload_image(url, function() { 15 | Utils.preload_images(urls, true, callback); // "recurse" 16 | }); 17 | } else { 18 | callback(); 19 | } 20 | } else { 21 | $.each(urls, function(i, url) { 22 | Utils.preload_image(url); 23 | }); 24 | callback(); 25 | } 26 | } 27 | }; 28 | })(); 29 | 30 | var Download = (function() { 31 | var _progress_interval; 32 | var _fileid; 33 | var _preload_timer; 34 | var _preload_urls = []; 35 | var _loaded_urls = []; 36 | var preload_interval = 1; 37 | var _has_completed = false; 38 | var _preload_count = 0; 39 | var _progress_load_count = 0; 40 | var _xsrf = $('input[name="_xsrf"]').val(); 41 | 42 | function show_error(message) { 43 | $('#preprogress, #progress, #terms').hide(); 44 | $('#errormessage').text(message); 45 | $('#error').fadeIn(300); 46 | $('button, input').removeAttr('disabled', 'disabled'); 47 | } 48 | 49 | function preload() { 50 | $.getJSON('/preload-urls/' + _fileid, function(response) { 51 | $.each(response.urls, function(i, url) { 52 | if ($.inArray(url, _loaded_urls) == -1) { 53 | // not been loaded before 54 | _preload_urls.push(url); 55 | } 56 | }); 57 | if (_preload_urls.length) { 58 | _do_preload(); 59 | } 60 | if (_loaded_urls.length) { 61 | // it has begun 62 | preload_interval *= 2; 63 | } 64 | _preload_count++; 65 | if (_preload_count < 20) { 66 | start_preloading(); 67 | } 68 | }); 69 | } 70 | 71 | function _do_preload() { 72 | $.each(_preload_urls, function(i, url) { 73 | _loaded_urls.push(url); 74 | }); 75 | Utils.preload_images(_preload_urls, true, function() { 76 | _preload_urls = []; 77 | if (!_has_completed) { 78 | _has_completed = true; 79 | $('#precomplete').hide(); 80 | $('#complete').hide().fadeIn(1000); 81 | } 82 | }); 83 | } 84 | 85 | function start_preloading() { 86 | _preload_timer = setTimeout(function() { 87 | preload(_fileid); 88 | }, preload_interval * 1000); 89 | } 90 | 91 | function _really_post_success(response) { 92 | clearInterval(_progress_interval); 93 | $('#progress').hide(); 94 | $('#progress-giveup').hide(); 95 | if (response.error) { 96 | return show_error(response.error); 97 | } 98 | if (response.email) { 99 | $('#email .email').text(response.email); 100 | $('#email').show(); 101 | } else { 102 | var base_url = location.href.replace(location.pathname, ''); 103 | $('#url').text(base_url + response.url).attr('href', response.url); 104 | $('#precomplete').show(); 105 | start_preloading(); 106 | } 107 | } 108 | 109 | function _really_post_error(xhr, status, error_thrown) { 110 | clearInterval(_progress_interval); 111 | $('button, input').removeAttr('disabled', 'disabled'); 112 | $('#progress').hide(); 113 | $('#progress-giveup').hide(); 114 | var msg = status; 115 | if (xhr.responseText) { 116 | msg += ': ' + xhr.responseText; 117 | } 118 | alert(msg); 119 | } 120 | 121 | function _progress_post_success(response) { 122 | $('#downloaded').text(humanize.filesize(response.done)); 123 | var total = $('#expected_size').data('total'); 124 | if (total) { 125 | var percentage = Math.round(response.done / total * 100); 126 | if (percentage >= 100) { 127 | $('#progress .progress-image-action').text('Processing'); 128 | } else { 129 | $('#progress .progress-image-action').text('Downloading'); 130 | } 131 | 132 | $('#left').text(humanize.filesize(total - response.done)); 133 | $('#percentage').text(percentage + '%'); 134 | $('#progress .bar').css('width', percentage + '%'); 135 | } 136 | } 137 | 138 | function _progress_give_up() { 139 | clearInterval(_progress_interval); 140 | $('button, input').attr('disabled', 'disabled'); 141 | $('#progress').hide(); 142 | $('#progress-giveup').show(100); 143 | } 144 | 145 | function _preview_post_success(response) { 146 | if (response.error) { 147 | return show_error(response.error); 148 | } 149 | if (!response.fileid) { 150 | return show_error("Failed to download the image for unknown reason :("); 151 | } 152 | 153 | $('button, input').attr('disabled', 'disabled'); 154 | $('#preprogress').hide(); 155 | $('#progress').show(100); 156 | _fileid = response.fileid; 157 | 158 | $('#expected_size, #left') 159 | .text(humanize.filesize(response.expected_size)) 160 | .data('total', response.expected_size); 161 | if (!response.expected_size) { 162 | $('#expected_size, #left') 163 | .text('not known :('); 164 | } 165 | $('#content_type').text(response.content_type); 166 | 167 | $.ajax({ 168 | type: 'POST', 169 | url: REALLY_URL, 170 | data: {fileid: _fileid, _xsrf: _xsrf}, 171 | success: _really_post_success, 172 | error: _really_post_error 173 | }); 174 | 175 | _progress_interval = setInterval(function() { 176 | $.getJSON(PROGRESS_URL, {fileid: _fileid}, _progress_post_success); 177 | _progress_load_count++; 178 | if (_progress_load_count >= 60) { 179 | _progress_give_up(); 180 | } 181 | }, 1000); 182 | } 183 | 184 | function _preview_post_error(xhr, status, error_thrown) { 185 | $('#preprogress').hide(); 186 | $('button, input').removeAttr('disabled', 'disabled'); 187 | var msg = status; 188 | if (xhr.responseText) { 189 | msg += ': ' + xhr.responseText; 190 | } 191 | alert(msg); 192 | } 193 | 194 | function start(url) { 195 | $('#terms').fadeOut(100); 196 | $('#preprogress').show(100); 197 | $.ajax({ 198 | type: 'POST', 199 | url: PREVIEW_URL, 200 | data: {url: url, _xsrf: _xsrf}, 201 | success: _preview_post_success, 202 | error: _preview_post_error 203 | }); 204 | } 205 | 206 | function setup() { 207 | 208 | // in case it got stuck last time 209 | $('button, input').removeAttr('disabled'); 210 | 211 | $('form').submit(function() { 212 | var url = $.trim($('input[name="url"]').val()); 213 | if (!url) { 214 | return; 215 | } 216 | start(url); 217 | return false; 218 | }); 219 | } 220 | return {setup: setup, start: start}; 221 | })(); 222 | 223 | 224 | function files_picked(files) { 225 | $.each(files, function(i, each) { 226 | Download.start(each.url); 227 | }); 228 | } 229 | 230 | $(function() { 231 | Download.setup(); 232 | $('#terms').on('click', function() { 233 | $(this).toggleClass('faded'); 234 | }); 235 | }); 236 | -------------------------------------------------------------------------------- /server/static/embed.js: -------------------------------------------------------------------------------- 1 | var Embed = (function() { 2 | var iframe = $('#preview'); 3 | var last_position = null; 4 | var last_size = null; 5 | 6 | function resize_choice(size) { 7 | iframe.attr('width', size[0]).attr('height', size[1]); 8 | $('input[name="width"]').val(size[0]); 9 | $('input[name="height"]').val(size[1]); 10 | last_size = size; 11 | preview_html(); 12 | } 13 | 14 | function valid_number(number) { 15 | if (isNaN(number)) return false; 16 | if (number > 10000 || number < 100) return false; 17 | return true; 18 | } 19 | 20 | function update_custom_numbers() { 21 | var width = parseInt($('input[name="width"]').val().replace(/[^0-9]/g, '')); 22 | var height = parseInt($('input[name="height"]').val().replace(/[^0-9]/g, '')); 23 | if (valid_number(width) && valid_number(height)) { 24 | resize_choice([width, height]); 25 | } 26 | } 27 | 28 | function pluck_position() { 29 | var url = iframe[0].contentWindow.location.href; 30 | var numbers = url.match(/\/([0-9\.]+)\/([-0-9\.]+)\/([-0-9\.]+)/g)[0]; 31 | var zoom = parseFloat(numbers.split('/')[1]); 32 | var lat = parseFloat(numbers.split('/')[2]); 33 | var lng = parseFloat(numbers.split('/')[3]); 34 | if (!last_position || last_position[0] !== zoom || 35 | last_position[1] !== lat || last_position[2] !== lng) { 36 | last_position = [zoom, lat, lng]; 37 | preview_html(); 38 | } 39 | } 40 | 41 | function preview_html(url) { 42 | if (!url) { 43 | url = iframe[0].contentWindow.location.href; 44 | } 45 | if (last_size === null) { 46 | last_size = [parseInt(iframe.attr('width')), parseInt(iframe.attr('height'))]; 47 | } 48 | var size = last_size; 49 | var html = ''; 51 | $('.preview').text(html); 52 | } 53 | 54 | function toggle_hide_annotations() { 55 | var url = iframe[0].contentWindow.location.href; 56 | if (url.search(/hide_annotations=\d/) == -1) { 57 | var new_url = url + '&hide_annotations=0'; 58 | } else { 59 | var new_url = url.replace('&hide_annotations=0', ''); 60 | } 61 | iframe[0].contentWindow.location.href = new_url; 62 | preview_html(new_url); 63 | } 64 | 65 | function toggle_hide_download_counter() { 66 | var url = iframe[0].contentWindow.location.href; 67 | if (url.search(/hide_download_counter=\d/) == -1) { 68 | var new_url = url + '&hide_download_counter=0'; 69 | } else { 70 | var new_url = url.replace('&hide_download_counter=0', ''); 71 | } 72 | iframe[0].contentWindow.location.href = new_url; 73 | preview_html(new_url); 74 | } 75 | 76 | return { 77 | setup: function() { 78 | $('.sizes a').click(function() { 79 | $('.sizes a.chosen').removeClass('chosen'); 80 | $(this).addClass('chosen'); 81 | resize_choice($(this).data('size')); 82 | return false; 83 | }); 84 | $('input[name="show_annotations"]').change(function() { 85 | toggle_hide_annotations(); 86 | }); 87 | if ($('input[name="show_annotations"]:checked').size()) { 88 | toggle_hide_annotations(); 89 | } 90 | 91 | $('input[name="show_download_counter"]').change(function() { 92 | toggle_hide_download_counter(); 93 | }); 94 | if ($('input[name="show_download_counter"]:checked').size()) { 95 | toggle_hide_download_counter(); 96 | } 97 | 98 | $('input[name="width"], input[name="height"]').change(update_custom_numbers); 99 | $('input[name="width"]').val(iframe.attr('width')); 100 | $('input[name="height"]').val(iframe.attr('height')); 101 | preview_html(); 102 | setInterval(pluck_position, 2 * 1000); 103 | } 104 | }; 105 | })(); 106 | 107 | 108 | $(Embed.setup); 109 | -------------------------------------------------------------------------------- /server/static/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterbe/tiler/32dfb0ef97bafd55ffe6e5d9395c58c295c9e056/server/static/favicon.ico -------------------------------------------------------------------------------- /server/static/feedback.js: -------------------------------------------------------------------------------- 1 | $(function() { 2 | if ($('input[name="hp"]').size()) { 3 | $.getJSON('/feedback/hp.json', function(response) { 4 | $('span.hp-question').text(response.question); 5 | $('input.hp-question').val(response.question); 6 | }); 7 | $('form').submit(function() { 8 | if (!$.trim($('input[name="hp"]').val())) { 9 | $('input[name="hp"]') 10 | .addClass('error') 11 | .on('change', function() { 12 | $(this) 13 | .removeClass('error') 14 | .off('change'); 15 | }); 16 | alert("Please fill in the human test question. Sorry"); 17 | return false; 18 | } 19 | return true; 20 | }); 21 | } 22 | }); 23 | -------------------------------------------------------------------------------- /server/static/images/ajax-loader.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterbe/tiler/32dfb0ef97bafd55ffe6e5d9395c58c295c9e056/server/static/images/ajax-loader.gif -------------------------------------------------------------------------------- /server/static/images/anonymous_32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterbe/tiler/32dfb0ef97bafd55ffe6e5d9395c58c295c9e056/server/static/images/anonymous_32.png -------------------------------------------------------------------------------- /server/static/images/broken.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterbe/tiler/32dfb0ef97bafd55ffe6e5d9395c58c295c9e056/server/static/images/broken.png -------------------------------------------------------------------------------- /server/static/images/control-icons.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterbe/tiler/32dfb0ef97bafd55ffe6e5d9395c58c295c9e056/server/static/images/control-icons.png -------------------------------------------------------------------------------- /server/static/images/control-icons/comment.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterbe/tiler/32dfb0ef97bafd55ffe6e5d9395c58c295c9e056/server/static/images/control-icons/comment.png -------------------------------------------------------------------------------- /server/static/images/control-icons/edit.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterbe/tiler/32dfb0ef97bafd55ffe6e5d9395c58c295c9e056/server/static/images/control-icons/edit.png -------------------------------------------------------------------------------- /server/static/images/control-icons/fullscreen.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterbe/tiler/32dfb0ef97bafd55ffe6e5d9395c58c295c9e056/server/static/images/control-icons/fullscreen.png -------------------------------------------------------------------------------- /server/static/images/control-icons/home.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterbe/tiler/32dfb0ef97bafd55ffe6e5d9395c58c295c9e056/server/static/images/control-icons/home.png -------------------------------------------------------------------------------- /server/static/images/control-icons/link.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterbe/tiler/32dfb0ef97bafd55ffe6e5d9395c58c295c9e056/server/static/images/control-icons/link.png -------------------------------------------------------------------------------- /server/static/images/control-icons/nofullscreen.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterbe/tiler/32dfb0ef97bafd55ffe6e5d9395c58c295c9e056/server/static/images/control-icons/nofullscreen.png -------------------------------------------------------------------------------- /server/static/images/draw-polygon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterbe/tiler/32dfb0ef97bafd55ffe6e5d9395c58c295c9e056/server/static/images/draw-polygon.png -------------------------------------------------------------------------------- /server/static/images/draw-rectangle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterbe/tiler/32dfb0ef97bafd55ffe6e5d9395c58c295c9e056/server/static/images/draw-rectangle.png -------------------------------------------------------------------------------- /server/static/images/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterbe/tiler/32dfb0ef97bafd55ffe6e5d9395c58c295c9e056/server/static/images/favicon.ico -------------------------------------------------------------------------------- /server/static/images/file_broken.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterbe/tiler/32dfb0ef97bafd55ffe6e5d9395c58c295c9e056/server/static/images/file_broken.png -------------------------------------------------------------------------------- /server/static/libs/head.load.min.js: -------------------------------------------------------------------------------- 1 | /** 2 | Head JS The only script in your 3 | Copyright Tero Piirainen (tipiirai) 4 | License MIT / http://bit.ly/mit-license 5 | Version 0.96 6 | 7 | http://headjs.com 8 | */(function(a){function z(){d||(d=!0,s(e,function(a){p(a)}))}function y(c,d){var e=a.createElement("script");e.type="text/"+(c.type||"javascript"),e.src=c.src||c,e.async=!1,e.onreadystatechange=e.onload=function(){var a=e.readyState;!d.done&&(!a||/loaded|complete/.test(a))&&(d.done=!0,d())},(a.body||b).appendChild(e)}function x(a,b){if(a.state==o)return b&&b();if(a.state==n)return k.ready(a.name,b);if(a.state==m)return a.onpreload.push(function(){x(a,b)});a.state=n,y(a.url,function(){a.state=o,b&&b(),s(g[a.name],function(a){p(a)}),u()&&d&&s(g.ALL,function(a){p(a)})})}function w(a,b){a.state===undefined&&(a.state=m,a.onpreload=[],y({src:a.url,type:"cache"},function(){v(a)}))}function v(a){a.state=l,s(a.onpreload,function(a){a.call()})}function u(a){a=a||h;var b;for(var c in a){if(a.hasOwnProperty(c)&&a[c].state!=o)return!1;b=!0}return b}function t(a){return Object.prototype.toString.call(a)=="[object Function]"}function s(a,b){if(!!a){typeof a=="object"&&(a=[].slice.call(a));for(var c=0;c 2 |

3 | 4 |

Comment

5 | 6 |
7 |
8 |

9 | Show comments 10 | 11 |

12 | 15 | 20 |
21 | {% module xsrf_form_html() %} 22 | 23 | 24 |
25 |
26 |
27 | 28 | Submit comment 29 | Close 30 |
31 |
32 | -------------------------------------------------------------------------------- /server/templates/_delete_modal.html: -------------------------------------------------------------------------------- 1 | 18 | -------------------------------------------------------------------------------- /server/templates/_edit_modal.html: -------------------------------------------------------------------------------- 1 | 28 | -------------------------------------------------------------------------------- /server/templates/_edit_snippets.html: -------------------------------------------------------------------------------- 1 | 11 | 12 | 21 | 22 | 31 | -------------------------------------------------------------------------------- /server/templates/_email.css: -------------------------------------------------------------------------------- 1 | /* ------------------------------------- 2 | GLOBAL 3 | ------------------------------------- */ 4 | td,p,small,li,h4,h1 { 5 | margin:0; 6 | padding:0; 7 | } 8 | p,span,small,li,h4 { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; } 9 | 10 | img { 11 | max-width: 100%; 12 | } 13 | .collapse { 14 | margin:0; 15 | padding:0; 16 | } 17 | body { 18 | -webkit-font-smoothing:antialiased; 19 | -webkit-text-size-adjust:none; 20 | width: 100%!important; 21 | height: 100%; 22 | } 23 | 24 | 25 | /* ------------------------------------- 26 | ELEMENTS 27 | ------------------------------------- */ 28 | a { color: #2BA6CB;} 29 | 30 | .btn { 31 | text-decoration:none; 32 | color: #FFF; 33 | background-color: #666; 34 | padding:10px 16px; 35 | font-weight:bold; 36 | margin-right:10px; 37 | text-align:center; 38 | cursor:pointer; 39 | display: inline-block; 40 | } 41 | 42 | p.callout { 43 | padding:15px; 44 | background-color:#ECF8FF; 45 | margin-bottom: 15px; 46 | } 47 | .callout a { 48 | font-weight:bold; 49 | color: #2BA6CB; 50 | } 51 | 52 | table.social { 53 | /* padding:15px; */ 54 | background-color: #ebebeb; 55 | 56 | } 57 | .social .soc-btn { 58 | padding: 3px 7px; 59 | font-size:12px; 60 | margin-bottom:10px; 61 | text-decoration:none; 62 | color: #FFF;font-weight:bold; 63 | display:block; 64 | text-align:center; 65 | } 66 | a.fb { background-color: #3B5998!important; } 67 | a.tw { background-color: #1daced!important; } 68 | a.gp { background-color: #DB4A39!important; } 69 | a.ms { background-color: #000!important; } 70 | 71 | .sidebar .soc-btn { 72 | display:block; 73 | width:100%; 74 | } 75 | 76 | /* ------------------------------------- 77 | HEADER 78 | ------------------------------------- */ 79 | table.head-wrap { width: 100%;} 80 | 81 | .header.container table td.logo { padding: 15px; } 82 | .header.container table td.label { padding: 15px; padding-left:0px;} 83 | 84 | 85 | /* ------------------------------------- 86 | BODY 87 | ------------------------------------- */ 88 | table.body-wrap { width: 100%;} 89 | 90 | 91 | /* ------------------------------------- 92 | FOOTER 93 | ------------------------------------- */ 94 | table.footer-wrap { width: 100%; clear:both!important; 95 | } 96 | .footer-wrap .container td.content p { border-top: 1px solid rgb(215,215,215); padding-top:15px;} 97 | .footer-wrap .container td.content p { 98 | font-size:10px; 99 | font-weight: bold; 100 | 101 | } 102 | 103 | 104 | /* ------------------------------------- 105 | TYPOGRAPHY 106 | ------------------------------------- */ 107 | h1,h2,h3,h4,h5,h6 { 108 | font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; line-height: 1.1; margin-bottom:15px; color:#000; 109 | } 110 | h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; text-transform: none; } 111 | 112 | h1 { font-weight:200; font-size: 44px;} 113 | h2 { font-weight:200; font-size: 37px;} 114 | h3 { font-weight:500; font-size: 27px;} 115 | h4 { font-weight:500; font-size: 23px;} 116 | h5 { font-weight:900; font-size: 17px;} 117 | h6 { font-weight:900; font-size: 14px; text-transform: uppercase; color:#444;} 118 | 119 | .collapse { margin:0!important;} 120 | 121 | p, ul { 122 | margin-bottom: 10px; 123 | font-weight: normal; 124 | font-size:14px; 125 | line-height:1.6; 126 | } 127 | p.lead { font-size:17px; } 128 | p.last { margin-bottom:0px;} 129 | 130 | ul li { 131 | margin-left:5px; 132 | list-style-position: inside; 133 | } 134 | 135 | /* ------------------------------------- 136 | SIDEBAR 137 | ------------------------------------- */ 138 | ul.sidebar { 139 | background:#ebebeb; 140 | display:block; 141 | list-style-type: none; 142 | } 143 | ul.sidebar li { display: block; margin:0;} 144 | ul.sidebar li a { 145 | text-decoration:none; 146 | color: #666; 147 | padding:10px 16px; 148 | /* font-weight:bold; */ 149 | margin-right:10px; 150 | /* text-align:center; */ 151 | cursor:pointer; 152 | border-bottom: 1px solid #777777; 153 | border-top: 1px solid #FFFFFF; 154 | display:block; 155 | margin:0; 156 | } 157 | ul.sidebar li a.last { border-bottom-width:0px;} 158 | ul.sidebar li a h1,ul.sidebar li a h2,ul.sidebar li a h3,ul.sidebar li a h4,ul.sidebar li a h5,ul.sidebar li a h6,ul.sidebar li a p { margin-bottom:0!important;} 159 | 160 | 161 | 162 | /* --------------------------------------------------- 163 | RESPONSIVENESS 164 | Nuke it from orbit. It's the only way to be sure. 165 | ------------------------------------------------------ */ 166 | 167 | /* Set a max-width, and make it display as block so it will automatically stretch to that width, but will also shrink down on a phone or something */ 168 | .container { 169 | display:block!important; 170 | max-width:600px!important; 171 | margin:0 auto!important; /* makes it centered */ 172 | clear:both!important; 173 | } 174 | 175 | /* This should also be a block element, so that it will fill 100% of the .container */ 176 | .content { 177 | padding:15px; 178 | max-width:600px; 179 | margin:0 auto; 180 | display:block; 181 | } 182 | 183 | /* Let's make sure tables in the content area are 100% wide */ 184 | .content table { width: 100%; } 185 | 186 | 187 | /* Odds and ends */ 188 | .column { 189 | width: 300px; 190 | float:left; 191 | } 192 | .column tr td { padding: 15px; } 193 | .column-wrap { 194 | padding:0!important; 195 | margin:0 auto; 196 | max-width:600px!important; 197 | } 198 | .column table { width:100%;} 199 | .social .column { 200 | width: 280px; 201 | min-width: 279px; 202 | float:left; 203 | } 204 | 205 | /* Be sure to place a .clear element after each set of columns, just to be safe */ 206 | .clear { display: block; clear: both; } 207 | 208 | 209 | /* ------------------------------------------- 210 | PHONE 211 | For clients that support media queries. 212 | Nothing fancy. 213 | -------------------------------------------- */ 214 | @media only screen and (max-width: 600px) { 215 | 216 | a[class="btn"] { display:block!important; margin-bottom:10px!important; background-image:none!important; margin-right:0!important;} 217 | 218 | div[class="column"] { width: auto!important; float:none!important;} 219 | 220 | table.social div[class="column"] { 221 | width:auto!important; 222 | } 223 | } 224 | -------------------------------------------------------------------------------- /server/templates/_email.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Your HUGEpic upload 9 | 10 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 53 | 54 | 55 |
25 | 26 |
27 | 28 | 29 | 48 | 49 |
30 |

Hi, {% if name %}{{ name }}{% end %}

31 |

The wonderful picture you uploaded is now fully processed.

32 |

You can view you HUGE picture at:

33 | 34 |

35 | {{ url }}
36 | 37 |

38 | 39 | {% if was_unsubscribed %} 40 |

Note! 41 | I know you have unsubscribed 42 | but there was no other way to tell you 43 | the upload is finished and this is your URL. 44 |

45 | {% end %} 46 | 47 |
50 |
51 | 52 |
56 | 57 | 58 | {% include "_email_footer.html" %} 59 | 60 | 61 | 62 | -------------------------------------------------------------------------------- /server/templates/_email.txt: -------------------------------------------------------------------------------- 1 | Hi, {% if name %}{{ name }}{% end %} 2 | 3 | The wonderful picture you uploaded is now fully processed. 4 | You can view you HUGE picture at: 5 | 6 | {{ url }} 7 | 8 | {% if was_unsubscribed %}Note! 9 | I know you have unsubscribed but there was no other way to tell you the upload 10 | is finished and this is your URL.{% end %} 11 | -- 12 | 13 | {{ home_url }} 14 | your uploads: {{ home_url }}?user={{ email }} 15 | unsubscribe: {{ unsubscribe_url }} 16 | -------------------------------------------------------------------------------- /server/templates/_email_footer.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 23 | 24 | 25 |
6 | 7 | 8 |
9 | 10 | 11 | 18 | 19 |
12 |

13 | HUGEpic | 14 | Your uploads | 15 | Unsubscribe 16 |

17 |
20 |
21 | 22 |
26 | -------------------------------------------------------------------------------- /server/templates/_google_analytics.html: -------------------------------------------------------------------------------- 1 | 12 | -------------------------------------------------------------------------------- /server/templates/_meta.html: -------------------------------------------------------------------------------- 1 | {% module ShowFileSize(image['size']) %} – 2 | {% if image.get('width') and image.get('height') %} 3 | {% module Thousands(image['width']) %} × {% module Thousands(image['height']) %}
4 | {% end %} 5 | uploaded {% module TimeSince(image['date']) %} ago 6 | {% if extras %} 7 |
{{ ', '.join(extras) }} 8 | {% end %} 9 | -------------------------------------------------------------------------------- /server/templates/_newsletter_email.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | {% if len(images) == 1 %} 9 | Your HUGEpic - {{ start.strftime('%B %Y') }} 10 | {% else %} 11 | Your HUGEpics - {{ start.strftime('%B %Y') }} 12 | {% end %} 13 | 14 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 166 | 167 | 168 |
44 | 45 | 46 |
47 | 48 | 49 | 80 | 81 |
50 | 51 | {% if len(images) == 1 %} 52 |

Your HUGEpic - {{ start.strftime('%b %Y') }}

53 |

You uploaded 1 picture 54 | to HUGEpic in {{ start.strftime('%B %Y') }}. 55 |

56 | 57 | {% else %} 58 |

Your HUGEpics - {{ start.strftime('%b %Y') }}

59 |

You uploaded {{ len(images) }} pictures 60 | to HUGEpic in {{ start.strftime('%B %Y') }}. 61 |

62 | 63 | 64 |

Your {{ count }} pictures span a total area of 65 | {% module Thousands(total_area) %} pixels squared 66 | and has had a total of 67 | {{ total_hits_this_month }} hits this month.
68 | {% if total_comments %} 69 | Your pictures have collected a total of 70 | {{ total_comments }} 71 | {% if total_comments == 1 %}comment{% else %}comments{% end %} 72 | which you can see below.
73 | {% end %} 74 | In total people have downloaded 75 | {% module ShowFileSize(total_served) %} by checking out 76 | your pictures. 77 |

78 | {% end %} 79 |
82 |
83 | 84 | {% for image in images %} 85 | 86 |
87 | 88 | 89 | 90 | 91 | 144 | 145 |
Thumbnail 92 |

{% if image.get('title') %} 93 | {{ image['title'] }} 94 | {% else %} 95 | No title set yet 96 | {% end %} 97 | /{{ image['fileid'] }} 98 | {# {{ image['date'].strftime('%d %B') }}

#} 99 |

100 | {% module ShowFileSize(image['size']) %} – 101 | {% if image.get('width') and image.get('height') %} 102 | {% module Thousands(image['width']) %} × {% module Thousands(image['height']) %}
103 | {% end %} 104 | uploaded {{ image['date'].strftime('%d %B') }}
105 | {% if image['hits_this_month'] %} 106 | {{ image['hits_this_month'] or 0 }} hits in {{ start.strftime('%B') }} 107 | {% else %}No hits 108 | {% end %}
109 | {% if image['tweet'] %} 110 | Tweeted by @hugepic 111 | {% else %} 112 | {% if image.get('title') %} 113 | Not tweeted by @hugepic yet. 114 | {% else %} 115 | Not tweeted by @hugepic because it doesn't have a title. 116 | {% end %} 117 | {% end %} 118 |

119 | {% if image['comments'] %} 120 |

121 | 122 | {% if len(image['comments']) == 1 %}1 comment 123 | {% else %}{{ len(image['comments']) }} comments 124 | {% end %} 125 | 126 |

127 |
    128 | {% for comment in image['comments'] %} 129 |
  • 130 | By {% if comment.get('name') %}{{ comment['name'] }} 131 | {% else %}someone anonymous 132 | {% end %} 133 | 134 | {{ comment['comment'] }} 135 | 136 | show where 137 | 138 |
    • 139 | {% end %} 140 |
141 | {% end %} 142 | 143 |
146 | 147 |
148 | {% end %} 149 | 150 | 151 |
152 | 153 | 162 | 163 |
154 | 155 | 156 |

HUGEpic needs your help! 157 |   158 | See what you can do » 159 |

160 | 161 |
164 | 165 |
169 | 170 | {% include "_email_footer.html" %} 171 | 172 | 173 | 174 | -------------------------------------------------------------------------------- /server/templates/_pagination.html: -------------------------------------------------------------------------------- 1 | {% if pagination %} 2 | 14 | {% end %} 15 | -------------------------------------------------------------------------------- /server/templates/_permalink_modal.html: -------------------------------------------------------------------------------- 1 | 22 | -------------------------------------------------------------------------------- /server/templates/_thumbnail_grid.html: -------------------------------------------------------------------------------- 1 | {% for i, images in enumerate(recent_images_rows) %} 2 |
3 | {% for j, image in enumerate(images) %} 4 |
5 | {% if image.get('title') %} 6 |

{% module Truncate(image['title'], 20) %}

7 | {% else %} 8 |

Example {{ (i * 3) + (j + 1) }}

9 | {% end %} 10 | Screenshot 12 |

13 | {% module ShowMetaData(image) %}
14 | Check it out » 15 |

16 |
17 | {% end %} 18 |
19 | {% end %} 20 | -------------------------------------------------------------------------------- /server/templates/about.html: -------------------------------------------------------------------------------- 1 | {% extends "base.html" %} 2 | 3 | {% block main %} 4 |
5 |
6 |

About this site

7 |
    8 |
  • My name is Peter Bengtsson and I'm happily hacking away on this on evenings and weekends.
    • 9 |
  • The mapping library used is Leaflet from CloudMade.
    • 10 | 11 |
  • The code is Open Source.
    • 12 |
  • This is an experiment.
    • 13 |
  • A more technical introduction about HUGEpic can be found here on my blog.
    • 14 |
15 |
16 |
17 | {% end %} 18 | -------------------------------------------------------------------------------- /server/templates/admin/admin_base.html: -------------------------------------------------------------------------------- 1 | {% extends "../base.html" %} 2 | 3 | {% block nav_items %} 4 |
  • Home
    • 6 |
  • Feedback
    • 8 |
  • Newsletter
    • 10 |
  • Banned
    • 12 |
  • Exit Admin
    • 13 | {% end %} 14 | -------------------------------------------------------------------------------- /server/templates/admin/banned.html: -------------------------------------------------------------------------------- 1 | {% extends "admin_base.html" %} 2 | 3 | {% block extra_head %} 4 | 6 | {% end %} 7 | 8 | {% block extra_js %} 9 | 13 | {% end %} 14 | 15 | 16 | {% block main %} 17 |
    18 |
    19 |

    Ban someone

    20 |
    21 | 22 | 23 | 24 | 25 |
    26 | 27 |
    28 | 29 |

    Banned Users

    30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | {% for ban in banned %} 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | {% end %} 53 | 54 |
    EmailCommentUpload attemptsSign-in attemptsExisting picturesWhen
    {{ ban['email'] }}{{ ban['comment'] }}{{ ban.get('upload_attempts', 0) }}{{ ban.get('signin_attempts', 0) }}{{ ban['pictures'] }}{{ ban['date'] }}
    55 |
    56 |
    57 | {% end %} 58 | -------------------------------------------------------------------------------- /server/templates/admin/feedbacks.html: -------------------------------------------------------------------------------- 1 | {% extends "admin_base.html" %} 2 | 3 | {% block main %} 4 |
    5 |
    6 |

    Feedback ({{ total_count }})

    7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | {% for feedback in feedbacks %} 18 | 19 | 20 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | {% end %} 30 |
    DateNameEmailTypeComment
    21 | {{ feedback['date'] }} 22 | {{ feedback['name'] }}{{ feedback['email'] }}{{ feedback['type'] }}{{ feedback['comment'] }}
    31 |
    32 |
    33 | {% end %} 34 | -------------------------------------------------------------------------------- /server/templates/admin/home.html: -------------------------------------------------------------------------------- 1 | {% extends "admin_base.html" %} 2 | 3 | {% block main %} 4 |
    5 |
    6 |

    {{ total_count }} Images

    7 |

    8 | {% if bytes_downloaded %} 9 | Total uploaded data: {% module ShowFileSize(int(bytes_downloaded)) %}
    10 | {% end %} 11 | {% if total_bytes_served %} 12 | Total served data: {% module ShowFileSize(total_bytes_served) %}
    13 | {% end %} 14 | Total hits: {% module Thousands(total_hits) %}
    15 | Total comments: {% module Thousands(total_comments) %} 16 |

    17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | {##} 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | {% for image in images %} 37 | 38 | 39 | 43 | 44 | 45 | 55 | 61 | 71 | 72 | 77 | 78 | {##} 79 | 84 | 89 | 94 | 100 | 106 | 107 | 108 | {% end %} 109 |
    IDAgeUserCDNFeaturedTweetSizeWidthRangesCmtsHitsServedO*# tiles
    40 | {{ image['fileid'] }} 41 | v 42 | {% module TimeSince(image['date']) %}{{ image['user'] }}{% if image.get('cdn_domain') %} 46 | 47 | {% else %} 48 | {% if image['uploading_locked'] %} 49 | 50 | {% else %} 51 | 52 | {% end %} 53 | {% end %} 54 | {% if image['featured'] %} 56 | 57 | {% else %} 58 | 59 | {% end %} 60 | {% if image.get('tweet') %} 62 | 63 | {% else %} 64 | {% if image.get('title') %} 65 | 66 | {% else %} 67 | 68 | {% end %} 69 | {% end %} 70 | {% module ShowFileSize(image['size']) %} 73 | {% if image.get('width') and image.get('height') %} 74 | {% module Thousands(image['width']) %} × {% module Thousands(image['height']) %}
    75 | {% end %} 76 |     		{{ ','.join(str(int(x)) for x in image['ranges']) }} 80 | {% if image.get('comments') %} 81 | {{ image['comments'] }} 82 | {% else %}0{% end %} 83 | 85 | {% if image.get('hits') %} 86 | {% module Thousands(image['hits']) %} 87 | {% else %}0{% end %} 88 | 90 | {% if image.get('bytes_served') %} 91 | {% module ShowFileSize(image['bytes_served']) %} 92 | {% else %}0{% end %} 93 | {% if image['has_original'] %} 95 | 96 | {% else %} 97 | 98 | {% end %} 99 | 101 | {{ image['found_tiles'] }} 102 | / 103 | {{ image['expected_tiles'] }} 104 | ? 105 |
    110 | 111 | {% include "../_pagination.html" %} 112 | 113 |

    * Still has a original upload locally.

    114 |
    115 |
    116 | {% end %} 117 | -------------------------------------------------------------------------------- /server/templates/admin/image.html: -------------------------------------------------------------------------------- 1 | {% extends "admin_base.html" %} 2 | 3 | {% block page_title %}{{ image['fileid'] }}{% end %} 4 | 5 | {% block main %} 6 | 7 |
    8 | 9 |
    10 |

    Image {{ request.protocol }}://{{ request.host }}{{ reverse_url('image', image['fileid']) }}

    11 | 12 |
    13 | Screenshot 15 | 16 |
    17 | 18 |
    19 |
    Tiles:
    20 |
    21 | 22 | {{ image['found_tiles'] }} 23 | / 24 | {{ image['expected_tiles'] }} 25 | {% if not awsupdating_locked %} 26 |
    27 | 28 |
    29 | {% end %} 30 | 31 | {% if image['too_few_tiles'] %} 32 |
    33 | 34 |
    35 | {% end %} 36 |
    37 | 38 |
    Age:
    39 |
    40 | {% module TimeSince(image['date']) %} 41 |
    42 | 43 |
    User:
    44 |
    45 | {{ image['user'] }} 46 | ban 47 | resend 48 | {% if unsubscribed %} 49 | Note! has unsubscribed 50 | {% end %} 51 | 57 |
    58 | 59 |
    CDN:
    60 |
    61 | {% if image.get('cdn_domain') %} 62 | {{ image['cdn_domain'] }} 63 |
    64 | 65 |
    66 | {% else %} 67 | {% if uploading_locked %} 68 | locked: {{ uploading_locked }} 69 |
    70 | 71 | 72 |
    73 | {% else %} 74 | view to start 75 |
    76 | 77 |
    78 | {% end %} 79 | {% end %} 80 |
    81 | 82 |
    Featured:
    83 |
    84 | {{ image.get('featured', True) and 'Yes' or 'No' }} 85 |
    86 | 87 |
    88 |
    89 | 90 |
    Size:
    91 |
    92 | {% if image.get('width') and image.get('height') %} 93 | {% module Thousands(image['width']) %} × {% module Thousands(image['height']) %}
    94 | {% end %} 95 |
    96 |
    97 | {% module ShowFileSize(image['size']) %} 98 | recalculate 99 | 104 |
    105 | 106 |
    Ranges:
    107 |
    108 | {{ ', '.join(str(int(x)) for x in image['ranges']) }} 109 |
    110 | 111 |
    Served:
    112 |
    113 | {% if image.get('bytes_served') %} 114 | {% module ShowFileSize(image['bytes_served']) %} 115 | {% else %}0{% end %} 116 |
    117 | 118 |
    Comments:
    119 |
    120 | {% if image['comments'] %} 121 | {{ image['comments'] }} 122 | {% else %}0 123 | {% end %} 124 |
    125 | 126 |
    Hits:
    127 |
    128 | {{ image['hits'] }} 129 | ({{ image['hits_this_month'] }} this month) 130 |
    131 | 132 |
    Source:
    133 |
    134 | {% module ShortenURL(image['source'], just_domain=True) %} 136 |
    137 | 138 |
    Title:
    139 |
    140 | {% if image.get('title') %} 141 |
    {{ image['title'] }}
    142 | {% else %} 143 | none 144 | {% end %} 145 |
    146 | 147 |
    Description:
    148 |
    149 | {% if image.get('description') %} 150 |
    {{ image['description'] }}
    151 | {% else %} 152 | none 153 | {% end %} 154 |
    155 | 156 |
    Tweet:
    157 |
    158 | {% if image.get('tweet') %} 159 | Yes! 160 | {% else %} 161 | Not yet 162 | {% end %} 163 |
    164 | 165 |
    Originals:
    166 | {% if originals %} 167 |
    168 |
      169 | {% for name, size in originals %} 170 |
    • {{ name }}: {% module ShowFileSize(size) %}
      • 171 | {% end %} 172 |
    • Total: {% module ShowFileSize(original_total_size) %}
      • 173 |
    174 |
    177 | 178 |
    179 |
    180 | {% else %} 181 |
    182 |
    185 | 186 |
    187 |
    188 | {% end %} 189 | 190 |
    191 | 192 | Delete 193 | 194 | 199 |
    200 |
    201 | {% end %} 202 | 203 | {% block extra_js %} 204 | 223 | {% end %} 224 | -------------------------------------------------------------------------------- /server/templates/admin/newsletter.html: -------------------------------------------------------------------------------- 1 | {% extends "admin_base.html" %} 2 | 3 | {% block extra_head %} 4 | 7 | {% end %} 8 | 9 | {% block extra_js %} 10 | 19 | {% end %} 20 | 21 | 22 | {% block main %} 23 |
    24 |
    25 |

    Newsletter - {{ start.strftime('%B %Y') }}

    26 | 27 |
    28 | {% for email in people_users %} 29 |
    30 |

    31 | 33 | 34 | {% if emailssent[email] %} 35 | ALREADY SENT TO 36 | {% end %} 37 | {{ email }} 38 | {% if people_names.get(email) %}({{ people_names[email] }}){% end %} 39 | -- 40 | {{ len(people[email]) }} pictures 41 | {% if unsubscribed.get(email) %} 42 | Note! has unsubscribed 43 | {% end %} 44 |

    45 | 46 |
    47 | Show pictures 48 | {% for image in people[email] %} 49 | 71 | 72 | {% end %} 73 |
    74 |
    75 | {% end %} 76 | 77 |
    78 | 79 | 80 | 81 |
    82 | 83 |
    84 | 85 |
    86 |
    87 | {% end %} 88 | -------------------------------------------------------------------------------- /server/templates/admin/render-all-thumbnails.html: -------------------------------------------------------------------------------- 1 | {% extends "admin_base.html" %} 2 | 3 | {% block main %} 4 |
    5 |
    6 |

    {{ total_count }} Images

    7 | 8 | {% for image in images %} 9 |
    10 | 11 | Screenshot 12 | 13 |
    14 | {% end %} 15 | 16 | {% include "../_pagination.html" %} 17 |
    18 |
    19 | {% end %} 20 | -------------------------------------------------------------------------------- /server/templates/admin/tiles.html: -------------------------------------------------------------------------------- 1 | {% extends "admin_base.html" %} 2 | 3 | {% block main %} 4 | 5 |
    6 | 7 |
    8 |
    9 |
    11 | 12 |
    13 |
    14 |

    15 | Image 16 | {{ image['fileid'] }} 17 | view 18 |

    19 |

    # Found tiles: {{ image['found_tiles'] }} 20 | {% if found_tiles_before is not None %} 21 | (previous: {{ found_tiles_before }}) 22 | {% end %} 23 |

    24 | 25 | 26 |

    # Expected tiles: {{ image['expected_tiles'] }}

    27 | 28 | {% for zoom in ranges %} 29 | {% for row in range(rows[zoom]) %} 30 | {% for col in range(cols[zoom]) %} 31 | 32 | 33 | 34 | 41 | 42 | {% end %} 43 | {% end %} 44 | {% end %} 45 |
    {{ zoom }}:{{ row }},{{ col }} 35 | {% if tiles[zoom]['%s,%s' % (row, col)] %} 36 | Yes 37 | {% else %} 38 | No 39 | {% end %} 40 |
    46 |
    47 |
    48 | {% end %} 49 | -------------------------------------------------------------------------------- /server/templates/admin/tweet.html: -------------------------------------------------------------------------------- 1 | {% extends "admin_base.html" %} 2 | 3 | {% block page_title %}Tweet {{ image['fileid'] }}{% end %} 4 | 5 | {% block main %} 6 |
    7 |
    8 |
    9 |

    10 | Back to image admin page 11 |

    12 |

    Tweet This

    13 |
    14 | 15 |

    16 | Screenshot 18 | 19 |

    20 |
    21 | 22 | 23 | 24 | 27 |
    28 | 29 | 30 |
    31 |
    32 |
    33 |
    34 | 35 | {% end %} 36 | 37 | 38 | {% block extra_js %} 39 | 49 | {% end %} 50 | -------------------------------------------------------------------------------- /server/templates/api.html: -------------------------------------------------------------------------------- 1 | {% extends "base.html" %} 2 | 3 | {% block page_title %}Developers' API for {{ PROJECT_TITLE }}{% end %} 4 | 5 | {% block extra_head %} 6 | {% module LinkTags('css/docs.css') %} 7 | 15 | {% end %} 16 | 17 | {% block extra_js %} 18 | {% module ScriptTags('libs/bootstrap.min.js') %} 19 | 31 | {% end %} 32 | 33 | {% block main %} 34 |
    35 | 36 |
    37 | 44 |
    45 | 46 |
    47 | 48 |
    49 |
    50 |

    Developers' API

    51 |
    52 | 53 |

    To use the API you need a key. 54 | {% if your_key %} 55 | Your key is this big thing: 56 | {% end %} 57 |

    58 | {% if your_key %} 59 |

    60 | {{ your_key }} 61 |

    62 | {% else %} 63 |

    You don't have a key until you sign in.

    64 | {% end %} 65 | 66 |
    67 | 68 |
    69 |
    70 |

    To upload a picture by URL

    71 |
    72 | 73 |

    Endpoint:

    74 |

    75 | POST 76 | {{ base_url }}/api/upload 77 |

    78 | 79 |

    Parameters:

    80 | 81 | 82 | 83 | 87 | 90 | 91 | 92 | 96 | 99 | 100 |
    84 | key
    85 | required 86 |     		Your API key of course. 88 | {% if your_key %}In your case it's {{ your_key }}{% end %} 89 |
    93 | url
    94 | required 95 |     		It must be a full URL starting with either http:// 97 | or https:// 98 |
    101 | 102 |

    For example:

    103 | 
    curl -X POST -d url=http://someplace.domain/massive.jpg -d key={% if your_key %}{{ your_key }}{% else %}yourlongkeyhere{% end %} {{ base_url }}/api/upload
    104 | 105 |

    Sample response:

    106 | 
    HTTP/1.1 200 OK
107 | Content-Type: application/json; charset=UTF-8
108 | Content-Length: 79
109 | 
110 | {"expected_size": 14833321, "content_type": "image/jpeg", "fileid": "6de884a1f"}
111 |
    112 | 113 |
    114 |
    115 |

    To check progress on an upload

    116 |
    117 | 118 |

    Endpoint:

    119 |

    120 | GET 121 | {{ base_url }}/api/upload/:fileid 122 |

    123 | 124 |

    Note! This URL will only be available for 1 hour 125 | after you have started the upload.

    126 | 127 |

    Parameters:

    128 |

    none

    129 | 130 |

    For example:

    131 | 
    curl {{ base_url }}/api/upload/6de884a1f
    132 | 133 |

    Sample response:

    134 | 
    HTTP/1.1 200 OK
135 | Content-Type: application/json; charset=UTF-8
136 | 
137 | {"done": 2889644, "percentage_done": 24.6, "left": 943677}
138 |
    139 | 146 | or, when it's finished 147 | 
    HTTP/1.1 200 OK
148 | Content-Type: application/json; charset=UTF-8
149 | 
150 | {"url": "{{ base_url }}/7b5c6dca5", "height": 2986, "width": 4000, "done": 3833321, "percentage_done": 100.0, "left": 0}
151 |
    152 |
    153 | 154 |
    155 |
    156 |

    To update meta data about picture

    157 |
    158 | 159 |

    Endpoint:

    160 |

    161 | PUT 162 | {{ base_url }}/api/:fileid 163 |

    164 | 165 |

    Parameters:

    166 | 167 | 168 | 169 | 173 | 174 | 175 | 176 | 180 | 181 | 182 | 183 | 187 | 188 | 189 |
    170 | key
    171 | required 172 |     		because of course you can only update your own pictures
    177 | title
    178 | optional 179 |     		maximum 200 characters long
    184 | description
    185 | optional 186 |     		maximum 1000 characters long
    190 | 191 |

    For example:

    192 | 
    curl -X PUT -d title="My House" -d key={% if your_key %}{{ your_key }}{% else %}yourlongkeyhere{% end %} {{ base_url }}/api/6de884a1f
    193 | 194 |

    Sample response:

    195 | 
    HTTP/1.1 200 OK
196 | Content-Type: application/json; charset=UTF-8
197 | 
198 | {"title": "My House", "description": ""}
199 |
    200 |
    201 | 202 |
    203 |
    204 | 205 | 206 | {% end %} 207 | -------------------------------------------------------------------------------- /server/templates/base.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | {% block page_title %}{{ PROJECT_TITLE }}{% end %} 11 | 12 | {% module LinkTags('bootstrap/css/bootstrap.min.css', 'bootstrap/css/bootstrap-responsive.min.css') %} 13 | {% module LinkTags('css/libs/persona-buttons.css', 'css/app.css') %} 14 | 15 | 16 | 19 | 20 | {% block extra_head %} 21 | {% end %} 22 | 23 | {% if not debug %} 24 | {% include "_google_analytics.html" %} 25 | {% end %} 26 | 27 | 28 | 29 | {% block nav %} 30 | 31 |
    32 |
    33 |
    34 | 35 | 36 | 37 | 38 | 39 | {{ PROJECT_TITLE }} 40 |
    41 |
      42 | {% block nav_items %} 43 |
    • Home
      • 44 |
    • Upload
      • 45 |
    • About
      • 46 | {% end %} 47 |
    48 |
    49 | {% if user %} 50 | {% module xsrf_form_html() %} 51 | 64 | {% else %} 65 | 69 | {% end %} 70 |
    71 |
    72 |
    73 |
    74 |
    75 | {% end %} 76 | 77 |
    78 | 79 | {% block main %} 80 | 81 | 82 |
    83 |
    84 |

    Heading

    85 |

    Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

    86 |

    View details »

    87 |
    88 |
    89 |

    Heading

    90 |

    Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

    91 |

    View details »

    92 |
    93 |
    94 |

    Heading

    95 |

    Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

    96 |

    View details »

    97 |
    98 |
    99 | 100 | {% end %} 101 | 102 |
    103 | 104 | 122 | 123 |
    124 | 125 | {% if debug %} 126 | {% module ScriptTags('libs/jquery-1.8.3.min.js') %} 127 | {% else %} 128 | 129 | {% end %} 130 | 131 | {% module ScriptTags('bootstrap/js/bootstrap.min.js', 'authentication.js') %} 132 | 133 | {% block extra_js %} 134 | {% end %} 135 | 136 | 137 | -------------------------------------------------------------------------------- /server/templates/complete.upload.html: -------------------------------------------------------------------------------- 1 | 7 | -------------------------------------------------------------------------------- /server/templates/dropbox.html: -------------------------------------------------------------------------------- 1 | {% extends "base.html" %} 2 | 3 | {% block main %} 4 |

    Dropbox

    5 | 6 | 7 |
    8 |

    Your files

    9 | 10 |
    11 |
    12 | 13 | {% end %} 14 | 15 | {% block extra_js %} 16 | 18 | 115 | 116 | {% end %} 117 | -------------------------------------------------------------------------------- /server/templates/email.upload.html: -------------------------------------------------------------------------------- 1 | 13 | -------------------------------------------------------------------------------- /server/templates/embed.html: -------------------------------------------------------------------------------- 1 | {% extends "base.html" %} 2 | 3 | {% block page_title %}Embed picture on {{ PROJECT_TITLE }}{% end %} 4 | 5 | {% block extra_head %} 6 | 18 | {% end %} 19 | 20 | {% block main %} 21 |
    22 |
    23 |

    Embeddingly

    24 | 25 | 28 | 29 |

    HTML code:

    30 | 
    31 |
    32 | 33 | 34 |
    35 |

    Size:

    36 |
    37 | 1024x768 38 | 800x400 39 | 480x320 40 | 320x480 41 |
    42 |
    43 | 44 | px 45 |
    46 |
    47 | 48 | px 49 |
    50 | 51 |
    52 | 53 |

    Options:

    54 | 59 | 64 | 65 | 66 |
    67 | 68 | 69 |
    70 |
    71 | {% end %} 72 | 73 | {% block extra_js %} 74 | {% module ScriptTags('embed.js') %} 75 | {% end %} 76 | -------------------------------------------------------------------------------- /server/templates/error.upload.html: -------------------------------------------------------------------------------- 1 | 5 | -------------------------------------------------------------------------------- /server/templates/feedback.html: -------------------------------------------------------------------------------- 1 | {% extends "base.html" %} 2 | 3 | {% block page_title %}Feedback on {{ PROJECT_TITLE }}{% end %} 4 | 5 | {% block extra_js %} 6 | {% module ScriptTags('feedback.js') %} 7 | {% end %} 8 | 9 | {% block extra_head %} 10 | 17 | {% end %} 18 | 19 | 20 | {% block main %} 21 |
    22 |
    23 |

    Feedback

    24 | 25 | {% if posted %} 26 |
    27 | 28 | Thank you! Your feedback has been posted. Thanks for helping out! 29 |
    30 | {% end %} 31 | 32 |
    33 | {% module xsrf_form_html() %} 34 | 35 | 36 | 37 | 38 | 39 | 46 | 47 | 48 | {% if not user %} 49 | 50 | : 51 | 52 | 53 | {% end %} 54 |
    55 | 56 | 57 |
    58 |
    59 |
    60 |
    61 | {% end %} 62 | -------------------------------------------------------------------------------- /server/templates/gettingstarted.html: -------------------------------------------------------------------------------- 1 | {% extends "base.html" %} 2 | 3 | {% block page_title %}Getting started with {{ PROJECT_TITLE }}{% end %} 4 | 5 | {% block extra_head %} 6 | 10 | {% end %} 11 | 12 | {% block main %} 13 |
    14 |
    15 |
    16 |

    Getting started

    17 |
    18 | 19 |
    20 |
    21 |

    1. Sign in

    22 |
    23 |

    Upload is only for people who are willing to sign in. 24 | See upper right-hand corner.

    25 |
    26 | 27 |
    28 |
    29 |

    2. Click 'Upload'

    30 |
    31 |

    On this page you choose which way to upload.

    32 |
      33 |

    • Upload by URL

      34 |

      The simplest option if all you have is a direct URL to an image.

      35 |
      • 36 |

    • Upload with Filepicker.io™

      37 |

      Filepicker.io is an external service 38 | that makes it really convenient for you to upload using other means such as 39 | taking pictures directly from your Dropbox, Box or Google Drive account. 40 |

      41 |
      • 42 |
    43 |
    44 | 45 |
    46 |
    47 |

    3. Look at your picture

    48 |
    49 |

    Right after you upload is finished, you can use it.

    50 |

    51 | The first time you load it it's going to pop up a window asking you to 52 | enter a title and description for your picture.

    53 |
    54 | 55 |
    56 |
    57 |

    4. Annotate your picture

    58 |
    59 |

    On the left hand side you have tools to draw annotations on the picture.

    60 |

    The annotations you can draw are Line, Polygon, Rectangle, Circle and Marker. 61 | All of them plus the title you enter will be available for all to see.

    62 |
    63 | 64 |
    65 |
    66 |

    5. Share your picture

    67 |
    68 |

    Click the "Permalink" link in the upper right-hand corner to get 69 | a direct link to the exactly what you see.

    70 |

    You probably have Facebook and Twitter and I'm not going to show you have to 71 | use them :)

    72 |
    73 | 74 |
    75 |
    76 | {% end %} 77 | -------------------------------------------------------------------------------- /server/templates/image.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | {{ page_title }} on {{ PROJECT_TITLE }} 11 | 12 | 13 | {% if thumbnail_url %} 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | {% end %} 22 | 23 | {% module LinkTags('bootstrap/css/bootstrap-customimage.min.css') %} 24 | {% module LinkTags('css/libs/leaflet.css', 'css/libs/leaflet.draw.css', 'css/image.css') %} 25 | 28 | 29 | {% if can_edit %} 30 | 33 | {% end %} 34 | 35 | 52 | 53 |
    54 |
    55 | 58 | 59 | 67 | 68 | {% module xsrf_form_html() %} 69 | 70 | {% include "_permalink_modal.html" %} 71 | {% if can_comment %} 72 | {% include "_comment_modal.html" %} 73 | {% end %} 74 | {% if can_edit %} 75 | {% include "_edit_modal.html" %} 76 | {% include "_delete_modal.html" %} 77 | {% include "_edit_snippets.html" %} 78 | {% end %} 79 | 80 | {% if debug %} 81 | {% module ScriptTags('libs/jquery-1.8.3.min.js') %} 82 | {% else %} 83 | 84 | {% end %} 85 | 86 | 90 | {% module ScriptTags('libs/leaflet.min.js', 'leafletmap.js', 'libs/head.load.min.js', 'bootstrap/js/bootstrap-modal.min.js') %} 91 | 112 | 113 | 114 | -------------------------------------------------------------------------------- /server/templates/index.html: -------------------------------------------------------------------------------- 1 | {% extends "base.html" %} 2 | 3 | {% block extra_head %} 4 | 10 | {% end %} 11 | 12 | {% block main %} 13 | 14 | {% if yours %} 15 |
    16 |

    Your uploads ({{ total_count }})

    17 | {% if total_count %} 18 |

    Your pictures have accumulated a total of 19 | {% module Thousands(total_hits) %} hits 20 | {% if total_hits_this_month and total_hits_this_month != total_hits %} 21 | ({{ total_hits_this_month }} this month) 22 | {% end %} 23 | and caused people to download a total of 24 | {% module ShowFileSize(total_bytes_served) %}. 25 |

    26 | {% end %} 27 |
    28 | {% else %} 29 | {% if show_hero_unit %} 30 |
    31 | 32 | {% if featured_past %} 33 |
    34 |

    A blast from the past!

    35 | {{ featured_past['title'] }} 37 | {% module ShowMetaData(featured_past) %} 38 |
    39 | {% end %} 40 | 41 |

    {{ PROJECT_TITLE }}

    42 |

    When you want to upload HUGE pictures that you can zoom in on like a map.

    43 |

    Get started »

    44 |
    45 | {% end %} 46 | {% end %} 47 | 48 | {% raw thumbnail_grid %} 49 | 50 | {% include "_pagination.html" %} 51 | 52 | 53 | {% end %} 54 | 55 | {% block extra_footer %} 56 | {% if total_count %} 57 |

    58 | {% module ShowFileSize(total_bytes_served) %} served 59 | and {% module Thousands(total_hits) %} hits 60 | {% if total_hits_this_month and total_hits_this_month != total_hits %} 61 | ({% module Thousands(total_hits_this_month) %} this month) 62 | {% end %} 63 | across {% module Thousands(total_count) %} pictures. 64 |

    65 | {% end %} 66 | {% end %} 67 | -------------------------------------------------------------------------------- /server/templates/popularity.html: -------------------------------------------------------------------------------- 1 | {% extends "base.html" %} 2 | 3 | {% block page_title %}Popularity contest on {{ PROJECT_TITLE }}{% end %} 4 | 5 | {% block main %} 6 |
    7 |
    8 |
    9 |

    Popularity contest (Top 10)

    10 |
    11 |
    12 | 13 |
    14 |

    Hits This Month

    15 |
      16 | {% for number, image in this_month_hits %} 17 |
    1. 18 | {% module Thousands(number) %} hits 19 | {% if image.get('title') %}{{ image['title'] }}{% else %}Screenshot{% end %} 23 |
      2. 24 | {% end %} 25 |
    26 |
    27 | 28 |
    29 |

    Total Hits

    30 |
      31 | {% for number, image in hits %} 32 |
    1. 33 | {% module Thousands(number) %} hits 34 | {% if image.get('title') %}{{ image['title'] }}{% else %}Screenshot{% end %} 38 |
      2. 39 | {% end %} 40 |
    41 |
    42 | 43 |
    44 |

    Bytes Served

    45 |
      46 | {% for number, image in served %} 47 |
    1. 48 | {% module ShowFileSize(number) %} 49 | {% if image.get('title') %}{{ image['title'] }}{% else %}Screenshot{% end %} 53 |
      2. 54 | {% end %} 55 |
    56 |
    57 | 58 |
    59 | {% end %} 60 | -------------------------------------------------------------------------------- /server/templates/precomplete.upload.html: -------------------------------------------------------------------------------- 1 | 13 | -------------------------------------------------------------------------------- /server/templates/preprogress.upload.html: -------------------------------------------------------------------------------- 1 | 9 | -------------------------------------------------------------------------------- /server/templates/privacy.html: -------------------------------------------------------------------------------- 1 | {% extends "base.html" %} 2 | 3 | {% block main %} 4 |
    5 |
    6 |

    Privacy Policy

    7 |

    Information we collect; how we use it

    8 |

    Automatically collected technical information: Our servers log 9 | information about each computer connecting with our site such as IP 10 | address, device characteristics, operating system, browser type, type 11 | of connection, page and image viewing statistics, and incoming and 12 | outgoing links. We associate this information with comments you post 13 | or votes you enter. We also log the metadata associated with any 14 | images or videos you upload. None of this automatically collected 15 | technical information is associated with any identified person at the 16 | time it is collected, but it could be associated with you under two 17 | circumstances: First, if you choose to give us personal data about you 18 | as described below, the technical information we collect that would 19 | otherwise be anonymous could instead be logged as coming from you; and 20 | second, if we are required to disclose our server logs as a result of 21 | a subpoena or other legal process, some third party such as your 22 | internet provider could match our anonymous technical information with 23 | you, using information beyond what is found on our servers. 24 |

    25 | 26 |

    27 | We may use cookies, web beacons, or other anonymous tracking 28 | information to improve our server’s interaction with your computer, 29 | and we may partner with third party advertisers who may (themselves or 30 | through their partners) place or recognize a unique cookie on your 31 | browser. These cookies enable more customized ads, content or services 32 | to be provided to you. To trigger these cookies, we may pass an 33 | encrypted or “hashed” (non-human readable) identifier corresponding to 34 | your email address to a Web advertising partner, who may place a 35 | cookie on your computer. No personally identifiable information is on, 36 | or is connected to, these cookies. To opt-out of these cookies, please 37 | go to http://www.privacychoice.org/choose. 39 |

    40 | 41 | {% if 0 %} 42 |

    43 | We use third-party advertising companies to serve ads when you 44 | visit our Website. These companies may use information (not including 45 | your name, address email address or telephone number) about your 46 | visits to this and other Web sites in order to provide advertisements 47 | about goods and services of interest to you. If you would like more 48 | information about this practice and to know your choices about not 49 | having this information used by these companies, 50 | click here. 51 |

    52 | {% end %} 53 | 54 |

    Personal data you choose to give us: We collect whatever personal 55 | data about you that you choose to give us, such as name, email 56 | address. We consider such personal data to be “Private Data,” and 57 | subject to the “Personal Data Protection” paragraph below, with the 58 | following exception: Any data (text, images, videos, etc.) you post to 59 | a public forum on our site, linked to or from our site, or share via a 60 | social networking function, will not be considered “Private Data” and 61 | will not be subject to the “Personal Data Protection” paragraph below. 62 |

    63 | 64 |

    Personal Data Protection

    65 |

    {{ PROJECT_TITLE }} does not disclose to any third party Private Data you have 66 | given us, except to the extent necessary for credit card processing; 67 | in such cases your Private Data is used by credit card processors only 68 | for that purpose (including guarding against credit card fraud). The 69 | only exception, obviously, is if we are forced to disclose the 70 | information as a result of a subpoena or other legal process. You may 71 | correct, amend, or delete inaccurate Private Data information you have 72 | given us, although any credit card transactions that have already 73 | taken place will be unaffected. For legal reasons we may retain backup 74 | and/or archival copies of information prior to your corrections, 75 | amendments, or deletions. We take every reasonable precaution to 76 | protect your Private Data from loss, misuse, unauthorized access, 77 | disclosure, alteration, or destruction. You are responsible for taking 78 | every reasonable precaution on your end to protect any unauthorized 79 | person from accessing your {{ PROJECT_TITLE }} account. 80 |

    81 | 82 |

    If you have any questions about our use of your Private Data, 83 | please contact us at privacy@hugepic.io. 84 |

    85 | 86 |

    We may revise our privacy policy from time to time without 87 | notice. 88 |

    89 | 90 |
    91 |
    92 | {% end %} 93 | -------------------------------------------------------------------------------- /server/templates/progress.giveup.html: -------------------------------------------------------------------------------- 1 | 16 | -------------------------------------------------------------------------------- /server/templates/progress.upload.html: -------------------------------------------------------------------------------- 1 | 31 | -------------------------------------------------------------------------------- /server/templates/terms.upload.html: -------------------------------------------------------------------------------- 1 |
    2 | 3 |

    Terms and Conditions

    4 |

    5 | Accessing any page of our website other than our home page and 6 | this "Terms" page constitutes your consent to these terms of use and 7 | to our Privacy Policy. 8 | If you do not consent, do not use our website. 9 |

    10 |

    11 | Your use of our website to do anything beyond simply 12 | accessing/viewing it (that is, uploading, downloading, commenting, 13 | etc.), constitutes not merely your consent, but also your electronic 14 | signature, meaning that you are contractually bound by these terms and 15 | by the Privacy Policy. 16 |

    17 | 18 |

    Big no no

    19 |

    20 | If someone else might own the copyright to it, don’t upload it. Don’t 21 | upload gore, obscenity, advertising, solicitations, "hate speech" 22 | (i.e. demeaning race, gender, age, religious or sexual orientation, 23 | etc.), or material that is threatening, harassing, defamatory, or that 24 | encourages illegality. Don’t hotlink to such content, or to 25 | file-sharing or torrent sites. Don’t be a troll or a jerk. Don't 26 | impersonate someone else. If you do (and we will be the judge), or if 27 | you do anything illegal, in addition to any other legal rights we may 28 | have, we will ban you along with the site you're hotlinking from, 29 | delete all your images, report you to the authorities if necessary, 30 | and prevent you from viewing any images hosted on {{ PROJECT_TITLE }}. 31 |

    32 | 33 |

    Yes please!

    34 |

    35 | If you see anything on our site that shouldn’t be there because 36 | it violates our policies or for any other reason, please let us know 37 | by emailing us at abuse@hugepic.io. 38 |

    39 |

    40 | Avoid foul language for anything you make publicly available. 41 | Use asterisks *** to self-bleep if you must. But come on, most of the 42 | time there are plenty of better, more descriptive words! 43 |

    44 |
    45 | -------------------------------------------------------------------------------- /server/templates/tweets.html: -------------------------------------------------------------------------------- 1 | {% extends "base.html" %} 2 | 3 | {% block main %} 4 |
    5 |
    6 |

    Tweets

    7 | 8 | 9 |
    10 |
    11 | {% end %} 12 | -------------------------------------------------------------------------------- /server/templates/unsubscribed.html: -------------------------------------------------------------------------------- 1 | {% extends "base.html" %} 2 | 3 | {% block extra_head %} 4 | 7 | {% end %} 8 | 9 | 10 | {% block main %} 11 |
    12 | {% if email %} 13 |

    Unsubscribed

    14 |

    No more emails to {{ email }}

    15 |

    That's cool. A big inbox can be frustrating.

    16 |

    Go and check out Your uploads

    17 | {% else %} 18 |

    Unable to find your email address. Sorry.

    19 | {% end %} 20 |
    21 | {% end %} 22 | -------------------------------------------------------------------------------- /server/templates/upload.html: -------------------------------------------------------------------------------- 1 | {% extends "base.html" %} 2 | 3 | {% block page_title %}Upload to {{ PROJECT_TITLE }}{% end %} 4 | 5 | {% block extra_head %} 6 | 18 | {% end %} 19 | 20 | {% block main %} 21 | 22 |
    23 | 24 | {% if user %} 25 |
    26 |

    Upload by URL

    27 |
    28 | {% module xsrf_form_html() %} 29 | 30 | 31 | 32 |
    33 |
    34 | 35 |
    36 |

    Upload with Filepicker.io™

    37 |
    38 | 43 | 44 | 45 | 52 | 53 |
    54 |
    55 | {% else %} 56 |
    57 |

    Not logged in

    58 |

    You have to be signed in to be able to upload large pictures.

    59 |
    60 | {% end %} 61 | 62 |
    63 | 64 |
    65 | {% include "terms.upload.html" %} 66 | {% include "preprogress.upload.html" %} 67 | {% include "progress.upload.html" %} 68 | {% include "progress.giveup.html" %} 69 | {% include "precomplete.upload.html" %} 70 | {% include "complete.upload.html" %} 71 | {% include "email.upload.html" %} 72 | {% include "error.upload.html" %} 73 |
    74 | 75 | 76 | {% end %} 77 | 78 | {% block extra_js %} 79 | 80 | 86 | 87 | {% module ScriptTags('libs/humanize.js', 'download.js') %} 88 | {% end %} 89 | -------------------------------------------------------------------------------- /server/templates/yourhelp.html: -------------------------------------------------------------------------------- 1 | {% extends "base.html" %} 2 | 3 | {% block page_title %}Your help on {{ PROJECT_TITLE }}{% end %} 4 | 5 | {% block main %} 6 |
    7 |
    8 |

    Your help is needed

    9 | 10 |

    This project has no marketing budget and therefore needs your help to become 11 | successful. 12 |

    13 | 14 |

    I know it's a lot to ask for in a world where lots of sites compete for 15 | your attention but if you like the site and would also like to see many 16 | others playing with it your small contribution can go a very long way. 17 | You might not have time or use for HUGEpic but one of your friends might.

    18 | 19 |

    Ways to help...

    20 |
      21 |
    • Share the link to your 22 | {% if user %} 23 | upload(s) 24 | {% else %} 25 | upload(s) 26 | {% end %} 27 | on your blog, Facebook, Twitter etc.
      • 28 |
    • Follow @hugepic on 29 | Twitter and re-tweet uploads you like. 30 | 31 | {% if yourtweets %} 32 |
      Your pictures tweeted... 33 |
        34 | {% for title, tweet in yourtweets %} 35 |
      • {{ title }}
        • 36 | {% end %} 37 |
      38 | {% end %} 39 |
      • 40 | 41 |
    • Contribute feedback, thoughts and bug reports
      • 42 |
    43 | 44 |
    45 |

    Kind regards, Peter

    46 |
    47 | 48 |
    49 |
    50 | {% end %} 51 | -------------------------------------------------------------------------------- /server/tweeter.py: -------------------------------------------------------------------------------- 1 | import time 2 | import os 3 | from twython import Twython 4 | import settings 5 | 6 | 7 | def tweet_with_media(text, file_path): 8 | assert os.path.isfile(file_path), file_path 9 | 10 | t0 = time.time() 11 | twitter = Twython( 12 | twitter_token=settings.TWITTER_CONSUMER_KEY, 13 | twitter_secret=settings.TWITTER_CONSUMER_SECRET, 14 | oauth_token=settings.TWITTER_ACCESS_TOKEN, 15 | oauth_token_secret=settings.TWITTER_ACCESS_TOKEN_SECRET 16 | ) 17 | t1 = time.time() 18 | new_entry = twitter.updateStatusWithMedia( 19 | file_path, 20 | status=text 21 | ) 22 | t2 = time.time() 23 | print "Took %s seconds to connect" % (t1 - t0) 24 | print "Took %s seconds to tweet with media" % (t2 - t1) 25 | return new_entry['id'] 26 | -------------------------------------------------------------------------------- /server/ui_modules.py: -------------------------------------------------------------------------------- 1 | import cgi 2 | import re 3 | import logging 4 | import urllib 5 | import urlparse 6 | import datetime 7 | import tornado.web 8 | import tornado.escape 9 | from tornado_utils.timesince import smartertimesince 10 | 11 | 12 | class ThumbnailURL(tornado.web.UIModule): 13 | 14 | def render(self, fileid, width, extension): 15 | if extension == 'image/jpeg': 16 | extension = 'jpg' 17 | elif extension == 'image/png': 18 | extension = 'png' 19 | return self.handler.make_thumbnail_url( 20 | fileid, 21 | width, 22 | extension=extension 23 | ) 24 | 25 | 26 | def sizeof_fmt(num): 27 | for x in ['bytes', 'KB', 'MB', 'GB']: 28 | if num < 1024.0 and num > -1024.0: 29 | return "%3.1f%s" % (num, x) 30 | num /= 1024.0 31 | return "%3.1f%s" % (num, 'TB') 32 | 33 | 34 | class ShowFileSize(tornado.web.UIModule): 35 | 36 | def render(self, size): 37 | return sizeof_fmt(size) 38 | 39 | 40 | class TimeSince(tornado.web.UIModule): 41 | def render(self, date, date2=None): 42 | assert date 43 | if date2 is None: 44 | date2 = datetime.datetime.utcnow() 45 | return smartertimesince(date, date2) 46 | 47 | 48 | class Thousands(tornado.web.UIModule): 49 | 50 | def render(self, number): 51 | return format(number, ',') 52 | 53 | 54 | class LinkTags(tornado.web.UIModule): 55 | 56 | def render(self, *uris): 57 | if self.handler.application.settings['optimize_static_content']: 58 | module = self.handler.application.ui_modules['Static'](self.handler) 59 | return module.render(*uris) 60 | 61 | html = [] 62 | for each in uris: 63 | html.append('' % 64 | self.handler.static_url(each)) 65 | return '\n'.join(html) 66 | 67 | 68 | class ScriptTags(tornado.web.UIModule): 69 | 70 | def render(self, *uris, **attrs): 71 | if self.handler.application.settings['optimize_static_content']: 72 | module = self.handler.application.ui_modules['Static'](self.handler) 73 | return module.render(*uris, **attrs) 74 | 75 | html = [] 76 | for each in uris: 77 | tag = '