Categories
Web

Website and gallery for an art project related to clothing

ensaemble website

I’ve been lucky to work with Ensæmble. Not only to create this showcase website for them, but also earlier in 2015 I collaborated with them to create a data driven dance piece. I was more than happy to help to realise the website to the specifications of Ensaemble. It is made of five triptychs, and the individual images change at randomly chosen specified intervals. Take a look!

Categories
Web

Responsive WordPress theme for an art project website

International Teletext Art Festival website needed to be transformed into a responsive WordPress site. Besides being the main site for the festival it presents the works by the artists in a virtual gallery.

A unique custom WordPress theme was created from the ground up.

Categories
Web

Browser based gamified audiovisual art piece

Inter_active

 

Inter_active is a gamified installation by Juha van Ingen, inspired by the ancient Moksha Patam (the ladder to salvation), commonly known as the snakes and ladders game.

The artists wanted there to be two paths, which in practice meant two sequences of dozens of images side by side on the screen. The images are animated gifs, and the player advances on the path by pressing keyboard buttons.

The images are accompanied by a sound track, realized by selected sound artists. The sounds loop independently from the images, and the player is able to stop or play a sound. The sound selection also advances sequentially, and maximum of two sounds can be heard at the same time.

The main challenge is to see all of the animations and reach the end. The player is also able to create a combination of images and sounds, and thus become a creator in the process.

The work was realized with HTML5, CSS and Javascript (jQuery).

Categories
Web

PHP based website scraper and .ics vCalendar file creator

KAVA, The national audiovisual archive of Finland has its own cinema, but they don’t provide standard .ics vCalendar of the movie showtimes for downloading or subscription. However, they have their own web store to buy tickets, and the page is neatly formatted.

I decided to practice website scraping a bit and as a bonus to try to create an ICS vCalendar file from the scraped data. The result is basically for my own use, but available for everybody (Download link of the generated calendar). The caveat is that if KAVA decides to change the layout the code wouldn’t work anymore, so be warned that the calendar may be broken then for a while.

The showtimes don’t change that much, so it’s safe to set the update period to once per week. Set the subscription to the address

http://www.sanaracreations.fi/apps/kavacal/kavacal.php

 

KAVA has changed their site’s layout and the code is not functional any longer. Take a peek at the website scraper code and hack on!

Categories
Web

Adding images to the WordPress tag cloud and styling it with jQuery

This simple jQuery script will enable you to add images for the individual tags of the WordPress tag cloud (wp_tag_cloud). With the script you can style the tag cloud too without touching the core (or WordPress) functions. The image sizes correspond to the font sizes given by the tag cloud function of WordPress.

Categories
Web

Script to create a custom random gallery in WordPress and using jQuery for layout design

You might except a grander programme from that title, but this is actually a quite simple and straigthforward project. I needed to have a neat visual effect for a WordPress based website I was renovating and at first used the default options to make a gallery. I had five images in the gallery for testing. Because all of the images didn’t happen fit to the same row three were in the upper row and two in the lower. By accident the images made an inverted staircase pattern of two rows. From that I got and idea of creating a complete staircase of three rows by adding one extra row with one image. The images would be picked randomly from a larger gallery.

Categories
Web

An example of creating a MySql database with PHP and downloading it as CSV

Download the example package: php_mysql_csv_example.zip

I needed to create a simple and easy to modify intranet database for certain project, and I now offer the setup as a complete working example. PHP and MySql are probably the most commonly used tools to organize information on the internet. The files have been derived from a couple of tutorials about creating a MySql database with PHP and .csv export, and I have compiled and commented the package from the ready job to an easily digestable form. The package is needlessly modular but I hope it provides building blocks for something of your own.

Categories
Web

Website of a campaign promoting children’s participation

MunVuoro campaign main siteMunVuoro Children's PagesMunVuoro! (MyTurn!) campaign is a joint participatory project of eight Finnish organizations for children and youth. The main purpose is to develop methods for child participation and to support education for democracy

The website consists of the main informational pages for organizers and interactive pages for children. The target group are children aged 6 to 12.

The site was realized with the WordPress CMS.

Categories
Web

Website for a youth camp

The theme of the camp is derived from the Finnish folklore. The camp is for 10 to 16 year old children and youth. The site was built with WordPress. Besides designing the website I created the visuals and graphics, and I’m also responsible of the media production for the whole event.

TaigaMetsä-metsäseikkailu-lasten-ja-nuorten-kesäleiri