Beyond Belief
Yeah, so I'll start this review with the same words I muttered out loud in astonishment after submitting a sentence of specific HTML requests, "Oh, that's bad@ss!"
I have been working out an HTML email signature for a client and needed to add a table to the code (yay for email!). after debating it for a couple of weeks, I had just pulled the trigger on purchasing AskJarvis, and hadn't had a chance to try it out. Perfect opportunity.
My first request was, "Create a table with three columns at 50%, 25%, and 25% with a background color set to #ED6A58." It did just that. I plugged in the code and started customizing it further and thought, "Wait, let's see how far I can take this app." After a few iterations of asking increasingly detailed requests and getting just what I wanted, before getting distracted with another project, I ended up with this final request and outcome (certain details redacted):
"Create a table with three columns at 50%, 25%, and 25% with a background color set to #ED6A58. SEt the table's padding to 1em. In the first column add 12px white text a weight of 500 with the words Let me help you find your spot in our growing community, located at [a great place]!. In the second column add white text with a heavy underline and a line height of 1.3 with the words Book Meeting and hyperlink it to [I included a specific website address with an https protocol here, and now I realize I should have seen how it would handle not including anything in that respect] and make the visited link color gray. In the third column add white text with a heavy underline and a line height of 1.3 with the words Resources and hyperlink it to [I included another website address here] and make the visited link color gray."
Heres the result:
<table style="width:100%; background-color:#ED6A58; padding:1em;">
<tr>
<td style="width:50%; color:white; font-size:12px; font-weight:500;">Let me help you find your spot in our growing community, located at [a-great-place]</td>
<td style="width:25%; color:white; text-decoration:underline; line-height:1.3;"><a href="properly-linked-website" style="color:white; text-decoration:none;">Book Meeting</a></td>
<td style="width:25%; color:white; text-decoration:underline; line-height:1.3;"><a href="another-properly-linked-website" style="color:white; text-decoration:none;">Resources</a></td>
</tr>
</table>