azures04/crafatar
1
0
Fork 0
mirror of https://github.com/azures04/crafatar.git synced 2026-03-22 07:51:17 +01:00
Code Issues Packages Projects Releases Wiki Activity

Redesign website

Browse Source
This commit is contained in:
Chris Ireland 2015-01-02 23:48:45 +00:00
parent 8c31b0ed43
commit f20633d980
3 changed files with 212 additions and 214 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
public/stylesheets/style.css
View File

@ -89,44 +89,10 @@ h4 {
box-shadow: 0 0 1px inset; box-shadow: 0 0 1px inset;
} }
.sideface {
width: 160px;
height: 160px;
display: inline-block;
}
.sideface.Jake0oo0 {
background:url("/avatars/2d5aa9cdaeb049189930461fc9b91cc5?size=160");
}
.sideface.Jake0oo0:hover {
background:url("/avatars/2d5aa9cdaeb049189930461fc9b91cc5?size=160&helm=true");
}
.sideface.redstone_sheep {
background:url("/avatars/ae795aa86327408e92ab25c8a59f3ba1?size=160");
}
.sideface.redstone_sheep:hover {
background:url("/avatars/ae795aa86327408e92ab25c8a59f3ba1?size=160&helm=true");
}
.sideface.Notch {
background:url("/avatars/069a79f444e94726a5befca90e38aaf5?size=160");
}
/* Notch please fid your skin -_-
.sideface.Notch:hover {
background:url("/avatars/069a79f444e94726a5befca90e38aaf5?size=160&helm=true");
}*/
.sideface.sk89q {
background:url("/avatars/0ea8eca3dbf647cc9d1ac64551ca975c?size=160");
}
.sideface.sk89q:hover {
background:url("/avatars/0ea8eca3dbf647cc9d1ac64551ca975c?size=160&helm=true");
}
.sideface.md_5 {
background:url("/avatars/af74a02d19cb445bb07f6866a861f783?size=160");
}
.sideface.md_5:hover {
background:url("/avatars/af74a02d19cb445bb07f6866a861f783?size=160&helm=true");
}
.errmsg { .errmsg {
margin-top: 50px; margin-top: 50px;
} }
.jumbotron img {
margin: 5px;
}

246
views/index.jade
View File

