ADP Wiki:Style Guide

Adding Images

Individual images look good when rendered at 360px wide.

[[File:VolumeI-Cover.jpg|360px]] [[File:VolumeI-Vinyl-Dice-Sardines-Sleeve.jpg|360px]]

...outputs...

Adding YouTube videos

This is done using the installed YouTube widget. Grab the video's code from its YouTube URL.

Similar to images, we can display videos at 360px wide for a coherent look:

{{#widget:YouTube|id=akGGOHwoyL0|width=360|height=203}}

...outputs...

Making YouTube video embeds more responsive

If we want YouTube video embeds to span the full width of the site's body text container (with a hard limit to stop it getting ridiculous on wide desktop displays), we can use this code instead:

<div class="wiki-video-responsive">
  {{#widget:YouTube|id=akGGOHwoyL0}}
</div>

...outputs...