Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/kristopolous/bootstra.386

A vintage 1980s DOS inspired Twitter Bootstrap theme
https://github.com/kristopolous/bootstra.386

bootstrap-theme css msdos

Last synced: 11 days ago
JSON representation

A vintage 1980s DOS inspired Twitter Bootstrap theme

Awesome Lists containing this project

README 

        
Bootstrap/386 is a Twitter bootstrap v2/3/4/5(in progress) theme to make webpages look like they are from the gentler, less distracting time of the 1980s. 



# [See A Demo By Clicking Here](http://kristopolous.github.io/BOOTSTRA.386/v2.3.1/)



### Download for your favorite bootstrap version with all the necessary JS and CSS to get started right away:



 * BOOTSTRA/386 ][ (2013) [demo](http://kristopolous.github.io/BOOTSTRA.386/) [144KB](https://github.com/kristopolous/BOOTSTRA.386/blob/master/bootstra.386-latest-v2.zip?raw=true)

 * BOOTSTRA/386 iii (2015) [423KB](https://github.com/kristopolous/BOOTSTRA.386/blob/master/bootstra.386-latest-v3.zip?raw=true)

 * BOOTSTRA/386 4 (2020) - [demo](http://kristopolous.github.io/BOOTSTRA.386/v4.4.1/) [remaining issues](https://github.com/kristopolous/BOOTSTRA.386/issues/85) - [current build](https://github.com/kristopolous/BOOTSTRA.386/blob/master/bootstra.386-latest-v4.zip?raw=true)

 * ブートストラップ/386 5.0 (2023) - In progress 



https://github.com/kristopolous/BOOTSTRA.386/assets/231761/9d8f7c51-0ba7-4a45-996d-d9a36e00a6a3






     ____  ____  ____  _____________________  ___    ____        __   _____ ____  _____

    / __ )/ __ \/ __ \/_  __/ ___/_  __/ __ \/   |  / __ \     _/_/  |__  /( __ )/ ___/

   / __  / / / / / / / / /  \__ \ / / / /_/ / /| | / /_/ /   _/_/     /_ </ __  / __ \ 

  / /_/ / /_/ / /_/ / / /  ___/ // / / _, _/ ___ |/ ____/  _/_/     ___/ / /_/ / /_/ / 

 /_____/\____/\____/ /_/  /____//_/ /_/ |_/_/  |_/_/      /_/      /____/\____/\____/  



      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 }`.



### Accomodating users without javascript



During a [2018 April fools' prank, a user pointed out that this theme doesn't work without javascript](https://www.reddit.com/r/linux/comments/88lump/manjaro_websites_april_1st_prank_is_the_default/dwlz0rv/). This is a valid concern, however it cannot be addressed without a user manually doing something

since this is just a bootstrap theme.



Luckily, HTML5 permits [noscript in the head section](https://stackoverflow.com/questions/218162/embedding-extra-styles-with-noscript/1332058#1332058) which means that style can be put in the noscript section.  This means that putting this in the header would permit people without JS on to see the site:



```html



  

    body { 

       visibility: visible; 

    }

  



```

### Bugs and Stuff



Check out the [contribution](https://github.com/kristopolous/BOOTSTRA.386/blob/master/CONTRIBUTING.md) doc - it's easy, I swear.



### Building yourself



These folders, and all versions, are proper forks of tagged releases of bootstrap. Because they represent very specific snapshots in time, there's no configuration json, buildbot updates or anything like that. If you want to patch updates to the dependencies and confirm the build of the old versions then please open a PR ... I ignore the automated ones that github sends me because it's not that kind of project.



For building, I have included README.md in each of the directories. Unlike the lazy chumps over at bootstrap industries, I actually support 4 versions, simultaneously. Now I do so very poorly, and with a proposterous time lag, but I supposedly do.



### Contact



 * [Mailing list](https://groups.google.com/forum/#!forum/bootstra-386)



Also you can give me money, as little as $1/month ... Click on that heart sponsor thing at the top ... I'm a sponsorer as well!



### See [the wiki](https://github.com/kristopolous/BOOTSTRA.386/wiki/) for more documentation.



### Attributions



The font for v4/5 is by VileR, used under Creative Commons Share-Alike, which [can be found at int10h.org](https://int10h.org/oldschool-pc-fonts/fontlist/).