@ -1,55 +1,82 @@
extends layout extends layout
block content block content
.container(style= "margin-top: 70px;") .jumbotron
.row .container
.col-md-10
a(id="crafatar", class="anchor")
a(href="#crafatar")
h1 Crafatar h1 Crafatar
hr p A blazing fast API for Minecraft faces!
p Welcome to Crafatar, an API for Minecraft's faces! img(alt="Jake0oo0's Avatar", height="64", width="64", src="#{domain}/avatars/2d5aa9cdaeb049189930461fc9b91cc5?size=64&helm")
img(alt="redstone_sheep's Avatar", height="64", width="64", src="#{domain}/avatars/ae795aa86327408e92ab25c8a59f3ba1?size=64&helm")
hr img(alt="sk89q's Avatar", height="64", width="64", src="#{domain}/avatars/0ea8eca3dbf647cc9d1ac64551ca975c?size=64&helm")
a(id="documentation", class="anchor") img(alt="md_5's Avatar", height="64", width="64", src="#{domain}/avatars/af74a02d19cb445bb07f6866a861f783?size=64&helm")
a(href="#documentation") img(alt="Jeb's Avatar", height="64", width="64", src="#{domain}/avatars/853c80ef3c3749fdaa49938b674adae6?size=64&helm")
img(alt="Notch's Avatar", height="64", width="64", src="#{domain}/avatars/069a79f444e94726a5befca90e38aaf5?size=64")
.container
section(id="documentation")
h2 Documentation h2 Documentation
.row
a(id="avatars", class="anchor") section(id="avatars", class="anchor")
a(href="#avatars") a(href="#avatars")
h3 Avatars h3 Avatars
p
| Replace | Replace
mark.green id mark.green id
| with a Mojang <b>UUID</b> or <b>username</b> to get the related head. All images are PNGs. | with a Mojang <b>UUID</b> or <b>username</b> to get the related head. All images are PNGs.
.code .code
| #{domain}/avatars/ | #{domain}/avatars/
mark.green id mark.green id
|
a(id="avatar-parameters", class="anchor") section(id="avatars-parameters" class="anchor")
a(href="#avatar-parameters") a(href="#avatars-parameters")
h3 Avatar Parameters h4 Avatar Parameters
h4 size table(class="table table-bordered table-striped")
p thead
| The size of the image in pixels, #{config.min_size} - #{config.max_size}.<br> tr
| Default is #{config.default_size}. td parameter
h4 default td type
p td default
td description
tbody
tr
td size
td integer
td #{config.default_size}
td The size of the image in pixels, #{config.min_size} - #{config.max_size}.
tr
td default
td string
td The standard value is calculated based on the UUID (even = alex, odd = steve). Usernames always default to steve.
td
| The image to be served when the id has no skin (404).<br> | The image to be served when the id has no skin (404).<br>
| Valid options are | Valid options are
a(href="/avatars/00000000000000000000000000000000?default=steve") steve a(href="/avatars/00000000000000000000000000000000?default=steve") steve
| , | ,
a(href="/avatars/00000000000000000000000000000000?default=alex") alex a(href="/avatars/00000000000000000000000000000000?default=alex") alex
| , or a custom URL.<br> | , or a custom URL.
| The standard value is calculated based on the UUID (even = alex, odd = steve). Usernames always default to steve. tr
h4 helm td helm
p td mixed
| Apply the "second" (hat) layer to the avatar.<br> td null
| The content of this parameter is ignored.<br> td Apply the "second" (hat) layer to the avatar.
| If you want to get the face only, remove the parameter.
a(id="skins", class="anchor") section(id="avatars-examples", class="anchor")
a(href="#avatars-examples")
h4 Avatars Examples
p Jeb's avatar by username, default size
.code #{domain}/avatars/jeb_
p Jeb's avatar by UUID, default size
.code #{domain}/avatars/853c80ef3c3749fdaa49938b674adae6
p Jeb's avatar, 64 × 64
.code #{domain}/avatars/853c80ef3c3749fdaa49938b674adae6?size=64
p Jeb's avatar, 64 × 64, with helmet
.code #{domain}/avatars/853c80ef3c3749fdaa49938b674adae6?size=64&amp;helm
p Jeb's avatar, or fall back to steve
.code #{domain}/avatars/853c80ef3c3749fdaa49938b674adae6?default=steve
p
| Jeb's avatar, or fall back to
a(href="https://i.imgur.com/ozszMZV.png") a custom image
.code #{domain}/avatars/853c80ef3c3749fdaa49938b674adae6?default=https%3A%2F%2Fi.imgur.com%2FozszMZV.png
section(id="skins" class="anchor")
a(href="#skins") a(href="#skins")
h3 Skins h3 Skins
p p
@ -63,14 +90,39 @@ block content
| #{domain}/skins/ | #{domain}/skins/
mark.green id mark.green id
a(id="skin-parameters", class="anchor") section(id="skins-parameters" class="anchor")
a(href="#skin-parameters") a(href="#skins-parameters")
h3 Skin Parameters h4 Skin Parameters
h4 default table(class="table table-bordered table-striped")
p thead
| Same as the default for avatars. tr
td parameter
td type
td default
td description
tbody
tr
td default
td string
td The standard value is calculated based on the UUID (even = alex, odd = steve). Usernames always default to steve.
td
| The image to be served when the id has no skin (404).<br>
| Valid options are
a(href="/skins/00000000000000000000000000000000?default=steve") steve
| ,
a(href="/skins/00000000000000000000000000000000?default=alex") alex
| , or a custom URL.
a(id="renders", class="anchor") section(id="skins-examples", class="anchor")
a(href="#skins-examples")
h4 Skins Examples
p Jeb's skin
.code #{domain}/skins/853c80ef3c3749fdaa49938b674adae6
p Jeb's skin by username
.code #{domain}/skins/jeb_
p Render of Jeb's Head
section(id="renders" class="anchor")
a(href="#renders") a(href="#renders")
h3 3D Renders h3 3D Renders
p p
@ -88,33 +140,50 @@ block content
| #{domain}/renders/body/ | #{domain}/renders/body/
mark.green id mark.green id
a(id="render-parameters", class="anchor") section(id="renders-parameters" class="anchor")
a(href="#render-parameters") a(href="#renders-parameters")
h3 Render Parameters h4 Render Parameters
h4 scale table(class="table table-bordered table-striped")
p thead
| The scale factor of the image #{config.min_scale} - #{config.max_scale}.<br> tr
| Default is #{config.default_scale}. The actual size differs between the type of render. td parameter
h4 helm td type
p td default
| Same as the helm for avatars, but it does not stand out (as it does ingame). td description
h4 default tbody
p tr
| Same as the default for avatars. td scale
td integer
td #{config.default_scale}. The actual size differs between the type of render.
td The scale factor of the image #{config.min_scale} - #{config.max_scale}.
tr
td helm
td mixed
td null
td Apply the "second" (hat) layer to the avatar.
a(id="http-headers", class="anchor") section(id="renders-examples", class="anchor")
a(href="#http-headers") a(href="#renders-examples")
h3 HTTP headers h4 Render Examples
.code #{domain}/renders/head/853c80ef3c3749fdaa49938b674adae6
p Render of Jeb's Body, with helmet, by username
.code #{domain}/renders/body/jeb_?helm
section(id="meta" class="anchor")
section(id="meta-http-headers" class="anchor")
a(href="#meta-http-headers")
h3 HTTP Headers
p p
| Responses come with these HTTP headers, useful for debugging.<br> | Responses come with these HTTP headers, useful for debugging.<br>
| Please note that these headers are cached by CloudFlare <small>(CF-Cache-Status: HIT)</small>. | Please note that these headers are cached by CloudFlare <small>(CF-Cache-Status: HIT)</small>.
a(id="response-time", class="anchor") section(id="meta-response-time" class="anchor")
a(href="#response-time") a(href="#meta-response-time")
h4 Response-Time h4 Response-Time
p The time, in milliseconds, it took Crafatar to process the request. p The time, in milliseconds, it took Crafatar to process the request.
a(id="x-storage-type", class="anchor")
a(href="#x-storage-type") section(id="meta-x-storage-type" class="anchor")
a(href="#meta-x-storage-type")
h4 X-Storage-Type h4 X-Storage-Type
ul ul
li <b>none</b>: No external requests. Cached: User has no skin. li <b>none</b>: No external requests. Cached: User has no skin.
@ -127,66 +196,29 @@ block content
| <b>error</b>: This can happen, for example, when Mojang's servers are down.<br> | <b>error</b>: This can happen, for example, when Mojang's servers are down.<br>
| If possible, an outdated image is served instead. | If possible, an outdated image is served instead.
a(id="about-usernames", class="anchor") section(id="meta-about-usernames" class="anchor")
a(href="#about-usernames") a(href="#meta-about-usernames")
h3 About usernames h3 About Usernames
p p
| We strongly advise you to use UUIDs instead of usernames in production.<br> | We strongly advise you to use UUIDs instead of usernames in production.<br>
| Usernames are deprecated by Mojang and you should only use usernames for testing.<br> | Usernames are deprecated by Mojang and you should only use usernames for testing.<br>
| Malformed usernames are rejected. | Malformed usernames are rejected.
a(id="about-uuids", class="anchor") section(id="meta-about-uuids" class="anchor")
a(href="#about-uuids") a(href="#meta-about-uuids")
h3 About UUIDs h3 About UUIDs
p p
| UUIDs may use the blank or dashed format.<br> | UUIDs may use the blank or dashed format.<br>
| Malformed UUIDs are rejected. | Malformed UUIDs are rejected.
a(id="about-caching", class="anchor") section(id="meta-about-caching" class="anchor")
a(href="#about-caching") a(href="#meta-about-caching")
h3 About caching h3 About Caching
p p
| Crafatar caches skins for #{config.local_cache_time/60} minutes before checking for skin changes.<br> | Crafatar caches skins for #{config.local_cache_time/60} minutes before checking for skin changes.<br>
| Images are cached in your browser for #{config.browser_cache_time/60} minutes until a new request to Crafatar is made.<br> | Images are cached in your browser for #{config.browser_cache_time/60} minutes until a new request to Crafatar is made.<br>
| When you changed your skin you can try clearing your browser cache to see the change faster. | When you changed your skin you can try clearing your browser cache to see the change faster.
footer
a(id="examples", class="anchor") hr
a(href="#examples") p(class="pull-right") Copyright Craftatar 2014
h3 Examples
h4 Avatars
p Jeb's avatar by username, default size
.code #{domain}/avatars/jeb_
p Jeb's avatar by UUID, default size
.code #{domain}/avatars/853c80ef3c3749fdaa49938b674adae6
p Jeb's avatar, 64 × 64
.code #{domain}/avatars/853c80ef3c3749fdaa49938b674adae6?size=64
p Jeb's avatar, 64 × 64, with helmet
.code #{domain}/avatars/853c80ef3c3749fdaa49938b674adae6?size=64&amp;helm
p Jeb's avatar, or fall back to steve
.code #{domain}/avatars/853c80ef3c3749fdaa49938b674adae6?default=steve
p
| Jeb's avatar, or fall back to
a(href="https://i.imgur.com/ozszMZV.png") a custom image
.code #{domain}/avatars/853c80ef3c3749fdaa49938b674adae6?default=https%3A%2F%2Fi.imgur.com%2FozszMZV.png
h4 Skins
p Jeb's skin
.code #{domain}/skins/853c80ef3c3749fdaa49938b674adae6
p Jeb's skin by username
.code #{domain}/skins/jeb_
p Render of Jeb's Head
h4 Renders
.code #{domain}/renders/head/853c80ef3c3749fdaa49938b674adae6
p Render of Jeb's Body, with helmet, by username
.code #{domain}/renders/body/jeb_?helm
.col-md-2.center
.sideface.redstone_sheep(title="redstone_sheep")
.sideface.Jake0oo0(title="Jake0oo0")
.sideface.Notch(title="Notch")
.sideface.sk89q(title="sk89q")
.sideface.md_5(title="md_5")

2
views/layout.jade
View File

@ -3,7 +3,7 @@ html
head head
title= title title= title
link(rel="icon", sizes="16x16", type="image/png", href="/favicon.png") link(rel="icon", sizes="16x16", type="image/png", href="/favicon.png")
link(href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.0/css/bootstrap.min.css", rel="stylesheet") link(href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.1/css/bootstrap.min.css", rel="stylesheet")
link(rel="stylesheet", href="/stylesheets/style.css") link(rel="stylesheet", href="/stylesheets/style.css")
meta(name="description", content="Crafatar is a Minecraft avatar service with support for avatars, skins, and even renders!") meta(name="description", content="Crafatar is a Minecraft avatar service with support for avatars, skins, and even renders!")
meta(name="keywords", content="minecraft, avatar, renders, skins, uuid, username") meta(name="keywords", content="minecraft, avatar, renders, skins, uuid, username")