I made a TERMINAL website, with HIDDEN Easter eggs

It's finally time I make a personal website, and nothing's cooler than a terminal website build with pure html, css, and javascript that contains a few little things about me. Oh, and some Easter eggs. This is not my final personal website. I'll be making something a bit more professional next month, but I always wanted to code a terminal website, so I took the opportunity to do so. Enjoy!
Terminal Website: fkcodes.com
------------------------
🐱‍🚀 GitHub: github.com/forrestknight
🎥 Twitch: / forrestknight
🐦 Twitter: / forrestpknight
📸 Instagram: / forrestpknight
📓 Learning Resources:
My Favorite Machine Learning Course: imp.i384100.net/YgYEBJ
Open Source Computer Science Degree: bit.ly/open-source-forrest
Python Open Source Computer Science Degree: bit.ly/python-open-source
Udacity to Learn Any Coding Skill: bit.ly/udacity-forrest
👨‍💻 My Coding Gear:
My NAS Server: amzn.to/3brqO7b
My Hard Drives: amzn.to/3aKetMi
My Main Monitor: amzn.to/3siQfPa
My Second Monitor: amzn.to/3keHT84
My Standing Desk: amzn.to/3boAcbC
My PC Build: bit.ly/my-coding-gear
My AI GPU: amzn.to/3uvmUmz
🔧Coding Tools:
The Best Linux Server Hosting: bit.ly/linode-forrest

