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