A Shaarli browser extension using the API for both Firefox and Chrome based browsers.

It features add/edit and search of bookmarks for your Shaarli instance.

Can be downloaded trough Firefox addons, Chrome webstore alternative it can be downloaded in the build folder source code at Codeberg

Wordpress theme for the Berlin based studio REALZ Pilates.

REALZ Pilates equipment studio was founded by two sisters, based on a healthy lifestyle. It is positive, sustainable and active for people of all ages. The loft-like studio is centrally yet quietly located close to Friedrichstraße train station in Berlin Mitte and combines urban awareness of life with slowing down.

Custom made Gutenberg blocks were added to the theme in order to make the website maintenance effortless.

Design by Janice Adler & Amanda Cavalcanti Lima

This project was requested and envisioned by Márcio Carvalho, designed by Joana Voa and submitted as one entry for the National Arts Festival 2020. Festival which, due to global pandemic reasons had a digital edition this year.

"In a time where statues and monuments are toppling globally, Who Do We Come to H(a)unt offers a timely opportunity for alternative stories to be drawn and told, and where old hegemonic histories can be re-customized. This is an interactive art project that uses drawing to disrupt the memorial culture advertised by statues, monuments, and memorials of colonial and imperial rulers still standing today in many cities around the globe."

Technical wise the usage of the wonderful Fabric.js canvas library, was of great help. Leaving the hard bit to tackle, to be the animated stickers on canvas. This allowed me to improve my ffmpeg knowledge, as well as understanding the current state of video transparency on the web.

After some research and experimentation, the following formats were used:

• .webm videos with vp9 codec for modern browsers
• .mov videos with prores codec for Safari
• gifs for all things iOS

Unfortunately, iOS devices older than v13 do not work with transparent videos. Hence plain gifs were used. This is a major drawback as every single frame has to be parsed and animated via setTimeout.

Given a folder with gifs, the following bash script will convert them to the video formats mentioned above while preserving transparency.

#!/bin/bash
for file in $1 *.gif
do
  filename="${file%.*}"
  ffmpeg -i "$file" -qmin 0 -qmax 18  -vcodec prores_ks -q:v 64 -b:v 1400K  -pix_fmt yuva444p10le -an -sn -vf scale="'if(gt(a,1000/1000),1000,-1)':'if(gt(a,1000/1000),-1,1000)'" -metadata title="$filename mov." "$filename.mov"
  ffmpeg -i "$file" -qmin 0 -qmax 18 -crf 9 -vcodec libvpx-vp9 -b:v 1400K -quality good -cpu-used 0 -auto-alt-ref 0 -pix_fmt yuva420p -an -sn -vf scale="'if(gt(a,1000/1000),1000,-1)':'if(gt(a,1000/1000),-1,1000)'" -metadata title="$filename Webm." "$filename.webm"
done

Wordpress theme for lamalaleche, a environment friendly shop for vegan baked goods

Imagine an online shop where you could customize your box of delicious baked goods and get them delivered at home, freshly baked. Better still: those baked goods are not only delicious, but also vegan, made with real ingredients and come in glass jars instead of plastic.

Design layout by studiomariawalnut.com

This project Menu In Pictures begun because many restaurants, cafes, bakeries and bars lack updated menu pricing, if they even have a menu on their websites.

The goal of this project is to provide a crowd sourced map - and this is where YOU come in. When you go out for food or drinks, take a picture of the menu. You can share it anonymously. The entry will be moderated to make sure that the place exists as well as to prevent users from submitting malicious content.

The submission is completely anonymous. There is no record of your digital footprint, and the optional email field is there in case you want us to contact you regarding your submission. This email will never be made public. In addition, the EXIF data from your images will also be removed on upload.

I will try try to keep this website's cookies and analytics to a bare minimum, as well as keep it advertisement free for as long as it is possible.

This project was sunset on March 3rd 2026