Пікірлер: 292

  • @fknight
    @fknight2 жыл бұрын

    Let me know what Easter eggs you find! This is NOT a responsive site, either. Desktop only... for now (and probably always). Thanks to Rize for sponsoring today's video. Use my code ​FORRESTKNIGHT or link rize.io/forrestknight to be the first 1000 people to get a 25% discount off your first three months with Rize.

  • @BlubberyMuffins

    @BlubberyMuffins

    2 жыл бұрын

    Found the password in console but the command does nothing for me

  • @richardmonseglio8071

    @richardmonseglio8071

    2 жыл бұрын

    how do you use rise with linux?

  • @richardmonseglio8071

    @richardmonseglio8071

    2 жыл бұрын

    website is awsome.

  • @purwarpranav80

    @purwarpranav80

    2 жыл бұрын

    i found email

  • @dylanelens

    @dylanelens

    2 жыл бұрын

    ya got me

  • @thatrandomguy2723
    @thatrandomguy27232 жыл бұрын

    I’ve been watching you for a while now and I have to say I absolutely love the passion and dedication you have for computer science and the tech field. I’m actually starting my first year in college for computer science! I will definitely have this terminal website as a side project ! Thanks for all the inspiration and great content.

  • @travisjones1034
    @travisjones1034 Жыл бұрын

    found you a few days ago trying to get back into coding since I graduated college. I think this project was really awesome and I've been looking at your older content, I am starting my own project and think your material is really helpful.

  • @theomegamale5335
    @theomegamale53352 жыл бұрын

    I think the adjective you were looking for, for the colors was "muted", meaning they are slightly desaturated as opposed to a neon color for instance....great video, cool project!

  • @wcrb15
    @wcrb152 жыл бұрын

    this is really cool. I love the idea, and I might end up commandeering it for my own personal site

  • @fknight

    @fknight

    2 жыл бұрын

    Go for it

  • @rustystrings0908
    @rustystrings09082 жыл бұрын

    I really liked the format and I loved seeing you try some JS, this makes me wanna try this project myself. You can definitely tell you're newer at JS 😂 but looking great still

  • @josephsardella8047
    @josephsardella80478 ай бұрын

    dude i totally subbed because of how fun you made this video, totally inspired me to steal your code and figure out how to incoporate this in my website. cheers!!!

  • @akshajsrivastava2243
    @akshajsrivastava22432 жыл бұрын

    reallly like the structure of the video. you can go into more depth of the code coz that really excites me a lot personally. And the website is genuinely awesome

  • @danieltkach2330
    @danieltkach2330 Жыл бұрын

    This is beautiful. I was expecting though an actual console program, that's what I'm researching, I'll keep looking :) Thanks for the inspiration.

  • @lucasfontini5881
    @lucasfontini5881 Жыл бұрын

    Thanks Man, for a long time I've been thinking how I could build something like a shell web and now I got it thank by you so you have a new subscriber.

  • @minhtriettruong9217
    @minhtriettruong9217 Жыл бұрын

    I love the video! This is what I am looking for to add on my project to execute my code. Thanks so much! Cheers,

  • @DannyWood7989
    @DannyWood79892 жыл бұрын

    Haha. I knew it !That's the sound of inevitability. I love the simplicity and creativity of your site. I think it has the potential to go even further. You could really have some fun with this - as you already have. One thing I did feel it was lacking was a confirmation when opening links, or where the link was going. [Y/N] "Opening: External... Email client...". The email link specifically felt a bit abrupt, due to not knowing how the email was going to be handled. A terminal contact form could be fun... Great little project though. ;)

  • @hal32024
    @hal320242 жыл бұрын

    This video makes me want to do more work on my system terminal to get it more to my liking. Thanks for the inspiration.

  • @programity
    @programity Жыл бұрын

    That is SLICK. You've got me scratching my head figuring out how you get the text to "write" out to the screen one character at a time.

  • @Matalina
    @Matalina2 жыл бұрын

    I love the idea of the website. I kinda want to make my site like that now. And I liked the structure. Not a tutorial, and not an all out lecture. Totally more engaging and fun.

  • @theena
    @theena2 жыл бұрын

    So I typed 'sudo', and learnt my lesson never to. Well played, Forrest.

  • @petembugua
    @petembuguaАй бұрын

    I like how you introduced your sponsor 😂.. super creative. Th video is quite immersive and well... helpful. Thanks.

  • @apagan8
    @apagan82 жыл бұрын

    I am so glad I came across your channel great content, love your stories keep it up man! You're my inspiration 💛

  • @defalt8122
    @defalt8122 Жыл бұрын

    I'm new to JS. I really like the style of the video and to see how a developer thinks. I would like to see more of the logical coding done.

  • @felixc.programs8209
    @felixc.programs82092 жыл бұрын

    Good stuff as always! Your content really helped me find myself as a new Tech KZreadr that switched careers to the tech industry recently. I'll keep watching your future videos!

  • @perezident14
    @perezident142 жыл бұрын

    This looks super cool! I sort of want to stop what I’m doing right now and make a terminal website too. 😅

  • @antonionotbanderas9775
    @antonionotbanderas9775 Жыл бұрын

    I like the structure of this video it more interactive where I have to pause to read the code, and go to your website to read the source. I hope you keep adding into your terminal style website, rather than considering it an in-between project. I'm learning xtermjs 'cause I'd like to use the terminal-kit and other npm modules, but your approach might be quicker.

  • @deckard8897
    @deckard88972 жыл бұрын

    Great video, loved a looot the website, and regarding feedback, I would like to see more coding stuff. Great work!

  • @PeaceWalkerify
    @PeaceWalkerify2 жыл бұрын

    This is so cool! Thanks for this!

  • 2 жыл бұрын

    I actually discovered the secret command before finding the password 😂 Awesome project, I've never seen a website in this style, but I really like it and I'm planning to build something similar myself. Keep up the good work.

  • @JacksonMiller_

    @JacksonMiller_

    2 жыл бұрын

    what is it

  • @radoslavl921

    @radoslavl921

    2 жыл бұрын

    @@JacksonMiller_ "sudo"

  • @designres6975

    @designres6975

    10 ай бұрын

    @@radoslavl921 its not working lol wtf (using msc edge)

  • @mazal-bb

    @mazal-bb

    4 ай бұрын

    @@radoslavl921 it is not "sudo"

  • @jaysonbunnell8097
    @jaysonbunnell80972 жыл бұрын

    Hi forrest! I love the website! There's a typo in the whois command, but that's fine. Fun project!

  • @dorutu
    @dorutu2 жыл бұрын

    The password got me lol. btw I like the new video idea, I see you more energetic. Keep it up Forrest

  • @kevinmccallister7647
    @kevinmccallister76472 жыл бұрын

    I loved the video, me personally love code explanations maybe a fun over view

  • @TheBretlinne
    @TheBretlinne2 жыл бұрын

    I liked this. I'm gonna build my own. I wanted to have a toggle command to swap terminal styles between C64, DOS, Mac, my own style, etc and dynamically change out the CSS

  • @delphicdescant
    @delphicdescant2 жыл бұрын

    At first I thought you meant a website actually designed to be accessed by a terminal browser on the user's machine. As in, tailored to look best on their terminal, without caring how it looks in a browser. But this is cool too.

  • @MilMike
    @MilMike2 жыл бұрын

    Thats cool! Kinda reminds me of pre internet BBS (bulletin board system). You could dialup a phone number (via modem) and see a similar colorful "websites" in your terminal. Personally I used to have a similar website like yours, geeky but depends on who your target audience is. Probably nothing for a potential customer who doesn't know wtf all this is about xD

  • @sametkamgul
    @sametkamgul2 жыл бұрын

    I don't have a personal website. But, this video definitely encourage me to develop mine :) Thanks dude.

  • @howawwe3291
    @howawwe32912 жыл бұрын

    This is awesome Forrest!

  • @chinoconese2
    @chinoconese22 жыл бұрын

    Awesome project man!👍

  • @xravedogx
    @xravedogx2 жыл бұрын

    All I'll say is that the secret is well worth finding

  • @6H075T2
    @6H075T22 жыл бұрын

    Where can I get all the sourcecode in this video? I'm trying to make one.

  • @Michael-Martell
    @Michael-Martell2 жыл бұрын

    Cool, I love all the effects and styling. My only suggestions would be to possibly make it responsive. Change the input to non-case sensitive. Whoami didn’t show anything for me. One thing I really liked is that typing the video link titles brought me to the page. That was a very nice touch!!

  • @ggwp7745
    @ggwp77452 жыл бұрын

    I am hoping not to get rick rolled while finding the secret. I also use arch btw

  • @jazsajral2017

    @jazsajral2017

    2 жыл бұрын

    By the way forrestknight is using Windows and wsl2

  • @antonionotbanderas9775

    @antonionotbanderas9775

    Жыл бұрын

    I hadn't been rick-rolled for a while 😅

  • @robloxstuff123

    @robloxstuff123

    3 ай бұрын

    Classic arch user sentence

  • @lucaslopes1260
    @lucaslopes12602 жыл бұрын

    It looks awesome! I like how you used vanilla javascript instead of React or another framework. And the amount of code on the video is fine. Too much and it becomes boring. About the site itself: there's a typo on line 5 of your bio, in "documented". And the backspace is a little buggy. And about the secret, I was not expecting that. lol

  • @JackoSasha
    @JackoSasha2 жыл бұрын

    Never give up looking for that password 😂😂😂😂 Great work Forrest!

  • @KieranCrown
    @KieranCrown2 жыл бұрын

    You should totally have the commands hosted in a JSON somewhere else so you can update the commands/output remotely. Super cool project though, nice easter egg ;)

  • @scaredfolks5923
    @scaredfolks59232 жыл бұрын

    Darn that's probably the most useful sponsorship I have ever seen. Most are like buy 'cheap headphone brand'.

  • @hunterg312
    @hunterg3122 жыл бұрын

    This is a great video I was actually planning to make something like this. I am learning Vue now

  • @alexswan1521
    @alexswan15212 жыл бұрын

    Whaaaat?? I was dreaming and got that idea... and now I see your video that I'm actually not the only one and a lot of people already did there. Snap

  • @scaredfolks5923
    @scaredfolks59232 жыл бұрын

    Ive wanted to make a site like this for so long. Just such a cool idea in my opinion. Because I am always using a Terminal. LGR had a similar website he might still, that's where I got the idea.

  • @glansingColt
    @glansingColt2 жыл бұрын

    great idea. never thought of a terminal website

  • @af3942
    @af39422 жыл бұрын

    Found the secret and actually laughed out loud!! 🤣😂🤣 ... you got me Forrest!!

  • @maantjemol
    @maantjemol2 жыл бұрын

    What theme do you use in VS-Code?

  • @LeleSwapper
    @LeleSwapper2 жыл бұрын

    nice video man, you got my sub (:

  • @Fluffley
    @Fluffley2 жыл бұрын

    The secret was amazing. I am curious if there's multiple passwords though.

  • @superfluffygame

    @superfluffygame

    2 жыл бұрын

    Doesn’t seem to be looking through the code

  • @TheSensationalMr.Science

    @TheSensationalMr.Science

    2 жыл бұрын

    @@superfluffygame it was so obvious in its placement that when I looked at it being statically typed.... I facepalmed. also Ctrl + f is your friend with looking through source code. Hope you have a great day & Safe Travels!

  • @tristanwait4itlegendary

    @tristanwait4itlegendary

    Жыл бұрын

    @@TheSensationalMr.Science yeah but where is the source code i wanna fork it

  • @TheSensationalMr.Science

    @TheSensationalMr.Science

    Жыл бұрын

    @@tristanwait4itlegendary to access source code of the page (cause its merely hidden under a layer of obfuscation): just right-click the page (anywhere) -> click view page source -> seeing page source. [btw, click the " 'files'.*" files for more details to the source code... also there is httrack that is a great tool for downloading websites] Hope you have a great day & Safe Travels!

  • @tristanwait4itlegendary

    @tristanwait4itlegendary

    Жыл бұрын

    @@TheSensationalMr.Science Thanks HTTrack was what i was looking for . i knew about F12

  • @mperius
    @mperius Жыл бұрын

    I really like this idea, is this a style of web portfolio you might recommend to a new web/software developer? I'm graduating very soon and trying to get my ducks in a row and want to have a nice clean and concise portfolio to be able to add to.

  • @lukas6931
    @lukas6931 Жыл бұрын

    Love the website, but how did you made the Ascii Art work? I tried it myself and it always ended up all messed up...

  • @ozumbachris8297
    @ozumbachris8297Ай бұрын

    Love your idea, of a terminal in the web. Please can you make a website on terminal like links, does but terminal base... But for the website ❤❤❤🎉

  • @naptrix7264
    @naptrix72642 жыл бұрын

    HA! I read through the source code and found where the secret command leads to, It was easy for me to recognize that link because I've been given up so many times, but this time, I haven't 😊

  • @Donfeur
    @Donfeur2 жыл бұрын

    that segway to the sponsor made me audibly laugh lol, good one

  • @sujayxaradhya
    @sujayxaradhya2 жыл бұрын

    Hey dude, make a video on folder tree structure and clean architecture. It is really needed, not only me everyone needs to know that. Thank You in Advance.

  • @IkraamDev
    @IkraamDev2 жыл бұрын

    I remember back in the day before 2010 when a lot of tutorials and clickbait videos on KZread were just a music video from the 1980s.

  • @imnotcard
    @imnotcard Жыл бұрын

    I would love to know how to make this site start to finish, very cool!

  • @BryanWho22
    @BryanWho222 жыл бұрын

    Really fantastic!

  • @33v4.
    @33v4. Жыл бұрын

    sir what theme do you use on vscode? if you don't mind

  • @miladhaghpanah7986
    @miladhaghpanah79862 жыл бұрын

    I have mixed feelings after finding the secret 😂🤣🤣 Well done.

  • @miladhaghpanah7986

    @miladhaghpanah7986

    2 жыл бұрын

    Although, it would be better in 4K !!!!!!!!!!!

  • @RoastLambShanks
    @RoastLambShanks2 жыл бұрын

    Is this a tutorial? i like the idea and i'm quite capable of looking at the source and pulling it apart to see how its done. But I think i'd like a bit more background. You did research at the beginning, more info there would be useful so I can go over the same resources and make decisions as to how I'd like my terminal website to look and act.

  • @se6369
    @se6369 Жыл бұрын

    This is cool! Though I'd might like it even better if you made this with Telnet instead (or a dialup BBS)

  • @studyfreak192
    @studyfreak1922 жыл бұрын

    Damnn totally loved the secret😂😂

  • @malivinayak

    @malivinayak

    Жыл бұрын

    what is this?

  • @vujadinovicc
    @vujadinovicc2 жыл бұрын

    hello bro, I want to make a site (initial and 4 more categories from those four categories, each has two more subcategories) and search. what do i need please start from the beginning (program, what files do i create, where do i write). if you have such videos please redirect and give me an answer. I want to learn but there is no one to explain it to me. thanks

  • @miro6470
    @miro64702 жыл бұрын

    3:03 Wow.... that was smooth. xd

  • @lucashandekyn
    @lucashandekyn2 жыл бұрын

    I did not expect that secret command

  • @spicynoodle7419
    @spicynoodle74192 жыл бұрын

    Wow this is a gread idea! I'm gonna make my personal website a termsite too EDIT: I have made interactive terminal simulators and I have a tip. It's a lot easier to create the commands as an object: commands = { name: (args) => {}, }

  • @samatech8853
    @samatech88532 жыл бұрын

    I love the Rize ads

  • @ayaannasar8950
    @ayaannasar89502 жыл бұрын

    I figured out the password and got the sudo command. I just can't get it to work. Is it deliberate or it has work left to do?

  • @jornblaedelgarbosa8458
    @jornblaedelgarbosa84584 ай бұрын

    That effing sudo command!

  • @KevW.
    @KevW.3 ай бұрын

    how did you make that output effect of typewrite? wow

  • @Pixel_Recap
    @Pixel_Recap8 ай бұрын

    after watching this video i am build a terminal website also. It is not an easy thing to build . I dont know am i able to give a link to my terminal website . After build a terminal website, it is so satisfying to type in it. And also i add some funny js scripts to my terminal website

  • @zaidhassan1318
    @zaidhassan1318 Жыл бұрын

    I can't find the source code in github, have you posted it there ??

  • @connorbernard6246
    @connorbernard62462 жыл бұрын

    Anyone know his color pallette for his IDE because that looks amazing

  • @tabdig
    @tabdig2 жыл бұрын

    what color theme are you usning?

  • @itzik975
    @itzik9752 жыл бұрын

    pretty cool idea man, i really like it. i suppose the interesting part is beyond the secret chamber. can you give atleast some hints tho? i checked out everything and nothing poped up, maybe cuz i dont know you well enough, lord knows.

  • @birinhos
    @birinhos Жыл бұрын

    Is top do you mind if I use it for may startup ?

  • @thorvalld
    @thorvalld2 жыл бұрын

    Found the secret, kudos FK 👏

  • @kato547
    @kato5472 жыл бұрын

    Great Video, I would Like more Code

  • @bluzzard
    @bluzzard2 жыл бұрын

    That terminal is very very well made other than the responsive part

  • @the.AnaKen
    @the.AnaKen2 жыл бұрын

    Bug report (maybe): when i tried it on my phone i had to press enter twice for the command to run.. And the website is not responsive but that doesn't matter..

  • @fknight

    @fknight

    2 жыл бұрын

    Yea, I didn't bother testing on mobile or making it responsive. More of a desktop experience. Thanks for letting me know, though!

  • @krakenn2367
    @krakenn23672 жыл бұрын

    I just got rick-rolled, good job haha. I like the concept, really cool and entertaining.

  • @x64dev67
    @x64dev672 жыл бұрын

    Which theme is that on VS Code

  • @semjonhorvath
    @semjonhorvath2 жыл бұрын

    Bruh, you fucked me up with the secret. How come????????? Good job, really amazing design.

  • @Oxxygen_io
    @Oxxygen_io2 жыл бұрын

    $> echo "Terminal is life!" Terminal is life!

  • @MOON9FLY
    @MOON9FLY2 жыл бұрын

    Great Stuff , I like your videos and project A simple note : Change help To SOS , Coz everyone is using help , SOS will give you some uniqueness

  • @alexwaller5603
    @alexwaller5603 Жыл бұрын

    I am struggling to recreate the caret to look like a terminal instead of the default text area. Any help?

  • @user-jr8pq4jd5w

    @user-jr8pq4jd5w

    Жыл бұрын

    Helpline📲📥⬆️ Questions can come in⬆️

  • @miladhaghpanah7986
    @miladhaghpanah79862 жыл бұрын

    Now that was a Linus Tech Tips level of sponsor segment 😅

  • @topcivilian
    @topcivilian2 жыл бұрын

    Forrest: "I'm probably the best JavaScript developer on KZread." Brendan Eich: "Cool story, bro."

  • @Sharp931

    @Sharp931

    2 жыл бұрын

    Eich was relevant like... 2 decades ago?

  • @Pacvalham

    @Pacvalham

    2 жыл бұрын

    What about Web Dev Simplified?

  • @lukejanssen479
    @lukejanssen479 Жыл бұрын

    onkeydown for up and down arrow needs to be changed to prevent the default behaviour because it allows users to type where the cursor is not

  • @sayakbhunia2903
    @sayakbhunia290310 ай бұрын

    Where can I get the source code ?

  • @giorgiobonacorsi5481
    @giorgiobonacorsi54815 ай бұрын

    I loooooooooooooooooove it!!!

  • @the_foxware
    @the_foxware2 жыл бұрын

    Ok... the entry into the sponsor was so well though XD

  • @FreQ35Hz
    @FreQ35Hz2 жыл бұрын

    how do you use ACHII ? i cant do my one get messed up how to solve that ?

  • @fknight

    @fknight

    2 жыл бұрын

    use an ASCII generator tool and put each line in quotes. You may need to add in extra backslashes, too.

  • @liorshimoni3467
    @liorshimoni34672 жыл бұрын

    I personally would love to see more code...❤

  • @UraharaKira
    @UraharaKira2 жыл бұрын

    so cool! It would have been great if it worked in a text browser

  • @brandonflick8062
    @brandonflick80622 жыл бұрын

    Literally sitting here waiting for something to compile xD

  • @jookie2210
    @jookie22102 жыл бұрын

    i liked the secret. one small problem tho, when you enter the command 'clear' the ASCII Art dissapears which is kinda sad in my opinion

  • @fknight

    @fknight

    2 жыл бұрын

    just type in 'banner' and it will reappear ;)

  • @ademmohammed3939
    @ademmohammed39392 жыл бұрын

    👍 on the easter egg!! 😂😂😂😂