Logo concepts and illustrations for a website addressing brain drain and the national cost of neglecting talent.
Categories
Website Graphics and Illustrations
Author: Janne Särkelä
Sanara Creations is the professional dimension of sound designer, producer and artist Sarana / Janne Särkelä.
Tools: Logic, Cubase , Pro Tools, Photoshop, Illustrator, GIMP, Final Cut, Premiere, Max/MSP/Jitter, Plogue Bidule, Flash/AS, CSS, HTML, PHP, Javascript, jQuery, OSX/Win/Linux, Arduino, Processing, Captivate, Storyline.
Janne resides in Helsinki, Finland at the moment, and works at Digital Lessons Finland as the Senior Technical Developer.
Categories
Poster Artwork for an Activist Event
Occupy Helsinki organized a support event at a local bar, showcasing audiovisual works from the global Occupy movement and bringing the spirit of the streets into an indoor setting.
The visual identity aimed to distance itself from traditional leftist aesthetics, reflecting the movement’s broad, inclusive, and non-violent stance against selfishness — a message captured in the poster artwork.
Occupy Helsinki organized an evening of action-oriented events at a local bar. I took part in planning and coordinating the event, and together with a collaborator, I documented the evening. I was responsible for shooting and editing a short documentary video that captured the atmosphere, activities, and discussions that took place during the event.
Kettupeli was developed for media company Länsi-Suomi, specifically for their online outlet Raumalainen.fi. Centered on players from the local ice hockey team Rauman Lukko, the game is based on questionnaires the players completed about their daily routines leading up to a match. These responses were transformed into an interactive quiz, offering fans a more personal glimpse into the lives of the athletes and fostering a closer connection between players and audience.
Technically, the game was implemented as a Flash movie with a strong emphasis on modular Actionscript code, prioritizing structure and maintainability over pure timeline animation.
This simple jQuery script adds images to individual tags in the WordPress tag cloud (wp_tag_cloud) and allows you to style the cloud without modifying WordPress core functions. The image sizes correspond to the font sizes assigned by the tag cloud function.
jQuery(function() {
var imagesize;
var alttxt;
var linkhref;
jQuery('a[class^="tag-link-"]').each(function() {
imagesize = jQuery(this).css('font-size');
alttxt = jQuery(this).text();
linkhref = jQuery(this).attr('href');
jQuery(this).before(
'<a title="tag: ' +alttxt+ '" href="' +linkhref+ '">
<img src="path/to/your/image" class="tagcloudimage"
style="width:'+imagesize+';height:'+imagesize+';"
alt="'+alttxt+' icon" /></a>'
);
});
});
The script starts by defining variables, then targets tag cloud links with class names beginning with tag-link- (followed by the tag ID). Using jQuery’s .each() method, it iterates over each matched element.
For each tag link, the script extracts the font size, visible link text, and URL from the href attribute. It then injects new HTML before the link—creating an image link populated with these values.
This function can be easily extended to customize the tag cloud’s appearance further—for example, by adjusting text color based on size. For best results, place the script at the footer of your page (after the tag cloud).