bootstra.386

A Twitter Bootstrap theme to make webpages look like they are from the 1980s.


Keywords
bootstrap, theme, bootstrap-theme, css, msdos
License
Apache-2.0
Install
bower install bootstra.386

Documentation

See A Demo By Clicking Here

Download the latest zip file with all the necessary JS and CSS to get started right away.

Bootstrap/386 is a Twitter bootstrap v2/v3 theme to make webpages look like they are from the 1980s.

Psstt! I'm super excited about my other project: a free open source DVR for radio.

     ____  ____  ____  _____________________  ___    ____        __   _____ ____  _____
    / __ )/ __ \/ __ \/_  __/ ___/_  __/ __ \/   |  / __ \     _/_/  |__  /( __ )/ ___/
   / __  / / / / / / / / /  \__ \ / / / /_/ / /| | / /_/ /   _/_/     /_ </ __  / __ \ 
  / /_/ / /_/ / /_/ / / /  ___/ // / / _, _/ ___ |/ ____/  _/_/     ___/ / /_/ / /_/ / 
 /_____/\____/\____/ /_/  /____//_/ /_/ |_/_/  |_/_/      /_/      /____/\____/\____/  

      The Definitive All-in-one Graphical Tool-Kit for Micros and Terminals.  
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 

  There's a lot of micros and a lot of        this future has arrived.
  graphics modes. Today there's CGA,          
  Hercules, MDA, and EGA. And that's only     Use primitives like buttons, "toolbars"
  on the IBM-PC.                              and various "widgets" that will control
                                              your application. We handle rendering
  What about Tandy, CDC, Honeywell,           these abstractions on screen for you.
  DEC, and Zenith? That's a different          
  problem. How about the portables on         Think of your software in terms of
  tomorrows' horizon? Plan to ignore the      Windows, Icons, Menus, and Pull-Downs.
  Compaq-1? Your customers won't.             Even a WIMP can do it (TM).
                                              
  Such incompatibilities shouldn't be         That's the new paradigm of full-screen
  your concern. You focus on making           interactive applications. Give your
  great microcomputer applications. We        customers the rich interface that are
  focus on making your application work       easy to use and also, easy to create.
  on tomorrow's computer.                     Give yourself that one-leg up on your
                                              competition. GUI is Good. GUI is God.
  It's called a "Graphical User Interface"    
  They've been in development for years       Just look at how beautiful
  at places like XEROX Parc in Palo Alto      your application can look with
  and Carnegie Mellon. And now, finally       BOOTSTRAP/386:

Configuration

Javascript settings are set via a global _386 object.

Animation

The loading animation can be configured through the following values:

  • fastLoad [bool] (default: false) - disable all animation.
  • onePass [bool] (default: false) - when set, this will disable the second flyby cursor
  • speedFactor [float] (default: 1.0) - This controls how fast the animation happens. Higher values mean faster animation.

Example:

_386 = { onePass: true, speedFactor: 1.25 };

Note: For the progressive animation to work you may need to set this stanza in your regular CSS: body { visibility: hidden }.

Bugs and Stuff

Check out the contribution doc - it's easy, I swear.

Contact

  • Mailing list
  • Also try my github username on your messaging platform of choice

See the wiki for more documentation.