Video nenà dostupné.
OmlouvĂĄme se.
I made a TERMINAL website, with HIDDEN Easter eggs
VloĆŸit
- Äas pĆidĂĄn 18. 08. 2024
- 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/for...
đ„ Twitch: / forrestknight
đŠ Twitter: / forrestpknight
đž Instagram: / forrestpknight
đ Learning Resources:
My Favorite Machine Learning Course: imp.i384100.ne...
Open Source Computer Science Degree: bit.ly/open-so...
Python Open Source Computer Science Degree: bit.ly/python-...
Udacity to Learn Any Coding Skill: bit.ly/udacity-...
đšâđ» 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-codi...
My AI GPU: amzn.to/3uvmUmz
đ§Coding Tools:
The Best Linux Server Hosting: bit.ly/linode-...
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.
Found the password in console but the command does nothing for me
how do you use rise with linux?
website is awsome.
i found email
ya got me
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.
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!
this is really cool. I love the idea, and I might end up commandeering it for my own personal site
Go for it
So I typed 'sudo', and learnt my lesson never to. Well played, Forrest.
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.
what is it
@@JacksonMiller_ "sudo"
@@radoslavl921 its not working lol wtf (using msc edge)
@@radoslavl921 it is not "sudo"
I am hoping not to get rick rolled while finding the secret. I also use arch btw
By the way forrestknight is using Windows and wsl2
I hadn't been rick-rolled for a while đ
Classic arch user sentence
All I'll say is that the secret is well worth finding
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.
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. ;)
The secret was amazing. I am curious if there's multiple passwords though.
Doesnât seem to be looking through the code
@@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!
@@TheSensationalMr.Science yeah but where is the source code i wanna fork it
@@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!
@@TheSensationalMr.Science Thanks HTTrack was what i was looking for . i knew about F12
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.
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
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.
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.
Never give up looking for that password đđđđ Great work Forrest!
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 ;)
Darn that's probably the most useful sponsorship I have ever seen. Most are like buy 'cheap headphone brand'.
This totally inspired me. I want to write an emulator in javascript and see if I can boot Linux in a browser!!
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.
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 đ
I like how you introduced your sponsor đ.. super creative. Th video is quite immersive and well... helpful. Thanks.
The password got me lol. btw I like the new video idea, I see you more energetic. Keep it up Forrest
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
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
Forrest:
"I'm probably the best JavaScript developer on CZcams."
Brendan Eich:
"Cool story, bro."
Eich was relevant like... 2 decades ago?
What about Web Dev Simplified?
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!!!
Woah your site is awesomeđ
Hi forrest! I love the website! There's a typo in the whois command, but that's fine. Fun project!
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..
Yea, I didn't bother testing on mobile or making it responsive. More of a desktop experience. Thanks for letting me know, though!
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.
I am so glad I came across your channel great content, love your stories keep it up man! You're my inspiration đ
This looks super cool! I sort of want to stop what Iâm doing right now and make a terminal website too. đ
Where can I get all the sourcecode in this video? I'm trying to make one.
This video makes me want to do more work on my system terminal to get it more to my liking. Thanks for the inspiration.
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.
3:03 Wow.... that was smooth. xd
I love the Rize ads
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
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) => {},
}
I love the video! This is what I am looking for to add on my project to execute my code. Thanks so much! Cheers,
Good stuff as always! Your content really helped me find myself as a new Tech CZcamsr that switched careers to the tech industry recently. I'll keep watching your future videos!
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
Damnn totally loved the secretđđ
what is this?
I loved the video, me personally love code explanations maybe a fun over view
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.
that segway to the sponsor made me audibly laugh lol, good one
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
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 â€â€â€đ
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
This is awesome Forrest!
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!!
I don't have a personal website. But, this video definitely encourage me to develop mine :) Thanks dude.
Interesting project.
great idea. never thought of a terminal website
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
Great video, loved a looot the website, and regarding feedback, I would like to see more coding stuff. Great work!
This is so cool! Thanks for this!
Found the secret and actually laughed out loud!! đ€Łđđ€Ł ... you got me Forrest!!
Hey, back in December of 2022, I took got the source code of this website and edited a lot about it, and today, I found my edited version and am editing it even more! If you would like to see my edited version, let me know.
can you show me your edited version?
can you pls send
@@techvishnuyt ill make a google drive link later
thank you very much :)@@sapharitelol
Super cool!
Now that was a Linus Tech Tips level of sponsor segment đ
I remember back in the day before 2010 when a lot of tutorials and clickbait videos on CZcams were just a music video from the 1980s.
Into this as well.
Interesting concept. The surface has nearly been scratched on this area of web design and development.
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.
This is a great video I was actually planning to make something like this. I am learning Vue now
I loooooooooooooooooove it!!!
That effing sudo command!
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.
I did not expect that secret command
Awesome project man!đ
$> echo "Terminal is life!"
Terminal is life!
It was the best rick roll I ever had
Ok... the entry into the sponsor was so well though XD
Found the secret, kudos FK đ
the password was very nasty move!
I got rickrolled guys. *I GOT RICKROLLED*
Nice time killer website tho. Aesthetically pleasing stuff!!!
loved the UI of the website, will probably build my own personal website by stealing a lot of yours !. Couldn't guess the secret password though...
I found out a secret passcode, I'm not the admin... !
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.
Oh no, you're not admin...
đ I liked that one
This is cool! Though I'd might like it even better if you made this with Telnet instead (or a dialup BBS)
the secret is you get rickrolled i gues
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.
I have mixed feelings after finding the secret đđ€Łđ€Ł
Well done.
Although, it would be better in 4K !!!!!!!!!!!
The CLI is life. I use Arch BTW
What is `Arch BTW`?
@@markcuello5 BTW means "by the way"
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
Casually rick-rolled me two times đą
Oh I AM AN ADMIN, I should be able to use that "secret" command...
or at least i should be able to just sudo su
Could've used 'whoami' instead of 'whois' since it's an actual command in Linux
I would love to know how to make this site start to finish, very cool!
Password was pretty easy to find in the source code tbh.
I wish you an unpleasant day :( I did not enjoy the secret command.
But nice terminal tho!
I got what I deserved for not being an admin.
Really fantastic!
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.
What theme do you use in VS-Code?
sudo Only use if you're admin
That terminal is very very well made other than the responsive part
not even mad about getting duped
Password is fkcodes
nice video man, you got my sub (: