On Mon, Aug 13, 2012 at 12:13 PM, Peter Bittner <peter.bitt...@gmx.net> wrote: > > I'd love to see all pyjs.org design resources in a single font file > (probably except for a few large graphics or so...), wow! :-)
[...] > Styling the logo is easy with CSS3 as soon as we have a web font with > logos and icons. We could even put the new logo on the current > website, and adapt the color scheme accordingly, all with CSS only. > > Anyone having a great design idea, or at least a color preference for > the pyjs.org website? ( here is the part you prob want to see first: http://pyjs.org/raleway-pyjs-demo/ ) so ... i was intrigued by this idea of making a font file, as i had looked into it before but never got around to doing it. anyways, long story short, i sort of zoned out on this for ~two weeks or so ... ultimately learning and burning way more than i needed to get the job done, but it was fun nonetheless. i started with Alessandro's SVG concept, but painstakingly whittled it down to 36 points of mathematical precision and beauty, by hand and a cheap python app to help me (temp locations): https://github.com/pyjs/pyjs/wiki/pyjs-svg-logo http://pyjs.org/raleway-pyjs-demo/pyjs.svg ... clearly derived from Alessandro's work, but i added some design elements of my own -- there is an absoluteness to it, with many curves being perfect circles and the like ... overlaying a grid will reveal many interesting symmetries. moving on! i also tried to make a custom font package from scratch but that was taking too much time; luckily i remembered Alessandro mentioning the font used (very nice font btw! will use throughout site), so i pulled that font from GOOG (Raleway), and imported the logo as a new Unicode glyph at position 0xEE00. you can drop the `otf` or `ttf` fonts in your ~/.fonts directory and start using in any app immediately, eg. libreoffice (sorry, not sure how to do the same in Windows): http://pyjs.org/raleway-pyjs-demo/fonts/raleway.pyjs.org-webfont.otf http://pyjs.org/raleway-pyjs-demo/fonts/raleway.pyjs.org-webfont.ttf (also eot and woff avail) ... the otf is the original, the others were generated by Font Squirrel. tl;dr, here is that shiny example page again: http://pyjs.org/raleway-pyjs-demo/ ... the above examples are using various CSS3 text shadows from the net, purely to demonstrate the logo is a real *glyph* like any other. even bold and italics work (albeit w/bold the eyeball nearly closes completely) ... now we just need a nice site to go with it :-D -- C Anthony --
