How to build a website in markdown

Siddharth - Jul 11 '21 - - Dev Community















Hey there!

Menu

Top
What?
How?
Why?
When?
Where?
Who?
This thing is in the middle of the page because of the DEV Markdown parser. Go Here for a better one

What?

I just got bored so I just made a website using a tables like in the old days (Just for fun)

Doesn't it look cool? No CSS (except DEV's default stylesheet, no JavaScript, just good 'ol HTML.

I mean, I can't believe I built this. I'm so bad at CSS. Not like I used any CSS.

How?

This is just a bunch of tables. Here's what it looks like in pseudocode:
table
    row 
        top menu thingy spanning 2 cols
    row 
        side menu thingy
        content
            another table
                row
                    column with content
                row
                    column with content
                ...
    row
        footer spanning 2 cols

...Wait. So this is HTML, not markdown right?

Yeah I guess, pretty much HTML. But limited HTML.

You can't put markdown in HTML. S- S- So, Did you t- t- type out all this (gulp) HTML?

Yes I did. It took some time to figure out how to highlight code blocks and stuff, but I did eventually did it.

So, how good is this?

Really bad, like literally the worst.

This is really hard to maintain. Like seriously, I spent half an hour putting together the table (not the content!)

There's a lot more stuff to think about, like the fact that tables load kinda slower

This thing is literally two nested tables. Lets not start talking about a11y.

Why?

Fun.

(I just really felt like something was missing)

When?

Fri Jul 09 2021 21:38:33 GMT+0530 (India Standard Time)

Am I missing something?

I got this feeling that something should be here...

Who?

@siddharthshyniben (Finally I don't have to use markdown for this.
Footer (probably)
Go Here for a better one
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .