GithubHelp home page GithubHelp logo

Hi, I'm Bonno!

And I make cool stuff from code

I'm a chemist turned devop and I enjoy creating software for both the web and the desktop. I aim to release most of my work under the the smile license 🙂. Curious about what it is that I do? Scroll down to find out more, or check out some business related things about me on LinkedIN.

Here's me at a glance

🧠 Personality

  • 🙌🏻 Friendly
  • 👂 Good listener
  • 📝 Always open to feedback
  • 🎯 Solution driven
  • 💪🏻 Determined

🧡 Loves

  • 🚵‍♂️ Mountain biking
  • 🎸 Playing the bass
  • ⌨️ Mechanical keyboards
  • 🍂 Long walks while enjoying nature
  • 👾 Retro gaming

📚 Education

  • 🎒 Hoger Algemeen Voortgezet Onderwijs
  • 🎓 HBO Chemie (BSc)
  • 👨‍🔬 Various laboratory related courses
  • 🖥️ Various IT related courses
  • 📺 And of course the university of YouTube baby!

🏆 Expertise

  • 🧪 Lab automation
  • 📊 LIMS systems (StarLIMS, SampleManager)
  • 👨‍🎨 Application design
  • 🤔 User Requirement Specifications
  • 📑 Report development

Key endorsements

Industry Knowledge Tools & Technologies Other Skills
Analytical Chemistry (7) SQL (5) Laboratory (7)
Petrochemical (6) VGL (5) Communication (3)
Lifesciences (3) Crystal Reports (6) Troubleshooting (3)
Quality Assurance (2) Database Administration (2) Data Management (3)
Laboratory Informatics (2) System Administration (3) Laboratory Instrument Interfacing (2)

My Work in Focus

VGL Syntax highlighters


A thumbnail of sublime text showing some VGL CodeThe first programming language I came into contact with as a professional was VGL. At the time, there weren't many tools available and the only thing that was even capable of syntax highlighting was a proprietary text editor costing of 15 dollars. To make matters worse, the only thing that editor did was highlight certain keywords in blue. Not really syntax highlighting by today's standards. Even for all those years ago...

So, I did what any annoyed programmer would do: I created my own syntax highlighter! I initially created a syntax highlighter for Notepad++ and wrote a short PDF manual explaining its usage and limitations. After completing the PDF I then shared the syntax highlighter with the VGL community. This was met with great positivity and several developers as well as companies started using the highlighter.

As I really wanted to push myself and become a better developer I switched from Notepad++ to Sublime Text (that's what the cool kids were using those days). Sublime Text was a good fit because I wanted to learn more about IDE like tools and language aware syntax highlighting. Needless to say, as my time spent in Sublime Text grew, so did my need for a Sublime Text VGL syntax highlighter. I did a bit of research and then ported the Notepad++ version to Sublime Text and published it on GitHub where it is still available for download today.

Learning focus

An emoji of a label serving as a tagging icon. The rendered emoji is from the OpenMoji emoji set. Language definitions, Programming constructs, IDE's, Snippets, Scoping, XML, RegEx

Download on GitHub

Readme Card

Deze Gasten: a Dutch gaming collective


A thumbnail of a the Deze Gasten website running the customized solid state themeDeze Gasten is a Dutch gaming collective by a group of friends. Its an ongoing journey in figuring out social media, networking, and content distribution.

Being the hipster nerd of our little group I'm often tasked with solving the technological challenges we are facing. Challenges such as getting a snazzy website up and running, automating notifications for new video uploads, and setting up webhooks for live streaming events.

Our website is powered by GRAV CMS, enabling even novices to update and maintain the website. With grav there is no messy editor to deal with and no database is required. The system is a markdown driven flat file CMS, so its just a matter of typing up content in notepad and uploading it via SFTP. A simple content snippet is shown below.

gauntlet:
    image: gauntlet.jpg
    title: 'Gauntlet: Slayer Edition'
    body: 'Ja man, we hebben gauntlet gespeeld. Je weet wel, die game die ooit op de NES was. Was leuk enzo. Bonno kwam nog onder een steen. Was even een dingetje...'
    button_url: 'https://www.youtube.com/watch?v=Kr953-fmJ3M&list=PLqDmcdTFyTgTu4TO_f-R1qVaaZnonfULR'
    button_caption: 'Gauntlet YouTube playlist'

A (port of the solid-state template)[https://github.com/bvdbasch/solid-state] by HTML5 UP was used as a starting point for the site. Further customizations have been added to the theme to strengthen SEO capabilities and enable more configuration options such as badges for badges sake.... The theme including the customizations is available for download on GitHub.

Learning focus

An emoji of a label serving as a tagging icon. The rendered emoji is from the OpenMoji emoji set. Social media, Encoding, Live streaming, Content distribution, Grav CMS, TWIG templating, YAML, Discord Bots, Audio processing, SEO, Webhooks

Download on GitHub

Readme Card

Strifecake: a bloggy Anchor CMS site


A thumbnail of a website running the Strifecake themeStrifecake is the result of a week long pair programming session, performed over the internet. The foundation for the site is Anchor CMS a clean, minimalist and markdown driven content management system. However, due to limitations in Anchor CMS at the time, we had to program some of our own PHP functions. These mainly deal with parsing article details from specific categories.

To allow a certain extent of modularity the theme was built with a block based approach, where the display functions where put in partials as much as possible. This approach enables content to be shown with simple php include statements as demonstrated below.

include(theme_path()."Partials/FrontPage/FrontpageCategoryBlockHTML.php");

Learning focus

An emoji of a label serving as a tagging icon. The rendered emoji is from the OpenMoji emoji set. Collaboration, GIT, Separation of concerns, Modularity, CSS, Typography

Download on GitHub

Readme Card

Connect with me on the following platforms

An emoji of the LinkedIN logo serving as an icon for the social network LinkedIN. The rendered emoji is from the OpenMoji emoji set. An emoji of the GitHub logo serving as an icon for the git repository hosting site GitHub. The rendered emoji is from the OpenMoji emoji set. An emoji of the Twitter logo serving as an icon for the social network Twitter. The rendered emoji is from the OpenMoji emoji set. An emoji of a camera with flash serving as an icon for the federated image sharing network Pixelfed. The rendered emoji is from the OpenMoji emoji set. An emoji of the web syndication protocol serving as an icon for the social blogging network Tumblr. The rendered emoji is from the OpenMoji emoji set. An emoji of the YouTube logo serving as an icon for the video sharing site YouTube. The rendered emoji is from the OpenMoji emoji set.

LinkedIN - GitHub - Twitter - Pixelfed - Tumblr - YouTube

📩 Or just drop me a line at [email protected] and we can talk tech! 📨

Bonno van der Basch's Projects

bvdbasch icon bvdbasch

👀 Config files for my GitHub profile. ✨

bvdbasch.github.io icon bvdbasch.github.io

📖 Sometimes I use words to make sentences. Eventually those can make up an article. Turns out people like to read those from time to time. Who knew right?

cmdtime icon cmdtime

ZSH plugin to display duration of command

nextdns-config icon nextdns-config

Setup guide for NextDNS, a DoH proxy with advanced capabilities.

playground icon playground

🎒 A collection of things I have messed around with to learn, play, and sharpen my skillset

solid-state icon solid-state

Solid State theme from Html5Up, ported to Grav CMS, and sprinkled with a little tweaks here and there

square-publii-theme icon square-publii-theme

A slightly tweaked version of the Publii theme called Square. This version contains several bugfixes and optimizations. - THIS PROJECT IS NOT AFFILIATED WITH PUBLII

status.vanderbasch.com icon status.vanderbasch.com

📊 A simple, zero-dependency, pure js/html status page based on GitHub Pages and Actions. - Forked from statsig-io/statuspage

strifecake icon strifecake

🎨 Strifecake is a custom theme for the open source content management system Anchor CMS. This theme is intended for media/news outlet style sites. It was used to power the SRSBSNS Strife website.

trashguard icon trashguard

🚮 A small block list containing the more exotic types of trash found around the internet. Feed this to your adblocker and take the garbage out!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.