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?default=steve", title="Jake0oo0")
        img(src="/avatars/ae795aa86327408e92ab25c8a59f3ba1?default=steve", title="redstone_sheep")
        img(src="/avatars/069a79f444e94726a5befca90e38aaf5?default=steve", title="Notch")
        img(src="/avatars/0ea8eca3dbf647cc9d1ac64551ca975c?default=steve", title="sk89q")
        img(src="/avatars/af74a02d19cb445bb07f6866a861f783?default=steve", title="md_5")