Combining component variants in Storybook
An example on how to combine different variants of a componenent in a single Storybook Vue story using decorators
Arco Mul
Recent content on Arco Mul
Latest posts
Treveléz - Pico de Fuentefria Day Hike
Day hike: Treveléz - Pico de Fuentefria 
 A great hike to explore the Sierra Nevada region next to Granada, with it’s grassy mountains, and incredible views. 
 Route Overview 
 
 Start: Trevélez (1,476 m) 
 Summit: Pico de Fuentefría (2,294 m) 
 Optional Return: Peñabón (2,012 m) 
 Distance: 13 km (full route) / 9 km (returning at Peñabón) 
 Elevation Gain:…
Helaba Design System
Unifying Helaba’s visual language using a web component based design system
Generated SVG Illustration
Using SVG to create a randomized illustration to display the variety of diversity
Motel One Cloud
Containerizing Motel One’s web services, and bringing them into a Kubernetes Cluster
Creating a paper map effect
Let’s explore web components by building a component which creates a slightly interactive map effect
Diversity
Diversity 
 
 This illustration was made for the
 Institute for Logic, Language and Computation 
(ILLC) in Amsterdam. 
 On every page refresh a new illustration get randomly generated based on
provided color schemes and characters. 
 ↻ Refresh page
Making Soy Yoghurt
Making Soy Yoghurt 
 Enjoying plant-based yoghurts but frustrated by the amount of plastic packaging they require and the additives they contain? Set the bacteria to work yourself. It’s surprisingly easy and you’ll be able to enjoy a more eco-friendly and healthy option, bacteria! Hooray 🙌 
 Soy milk 
 To make soy yoghurt, you can either use store-bought soy milk or make…
Exploring CSS Container Queries
Building a expandable illustration using CSS Container Queries
Hugo shortcode to preview HTML/CSS snippets
As alternative to embedding a Codepen: a Hugo shortcode which shows two panels with HTML and CSS, and a preview panel
Card folding out of page CSS effect
Let’s make an effect where a card seems to fold out of the page using CSS
Setting up HTTPS for self-hosted Sentry
How to set up HTTPS support for self-hosted Sentry using Traefik as reverse-proxy
Practise German
Practise German gender, conjugation and deklination in this little web app
Making Tempeh
Making Tempeh 
 Tempeh is a great addition to plant-based meals. Especially when marinated well. Here’s a short description of the way I like to make my tempeh. See also how to marinate it well below. 
 For tempeh spores see: fermentationculture.eu 
 
 Cook 150-200 grams of soy beans and a spoon of vinegar for 50 minutes 
 Dry the beans on a plate next to an open window,…
How to branch an African Milk Tree
How to branch an African Milk Tree 
 The African Milk Tree (Euphorbia Trigona) can have the tendency to shoot up to the sky, not letting itself divert from its straight path upwards. I’ve had this problem, and it doesn’t result in a very beautiful plant. Scared of the plant continuing for meters into the air, I decided to do something about it. 
 Branching an African Milk Tree 
…
Fibby
Fibby, the swimming aid with learning app that helps parents teach their kids essential water skills.
Impactbytes dashboard
Project Cece’s next step in providing easy access to sustainable product data: an affiliate marketing platform with easy to use dashboard.
Project Cece webshop
With the purpose to make shopping for sustainable clothing more easy and trustworthy Project Cece offers a webshop combining all sustainble clothing webshops in one place.
Illustrations
Tekening van een huis in Amsterdam
Tekening van een huis in Amsterdam 
 Er staan prachtige panden in Amsterdam. Soms omdat ze simpelweg een mooie oude stijl hebben, en soms omdat een huis over de jaren heen karakteristieke elementen heeft verworven. Door de speelsheid van de lijnen kan een tekening zo’n gebouw in Amsterdam echt tot zijn recht laten komen. 
 Interesse om jouw huis, of dat van een vriend, te laten…
Basic Git Commands
Basic Git Commands 
 Some basic git commands used in the git explanation videos of HackYourFuture: X and X 
 $ git init 
Create a repository 
 $ git add <filename or .> 
To add files to a new commit 
 $ git commit -m "<your commit message>" 
Commit the added files 
 $ git checkout -- <filename> 
Resets a file to how it was in the last commit 
 $ git log…
Basic Command Line Commands
Basic Command Line Commands 
 Some basic command line commands used in the command line explanation video of HackYourFuture: https://www.youtube.com/watch?v=seMBsGpc8vM 
 Move around using the command line 
 ~ 
Home directory 
 $ pwd 
Print Working Directory 
 $ cd [name of directory] 
Change Directory 
 $ cd .. 
Go to parent directory 
 $ ls 
List…
TECHville
TECHville welcomes classes to come by for half a day and learn in an interactive way about the STEM field. During the experience the kids help to make the city ready for the future by placing windmills, solar panels, setting up a Smart Grid and many more things.
Cagliari Day Hike
Day hike in Cagliari 
 Hiking to Bruncu Mariangela and back (4 hours) 
 Spending yours days in Cagliari and looking to make a small hike?
Hiking to Bruncu Mariangela close to Capitana is a not too hard
hike which is easy reachable by bus and will results in an amazing
view. 
 Be aware that this is a rather simple and short hike. Not even a
full day. If you are looking…
Gember bier
Zelf gemberbier maken 
 Gemberbier maken bestaat uit twee stappen. Een gember bug starten, en vervolgens met deze gember bug gemberbier maken. Onderstaande is wat ik gebruik qua hoeveelheden, ik ben hier zeker niet precies in, dus wijk er gerust van af. Van ervaring leer je het meest! :-) 
 Benodigdheden 
 
 Glazen pot van ongeveer een liter 
 Groot stuk bio gember 
…
Re_Pair
A Global Game Jam game about bringing together what should be together, from obvious physical objects to relationships. Fix spaceships, make pirates stop fighting, and heal your heart.
Storyworld
The old comic museum in Groningen has been upgraded to a modern interactive museum about comics, animations and games. Informative videos and creative games teach the visitor about the creation of these ways of storytelling.
Boord
An alternative to Trello, with the option to show multiple sub-projects in one board and track (scrum) points nativly
Superstraat
With an exhibition full of games, combining the digital and physical world. The Wereldmuseum in Rotterdam tells kids the story of all the different cultures living together in Rotterdam.
Hermit Crab
A short voice-over driven game about the life of a hermit crab. Can you survive the though life as a hermit crab and find a fitting shell to move into?
Sonnenborgh Observatory
The oldest observatory in the Netherlands now aims to teach kids about the science behind exploring the stars. Sonnenborgh opened an exhibition with a new kind of tablet tour; an interactive one where the physical and the digital world cross bounderies.
Unity CMS
Customizable CMS optimized for Unity and no active internet connection usage
KPN Digital Experience
Motivating (new) customers with a custom digital experience
Twisting
A new -more modern- interface for the peer-to-peer based Twitter application Twister.
Mini Dogfight
A fun, fast paced mobile dogfighting game - can you beat all enemies and complete all levels?
(untitled)
Copy 
 á à è é ò ó ← → ↑ ↓ ▼ ▲	◄ ► ◀ ▶ € $ × ✖ ✔ • ● ★ ☆ ± 
 ¯\ (ツ) /¯