9 ms·
Bootstra.386 – A Bootstrap theme from the 1980s
- ronpeled 12y agoOMG! what an awesome throwback!
- noso 12y agovery very cool!
- noso 12y agoGood to see I was down voted for this comment! Get a life!
- feralmoan 12y agooh Turbo Vision, how I miss you!
- randlet 12y agoYes, very fond memories of using Turbo Vision in the late 90's came flooding back to me as soon as I loaded the page!
- deleted 12y ago[deleted]
- deleted 12y ago[deleted]
- lbacaj 12y agoThis is by far the best bootstrap theme I have seen!
- JonnieCache 12y agoThis seems like a good time to post Cathode, the retro terminal for OSX: http://www.secretgeometry.com/apps/cathode/ http://www.secretgeometry.com/apps/cathode/
- robert_tweed 12y agoI had a Sanyo MBC-550 with a green-screen CRT in the late 80s. The retro coolness factor is overrated IMO. I much prefer my MBP Retina screen without phosphor trails.
- enkiv2 12y agoIt might be more accurate to call this a simulation of vga text mode -- more early 90s than 1980s. Still, very cool.
- JonnieCache 12y agoIndeed, it looks deliciously like Ceefax: https://en.wikipedia.org/wiki/Ceefax https://en.wikipedia.org/wiki/Ceefax I might get up at 5am and stare at it while listening to some easy-listening music.
- keehun 12y agoI remember being in Germany a few years ago, and my friends' parents still used this (something equivalent in Germany) on their TV. It was effective.
- amatera 12y agoThis is called Teletext[1] (or in german: Videotext). It still widely used i guess. Even me sometimes used it to get informations about the sheduled TV-Program if not cellphone/tablet is in reach ;) [1] http://en.wikipedia.org/wiki/Teletext http://en.wikipedia.org/wiki/Teletext
- VMG 12y agoIf you're watching this World Cup in Germany, you'll get regular notices on where to find further information (e.g. see Page 200 for current lineup)
- robert_tweed 12y agoNope, that would be the rather unique text mode of the BBC Micro, which allowed you to do things like double-height letters. AFAIK, only Ceefax and the BBC Micro supported that. This is definitely based on the standard EGA/VGA text mode (originally 80x25 characters) used by DOS. Mode 0x10 IIRC. This is also using the standard codepage 437, which includes the characters for single and double borders. You could also rewrite the symbol table to make custom characters, which is what Norton Utilities and others did.
- rschmitty 12y agoNeeds keyboard arrow navigation :)
- webXL 12y agoThat was my instinct, too. You would almost need to paginate any page that would normally need scrolling, just so the arrows could work.
- acomjean 12y agoI agree. It was the first thing I tried to do.
- mzs 12y agoTAB and RETURN work.
- aidenn0 12y agoI was more thinking they need to highlight the first character and allow Alt- shortcuts to work...
- rschmitty 12y agoOoh good catch!
- k2enemy 12y agoprevious discussion: https://news.ycombinator.com/item?id=7959068 https://news.ycombinator.com/item?id=7959068
- zhte415 12y agoIt looks old, it looks comical, but I KNOW WHAT TO DO! Less pixels, and less colours, means greater usability! This is the greatest application of Bootstrap I have ever seen. It is a shame that more websites don't look like this (in all seriousness).
- webXL 12y agoYou had me up until the parenthetical.
- thathonkey 12y agoThis is undeniably neat but I am curious if you "know what to do" because you have a lot of experience using applications that looked this way largely by necessity. I don't think the average computer user would favor this type of aesthetic on any level. When I was growing up with computers, interfaces like this were on their way out. So to me it just looks clunky and messy. Other than inspiring nostalgia and impressing me with the amount of work that surely went into creating it, I don't think this theme has much real world application. These themes that attempt to replicate the look and feel of a GUI are pretty gimmicky in nature (ever been to a terrible blog that tries to look like the OS X GUI or worse... one of the Windows GUIs?). This one just happens to be really high quality.
- rhizome 12y agoI am curious if you "know what to do" because you have a lot of experience using applications that looked this way largely by necessity. Of course. In the "nature vs. nurture" argument, there is no room for computers. It is all nurture here. Moreover, current interfaces derive from the design choices illustrated here. My only complaint is that it's not degradable.
- cwt 12y agoI like the concept, but it hurts my eyes and, more importantly, is a constant reminder of the imminent blue screen of death
- 12y ago
- Demiurge 12y agoIcons need more work! My next theme, for sure.
- ithkuil 12y agoWhere is the turbo button?
- bigtones 12y agoLOL, the turbo button when the front of the PC displayed the number of MHz the computer was operating at, and you could slow it down so you could play old games. Good times.
- ithkuil 12y agoAs a kid I was fascinated by the fact that turbo button was actually a brake button but there was a perverse incentive to call it turbo because of the psychological effect.
- nitrogen 12y agoInteresting bit of trivia: the MHz LED display on the front of most PC cases was typically configured by jumpers and wired directly to the turbo button; it did not read the actual speed from the motherboard. So if you wanted, you could make it say "HI" for high speed and "LO" for low speed.
- cbreuel 12y agoYep, I remember spending an afternoon reverse-engineering the jumper configuration to change the numbers to match the CPU I had just upgraded. I may still have the diagram I drew somewhere. And I thought I didn't have enough free time back then.
- acheron 12y agoI love this so much. Everything about the text mode of PCs (that is, what we used to call "IBM compatibles") is burnt into my brain at the deepest levels. Seeing this is like a jolt of electricity. If you ask me to picture "what does a byte look like?", I am not going to think of binary or hex, I am going to instantly imagine the "extended ASCII" of code page 437.
- nitishmd 12y agoThis is awesome!! Should use this as resume template!
- wiremine 12y agoThis is by far the coolest thing I've seen in months. Kudos! Now, excuse me while I find my Def Leppard cassette tape and turn up my collar.
- michaelmior 12y agoLooks pretty awesome. I'm a little disappointed that the cursor wasn't turned into a block though.
- busterarm 12y agoThis put such a huge smile on my face. I was having a shit day, but now it's awesome. Thank you! P.S. I will go build like 9 websites using this immediately.
- palominoz 12y ago+1
- busterarm 12y agoAnyone have any advice for rendering images in a time/technology-appropriate fashion?
- jordan0day 12y agoLots of dithering, a 16 or 256 color palette, or just straight up convert to ASCII art.
- mcguire 12y agoAn animated giv scanning through each line of the image one at a time?
- honestcoyote 12y agoIf you're building a Macintosh System 6 or 7 style page, use this site[1] to create 1-bit Atkinson[2] dithered images which will fit perfectly. [1] http://gazs.github.io/canvas-atkinson-dither http://gazs.github.io/canvas-atkinson-dither [2] http://en.wikipedia.org/wiki/Bill_Atkinson http://en.wikipedia.org/wiki/Bill_Atkinson If you actually used a Mac back in the late 80's / early 90's, this site's output will give you a heady shot of pure, undiluted nostalgia. I wasted half an afternoon once, converting images for my imaginary Hypercard project. Photoshop will also give you options and allow you to reduce colors down to an 8 bit or 4 bit palette, with a variety of dithering choices, or for the true lofi look (It's 1991 and I used the school's lab scanner for the first time!), no dithering at all.
- stephencanon 12y ago
- waitingkuo 12y agoAwesome! Will be more 386-like if I can use the arrow keys to control the navigator ;)
- smrtinsert 12y agoI love this.
- ErikRogneby 12y agoThis is incredibly well done. My one criticism is the hamburger being used at 978 and below. The hamburger is a 21st century artifact. Using [MENU] feels more old-school to me. (yes Xerox did it in 1981, but I expect most of us were rocking a Apple II, 386, or C64 at that time...)
- KJBweb 12y agoThis is awesome, I'll be using this to revamp my personal site.
- stuaxo 12y agoTextmode was fast... ! This is my only thing, make the flicker faster .. and the update should be almost instant.
- stuaxo 12y ago[EDIT] While I'm here.. make the scrolling only scroll by character boundries, for a more authentic feel - the header shouldn't overlap by say half a character, since textmode was cell based.
- cs702 12y agoThis is a work of art. All the details are just right, from the color palette to the menu separators and edges drawn with fake ASCII 'drawing' characters to the little blip that refreshes the screen line by line. Even the name is perfect: "BOOTSTRA.386" -- eight characters plus three for the extension, all in uppercase. THANK YOU.
- garethpn 12y agoYep, gotta love 8.3 file-naming
- mhartl 12y agoThis is so rad. I mean, like, totally awesome!
- rbanffy 12y agoWould anyone like to give a hand with https://github.com/rbanffy/3270font https://github.com/rbanffy/3270font so we could build a 3270 theme?
- xienze 12y agoThis is really clever! But text mode interfaces weren't _that_ slow.
- mmgutz 12y agoThat's when Borland was right up there with Microsoft!
- midhir 12y agoI can't help but think the creator's genius would've been better applied to practically anything else. But so what, it's fantastic!
- AlyssaRowan 12y agoNeeds more ═[▪]═╗. :)
- xb 12y agoGlorious, I can't wait to come up with a project to use this in.
- tritri 12y agoI've been having a lot of thoughts about why I love technology so much, and this really put the biggest smile on my face! Thank you so much for creating this. It's so unique, classic, novel. I sincerely hope all the best for your career and your aspirations!
- xedarius 12y agoAs soon as the page came up I instinctively took my hand off the mouse and placed them on the cursor keys, which made me laugh.
- mVChr 12y agoAhhhhh, a nostalgia Bootstrap I can get behind. Unlike http://code.divshot.com/geo-bootstrap/ http://code.divshot.com/geo-bootstrap/
- asakura89 12y agoHa! remind me of friendster.
- JonnieCache 12y agoMake sure to check out the project's wiki page, where he goes into detail on DOS terminal modes: https://github.com/kristopolous/BOOTSTRA.386/wiki/DOS-Terminal-Capability-Tutorial https://github.com/kristopolous/BOOTSTRA.386/wiki/DOS-Termin...
- jerf 12y agoI see this faithfully reproduces that the cursor takes one pass to write the text, then flashes through a second faster pass. I remember seeing that sometimes. Question: On the real systems where that occurred, what was the second pass doing? It never seemed to change anything. (No guesses, please. I'm looking for someone who knows.)
- kristopolous 12y agoauthor here - it was an artifact of a common library that was used for TUI creation. I used it in the early 90s. Applications made with it all had it.
- api 12y agoI literally experienced a sense memory from viewing this. I could smell the slight smell that old, hot CRT monitors emitted -- probably some volatile mix of things that give you cancer. Wow!
- kemist 12y agoYou just made me remember that smell... Nostalgia in full effect
- pjgomez 12y agoVery nice, it's so convincing my first reaction was to use the left-right cursor keys to change the selected menu option! (that would be a cool enhance by the way). kudos!
- e12e 12y agoLove it. I'd love it more if it worked w/o js -- but at least it renders ok in w3m -- so I guess I can live with having to enable js in Firefox...
- gnurag 12y agowhow! this is the coolest thing i've seen this whole year!
- mdip 12y agoFirst: Kudos. That is easily the coolest thing I've seen this month. Everything "felt" like a fancy over-done BBS of the early 90s in the way that the page loaded slowly, but I'm curious why you chose the second swipe of the cursor over the screen. I don't remember my PC from 8088-80386 ever doing that. Am I misremembering and was this in reference to some platform from the 80s that I didn't use?
- walshemj 12y agoReminds me of SLMR for Fido BBS's and the X.400 MUA we used at Telecom Gold (Dialcom)
- kristopolous 12y agoAuthor here. I had no idea this was posted until I just rolled out of bed. Feel free to ask any questions here or hit me up on gchat/skype/aim/facebook/yahoo with the same username as here if that's more comfortable for you. There's also the standard issue tracker and mailing list. Thanks!
- err4nt 12y agoHey, great looking theme, and it love the attention to detail, but I noticed it's Bootstrap 2x and the site I was going to put it on is bootstrap 3x at the moment. Any plans/progress porting this or rewriting it root bootstrap 3x, or should I build anything I want this one as 2x?
- kristopolous 12y agoThere's a lot of demand for 3x. I have been working on this for 18 months off and on ... I'll look into 3x very soon.
- kristopolous 12y agoThere's a lot of demand for 3x. I have been working on this for 18 months off and on ... I'll look into 3x very soon.
- devindotcom 12y agoI realize this is a ridiculous question (totally different platforms), but is this something that could eventually be made into a tumblr theme? I would guess that tens of thousands of people would download it day one.
- kristopolous 12y agosure I can roll that eventually.
- lordscarlet 12y agoI will have to check this out for the next version of Sixtten Colors (an ANSI and ASCII art gallery). We use a similar font, but it is far from bootstrapped. http://sixteencolors.net http://sixteencolors.net
- agumonkey 12y agoWhere's the button to compile .pas modules though ? bootstrap === csszengarden 2.0
- elwell 12y agoFlat UI; we've come full circle.
- mjhea0 12y agoinstagram tag search circa 1980 http://mherman.org/instagram-search-386/ http://mherman.org/instagram-search-386/
- contingencies 12y agoAm I the only one that noticed the irony of presenting a Javascript-required website with the self-promotional phrase: Made for everyone. Bootstrap was made to not only look and behave great in the latest desktop browsers (as well as IE7!), but in tablet and smartphone browsers via responsive CSS as well.?
- IBalic 12y agoJust simply awesome :)
- hnatt 12y agoI noticed that progress bars aren't styled. Otherwise it's awesomely consistent.
- hellbanner 12y agoHow can I make every website use this? It's one of the few designs that doesn't look like shit.
- frozenport 12y agoI can't use this in production until you get rid of the scrolling painting!