Template:Grok: Difference between revisions

Latest revision as of 13:50, 22 May 2025

Documentation

This is a self-contained MediaWiki template that simulates a conversation between a user (default "Human" or a custom name defined by `HumanUserIs`) and Grok, an AI created by xAI. The user 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 with customizable absolute positioning.

Usage

1. Define the user’s name on the page before calling the template:

{{#vardefine:HumanUserIs|Fabrice}}

2. Call the template with no parameters for a default interaction:

{{Grok}}

3. 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 (unnamed) - The user's input (defaults to "Hello, Grok!" if omitted). 2 (unnamed) - Grok's response (defaults to a generic greeting if omitted). HumanUserIs - A variable that, if defined on the page with `#vardefine`, replaces "Human" with the specified name (e.g., "Fabrice"). Falls back to "Human" if undefined.

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 in a

with position: absolute inside a relatively positioned container. Upload an image named "Grok_Logo.png" to your MediaWiki instance. The size is set to 20px; adjust as needed.

- The logo positioning differs slightly between the two divs (top-aligned for custom input, bottom-aligned for default). - Requires the Variables extension to define `HumanUserIs` on the page. Use `` to access the variable.

Example

{{#vardefine:HumanUserIs|Fabrice}}
{{Grok|Tell me something cool|Sure, Fabrice! Did you know the universe is expanding?}}

This will display "Fabrice:" instead of "Human:" in the output.

@@ Line 1: / Line 1: @@
 <includeonly>{{#if: {{{1|}}} | <div style="overflow: hidden;">
 <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; position: relative;">
-'''{{#if: {{HumanUserIs}} | {{HumanUserIs}} | Human}}:''' {{{1}}}
+'''{{#if: {{#var:HumanUserIs}} | {{#var:HumanUserIs}} | Human}}:''' {{{1}}}
 </div>
 <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; position: relative;">
@@ Line 13: / Line 13: @@
 <div style="overflow: hidden;">
 <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; position: relative;">
-'''{{#if: {{HumanUserIs}} | {{HumanUserIs}} | Human}}:''' Hello, Grok!
+'''{{#if: {{#var:HumanUserIs}} | {{#var:HumanUserIs}} | Human}}:''' Hello, Grok!
 </div>
 <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; position: relative;">
@@ Line 27: / Line 27: @@
 === Usage ===
-. Define the user’s name on the page before calling the template (requires the Variables extension):
+. Define the user’s name on the page before calling the template:
     <pre>{{#vardefine:HumanUserIs|Fabrice}}</pre>
 . Call the template with no parameters for a default interaction:
@@ Line 37: / Line 37: @@
 '''1''' (unnamed) - The user's input (defaults to "Hello, Grok!" if omitted).
 '''2''' (unnamed) - Grok's response (defaults to a generic greeting if omitted).
-'''HumanUserIs''' - A variable that, if defined on the page, replaces "Human" with the specified name (e.g., "Fabrice"). Falls back to "Human" if undefined.
+'''HumanUserIs''' - A variable that, if defined on the page with `#vardefine`, replaces "Human" with the specified name (e.g., "Fabrice"). Falls back to "Human" if undefined.
 === Notes ===
@@ Line 43: / Line 43: @@
 - The Grok logo is included in a <div> with position: absolute inside a relatively positioned container. Upload an image named "Grok_Logo.png" to your MediaWiki instance. The size is set to 20px; adjust as needed.
 - The logo positioning differs slightly between the two divs (top-aligned for custom input, bottom-aligned for default).
-- Requires the Variables extension (or similar) to define `HumanUserIs` on the page. Without it, the template will always display "Human".
+- Requires the Variables extension to define `HumanUserIs` on the page. Use `{{#var:HumanUserIs}}` to access the variable.
 === Example ===
 <pre>
 {{#vardefine:HumanUserIs|Fabrice}}
-{{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?}}
+{{Grok|Tell me something cool|Sure, Fabrice! Did you know the universe is expanding?}}
 </pre>
 This will display "Fabrice:" instead of "Human:" in the output.
 </noinclude>