Template:Grok: Difference between revisions
Elena & Fabrice's Web
← Older editNewer edit →
mNo edit summary
mNo edit summary
Line 5: Line 5:
</div>
</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;">
<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;">
<div style="position: absolute; bottom: 0px; left: 5px; z-index: 1;">
<div style="position: absolute; top: 2px; left: 5px; z-index: 1; margin-right: 5px;">
[[File:Grok_Logo.png|20px|]]
[[File:Grok_Logo.png|20px|]]
</div>
</div>
'''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)}}
<div style="margin-left: 25px;">'''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)}}</div>
</div>
</div>
</div>
</div>
Line 17: Line 17:
</div>
</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;">
<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;">
<div style="position: absolute; bottom: 0px; left: 5px; z-index: 1;">
<div style="position: absolute; top: 2px; left: 5px; z-index: 1; margin-right: 5px;">
[[File:Grok_Logo.png|20px|]]
[[File:Grok_Logo.png|20px|]]
</div>
</div>
'''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)}
<div style="margin-left: 25px;">'''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)}</div>
</div>
</div>
</div>
</div>
Line 40: Line 40:
* 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 in a `<div>` with `position: absolute` inside a relatively positioned container. 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 Grok logo is included in a `<div>` with `position: absolute` inside a relatively positioned container. 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 positioned with `bottom: 0px; left: 5px;` to align its bottom with the text baseline and place it before "rok:". Adjust `top`, `left`, `right`, or `bottom` values to move it. Use `z-index: 1;` to layer it if needed.
* The logo is positioned with `top: 2px; left: 5px;` and a `margin-right: 5px;` to space it from "rok:". The text is offset with `margin-left: 25px;` to align beside the logo. Adjust `top`, `left`, or `margin-left` to reposition.
* Padding is set to `2px 5px` (vertical 2px, horizontal 5px) to reduce 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.


Revision as of 16:24, 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 with customizable absolute positioning.

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 in a `
    ` with `position: absolute` inside a relatively positioned container. 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 positioned with `top: 2px; left: 5px;` and a `margin-right: 5px;` to space it from "rok:". The text is offset with `margin-left: 25px;` to align beside the logo. Adjust `top`, `left`, or `margin-left` to reposition.
  • 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?}}