From 66914efb19cd09040bf07e778632d515207083de Mon Sep 17 00:00:00 2001 From: jomo Date: Mon, 10 Nov 2014 22:47:30 +0100 Subject: [PATCH] styles + missing favicon file ;_; --- public/favicon.png | Bin 0 -> 581 bytes public/stylesheets/style.css | 36 +++++++++++++++++++++++++++++++++-- views/index.jade | 22 ++++++++------------- views/layout.jade | 2 +- 4 files changed, 43 insertions(+), 17 deletions(-) create mode 100644 public/favicon.png diff --git a/public/favicon.png b/public/favicon.png new file mode 100644 index 0000000000000000000000000000000000000000..3afeeb0987b046a504ad8376d8f6c145b5ff5a64 GIT binary patch literal 581 zcmV-L0=oT)P)004R> z004l5008;`004mK004C`008P>0026e000+ooVrmw00039P)t-sFCYyo9t|%a4=5Z9 zBp3)L8VV{M4J8=}B^e1P8wxWd5ke{wKPnY09u6@h5w?kJy^eCdj&sJAfW3=yy^eIO zc3P)$S2QIOF(MH+Cl$PnamAH?yozzFby=ozRyimYs(og(gl(;WZJcskopW8giE^B2 zOt*=1|Ns9|J&9I8hqZfWwuW>2`S`PgYqp4T{Q3A+K!{sIhO&5Nw}x-CgK$?si2L~W z_w(?mdt{trMxA6wvwLEH~hlm_4&SmzWn|`AQ+@+iuw~Fh6zWaQI_SnSUiz{WQt+Z;Y^0- zIWC(M1i)AnG0x`;MM)}I>>-wAS*cX3QcY3hI>yjwwp#5@x7+Iv2E);K43p_>HeaZ! zx?HW+o9)&fyWM`T9dunc2sxh4XSiHUQ#%-jaV6w*v*Lb#JT&e3B$n6f{kFviUR)_o T`TfVg00000NkvXXu0mjfhVJLv literal 0 HcmV?d00001 diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css index 7b84d65..a2a79d4 100644 --- a/public/stylesheets/style.css +++ b/public/stylesheets/style.css @@ -1,5 +1,8 @@ body { - font: 14px "Lucida Grande", Helvetica, Arial, sans-serif; + font-size: 14px; + font-family: "Helvetica Neue", Arial, sans-serif; + font-weight: 300; + color: #666; } p { @@ -37,14 +40,42 @@ mark.green { padding: 0; } +h1, h2, h3, h4, h5, h6 { + color: #333; + font-weight: normal; +} + +h3 { + margin-top: 2em; +} + +h4 { + margin-top: 1em; +} + +.center { + text-align: center; +} + .code { + display: block; font-family: monospace; word-wrap: break-word; + min-height: 20px; + padding: 10px 20px; + margin-bottom: 20px; + background: #fafafa; + border-left: 3px solid; + border-radius: 0px 4px 4px 0px; + box-shadow: 0 0 1px inset; } + .sideface { width: 160px; height: 160px; + display: inline-block; } + .sideface.Jake0oo0 { background:url("/avatars/2d5aa9cdaeb049189930461fc9b91cc5?size=160"); } @@ -60,9 +91,10 @@ mark.green { .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"); } diff --git a/views/index.jade b/views/index.jade index b5641cd..17f3609 100644 --- a/views/index.jade +++ b/views/index.jade @@ -8,15 +8,15 @@ block content hr p Welcome to Crafatar, an API for Minecraft's faces! - h2 API hr + h2 Documentation h3 Endpoint p | Replace mark.green uuid | with a Mojang UUID to get the related head. All images are PNGs. - .well.code + .code | <img src="#{domain}/avatars/ mark.green uuid | "> @@ -25,11 +25,11 @@ block content h4 size p The size of the image in pixels, 1 - 512.
Default is 160. h4 default - p The image to be returned when the uuid has no skin.
Valid options are + p The image to be returned when the uuid has no skin (404).
Valid options are a(href="/avatars/00000000000000000000000000000000?default=steve") steve | or a(href="/avatars/00000000000000000000000000000000?default=alex") alex - | .
The default is calculated based on the UUID (even = alex, odd = steve) + | .
The standard value is calculated based on the UUID (even = alex, odd = steve) h4 helm p Get an avatar with the second (helmet) layer applied.
The content of this parameter is ignored @@ -42,18 +42,12 @@ block content h3 Examples p Get jeb_'s avatar, 160 × 160 pixels - img(src="/avatars/853c80ef3c3749fdaa49938b674adae6", alt="jeb_'s avatar") - .well.code <img src="#{domain}/avatars/853c80ef3c3749fdaa49938b674adae6"> + .code <img src="#{domain}/avatars/853c80ef3c3749fdaa49938b674adae6"> p Get jeb_'s avatar, 64 × 64 pixels - img(src="/avatars/853c80ef3c3749fdaa49938b674adae6?size=64", alt="jeb_'s avatar") - .well.code <img src="#{domain}/avatars/853c80ef3c3749fdaa49938b674adae6?size=64"> + .code <img src="#{domain}/avatars/853c80ef3c3749fdaa49938b674adae6?size=64"> p Get jeb_'s helmet avatar, 64 × 64 pixels - img(src="/avatars/853c80ef3c3749fdaa49938b674adae6?size=64&helm", alt="jeb_'s avatar") - .well.code <img src="#{domain}/avatars/853c80ef3c3749fdaa49938b674adae6?size=64&helm"> - p Get jeb_'s avatar, 64 × 64 pixels, or fall back to steve if his avatar is not found - img(src="/avatars/00000000000000000000000000000000?default=steve&size=64", alt="jeb_'s avatar") - .well.code <img src="#{domain}/avatars/853c80ef3c3749fdaa49938b674adae6?default=steve&size=64"> - .col-md-2 + .code <img src="#{domain}/avatars/853c80ef3c3749fdaa49938b674adae6?size=64&helm"> + .col-md-2.center .sideface.redstone_sheep(title="redstone_sheep") .sideface.Jake0oo0(title="Jake0oo0") .sideface.Notch(title="Notch") diff --git a/views/layout.jade b/views/layout.jade index 78c24fd..c5c8e3e 100644 --- a/views/layout.jade +++ b/views/layout.jade @@ -2,9 +2,9 @@ doctype html html head title= title - link(rel='stylesheet', href='/stylesheets/style.css') 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(rel='stylesheet', href='/stylesheets/style.css') meta(name="description", content="A Minecraft avatar service with UUID support") meta(name="keywords", content="minecraft, avatar, uuid") meta(name="viewport", content="initial-scale=1,maximum-scale=1")