patrickfav

GSAP 404 typed message using SplitText

A Pen by Patrick Favre-Bulle on CodePen.

License.

patrickfav

{{/* If you are using a CSP header this is how you can whitelist the inline-script */}}
{{/* its not optimal since it only changes every day and only if you regenerate the site */}}

{{ $currentDayNonce := now | time.Format "2006-01-02" | md5 }}

<meta http-equiv="Content-Security-Policy"
    content="default-src 'self';
    script-src 'self' 'nonce-{{ $currentDayNonce }}';
    img-src 'self';"
/>

patrickfav

import TurndownService from "turndown";

export const stackOverflowHighlightedCodeBlock = function (service: TurndownService): void {
    const highlightRegExp = /lang-([a-z0-9]+)/

    service.addRule('stackOverflowHighlightedCodeBlock', {
        filter: function (node: HTMLElement, options: Options): boolean | null {
            const firstChild = node.firstChild
            return (
                node.nodeName === 'PRE' &&

patrickfav

export const figureCaption = function (service: TurndownService): void {
    service.addRule('stackOverflowHighlightedCodeBlock', {
        filter: function (node: HTMLElement, options: Options): boolean | null {
            const firstChild = node.firstChild
            const lastChild = node.lastChild
            return (
                node.nodeName === 'FIGURE' &&
                firstChild && firstChild.nodeName === 'IMG' &&
                lastChild && lastChild.nodeName === 'FIGCAPTION'
            )