How to Use MicroSocial

Here's how to customize your one sacred HTML page.

Images

You can insert an image using the <img> tag:

<img src="https://example.com/myimage.jpg" width="300" />

Text Formatting

Change fonts with inline styles:

<span style="font-family: 'Lucida Console', monospace;">Lucida Console vibes</span>

Or change the color:

<span style="color: red;">This text is red</span>

Boxes

Want a colorful box?

<div style="background-color: #222; border: 2px dashed #FF00FF; padding: 1rem;">
  <strong>Colorful Box</strong><br>
  You can put anything you want in here.
</div>

Audio

You can even embed audio files:

<audio controls>
  <source src="https://ia801800.us.archive.org/30/items/18-come-to-me/01%20-%20The%20Pink%20Panther%20Theme.mp3" type="audio/mpeg">
  Your browser does not support the audio tag.
</audio>

YouTube Embeds

We now support YouTube embeds. Just get the embed code off YouTube and copy paste.

Pro Tips

• No scripts, no iframes. Don’t even try it.
• Use line breaks with <br> to make space.
• Your content is wrapped in a <pre> tag, so spaces and line breaks count.