A Pen by Patrick Favre-Bulle on CodePen.
Patrick Favre patrickfav
🐿️
patrickfav
/ gsap-404-typed-message-using-splittext.markdown
Created
October 23, 2020 20:44
GSAP 404 typed message using SplitText
patrickfav
/ head.html
Last active
March 18, 2023 15:29
A hugo shortcode that obfuscates email addresses; makes it more difficult for bots to crawl it from your website. Add the html file to your "layouts/shortcodes/" folder then you can use it in your content.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| {{/* 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
/ plugin-so-turndown.ts
Last active
May 27, 2023 16:07
A Turndown Plugin parsing Stack Overflow HTML answers; converts it to GitHub-Flavored-Markdown (GFM) with correct language. Turndown is a JS Markdown Parser
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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
/ plugin-so-turndown.ts
Last active
March 30, 2023 16:58
A Turndown Plugin parsing figures with captions; creates the format '' Turndown is a JS Markdown Parser see https://www.npmjs.com/package/turndown
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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' | |
| ) |
patrickfav
/ convert_png.ps1
Created
September 21, 2024 22:24
A Powershell Script that converts all png files recusivly in given folder (and subfolders) when the resulting jpeg is smaller than the png and the png does not contain transparency. Requires Image Magick to be available in PATH.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $sourceFolder = "C:\path\to\pngs" | |
| $sumSavedKb = 0 | |
| # Get all PNG files recursively | |
| Get-ChildItem -Path $sourceFolder -Recurse -Filter *.png | ForEach-Object { | |
| $file = $_.FullName | |
| $jpgFile = [System.IO.Path]::ChangeExtension($file, "jpg") | |
| # Get the old file size (in kB) | |
| $oldfilesize = [Math]::Round((Get-Item -LiteralPath $file).Length / 1KB, 2) |
OlderNewer