···139139140140{{ img(id="https://hc-cdn.hel1.your-objectstorage.com/s/v3/d294f113bf415a0d1c544fbf3c2d0f4286d892a6_0img_1846_1_.jpg" alt="MacBook proprietary blade SSD" caption="it really was a rather sleek design; shame that apple got rid of it in favor of soldered on storage") }}
141141142142+You can also display multiple images side-by-side using the `imgs` shortcode with comma-separated URLs:
143143+144144+```terra
145145+{{/* imgs(id="https://url.com/image1.png, https://url.com/image2.png" alt="alt text 1, alt text 2" caption="optional caption for both images") */}}
146146+```
147147+148148+{{ imgs(id="https://hc-cdn.hel1.your-objectstorage.com/s/v3/c509aeaac769c3e5b99d5a7d320cc4a759db4ff5_img_8880.jpeg, https://hc-cdn.hel1.your-objectstorage.com/s/v3/ed400c26ddfa37ab4a9ef4fd5a506f2dcc1bcfbb_img_8879.jpeg", alt="the copyright section, the ssh section", caption="side by side images from the remarkable tutorial") }}
149149+142150### Videos
143151144152To embed a video, you use the `youtube(id="", autoplay?=bool)` shortcode e.g.
···160168But these should be used sparingly, if at all.
161169162170You can also use emojis inline from the hackclub slack like this :yay:! This is just done by writing `:emoji:` and it gets progressively enhanced with a bit of js as long as the emoji is in cachet!
171171+172172+## Callouts
173173+174174+Callouts are a great way to draw attention to important information. They come in several types:
175175+176176+### Info Callout
177177+178178+{% callout(type="info") %}
179179+This is an info callout! Use this for general information that readers should be aware of.
180180+{% end %}
181181+182182+### Warning Callout
183183+184184+{% callout(type="warning") %}
185185+This is a warning callout! Use this to alert readers about potential issues or things to watch out for.
186186+{% end %}
187187+188188+### Danger Callout
189189+190190+{% callout(type="danger") %}
191191+This is a danger callout! Use this for critical information that could cause problems if ignored.
192192+{% end %}
193193+194194+### Tip Callout
195195+196196+{% callout(type="tip") %}
197197+This is a tip callout! Use this to share helpful hints and best practices.
198198+{% end %}
199199+200200+### Note Callout
201201+202202+{% callout(type="note") %}
203203+This is a note callout! Use this for additional context or side information.
204204+{% end %}
205205+206206+### Custom Title
207207+208208+{% callout(type="info", title="Custom Title Here") %}
209209+You can also customize the title of any callout by adding a `title` parameter!
210210+{% end %}