Template:Grok: Difference between revisions

Revision as of 16:18, 5 March 2025

Documentation

This is a self-contained MediaWiki template that simulates a conversation between a user ("Human") and Grok, an AI created by xAI. The "Human" input is displayed in a greyish, rounded box flushed to the right, while "Grok's" response is in a lighter box below, featuring a Grok logo.

Usage

Call the template with no parameters for a default interaction:

{{Grok}}

Pass a custom user input (parameter 1) and Grok's response (parameter 2):

{{Grok|How's the weather?|I'm not a weather bot, but I can search the web for you if you'd like! What's your location?}}

Parameters

1. 1 (unnamed) - The user's input (defaults to "Hello, Grok!" if omitted). 2. 2 (unnamed) - Grok's response (defaults to a generic greeting if omitted).

Notes

The template uses the font styling: `font-size: 1em; font-family: Avantgarde, TeX Gyre Adventor, URW Gothic L, sans-serif;`.
The Grok logo is included as ``. Upload an image named "Grok_Logo.png" (e.g., the black-hole-inspired logo) to your MediaWiki instance. The size is set to 20px; adjust as needed.
The logo is placed inline with `vertical-align: middle` and directly adjacent to "rok:" with no margin.
Padding is set to `2px 5px` (vertical 2px, horizontal 5px) to reduce vertical spacing while maintaining the previous horizontal spacing.

Example

{{Grok|Tell me about yourself|I'm Grok, an AI built by xAI, designed to help users understand the universe and assist with various tasks. I can analyze X posts, search the web, and more. How can I help you today?}}

@@ Line 1: / Line 1: @@
 <includeonly>{{#if: {{{1|}}} |
 <div style="overflow: hidden;">
-<div style="border: 1px solid #ccc; padding: 0px; margin: 10px 0; background-color: #e0e0e0; float: right; width: 45%; text-align: left; border-radius: 10px; font-size: 1em; font-family: Avantgarde, TeX Gyre Adventor, URW Gothic L, sans-serif;">
+<div style="border: 1px solid #ccc; padding: 2px 5px; margin: 10px 0; background-color: #e0e0e0; float: right; width: 45%; text-align: left; border-radius: 10px; font-size: 1em; font-family: Avantgarde, TeX Gyre Adventor, URW Gothic L, sans-serif;">
 '''Human:''' {{{1}}}
 </div>
-<div style="border: 1px solid #ccc; padding: 0px; margin: 10px 0; background-color: #f9f9f9; clear: both; font-size: 1em; font-family: Avantgarde, TeX Gyre Adventor, URW Gothic L, sans-serif;">
+<div style="border: 1px solid #ccc; padding: 2px 5px; margin: 10px 0; background-color: #f9f9f9; clear: both; font-size: 1em; font-family: Avantgarde, TeX Gyre Adventor, URW Gothic L, sans-serif;">
-<div style="display: flex; align-items: center;">
+[[File:Grok_Logo.png|20px|vertical-align: middle;]]'''rok:''' {{#if: {{{2|}}} | {{{2}}} | Hello! I'm Grok, created by xAI. How can I assist you today? If you have any questions or topics you'd like to explore, feel free to ask! (Current date: March 05, 2025)}}
-[[File:Grok_Logo.png|20px|vertical-align: middle;]]<span style="margin-left: 0px; vertical-align: middle;">'''rok:''' {{#if: {{{2|}}} | {{{2}}} | Hello! I'm Grok, created by xAI. How can I assist you today? If you have any questions or topics you'd like to explore, feel free to ask! (Current date: March 05, 2025)}}</span>
-</div>
 </div>
 </div>
 |
 <div style="overflow: hidden;">
-<div style="border: 1px solid #ccc; padding: 0px; margin: 10px 0; background-color: #e0e0e0; float: right; width: 45%; text-align: left; border-radius: 10px; font-size: 1em; font-family: Avantgarde, TeX Gyre Adventor, URW Gothic L, sans-serif;">
+<div style="border: 1px solid #ccc; padding: 2px 5px; margin: 10px 0; background-color: #e0e0e0; float: right; width: 45%; text-align: left; border-radius: 10px; font-size: 1em; font-family: Avantgarde, TeX Gyre Adventor, URW Gothic L, sans-serif;">
 '''Human:''' Hello, Grok!
 </div>
-<div style="border: 1px solid #ccc; padding: 0px; margin: 10px 0; background-color: #f9f9f9; clear: both; font-size: 1em; font-family: Avantgarde, TeX Gyre Adventor, URW Gothic L, sans-serif;">
+<div style="border: 1px solid #ccc; padding: 2px 5px; margin: 10px 0; background-color: #f9f9f9; clear: both; font-size: 1em; font-family: Avantgarde, TeX Gyre Adventor, URW Gothic L, sans-serif;">
-<div style="display: flex; align-items: center;">
+[[File:Grok_Logo.png|20px|vertical-align: middle;]]'''rok:''' Hello! I'm Grok, created by xAI. How can I assist you today? If you have any questions or topics you'd like to explore, feel free to ask! (Current date: March 05, 2025)}
-[[File:Grok_Logo.png|20px|vertical-align: middle;]]<span style="margin-left: 0px; vertical-align: middle;">'''rok:''' Hello! I'm Grok, created by xAI. How can I assist you today? If you have any questions or topics you'd like to explore, feel free to ask! (Current date: March 05, 2025)}</span>
-</div>
 </div>
 </div>
@@ Line 38: / Line 34: @@
 * The template uses the font styling: `font-size: 1em; font-family: Avantgarde, TeX Gyre Adventor, URW Gothic L, sans-serif;`.
 * The Grok logo is included as `[[File:Grok_Logo.png|20px|vertical-align: middle;]]`. Upload an image named "Grok_Logo.png" (e.g., the black-hole-inspired logo) to your MediaWiki instance. The size is set to 20px; adjust as needed.
-* The logo is aligned with `vertical-align: middle` and has no margin (0px) from the "rok:" text. The `flex` container uses `align-items: center` for better vertical centering.
+* The logo is placed inline with `vertical-align: middle` and directly adjacent to "rok:" with no margin.
-* Padding is set to 0px to minimize vertical spacing while maintaining the previous horizontal spacing.
+* Padding is set to `2px 5px` (vertical 2px, horizontal 5px) to reduce vertical spacing while maintaining the previous horizontal spacing.
 === Example ===
 <pre>{{Grok|Tell me about yourself|I'm Grok, an AI built by xAI, designed to help users understand the universe and assist with various tasks. I can analyze X posts, search the web, and more. How can I help you today?}}</pre>
 </noinclude>