At the closing time it had the following stats:

• ~150k impressions per month
• ~1k clicks per month
• ~30 pages as page first result ( for queries: [restaurant] menu )
• total of 262 places

Frontend development for openD was a contract work and collaboration with the SciFlow team on one Academic publishing platform.

The CMS data is consumed via graphql, most of the pages are AMP compatible with some exceptions, when custom functionality was needed web components were implemented using stenciljs.

This installation is a collaboration between me, Tiago Margaça and Pedro Viegas. Tiago invited us both to present the closing piece Light and Space for his exhibition Reasons of Light at nun Raum für Kunst, Gespräche und Bohemiens.

The piece as the name suggests Light and Spaces, aims to transform the space trough light, allowing the spectator to interact with it, creating shadows, reflections, patterns etc... by manipulating a beam of light across the room, in which several modules are in place granting the spectator the creation of it's own composition.

On the technical side the user controls both a stepper and a servo motor, with a thumb stick in which the X axis controls the stepper motor supporting a mirror aligned with a light source, and on the Y axis a servo that allows the light source to change color with light filters. The beam of light hits several modules scattered around the room creating different ambience affects.

This was the first time for both me and BitsAndCrafts ( the amazing artist that created the artwork ) to participate in a game jam, we made it trough the end of Ludum Dare #40 with our entry StackUp \ ( º o º) /

Mistakes were made, never go for a Jam experimenting with rope physics if you never tried it before, but we also learned a whole lot during the process.
The game is far from finished ( not to say playable ) and it is uncertain that we ever to release a post game jam version at this point, the physics are totally chaotic, grabbing pieces is way off tuned and it is one of the main game mechanics, as far as level design is concerned, it just takes way too much time to get to the top for it to be enjoyable, but hey for a 72 hours jam we are very proud of it, it is definitely one experience to repeat.

StackUp is a stacking up game in which you control a cat with the keyboard and a crane with the mouse, can you help your four legged friend to reach the top?

Tangle is a local cooperative multiplayer game for android, it is meant to be played by two players in which both have to cooperate in order to achieve the goal.

In short is a twist on the classic twister game for touch devices.

This was my first game ever completed in Unity, i truly hope more will follow. It can be downloaded at the Play Store for free.

Press:
A casa dos videojogos Portugueses (PT)
Gameskeys - Top Underrated Board Games (EN)

Website developed for the band Musgos

"Musgos is an instrumental project exploring the landscapes of experimental post-rock that relates itself with visuals, dance and other areas of art. The bass has the central part of the musical creation, it can deliver rhythmic, structurally driven music, or also can be an improvisation being ephemeral and free."

The website was developed using the laravel 5 framework, together with one administration interface to fit the band's needs. You should check them out, these guys rock.

Since i made LED matrix web controlled on a 8x8 monochrome matrix, i had the urge to extend it and do it in a 32x32 color matrix. And so after some years i did just that, i bought one 32x32 RGB led matrix and started to investigate my options.

Upon some research i found this github repo from hzeller which contains some great documentation on wiring and setting things up, he also has a PixelPusher protocol implementation which i end up using rpi-matrix-pixelpusher.

I then proceeded to create one editor with Polymer in order to interact with the matrix, the editor allows one to pick two colors, foreground (LMB) and background (RMB) and then paint over a squared matrix matching the 32x32 RGB LED matrix, the editor also had a rubber and a quick shortcut to switch foreground and background colors as a bonus, it allows to choose the color with transparency, which in a LED case reflects on it's intensity and i could not have done it without ColorPicker which i had to fork in order to provide a context for the instance for it to work inside a Polymer based component.

At first i tried it with a Raspberry Pi 2 but it could not handle properly the canvas server and the led matrix at the same time it was solved with a upgrade to a Raspberry Pi 3 in which it worked smoothly.

