Create some demo use cases

[alexpovel]

• All targeted shells/programs:
  • curl
  • wget
  • PowerShell
• all templates
• all languages

[alexpovel]

Can try out asciinema for that.

[alexpovel]

Some work towards this was done in 79c61a8.

[alexpovel]

79f20b8 can stand in as the 'mother of all demos', since it's a live showcase for anyone to try out. Let's scrap showcasing all templates and languages for now. Showcasing languages is boring and there's only one template 🤷

[alexpovel]

Done with 2e8de72, where a screenshot of the live demo was added, taken with/in:

• curl 7.83.1.0

• ancv 0.19.1

• Windows Terminal

• PowerShell 7

• FiraCode Nerd Font

• this Windows Terminal color scheme:

   {
       "background": "#263238",
       "black": "#000000",
       "blue": "#82AAFF",
       "brightBlack": "#546E7A",
       "brightBlue": "#82AAFF",
       "brightCyan": "#89DDFF",
       "brightGreen": "#C3E88D",
       "brightPurple": "#C792EA",
       "brightRed": "#FF5370",
       "brightWhite": "#FFFFFF",
       "brightYellow": "#FFCB6B",
       "cursorColor": "#FFFFFF",
       "cyan": "#89DDFF",
       "foreground": "#EEFFFF",
       "green": "#C3E88D",
       "name": "Material",
       "purple": "#C792EA",
       "red": "#FF5370",
       "selectionBackground": "#FFFFFF",
       "white": "#FFFFFF",
       "yellow": "#FFCB6B"
   },

  From that scheme, we know the background color (#263238). Taking a screenshot of the terminal (scaled way up for retina quality), we can then remove that background color: convert in.png -transparent "#263238" out.png, yielding a perfectly transparent PNG:

  

  That can then be superimposed onto the prepared SVG terminal mock, yielding:

  

  This method is still tedious and not entirely reproducible/automatable, but:

  • rich's save_svg is excellent but garbled emojis:

    

  • other methods didn't work at all; having the output entirely SVG and not as a bitmap would be nice but it has too many pitfalls; only a bitmap can really display what's on screen, with no ambiguity as to how it's rendered (on GitHub, ...)