A Star Trek episode guide styled as an LCARS display.
PHP JavaScript Ruby
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
css
data
img
js
scss
touch
.gitignore
CCPL.txt
README.md
config.rb
episode.php
favicon.ico
grid.php
inc.footer.php
inc.header.php
inc.social.php
splash.php
start.php

README.md

LCARS Guide

Designed and developed by Jay Robinson

LCARS Guide is a Star Trek episode guide viewer styled as an LCARS display, built using web standards HTML5, CSS3, and JavaScript.

LCARS stands for Library Computer Access/Retrieval System, a fictional computer operating system created by Michael Okuda.

Device Support

  • iOS devices running iOS 5+
  • WebKit desktop browsers; other modern desktop browsers.

Project Requirements

  • local web server to host the PHP/HTML files
  • Ruby for Sass/SCSS and Compass if you'd like to modify the styling

Changelog

Feb 21, 2012

  • Sencha Touch App
  • Implemented profiles for tablet and phone.
  • Added navigation view on iPhone/phone with back button and swipe to change episode.
  • Added navigation view on tablet/iPad with back, next, and previous buttons.
  • Consolidated and cleaned up data; now use single store.
  • Added local screenshots to project.
  • Started to apply custom CSS.

Feb 20, 2012

  • Added Sencha Touch app.

Feb 13, 2012

Jan 29, 2012

  • Initial Grid view for iPhone.

Jan 28, 2012

  • Added Start view for iPhone and iPad.
  • Activate/Deactivate individual series in Start view.
  • Added jQuery.
  • Better iOS 5 scrolling and layout for Start, Episode views via jQuery and ScrollFix.js. However, these are not completely compatible cross-device. Need to find a way to better target devices.
  • Works better in desktop browsers.
  • Switch to PHP for continued HTML development. Final file format will be HTML templates, not PHP.

Jan 27, 2012

  • Added CSS for Episode view on iPhone, portrait and landscape.

Jan 20, 2012

  • Initial commit of raw HTML and CSS files for iPad view.

To Do

  • Search view
  • Sort Character/Tag view
  • Top Episodes/Favorites view
  • Focus Mode (switch stylesheet to print version)
  • "Skip To..." sections for mobile version
  • User generated content
    • Add quotes/optional timestamp
    • Add photos/optional timestamp
    • Add notes
  • HTML5 Audio on button tap
  • Offline capable with HTML5 Cache Manifest
  • General browser compatibility