h-collector

Diagrams

Markdown Preview Enhanced supports rendering flow charts, sequence diagrams, mermaid, PlantUML, WaveDrom, GraphViz, Vega & Vega-lite, Ditaa diagrams. You can also render TikZ, Python Matplotlib, Plotly and all sorts of other graphs and diagrams by using Code Chunk.

Please note that some diagrams don't work well with file exports such as PDF, pandoc, etc.

Flow Charts

This feature is powered by flowchart.js.

This is Jason's Responsive Background Image Twig Macro translated into PHP for use with ACF image fields:

<?php function responsive_ACF_background_image($image, $display_style, $css_path) {
  $retina_style = $display_style . "2x";
  echo "<style>
      $css_path {
          background-image: url(\"" . $image[sizes][$display_style] . "\");
      }
 @media

Docker on BTRFS is very buggy and can result in a fully-unusable system, in that it will completely butcher the underlying BTRFS filesystem in such a way that it uses far more disk space than it needs and can get into a state where it cannot even delete any image, requiring one to take drastic actions up to and including reformatting the entire affected BTRFS root file system.

According to the official Docker documentation:

btrfs requires a dedicated block storage device such as a physical disk. This block device must be formatted for Btrfs and mounted into /var/lib/docker/.

In my experience, you will still run into issues even if you use a dedicated partition. No, it seems it requires a standalone

	import Vue from 'vue'
	import LocationIcon from './LocationIcon'

	// create a constructor from a Vue component
	const LocationIconConstructor = Vue.extend(LocationIcon)

	export const getColoredIconUrl = (fillColor, strokeColor) => {
	// create a Vue element with required props
	const iconComponent = new LocationIconConstructor({ propsData: { fillColor, strokeColor } })
	// mount the component shadow DOM

	<template>
	<svg
	width="28"
	height="28"
	viewBox="0 0 28 28"
	>
	<defs>
	<circle id="my-location-a" cx="14" cy="14" r="8" />
	</defs>
	<g fill="none" fill-rule="evenodd">

	...
	'channels' => [
	'stack' => [
	'driver' => 'stack',
	'channels' => ['single'],
	],

	'single' => [
	'driver' => 'monolog',
	'path' => storage_path('logs/laravel.log'),

	import { mapState } from 'vuex'

	export default function mapStatesTwoWay (namespace, states, updateCb) {
	const mappedStates = mapState(namespace, states)
	const res = {}
	for (const key in mappedStates) {
	res[key] = {
	set (value) {
	updateCb.call(this, { [key]: value })
	},

	[opcache]
	; Determines if Zend OPCache is enabled
	opcache.enable=1

	; Determines if Zend OPCache is enabled for the CLI version of PHP
	;opcache.enable_cli=1

	; The OPcache shared memory storage size.
	opcache.memory_consumption=512

	let mix = require("laravel-mix");
	let tailwindcss = require("tailwindcss");
	let glob = require("glob-all");
	let PurgecssPlugin = require("purgecss-webpack-plugin");

	/**
	* Custom PurgeCSS Extractor
	* https://github.com/FullHuman/purgecss
	* https://github.com/FullHuman/purgecss-webpack-plugin
	*/

	// Vue component for loading minimal fonts with webfontloader

	<template>
	</template>

	<script>
	//https://github.com/typekit/webfontloader
	import WebFontLoader from 'webfontloader';

	export default {