// Pairing birds — the two illustrated characters used on the pairing screens. // // These are all that remains of the audio-chirp pairing animation this file is // named after: the flow itself was removed with Chirp, but the birds outlived // it and still animate above the code-entry, connecting, SAS and paired // screens (ChirpSync.tsx's `desktopBirdStage`). import { Component } from "solid-js"; const FINCH = { hi: "#f4a6b6", mid: "#dc8294", lo: "#a85870", shade: "#7a3e54", cream: "#f5d8c8", beak: "#f5c764", beakShade: "#c8932e", legs: "#7a3e54", }; const SWALLOW = { hi: "#f4c8a0", mid: "#dc9968", lo: "#a86b3e", shade: "#7a4a26", cream: "#f7e0c8", beak: "#f5c764", beakShade: "#b87a22", legs: "#5e3a1f", }; export const DesktopBird: Component<{ pose: string }> = (props) => { const p = FINCH; return (
); }; export const MobileBird: Component<{ pose: string }> = (props) => { const p = SWALLOW; return (
); };