Siddharth

Posted on Jul 11, 2021

How to build a website in markdown

#markdown

Hey there!

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

Top comments (2)

Darsh • Jul 12 '21 • Edited

At last in the "WHO" section you have opened the bracket but forgot to close

Siddharth • Jul 13 '21

Oh missed it

DEV Community

How to build a website in markdown

Hey there!

Menu

What?

How?

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

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

So, how good is this?

Why?

When?

Am I missing something?

Who?

Top comments (2)

Read next

A Guide to Understanding Cloud Technology

Extending Types Without Modification: The Wrapper Pattern Journey

How to integrate pgvector's Docker image with Langchain?

Best Programming Language to Develop E-commerce Platforms