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
        p
          | Replace 
          mark.green uuid
          |  with a Mojang UUID to get the related head.
        .well
          | <img src="https://skins.jake0oo0.me/avatars/
          mark.green uuid
          | ">
        p(style="margin-top: 10px;") Example: UUID: '2d5aa9cdaeb049189930461fc9b91cc5', Username: Jake0oo0
        .well <img src="https://skins.jake0oo0.me/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="https://skins.jake0oo0.me/avatars/
          mark.green uuid
          | /
          mark.green size
          | ">
        p(style="margin-top: 10px;") Example: UUID: 'ae795aa86327408e92ab25c8a59f3ba1', Size: 250px, Username: redstone_sheep
        .well <img src="https://skins.jake0oo0.me/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="https://skins.jake0oo0.me/avatars/ae795aa86327408e92ab25c8a59f3ba1/250?default=alex">
      .col-md-2
        img(src= "/avatars/2d5aa9cdaeb049189930461fc9b91cc5")
        img(src= "/avatars/ae795aa86327408e92ab25c8a59f3ba1")
        img(src= "/avatars/dab0a06256934c28bf0211142b388c33")
        img(src= "/avatars/3c7db14dac4b4e35b2c63b2237f382be")
        img(src= "/avatars/62c41f0e133d4192ad33f0896f47d23a")