Template:Grok: Difference between revisions
Elena & Fabrice's Web
← Older editNewer edit →
mNo edit summary
mNo edit summary
Line 1: Line 1:
<includeonly>{{#if: {{{1|}}} |  
<includeonly>{{#if: {{{1|}}} |  
<div style="overflow: hidden;">
<div style="overflow: hidden;">
<div style="border: 1px solid #ccc; padding: 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;">
<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;">
'''Human:''' {{{1}}}
'''Human:''' {{{1}}}
</div>
</div>
<div style="border: 1px solid #ccc; padding: 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="border: 1px solid #ccc; padding: 3px; 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: flex-start;">
<div style="display: flex; align-items: baseline;">
[[File:Grok_Logo.png|20px|]] <!-- Reduced size to 20px -->
[[File:Grok_G_Logo.png|20px|vertical-align: middle;]]<span style="margin-left: 2px; 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>
<span style="margin-left: 2px;">'''Grok:''' {{#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>
Line 13: Line 12:
|  
|  
<div style="overflow: hidden;">
<div style="overflow: hidden;">
<div style="border: 1px solid #ccc; padding: 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;">
<div style="border: 1px solid #ccc; padding: 3px; 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!
'''Human:''' Hello, Grok!
</div>
</div>
<div style="border: 1px solid #ccc; padding: 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="border: 1px solid #ccc; padding: 3px; 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: flex-start;">
<div style="display: flex; align-items: baseline;">
[[File:Grok_Logo.png|20px|]]
[[File:Grok_G_Logo.png|20px|vertical-align: middle;]]<span style="margin-left: 2px; 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>
<span style="margin-left: 2px;">'''Grok:''' 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>
Line 25: Line 23:
}}</includeonly><noinclude>
}}</includeonly><noinclude>
== Documentation ==
== 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 and custom font styling.
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 custom "G" logo replacing the "G" in "Grok."


=== Usage ===
=== Usage ===
Line 39: Line 37:
=== Notes ===
=== Notes ===
* The template uses the font styling: `font-size: 1em; font-family: Avantgarde, TeX Gyre Adventor, URW Gothic L, sans-serif;`.
* 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|]]`. Upload an image named "Grok_Logo.png" (e.g., the black-hole-inspired logo) to your MediaWiki instance to display it. The size is set to 20px; adjust as needed.
* The Grok logo (styled as the "G") is included as `[[File:Grok_G_Logo.png|20px|vertical-align: middle;]]`. Upload an image named "Grok_G_Logo.png" (e.g., a black-hole-inspired "G") to your MediaWiki instance. The size is set to 20px; adjust as needed.
* The logo and text are wrapped in a `flex` container to prevent awkward spacing, with minimal spacing (2px) between the logo and text.
* The logo replaces the "G" in "Grok," with "rok:" following it. The `flex` container and `vertical-align: middle;` ensure proper alignment.
* Vertical padding inside the boxes is reduced to 5px for tighter text spacing.
* Vertical padding inside the boxes is reduced to 3px for tighter text spacing.


=== Example ===
=== 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>
<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>
</noinclude>

Revision as of 16:07, 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 custom "G" logo replacing the "G" in "Grok."

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 (styled as the "G") is included as `vertical-align: middle;`. Upload an image named "Grok_G_Logo.png" (e.g., a black-hole-inspired "G") to your MediaWiki instance. The size is set to 20px; adjust as needed.
  • The logo replaces the "G" in "Grok," with "rok:" following it. The `flex` container and `vertical-align: middle;` ensure proper alignment.
  • Vertical padding inside the boxes is reduced to 3px for tighter text 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?}}