ref: 5b0111dabf989b6d23716161523aaf8a1d003bed
parent: 26af0ff339817bcef5b82dada5021f76d9c0dc9f
author: Tor Andersson <tor@ccxvii.net>
date: Mon Mar 24 13:18:51 EDT 2014
Add logo.
--- a/docs/index.html
+++ b/docs/index.html
@@ -21,8 +21,6 @@
<article>
-<img align="right" src="mujs-logo.png">
-
<h2>What is MuJS?</h2>
<p>
--- /dev/null
+++ b/docs/logo.ps
@@ -1,0 +1,47 @@
+%!
+<</PageSize[512 512]>>setpagedevice
+
+% #323330 = 50 51 48
+% #F0DB4F = 240 219 79
+% #4386b5 = 67 134 181
+
+/cG { 50 255 div 51 255 div 48 255 div setrgbcolor } def+/cY { 240 255 div 219 255 div 79 255 div setrgbcolor } def+/cB { 67 255 div 134 255 div 181 255 div setrgbcolor } def+
+% fill background with yellow
+cY
+0 0 moveto 512 0 lineto 512 512 lineto 0 512 lineto closepath fill
+
+% move logo to lower right corner
+512 0.2 mul 0 translate
+0.8 0.8 scale
+
+% center logo
+0.875 0.875 scale
+32 32 translate
+
+% draw electrons and nucleus
+cG
+gsave
+ 256 256 translate
+
+ 16 setlinewidth
+ gsave 0 rotate .5 1 scale 0 0 232 0 360 arc stroke grestore
+ gsave 60 rotate .5 1 scale 0 0 232 0 360 arc stroke grestore
+ gsave 120 rotate .5 1 scale 0 0 232 0 360 arc stroke grestore
+
+ 0 0 96 0 360 arc fill
+grestore
+
+% draw yellow 'JS' text in center of nucleus
+cY
+gsave
+ /SourceSansPro-Bold findfont 128 scalefont setfont
+ 256 256 moveto
+ (JS)
+ dup stringwidth pop -2 div -44 rmoveto
+ show
+grestore
+
+showpage
binary files a/docs/mujs-logo.png b/docs/mujs-logo.png differ
--- a/docs/style.css
+++ b/docs/style.css
@@ -14,8 +14,13 @@
font-weight: normal;
margin: 0;
padding: 1rem 2rem;
- background-color: #36648b;
+}
+header{color: white;
+ background: no-repeat;
+ background-color: #36648b;
+ background-image: url("mujs-logo.png");+ background-position: top right;
}
nav {padding: 1rem 2rem;