Contact Jori Lallo

x Cancel
posted 1 year ago

Grove.io - Hosted IRC servers

Grove.io is something we have been building for the past 6 months. I have been mostly in charge of the design and as the product is quite developer oriented (IRC servers), I wanted the landing page to make it clear. I know that people who are not familiar with IRC might not get it, but that's almost the point at this stage.

I'm now looking into improving the landing page, possibly adding more information (to the same page or another page?), and could use some feedback. So far the reception has been pretty good but I'm not sure if the site gives enough information about the product.

For the full view: http://grove.io

Ps. The logo is made by @karrisaarinen

Grove.io is something we have been building for the past 6 months. I have been mostly in charge of the design and as the product is quite developer oriented (IRC servers), I wanted the landing page to make it clear. I know that people who are not familiar with IRC might not get it, but that's almost the point at this stage.

I'm now looking into improving the landing page, possibly adding more information (to the same page or another page?), and could use some feedback. So far the reception has been pretty good but I'm not sure if the site gives enough information about the product.

For the full view: grove.io

Ps. The logo is made by @karrisaarinen

posted 2 years ago

Dashboard design mockup

Did a non-functional dashboard design mockup for one service that I like a while back. This was done in relative short timeframe so it's not perfect but was a fun and educational weekend project (personal, not commissioned).

Did a non-functional dashboard design mockup for one service that I like a while back. This was done in relative short timeframe so it's not perfect but was a fun and educational weekend project (personal, not commissioned).

posted 2 years ago

Landing page design

Landing page design I made for a fashion bookmarking site I was working with last fall

Landing page design I made for a fashion bookmarking site I was working with last fall

posted 2 years ago

My Django boilerplate

https://github.com/jorde/django_boilerplate

I have been working with small prototype projects lately and the biggest barrier for me with weekend hacking has been the lack of nice Django project template. So here's my Django boilerplate which uses few popular apps, CleverCSS and includes basic templating and styling.

Hope this helps someone and I'm open for suggestions and comments :)

posted 2 years ago

We Hear Voices – Simple feedback tool made at Garage48

I took part at Garage48 Helsinki this weekend and we put together a dead simple widget based feedback tool for websites and blogs. After adding the JS widget you can create multiple questions, map them to specific pages and follow feedback like you follow email inbox.

Tech is based on Django and Node.js and it was put together by four hackers in under 48 hours :)

I took part at Garage48 Helsinki this weekend and we put together a dead simple widget based feedback tool for websites and blogs. After adding the JS widget you can create multiple questions, map them to specific pages and follow feedback like you follow email inbox.

Tech is based on Django and Node.js and it was put together by four hackers in under 48 hours :)

posted 2 years ago

Launched: thingsand.me – Simple image blogging/bookmarking

Decided to do a simple image blogging/bookmarking platform during the holiday season. Inspired by Tumblr, about.me, Instagram and Pinterest.

Directory contains some example blogs http://thingsand.me/directory/

If there's any interested mobile developers out there I'm happy to put together an API for this. At the moment pages scale for iPhone and Android.

Decided to do a simple image blogging/bookmarking platform during the holiday season. Inspired by Tumblr, about.me, Instagram and Pinterest.

Directory contains some example blogs thingsand.me/directory/

If there's any interested mobile developers out there I'm happy to put together an API for this. At the moment pages scale for iPhone and Android.

posted 2 years ago

Not Notepad – Dead simple notepad in the browser

Did this in few hours to get a change to play around with HTML5 localStorage (hence no backend). Lives nicely in my bookmarks bar.

Background:

I like to keep one TextEdit window open during the day for ad-hoc notes and tasks. And hate opening that TextEdit instance :)

Did this in few hours to get a change to play around with HTML5 localStorage (hence no backend). Lives nicely in my bookmarks bar.

Background:

I like to keep one TextEdit window open during the day for ad-hoc notes and tasks. And hate opening that TextEdit instance :)

posted 2 years ago

Bookmarklet

Tried to make a dead simple bookmarklet behavior (cursor: move on hover) for users. So far its been working :)

Tried to make a dead simple bookmarklet behavior (cursor: move on hover) for users. So far its been working :)

posted 2 years ago

Landing page for a upcoming weekend project

This is a landing page for a image blog / online scrapbook platform I did recently as a weekend project. What do you think?

No images were used, only CSS3

This is a landing page for a image blog / online scrapbook platform I did recently as a weekend project. What do you think?

No images were used, only CSS3

posted 3 years ago

Generate website screenshots with Django management command

                from django.core.management.base import NoArgsCommand, CommandError
from django.core.files.base import ContentFile
from main.webkit2png import WebkitRenderer, init_qtgui

# Models
from main.models import Website

class Command(NoArgsCommand):
    '''
    This manage.py command is used with cron to update screenshots for Websites
    '''
    help = 'Use this command to update website screenshots No arguments needed'
    
    def handle_noargs(self, **options):
        # Get websites which don't have their screenshots set yet
        websites = Website.objects.filter(screenshot_active = False)
        
        # Init renderer
        app = init_qtgui()
        renderer = WebkitRenderer()
        # Parameters
        renderer.format = 'png'
        renderer.width = 1024
        renderer.height = 500
        renderer.format = 'png'
        
        for website in websites:
            # Render screenshot to website.screenshot (ImageField)
            file_contents = renderer.render_to_bytes(website.url)
            website.screenshot.save('%s.png' % website.slug, ContentFile(file_contents), save=True)
            website.screenshot_active = True
            website.save()                
Raw

I have been running around with this problem for a while now: How to create website screenshots for my Django app. Here's a management command that can be used with cron to update screenshots for sites using this amazing python script:

github.com/AdamN/…

To get it working:

  1. Use Ubuntu with xvfb and python-qt4, libqt4-webkit packages installed
  2. Copy webkit2png.py under your app (in my case main app)
  3. Start Xvfb and set it to $DISPLAY with this:
  • $ Xvfb :25 -screen 0 1024x10000x24 &
  • $ export DISPLAY=127.0.0.1:25.0
  1. Store the code into file project/main/management/command/generate_screenshot.py (remember init.py for both management and command folders) – see django docs for more about custom management commands
  2. Run using python manage.py generate_screenshots

This should get you started. Webkit2png's code is rather easy to read if you want to change renderer parameters etc. Of course you might also want to use task queuing instead of cron but that one is easy to change.

Hope this saves some work hours for you :)

Ps. With Linux webkit2png.py really seems to be the easiest solution by far. If you know anything else, please ping me!