tillsanders

// Variables used by Scriptable.
// These must be at the very top of the file. Do not edit.
// icon-color: yellow; icon-glyph: magic; share-sheet-inputs: image;
/**
 * @name FrameYourPhotos
 * @description Make artsy posts from your photos for social media.
 * @author Till Sanders <mail@till-sanders.de>
 * @version 1.0.0 (20.08.2023)
 */

tillsanders

Base64 Encode/Decode Plugin for Nuxt.js + TypeScript

I was looking for an easy way to do Base64 encoding/decoding in Nuxt.js while using SSR (server-side rendering). It's not really a big deal, but I didn't find a quick solution. So here is a tiny plugin to help with that. Just drop it into your /plugins/ directory and reference it in the nuxt.config.ts:

  plugins: [
    { src: '~/plugins/base64.ts' },
  ]

tillsanders

{"lastUpload":"2021-10-19T06:07:48.453Z","extensionVersion":"v3.4.3"}

tillsanders

How to add a page with all tags to the Casper 2 theme for the Ghost CMS

Prerequisites

I tested this running Ghost 2.11.1 and the multilingual version of the Casper 2 theme.
My code is based on an older blog post by Aspire Themes on Medium: https://medium.com/aspirethemes/how-to-create-a-tags-list-page-in-your-ghost-theme-7a151413f5b0.

Installation

First, I recommend, you install Casper or the multilingual version linked above using git clone. That way, you can't easily mess things up.

tillsanders

BEMIT SASS Mixin

This is a method to dynamically generate responsive class names as described in BEMIT: Taking the BEM Naming Convention a Step Further.

Named breakpoints

To get started, we need to define our breakpoints:

$breakpoints: (

tillsanders

Administration Panel Boilerplate for Laravel (4)

I tried about every CMS there is. And I disliked most of them. There were only a handful that weren't a complete waste of time:

• Contao (free and powerful, but the backend is ugly),
• Kirby (nice and powerful, but paid),
• Perch (powerful and good support, but ugly backend, paid, and complicated at times) and
• Grav (beautiful, powerful and free, but not stable enough and a strange concept about pages).

At the end of the day, I still find myself building backends for every single project. There are some Laravel Admin Panels, but they are far from sexy or come with too much features.

tillsanders

@mixin no-tap-highlighting() {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: transparent;
}

tillsanders

The You-will-be-in-mortal-danger-if-you-dont-follow-this-checklist-checklist

Common pitfalls

• Caching and temporary directories accessible (permissions!) by webserver
• Webfonts available for production domain

Security

• Are email adresses (a little) protected?
• Do you need a captcha somewhere?
• Debug disabled

tillsanders

Useful regex stuff I wrote

Make links clickable:

$re = "/((?:http:\/\/|www\.).*)(?:\s|$)/U";
$html = preg_replace($re, '<a href="$1" target="_blank">$1</a> ', $plain);

---

tillsanders

// Found at Stackoverflow: http://stackoverflow.com/questions/6060992/element-with-the-max-height-from-a-set-of-elements
// Credits to http://stackoverflow.com/users/139010/matt-ball
var maxHeight = Math.max.apply(null, $("li").map(function ()
{
	return $(this).height();
}).get());