add code highlighting

app/templates/babycode.html

@@ -11,6 +11,8 @@
       <section class="babycode-guide-section">
         <h2 id="what-is-babycode">What is babycode?</h2>
         <p>You may be familiar with BBCode, a loosely related family of markup languages popular on forums. Babycode is another, simplified, dialect of those languages. It is a way of formatting text by enclosing parts of it in special tags.</p>
+        <p>A <b>tag</b> is a short name enclosed in square brackets. Tags can be opening tags, like <code class="inline-code">[b]</code> or closing tags, like <code class="inline-code">[/b]</code>. Anything inserted between matching opening and closing tags is known as the tag's content.</p>
+        <p>Some tags can provide more specific instructions using an <b>attribute</b>. An attribute is added to the opening tag with an equals sign (<code class="inline-code">=</code>). This allows you to specify details like a particular color or a link's address.</p>
       </section>
       <section class="babycode-guide-section">
         <h2 id="text-formatting-tags">Text formatting tags</h2>
@@ -135,7 +137,8 @@
         {% set code = 'func _ready() -> void:\n\tprint("hello world!")' %}
         <p>There are two kinds of code blocks recognized by babycode: inline and block. Inline code blocks do not break a paragraph. They can be added with <code class="inline-code">[code]your code here[/code]</code>. As long as there are no line breaks inside the code block, it is considered inline. If there are any, it will produce this:</p>
         {{ ('[code]%s[/code]' % code) | babycode | safe }}
-        <br>
+        <p>Optionally, you can enable syntax highlighting by specifying the language in the attribute like this: <code class="inline-code">[code=gdscript]</code></p>
+        {{ ('[code=gdscript]%s[/code]' % code) | babycode | safe}}
         <p>Inline code tags look like this: {{ '[code]Inline code[/code]' | babycode | safe }}</p>
         <p>Babycodes are not parsed inside code blocks.</p>
       </section>