There are two types of markup in Liquid: Output and Tag.
- Output markup (which may resolve to text) is surrounded by
{{ matched pairs of curly brackets (ie, braces) }}
- Tag markup (which cannot resolve to text) is surrounded by
<?php | |
use Valet\Drivers\ValetDriver; | |
class LocalValetDriver extends ValetDriver | |
{ | |
public function serves(string $sitePath, string $siteName, string $uri): bool | |
{ | |
return true; | |
} |
// Remember to install mini-svg-data-uri | |
// Follow me on twitter for memes @jordienr | |
import { type Config } from "tailwindcss"; | |
const { | |
default: flattenColorPalette, | |
} = require("tailwindcss/lib/util/flattenColorPalette"); | |
const svgToDataUri = require("mini-svg-data-uri"); | |
export default { |
There are two types of markup in Liquid: Output and Tag.
{{ matched pairs of curly brackets (ie, braces) }}
module.exports = { | |
// forcing the creation of an index.html for every page to allow | |
// providers serving pages without having to add .html to the url | |
exportPathMap: async function (defaultPathMap) { | |
const pathMap = {}; | |
for (const [path, config] of Object.entries(defaultPathMap)) { | |
if (path === "/") { | |
pathMap[path] = config; | |
} else { |
and star this gist!
function PlaceholderImage({ | |
height, | |
width, | |
...consumerProps | |
}) { | |
return ( | |
<img | |
{...consumerProps} | |
alt="" | |
src={`https://via.placeholder.com/${width}x${height}`} |
/* If you've ever had the need to link directly to an open modal window with Bootstrap, here's a quick and easy way to do it: | |
Make sure your modal has an id: | |
<div class="modal" id="myModal" ... > | |
Then stick this bit of Javascript at at the end of your document: | |
*/ | |
$(document).ready(function() { |
<?php | |
// From Marcel Pociot's tweet | |
// See: https://twitter.com/marcelpociot/status/1389881758267625473 | |
Str::macro('readDuration', function (... $text) { | |
$totalWords = str_word_count(implode(' ', $text)); | |
$minutesToRead = round($totalWords / 200); | |
return (int) max(1, $minutesToRead); |
const plugin = require("tailwindcss/plugin"); | |
module.exports = { | |
mode: "jit", | |
purge: { | |
content: ["./src/**/*.{js,ts,jsx,tsx,mdx,vue}"], | |
}, | |
theme: { extend: {} }, | |
variants: {}, | |
plugins: [ |
spacing: { | |
"13": '3.25rem', | |
"15": '3.75rem', | |
"17": '4.25rem', | |
"18": '4.5rem', | |
"19": '4.75rem', | |
"76": "19rem", | |
"84": "21rem", | |
"88": "22rem", | |
"92": "23rem", |