JSFiddle - React, Tailwind, and code Playground

by orthosie

HTML

<h2>
wallpaper
</h2>
<pre>
#! /bin/sh

QUOTE="Winning is not everything. Willing to win is. Great things may come to those who wait. But only that are left over by those who hustle." ;\
AUTHOR="Abraham Lincoln"; \
RESULT="image.png"; \
FILE="rose.jpg"; \
TEXT=" They Said So"; \
convert \( theysaidso.png -resize 250 \) -fill grey50 -colorize 40  miff:- |\
  composite -dissolve 100 -gravity south -geometry -250+180 - ${FILE}  tmp2.png ; \
width=`identify -format %w tmp2.png`; \
  convert -background '#0008' -fill white -gravity center -geometry +0+0 -size ${width}x750 \
          caption:" \n ${QUOTE} \n\n${AUTHOR}\n" \
          tmp2.png +swap -gravity center -composite  tmp3.png;  \
  convert -background transparent -fill white -gravity center -size 500x50 \
          caption:" ${TEXT} "  \
          tmp3.png +swap -gravity south -geometry +0+300 -composite  ${RESULT}
exit;


</pre>
<h2>
Text generation
</h2>
<pre>
  
  #! /bin/sh

# convert -list font


convert -background transparent -fill white -font Utopia-Regular \
          -size x70  -pointsize 72  -gravity center \
          -tile dots.jpg label:"theysaidso.com"  -trim +repage  -bordercolor transparent -border 10    label_overflow.png

</pre>