Template:Clippy says: Difference between revisions

Latest revision as of 19:42, 30 May 2026

NOTICE: this template is mostly "finished", but its presentation/style might change dramatically in the near future. Be careful!

Feel free to improve this template! We need it to look good in dark-mode.

BTW, if you use a screen-reader, please try it on the template and let us know of any problems!

It looks like you forgot to type a message!

@@ Line 1: / Line 1: @@
 <noinclude>
-'''NOTICE''': this template is in draft state!
+'''NOTICE''': this template is mostly "finished", but its presentation/style might change dramatically in the near future. Be careful!
-It's supposed to have an image of Clippit on the left with a speech bubble containing the value of <code>quote</code>.
-{{#template_params:quote (label=Quote)}}
+Feel free to improve this template! We need it to look good in dark-mode.
-</noinclude><includeonly>
+BTW, if you use a screen-reader, please try it on the template and let us know of any problems!
-{{#template_display:_format=infobox}}</includeonly>
+</noinclude>
+<div style="padding: 8px; margin: 8px auto; max-width: 600px; display: flex; align-items: center; font-family: 'Segoe UI', Tahoma, sans-serif; color: #000000">
+<div style="flex: 0 0 86px; text-align: center; margin-right: 8px;">
+[[File:Clippy-new.jpg|86px|alt=Clippit the paper-clip, saying:|link=]]
+</div>
+<div style="flex: 1; position: relative; background: #eeb; border: 1px solid #333; border-radius: 6px; padding: 10px; font-size: 0.95em; line-height: 1.4;">
+<!-- arrow -->
+<div style="position: absolute; top: 50%; left: -6px; transform: translateY(-50%) rotate(45deg); width: 10px; height: 10px; background: #eeb; border-left: 1px solid #333; border-bottom: 1px solid #333;"></div>
+{{{1|It looks like you forgot to type a message!}}}
+</div>
+</div>
+<noinclude>
+{{Documentation}}
+</noinclude>