DEV Community

Cover image for Simplicity to the Rescue (My New Personal Site)

Simplicity to the Rescue (My New Personal Site)

Todor Todorov on August 22, 2019

Bored with the complexity in our life... No, let me start over: ...our super high technologically smart fast pacing enormously artificially intell...
Collapse
 
fultonbrowne profile image
Fulton Browne

love it! but what if you you could use the curl command and get that as an output?

Collapse
 
gypsydave5 profile image
David Wickes

That would be nice! You could use content negotiation to serve up plain text if Accept-Content is set to text/plain and html for text/html.

Would depend on the site not being static though, which rather defeats the point of the simplicity...

Collapse
 
tttfifo profile image
Todor Todorov

Hi David,

Unfortunately the site is static, but there is a workaround, this command works flawlessly:

$ curl ttt-fifo.github.io/ 2>/dev/null | tail -124 | head -116

Thank you, this is real fun :)

Cheer

Collapse
 
fultonbrowne profile image
Fulton Browne

Fair. What system do you run your setup on?

Thread Thread
 
tttfifo profile image
Todor Todorov

This is an Ubuntu machine for my personal projects. I really like to work at the command line, sometimes I do not start the GUI at all. Part of the reasons - I do not have any distractions while working. The other part - you can work on whatever hardware you want (old, slow PC is enough).

Thread Thread
 
gypsydave5 profile image
David Wickes
  • Deployed to an S3 bucket which hosts the static site using a Makefile.
  • Built using a custom generator what I wrote in Go (but could easily be pandoc I guess)
  • Written with vanilla vim. Or Emacs. Or acme. Depends on my mood.
  • Running on ... well, it depends. If I'm at work it's the MacBook. If I'm at home it's a much older MacBook running either Fedora or Slackware.
 
fultonbrowne profile image
Fulton Browne

i have to use intellij sooooo no command line for me :(

Thread Thread
 
tttfifo profile image
Todor Todorov

Poor FultonB :( You can use it at home sometimes...

Thread Thread
 
fultonbrowne profile image
Fulton Browne

I have a raspi at home that only does command line I will have to turn that on and learn

Thread Thread
 
tttfifo profile image
Todor Todorov

Yes, raspberry should be perfect for this vim setup. I have one forgotten in my locker at the office - I will try to set it up and see if OK for production use...

Collapse
 
tttfifo profile image
Todor Todorov

LoL, haha, I just tried it with curl, it comes out pretty decent :)
But it is best viewed with 'lynx' browser :)

Thank you, FultonB, really nice idea :)

Collapse
 
fultonbrowne profile image
Fulton Browne

thanks for the suggestion I have never seen that browser (I don't really use the command line as a frontend android developer) but i will try it.

Thread Thread
 
tttfifo profile image
Todor Todorov

lynx does not understand java script.
I think it is coming from the age of the dinosaurs :)
No frontend developer should know anything about lynx, do not worry...

Collapse
 
gypsydave5 profile image
David Wickes

I'm going to be picky, so please excuse me. I think your website looks great! But...

... is this 'simple'? Wouldn't it be simpler if it wasn't in a pre tag? What's simple about a fixed width font? What's simple about ASCII art?

If you'll excuse the swearing, I think the simplest you can (or should) go for would be

motherfuckingwebsite.com

but if you wanted it to look nice(r) try

bestmotherfucking.website

Collapse
 
tttfifo profile image
Todor Todorov

Absolutely correct, David!
It is not simple at all, because I have pre-designed what the browser would have done automatically during the download. Suprisingly it is not easy - took me 1hr to play with the 'ascii art' :)

Thank you for sharing the 'excuse my french' links :)

At the end of the day - this is mostly for fun ;)

Collapse
 
leob profile image
leob • Edited

Love your site! Definitely a super original style that stands out from the rest ... main part of your site is just a

piece of text here
block with fixed font text, styled as a piece of paper made with an old fashioned typewriter (even including an ascii art dog ear upper left) - simply genius !
Collapse
 
tttfifo profile image
Todor Todorov

Thank you leob!

I did not know about the dog ear :)

Cheers and have fun!

Collapse
 
leob profile image
leob

Yeah the dogear in the left upper corner of the "page" en.wiktionary.org/wiki/dogear ... nice detail!

Thread Thread
 
tttfifo profile image
Todor Todorov

Really cool!
I learned one Engilsh verb today!
Thanks!

Thread Thread
 
leob profile image
leob

Yes or a noun ... well I'm also still learning words all the time, English isn't my native tongue so you keep learning stuff every day (and not forgetting, hopefully) :-)

Collapse
 
rdrey profile image
Rainer Dreyer

Looks great, Todor!

I would invert the top 2 boxes, so your name is in the top-left. At least my eyes are drawn to the "Location" over and over and not to your name.

The background might be a little too dark. It will be easier to read if you pick a whiter grey. (Especially on dim laptop screens.) But that's just my personal preference. :)

Congrats!

Collapse
 
tttfifo profile image
Todor Todorov

Hi Rainer,

Done and done!

I moved the "picture" to the left - your remark is correct, of course, people look for the most important information upper left first.

I made the background for a little bit lighter also.

You know what is funny?
We are two backend guys discussing frontend web design LoL :)

At least I am not much into the web design, do not know about you though, sorry if I jump into conclusions...

Thank you very much for the constructive remarks!

Collapse
 
rdrey profile image
Rainer Dreyer

Hehe, no worries. Yeah, I work 99% on the backend. Any design I do is "programmer art".

My first personal website also used the text-only style as inspiration: web.archive.org/web/20151017110421...

Thread Thread
 
tttfifo profile image
Todor Todorov

:)

I like it very much!

Cheers!

Collapse
 
chloecondon profile image
Chloe Condon 🎀

I love this so much! I may have to take some notes and make my own version 🤩

Collapse
 
tttfifo profile image
Todor Todorov

Thank you Chloe,

Be aware that this is my best photo.
I even phoshoped it to look nicer :)

Cheers and have fun!