I took it for a test drive by creating a Facebook event in which 31 friends participated, with soo many people at the same time the lag was dully noted between the action and the camera stream, sometimes taking more than 5 seconds for the action to be visible on camera.
Even though it was great fun and one experiment to repeat.

A more thorough tutorial will follow in the future when some of the quirks have been solved.

The goal of this project is to have a global idea of how subjects are treated in news media around the world. The initial idea occurred to me after coming across the adbusters campaign #AlltheNewsThatsFitToPrint, where i had the urge to analyse Palestine Vs Israel against the New York Times RSS. Due to lack of immediate results it quickly became more than that, with the possibility of adding a pair of subjects to be analysed against several news channels around the world.

By no means it is meant to be extremely accurate, however it is meant to give a general idea of how certain subjects are treated in different news channels across the world. As of now it analyses the titles of the news post in question and aggregates them by channel source.

The "Sentiment" calculation is based on AFINN which is a "Wordlist-based approach for sentiment analysis", a quick run on how it works can be found here. The Volume stands for the total amount of news in which a certain word appears.

It runs on nodejs, uses mongodb as a database and for the frontend part of things i used Polymer library to make the most use of web components together with the D3 library.

The project is hosted on a free OpenShift account (what a great service they have) and for now it will run until the free account can hold. There is also a GitHub repository although do not expect the best code quality on a weekend pet project :)

Edit: The project no longer exists on OpenShift as they have terminated their free Tier :(

There is also a twitter account that tweets the daily/weekly/monthly/yearly top hits @rssjoust, as well as a yearly mongodb dump if you want to take a look at some data.

Wordpress theme developed from scratch and customized for Electricidade Estética needs.

"Electricidade Estética is a contemporary art production project. Invites artists to create exhibitions allowing them to be exhibited in different spaces and formats around the city. It is also a project of cultural disclosure"

The base template used was the blank JointsWP which is based on the Foundation framework.
The site has it's own personalised events calendar, the ability to add new types of events, and a searchable artists area.

Installation for the Visual Artist Nuno Vicente

"12 poems on nature translated into electric signs and sent to the air Loud speakers, Arduino, metal box, rests of animals and stones Dimensions and duration variable" - Nuno Vicente

The installation consists of 12 speakers that sequentially play morse encoded messages trough one Arduino.

The 2K of SRAM from the Arduino Uno proved to be insufficient for the lengthy strings used to generate the morse code, gladly it was solved with the 8K provided by the Arduino Mega.

This project consists of a web controlled 8x8 LED matrix, allowing multiple users to interact between them. On a first run kept it running for 24h, i really enjoyed watching the users interacting with it, lot's of people drawing all kind of stuff from pixel art to animated snake games, to users playing rounds of Tic Tac Toe between them.

I made the project one week before i knew about this awesome guys livebots.cc and since then it has been its home along with it's web controled robot friends.

On the technical side of things i have a node.js instance running on my Raspberry pi ( Arch Linux distro ), that communicates with the arduino by serial port, here comes a more detailed tutorial about the project if you wan't to run your own instance

Components
30~ Kohm resistor
A bunch of prototyping wires
8x8 Led Matrix BL-M12A881UR-11
Digit Display Driver MAX7219CNG
Arduino
Raspberry Pi ( or other computer capable of running a node.js server )

Software
node.js
arduino ide
and here is the source code https://github.com/7Ds7/ledmatrix-webcontroller

Wiring
The tricky part was to figure out which pins were the cathodes and anodes from the Led Matrix, once i figured that out having the datasheet and this tutorial as reference it's pretty straight forward, the cathodes connect to the DIG (rows) pins and the anodes to the SEG (columns) pins.

Once you confirm you have control over the matrix ( ahahah how does that sound? ) start setting up your machine, first install node.js if it is not already installed. Then get the source code from github, navigate to app folder and install the package dependencies using npm.

user@localhost:~/ledmatrix-webcontroller/app/$ npm install

It will download the packages serial-port, socket.io and forever, the last one is quite optional but i recommend to use it if you want to keep the node.js instance running even if it unexpectedly quits, in fact it does that for any kind of script you want to run.

Do not forget to forward your router ip port ( default: 8124 ) if you wan't the instance to be available outside your network. When ready upload sketch to arduino found in the arduino folder and connect it to your computer running node. And start the node server as usual:

user@localhost:~/ledmatrix-webcontroller/app/$ node server.js

For users to be able to see the LED matrix in realtime you need a regular webcam to stream it, i used the service http://bambuser.com/ using a very low resolution in order to have the less lag possible ( lag will always happen ), i managed to get the best results using Flash Media Live Encoder.

Hope you enjoy, happy drawings :)

Angry Artists is one interactive installation for the exibition "Geek Canvas" at Electricidade Estética.

"Although still stigmatized, the street art is becoming increasingly important in the public space. Whether as social intervention, or as pure artistic creation, has gained credibility by connoisseurs and art curators.

Angry Artists meant to be a tribute to all the street artists for their maverick irreverence in opposition to the established system, bringing it indoors.

This is an interactive installation that merges the 'physical' world and the 'virtual' world on a animated wall, while providing the most up to date information about the artist, showing the last tweet written about him in the virtual sphere."

The video does not represent the location for which the installation was created for, it's a demo recorded in my living room. Source code can be found in this Github Repository

This is a collaboration project with Jorge Machado for the exibition "Geek Canvas" at Electricidade Estética.

"The exclusion is not always visible, we can act as a social being but that does not mean we feel interacting with others.

We can not feel it every day, but there are times when all the others around us seem to communicate in strange and incompressible ways, and our presence can even be ignored."

The giberish from the room is heard while one is outside, once inside the room a proximity sensor is triggered and the dolls get quiet leaving one in awkwardness.

The source code for this project is available at Github

This is one for the lazy, tired of pressing that P+ button on your remote? Well this app does it for you.

This app comes out of the necessity of switching channels while the hands were occupied. As i watch very few television, i usually zap trough the channels while having dinner, while using fork, knife and putting food in my mouth it gets tiresome of always having to press the program change button.

It is available as a free App for android in Google Play and it is meant to be used in Portugal region only for meo clients with a set-top box.

Features:

- Change channel automatically
- Change preview automatically
- Zapping favourite channels list
- Set time between action
- Define set-top box IP address
- Automatic search for meo set-top box ( currently broken on android 4+ version update incoming )

Changelog:

v1.3
- Added favourite channels list
- Better handling search set-top box
- New app icon

v1.2
- Solved bug that would crash the application when zapping was started the second time

v1.1
- Removed auto layout adaptation to screen orientation ( to implement in a near future without bugs )
- Better handling disconnect

v 1
- Automatic search of set-top box
- Connection on/off indicator
- Layout adapts to screen orientation

v 0.3b
- Optional vibration
- MultiTask preferences fix

This is one original project from Nuno Simaria for his Masters degree at Aveiro University. I gave a helping hand post project presentation for the exibitions at Future Places and Electricidade Estética. I helped tweaking and improving graphics, game dynamics, wiring circuitry and the core implementation which were originally done by Nuno and his work group.

Blacklight is a real-life casual game developed in Processing and Arduino, with a Wii Nunchuk, two flashlights and some LEDs. Its core idea is to confront light against darkness, encouraging the audience to participate using any light sources they might have on them (lighters, matches, mobiles, etc...), gathering together to defeat the Black Lord who sits on a throne unsing the Nunchuck of power.

For more details visit the development blog, you can also get the source code from the SVN Repository

Wordpress template develpment for the student association of Aveiro University.

The project was handed to me while working at labs.sapo and was designed by Plural.

An integration with SAPO Campus UA platform was also developed in which certain areas of the site are feeded by this platform blogs, photos and videos services.

(the website is no longer available)