Skip to content

Instantly share code, notes, and snippets.

View tomhermans's full-sized avatar
👻
tinkering

Tom Hermans tomhermans

👻
tinkering
View GitHub Profile
@tomhermans
tomhermans / gist:ecbb8c35bc35dc28e49699dbc2dd64e7
Last active May 28, 2026 07:27
n8n weather Automation mailer
// Automation thingie
// CODE Block for n8n - convert weather data to HTML table layout for e-mail template
// "Fetches the daily weather forecast for Lommel from wttr.in every morning at 8am and sends a formatted HTML email with current conditions and a 3-day outlook."
const w = JSON.parse($input.first().json.data);
const LOCATION = 'Lommel';
const ICONS = {
113:'☀️',116:'⛅',119:'☁️',122:'☁️',143:'🌫️',176:'🌦️',179:'🌨️',
@tomhermans
tomhermans / 24-Effects-Image-Editor.html
Last active March 21, 2026 18:15
Min & Max: The 24-Effects Image Editor
<div class=fullscreen-image><img alt="Image à transformer" crossorigin=anonymous id=meme-image src="https://images.unsplash.com/photo-1637066725847-9eb5c63e1956?w=1600"></div>
<div class=controls-container><button id=togglePanelBtn class=toggle-btn><svg fill=#fff version=1.1 viewBox="0 0 122.88 96.32" x=0px xmlns=http://www.w3.org/2000/svg y=0px>
<g>
<path d="M104.54,23.28c6.82,6.28,12.8,14.02,17.67,22.87l0.67,1.22l-0.67,1.21c-6.88,12.49-15.96,22.77-26.48,29.86 c-8.84,5.95-18.69,9.67-29.15,10.59l6.73-11.66c5.25-1.42,10.24-3.76,14.89-6.9c8.18-5.51,15.29-13.45,20.79-23.1 c-2.98-5.22-6.43-9.94-10.26-14.05L104.54,23.28L104.54,23.28z M88.02,0l17.84,10.3L56.2,96.32l-17.83-10.3l0.69-1.2 c-4.13-1.69-8.11-3.83-11.9-6.38C16.62,71.35,7.55,61.07,0.67,48.59L0,47.37l0.67-1.22C7.55,33.67,16.62,23.39,27.15,16.3 C37.42,9.38,49.08,5.48,61.44,5.48c7.35,0,14.44,1.38,21.14,3.94L88.02,0L88.02,0L88.02,0z M44.36,75.63l5-8.67 c-5.94-3.78-9.89-10.42-9.89-17.99c0-11.77,9.54-21.31,21.31-21.31c3.56,0,6.92,0.87,9.87,2.42l6.61-11.44
@tomhermans
tomhermans / avatar-fun-cutout-effect-dubbed-impossible-avatar-faces-of-tom.markdown
Created March 3, 2026 07:02
avatar fun / cutout effect (dubbed impossible avatar) / faces of tom
@tomhermans
tomhermans / css-svg-filter-generator.markdown
Created March 3, 2026 06:40
CSS / SVG Filter Generator

CSS / SVG Filter Generator

Play with different filters and combine them to produce amazing results. CSS and SVG filter codes are generated automatically.

A Pen by Tom Hermans on CodePen.

License.

@tomhermans
tomhermans / details-element-as-turnable-cards.markdown
Created February 17, 2026 12:59
Details element as turnable cards
@tomhermans
tomhermans / countdown-numbers-game.markdown
Created February 17, 2026 12:55
Countdown Numbers Game
@tomhermans
tomhermans / bookmark-csv-converter.js
Created February 8, 2026 16:24
Bookmark CSV Converter (for Supabase (Instapaper/Pocket Format))
#!/usr/bin/env node
/**
* CSV Converter for Bookmark Import to Supabase
*
* This script converts bookmark exports (like Instapaper, Pocket, etc.)
* to a standardized CSV format compatible with Supabase database import.
*
* USAGE:
* node convert-csv-instapaper.js [input-file] [output-file]
httrack "https://sitename.xyz/" -O "/Users/admin/websites/sitename" -s0 -F "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36" -%v