Title

Sunday, 4 October 2015

How to convert a blogger page to an LCARS display

AIM: LCARS is the display system on star trek and I want to see if I can convert a blogger page.

These are actually my notes and not a how to. The reason why I am posting is that I am curious to see what happens when I post code —turns out pre and code tags are munted).
The first page google finds is http://www.lcars.org.uk/. This has loads of images, text and animation, but requires Flash, which is being abandoned thanks to CSS3. And as the page shows it does feel very Netscape. I want to add CSS setting to a Blogger hosted blog. The modern web is made in github. So I googled both "LCARS CSS" and "LCARS github".
https://github.com/Garrett-/lcars looks very promising. It's readme seems like its is a work in progress and it actually was. I changed the code a bit to remove the floating which caused issues with length (I don't know how long my vertical bits are) and I added a vertical variant of the striping. I also used this page http://postoneeighth.blogspot.co.uk/2012/09/creating-your-own-blogger-template-from.html to figure out what the actual code of the elements are...

Test Page

This is a test page. I am hoping to get a LCARS look. Preferably without the 2007 Netscape meets a fanboy look.

Header 1

Header 2

Regular text. Italic. Bold.

Example link