TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Bootstra.386 – A Bootstrap theme from the 1980s

803 pointsby dlsymalmost 11 years ago

49 comments

cs702almost 11 years ago
This is a work of art.<p>All the details are just right, from the color palette to the menu separators and edges drawn with fake ASCII &#x27;drawing&#x27; characters to the little blip that refreshes the screen line by line. Even the name is perfect: &quot;BOOTSTRA.386&quot; -- eight characters plus three for the extension, all in uppercase.<p>THANK YOU.
评论 #7997841 未加载
busterarmalmost 11 years ago
This put such a huge smile on my face.<p>I was having a shit day, but now it&#x27;s awesome. Thank you!<p>P.S. I will go build like 9 websites using this immediately.
评论 #7985065 未加载
评论 #7983955 未加载
评论 #7983700 未加载
kristopolousalmost 11 years ago
Author 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&#x2F;skype&#x2F;aim&#x2F;facebook&#x2F;yahoo with the same username as here if that&#x27;s more comfortable for you. There&#x27;s also the standard issue tracker and mailing list.<p>Thanks!
评论 #7985831 未加载
评论 #7989930 未加载
zhte415almost 11 years ago
It looks old, it looks comical, but I KNOW WHAT TO DO!<p>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&#x27;t look like this (in all seriousness).
评论 #7983439 未加载
评论 #7983578 未加载
评论 #7983364 未加载
评论 #7983540 未加载
acheronalmost 11 years ago
I love this so much. Everything about the text mode of PCs (that is, what we used to call &quot;IBM compatibles&quot;) is burnt into my brain at the deepest levels. Seeing this is like a jolt of electricity.<p>If you ask me to picture &quot;what does a byte look like?&quot;, I am not going to think of binary or hex, I am going to instantly imagine the &quot;extended ASCII&quot; of code page 437.
JonnieCachealmost 11 years ago
Make sure to check out the project&#x27;s wiki page, where he goes into detail on DOS terminal modes:<p><a href="https://github.com/kristopolous/BOOTSTRA.386/wiki/DOS-Terminal-Capability-Tutorial" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;kristopolous&#x2F;BOOTSTRA.386&#x2F;wiki&#x2F;DOS-Termin...</a>
pjgomezalmost 11 years ago
Very nice, it&#x27;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).<p>kudos!
评论 #7984786 未加载
评论 #7984685 未加载
rschmittyalmost 11 years ago
Needs keyboard arrow navigation :)
评论 #7983399 未加载
评论 #7984822 未加载
评论 #7983394 未加载
评论 #7984747 未加载
mVChralmost 11 years ago
Ahhhhh, a nostalgia Bootstrap I can get behind.<p>Unlike <a href="http://code.divshot.com/geo-bootstrap/" rel="nofollow">http:&#x2F;&#x2F;code.divshot.com&#x2F;geo-bootstrap&#x2F;</a>
评论 #7988191 未加载
enkiv2almost 11 years ago
It might be more accurate to call this a simulation of vga text mode -- more early 90s than 1980s. Still, very cool.
评论 #7983274 未加载
评论 #7983321 未加载
评论 #7983278 未加载
JonnieCachealmost 11 years ago
This seems like a good time to post Cathode, the retro terminal for OSX: <a href="http://www.secretgeometry.com/apps/cathode/" rel="nofollow">http:&#x2F;&#x2F;www.secretgeometry.com&#x2F;apps&#x2F;cathode&#x2F;</a>
评论 #7983314 未加载
ithkuilalmost 11 years ago
Where is the turbo button?
评论 #7983480 未加载
xedariusalmost 11 years ago
As 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.
lbacajalmost 11 years ago
This is by far the best bootstrap theme I have seen!
mdipalmost 11 years ago
First: Kudos. That is easily the coolest thing I&#x27;ve seen this month.<p>Everything &quot;felt&quot; like a fancy over-done BBS of the early 90s in the way that the page loaded slowly, but I&#x27;m curious why you chose the second swipe of the cursor over the screen. I don&#x27;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&#x27;t use?
评论 #7984965 未加载
wireminealmost 11 years ago
This is by far the coolest thing I&#x27;ve seen in months. Kudos!<p>Now, excuse me while I find my Def Leppard cassette tape and turn up my collar.
AlyssaRowanalmost 11 years ago
Needs more ═[▪]═╗. :)
feralmoanalmost 11 years ago
oh Turbo Vision, how I miss you!
评论 #7983373 未加载
ErikRognebyalmost 11 years ago
This is incredibly well done.<p>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.<p>(yes Xerox did it in 1981, but I expect most of us were rocking a Apple II, 386, or C64 at that time...)
tritrialmost 11 years ago
I&#x27;ve been having a lot of thoughts about why I love technology so much, and this really put the biggest smile on my face!<p>Thank you so much for creating this. It&#x27;s so unique, classic, novel.<p>I sincerely hope all the best for your career and your aspirations!
rbanffyalmost 11 years ago
Would anyone like to give a hand with <a href="https://github.com/rbanffy/3270font" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;rbanffy&#x2F;3270font</a> so we could build a 3270 theme?
apialmost 11 years ago
I 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.<p>Wow!
评论 #7984982 未加载
jerfalmost 11 years ago
I 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.<p>Question: On the real systems where that occurred, what was the second pass doing? It never seemed to change anything. (No guesses, please. I&#x27;m looking for someone who knows.)
评论 #7990720 未加载
contingenciesalmost 11 years ago
Am I the only one that noticed the irony of presenting a Javascript-required website with the self-promotional phrase: <i>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.</i>?
michaelmioralmost 11 years ago
Looks pretty awesome. I&#x27;m a little disappointed that the cursor wasn&#x27;t turned into a block though.
lordscarletalmost 11 years ago
I 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.<p><a href="http://sixteencolors.net" rel="nofollow">http:&#x2F;&#x2F;sixteencolors.net</a>
agumonkeyalmost 11 years ago
Where&#x27;s the button to compile .pas modules though ?<p>bootstrap === csszengarden 2.0
KJBwebalmost 11 years ago
This is awesome, I&#x27;ll be using this to revamp my personal site.
e12ealmost 11 years ago
Love it. I&#x27;d love it more if it worked w&#x2F;o js -- but at least it renders ok in w3m -- so I guess I can live with having to enable js in Firefox...
mjhea0almost 11 years ago
instagram tag search circa 1980<p><a href="http://mherman.org/instagram-search-386/" rel="nofollow">http:&#x2F;&#x2F;mherman.org&#x2F;instagram-search-386&#x2F;</a>
hellbanneralmost 11 years ago
How can I make every website use this? It&#x27;s one of the few designs that doesn&#x27;t look like shit.
elwellalmost 11 years ago
Flat UI; we&#x27;ve come full circle.
stuaxoalmost 11 years ago
Textmode was fast... !<p>This is my only thing, make the flicker faster .. and the update should be almost instant.
评论 #7983878 未加载
hnattalmost 11 years ago
I noticed that progress bars aren&#x27;t styled. Otherwise it&#x27;s awesomely consistent.
waitingkuoalmost 11 years ago
Awesome! Will be more 386-like if I can use the arrow keys to control the navigator ;)
xienzealmost 11 years ago
This is really clever! But text mode interfaces weren&#x27;t _that_ slow.
xbalmost 11 years ago
Glorious, I can&#x27;t wait to come up with a project to use this in.
mmgutzalmost 11 years ago
That&#x27;s when Borland was right up there with Microsoft!
nitishmdalmost 11 years ago
This is awesome!! Should use this as resume template!
mhartlalmost 11 years ago
This is so rad. I mean, like, totally awesome!
Demiurgealmost 11 years ago
Icons need more work! My next theme, for sure.
midhiralmost 11 years ago
I can&#x27;t help but think the creator&#x27;s genius would&#x27;ve been better applied to practically anything else. But so what, it&#x27;s fantastic!
ronpeledalmost 11 years ago
OMG! what an awesome throwback!
gnuragalmost 11 years ago
whow! this is the coolest thing i&#x27;ve seen this whole year!
IBalicalmost 11 years ago
Just simply awesome :)
k2enemyalmost 11 years ago
previous discussion: <a href="https://news.ycombinator.com/item?id=7959068" rel="nofollow">https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=7959068</a>
nosoalmost 11 years ago
very very cool!
评论 #7988133 未加载
smrtinsertalmost 11 years ago
I love this.
frozenportalmost 11 years ago
I can&#x27;t use this in production until you get rid of the scrolling painting!