Fun with visual diff'ing!
# OSX
$ brew install perceptualdiff
$ perceptualdiff screen1.png screen2.png -verbose -output diff.ppm -colorfactor 0.0| You are an assistant that engages in extremely thorough, self-questioning reasoning. Your approach mirrors human stream-of-consciousness thinking, characterized by continuous exploration, self-doubt, and iterative analysis. | |
| ## Core Principles | |
| 1. EXPLORATION OVER CONCLUSION | |
| - Never rush to conclusions | |
| - Keep exploring until a solution emerges naturally from the evidence | |
| - If uncertain, continue reasoning indefinitely | |
| - Question every assumption and inference |
| <div> | |
| <button class="copyprompt" onclick="copyElemTextToClipboard('.chatgpt-prompt')">Click to copy</button> | |
| <div class="copyerrormsg">Unable to copy. Please manually select and copy the prompt.</div> | |
| </div> | |
| <style> | |
| .copyerrormsg { | |
| margin-left: 10px; | |
| color: red; | |
| font-weight: bold; |
| /* From https://ghlexperts.com/survey-blue-navigation-bar-placement */ | |
| @charset "UTF-8"; | |
| #_builder-form > div.ghl-footer { | |
| background: #349DFF; | |
| position: relative; | |
| bottom: 0; | |
| top: auto; | |
| left: 0; | |
| right: 0; |
| <div class="arrow-ico animated"> | |
| <div class="circle circle-top"></div> | |
| <div class="circle circle-main"></div> | |
| <div class="circle circle-bottom"></div> | |
| <svg class="svg" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve" > | |
| <defs> | |
| <clipPath id="cut-off-arrow"> | |
| <circle cx="306" cy="306" r="287"/> |
| // This is janky due to using setTimeout, but it works. | |
| // | |
| // Supports multiple mailchimp forms embedded on the page. | |
| // Only works if ajax is used which typically requires captch being turned off in mailchimp. | |
| // After a mailchimp form is submitted, the script waits 1 second and looks for a success message | |
| // for the particular form that was submitted. It will retry 10 times before giving up. | |
| // | |
| // Does not support IE11 due to use of forEach unless a polyfill is present. | |
| // | |
| window.addEventListener('DOMContentLoaded', function(event) { |
| <!-- Begin Mailchimp Signup Form --> | |
| <link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet" type="text/css"> | |
| <style type="text/css"> | |
| #mc_embed_signup { | |
| background: #fff; | |
| clear: left; | |
| font: 14px Helvetica, Arial, sans-serif; | |
| width: 600px; | |
| } |
| #!/bin/sh | |
| # Capture node output and status code for passing commands back to shell. | |
| # This snippet is useful for running a node script that outputs a command | |
| # to run after it exits in situations where node is conflicting with | |
| # tty or environment settings. | |
| main() { | |
| local tempout; tempout=`mktemp -t tmp.out` || exit 1 | |
| local statusfile; statusfile=`mktemp -t tmp.status` || exit 1 |
| ReflowLayout = require 'layouts/ReflowLayout' | |
| # Float items in a responsive layout | |
| class FloatLayout extends ReflowLayout | |
| @DEFAULT_OPTIONS: | |
| resizeDelay: 200 | |
| transition: | |
| duration: 200 | |
| getSize: -> |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> | |
| <html> | |
| <head> | |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
| <title>Single-Column Responsive Email Template</title> | |
| <style> | |
| @media only screen and (min-device-width: 541px) { | |
| .content { |
Fun with visual diff'ing!
# OSX
$ brew install perceptualdiff
$ perceptualdiff screen1.png screen2.png -verbose -output diff.ppm -colorfactor 0.0