Side projects

Here I give an insight into some projects that I have realized independently. Those contain design work as well as web development.

Filter by a tag

Landing page of the winter market in Wahlen

Published on:

  • #11ty
  • #webdev
  • #webapp

On 30.11.2024 the time has come and the winter market in Wahlen will take place again. I have redesigned the landing page and give you a few insights into the new features.

Importing bookmarks to 11ty with the Pocket API

Published on:

  • #11ty
  • #automation
  • #webdev

Pocket offers an API with which the saved bookmarks can be used and customized. I make use of this and save the data in a bookmark post on stebre.ch. Bookmarks with a specific tag are taken into account. After processing, the link saved on Pocket is archived.

notion2eleventy

Published on:
Updated on:

  • #11ty
  • #markdown
  • #notion

notion2eleventy is a plugin for the Static Site Generator Eleventy (short: 11ty). It loads content from Notion into your 11ty directory. A status-based workflow ensures that only content that has changed is downloaded. The plugin is available as a Node module at npmjs.com.

stebre.ch: Relaunch and name change

Published on:
Updated on:

  • #11ty
  • #branding
  • #content
  • #webdev

stebre.ch: I have secretly relaunched my personal website and also changed the name. But I don't want to refrain from giving you a little insight.

Family Association Wahlen

Published on:
Updated on:

  • #branding
  • #notion
  • #11ty
  • #webdev

The website for the family association in Wahlen was created in the first quarter of 2021. It is the second project that I have implemented with Gatsby. The connection to a headless CMS was a première for me and the decision was made in favor of Netlify CMS.

FirIA

Published on:

  • #markdown

Since I am enthusiastic about Markdown and the iA Writer, I have developed the iA Writer template FirIA.

Gian the lion

Published on:

  • #icons
  • #print

I drew and vectorized the mascot "Gian the Lion" for the invitation card of our youngest's christening.

Icons “Matterhorn Protocol”

Published on:

  • #icons

With these icons I wanted to visualize the different checkpoints of the Matterhorn Protocol.

Labels for homemade food

Published on:

  • #animation
  • #branding

In our garden there is an elder tree whose flowers we harvest every year and make syrup from. We also process other things that grow in our garden.

Innocu Logo

Published on:

  • #animation
  • #branding

I created the Innocu logo for my father-in-law. It is a word-image mark and consists of the text "INNOCU" – which is short for Innovation Cueni – and the abstract signet, which combines the letters c and i.

accessible-pdf.info

Published on:
Updated on:

  • #accessibility
  • #branding
  • #content
  • #webdev

The creation of accessible PDF documents is a passionate topic that I have been working on intensively since 2014. In my spare time, I maintain and run the website accessible-pdf.info. There I share my experiences and knowledge in German and English.

WordCamp Bern 2017 Design

Published on:

  • #branding
  • #print

On 9.9.2017 the WordPress event took place in Bern. These events are called WordCamp and take place worldwide with the open source community. I was part of the organizing team and was allowed to design the logo, t-shirts, batches and more.

Penguin WordPress Theme

Published on:

  • #webdev

I called the second WordPress theme I developed Penguin. Its design is simple and uses the so-called masonry card style on a larger desktop screen.

Designer Tools

Published on:

  • #icons

Designer Tools is a small icon collection which I drew in Illustrator and made available as vector graphics on Noun Project.

Icon Font: Out Of Circle – WP Post Formats

Published on:

  • #icons

“Out Of Circle – WP Post Formats” is a small icon font that can be used to graphically polish the currently available post formats in WordPress.

AlbinoMouse WordPress Theme

Published on:

  • #webdev

AlbinoMouse was my first WordPress theme, which I developed and made available in the official directory on wordpress.org.

Social Media Icons Rounded and Glossy v1

Published on:

  • #icons

“Rounded & Glossy” is a small package with 30 social media icons. The icons have a rounded shape with a glossy effect.