Skip to content

Instantly share code, notes, and snippets.

Holger Bartel foobartel

Block or report user

Report or block foobartel

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
foobartel / config.php
Last active Aug 27, 2019
A Kirby 3 plugin to output optimised images in content textarea fields.
View config.php
return [
// default values for optimage tag if no values are set
'optimagetag' => [
'width' => '1200',
'height' => null,
'quality' => '55'


In TheFilterBar there are two filter options that pass a value to App.vue and it is currently only possiby to filter by either one value.

Desired solution:

I would like to be able to filter by either value or by both values together, but can't get to the second value, once the other has been updated. The methods below need to be adjusted, but at the moment I can't get the second value… A result like this with the method taking multiple arguments, e.g. filteredPosts(type, area) would be the preferred outcome:

foobartel / gulp-shopify-css-assets.js
Created Aug 2, 2016
Convert CSS background image paths to Shopify asset paths
View gulp-shopify-css-assets.js
var gulp = require('gulp');
var $ = require('gulp-load-plugins')();
var replace = require('gulp-replace');
var rename = require("gulp-rename");
Gulp task to convert CSS background image paths to Shopify asset urls,
e.g. url(/images/background.jpg) -> url({{ 'background.jpg' | asset_url }})
foobartel / regex-sample.txt
Created Aug 21, 2015
Sample file for regex issue with repeat patterns
View regex-sample.txt
title: Newsletter Design Issues with Outlook 2010
layout: post
permalink: /2012/04/newsletter-design-issues-with-outlook-2010/
- Code
- Design
- Web Dev

Keybase proof

I hereby claim:

  • I am foobartel on github.
  • I am foobartel ( on keybase.
  • I have a public key whose fingerprint is 203E FDA8 9E19 D8B9 4949 FA0A 1B6D A7D9 3592 8F89

To claim this, I am signing this object:

foobartel / svg-fallback
Created Oct 16, 2014
Simple SVG Fallback
View svg-fallback
<!-- The simplest way to have PNG fallback for browsers without SVG support:
hattip by @viljamis -->
<img src="logo.svg" onerror="this.onerror=null;this.src='logo.png'">
foobartel / string-replace-css-url
Created Oct 15, 2014
Grunt string-replace CSS url to rails asset
View string-replace-css-url
// string-replace in two passes, because of bug?, reason is apparently related to lodash template security
// find: ": url(img/imagename)"
//replace: "url(<%= asset_path 'img/imagename' %>)"
'string-replace': {
inline: {
files: {
'dist/css/app.css.erb': ['css/app.css'],
options: {
You can’t perform that action at this time.