extends layout

block content
  .container(style= "margin-top: 30px;")
    .row
      .col-md-10
        h1 Crafatar
        hr
        p Welcome to Crafatar, an API for Minecraft's faces!
        h2 API
        hr
        = protocol
        p
          | Replace 
          mark.green uuid
          |  with a Mojang UUID to get the related head.
        .well
          | <img src="#{domain}/avatars/
          mark.green uuid
          | ">
        p(style="margin-top: 10px;") Example: UUID: '2d5aa9cdaeb049189930461fc9b91cc5', Username: Jake0oo0
        .well <img src="#{domain}/avatars/2d5aa9cdaeb049189930461fc9b91cc5">
        p(style="margin-top: 10px;") There is also an option to include a size, default is 180x180px. The size may not be larger than 512px.
        .well
          | <img src="#{domain}/avatars/
          mark.green uuid
          | /
          mark.green size
          | ">
        p(style="margin-top: 10px;") Example: UUID: 'ae795aa86327408e92ab25c8a59f3ba1', Size: 250px, Username: redstone_sheep
        .well <img src="#{domain}/avatars/ae795aa86327408e92ab25c8a59f3ba1/250">
        p(style="margin-top: 10px;") By default, a 404 text is returned when the avatar was not found. You can change that to the avatar of steve or alex:
        .well <img src="#{domain}/avatars/ae795aa86327408e92ab25c8a59f3ba1/250?default=alex">
      .col-md-2
        .sideface.Jake0oo0(title="Jake0oo0")
        .sideface.redstone_sheep(title="redstone_sheep")
        .sideface.Notch(title="Notch")
        .sideface.sk89q(title="sk89q")
        .sideface.md_5(title="md_5")