DEV Community

Siddharth
Siddharth

Posted on

How to build a website in markdown

#markdown















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

Top comments (2)

Collapse
 
darshkul24 profile image
Darsh • • Edited

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

Collapse
 
siddharthshyniben profile image
Siddharth •

Oh missed it

Read next

cristhian_ai profile image

Why AI Projects Fail — and How Monitoring Can Turn the Tide

cristhian camilo gomez neira -

mdarifulhaque profile image

2257. Count Unguarded Cells in the Grid

MD ARIFUL HAQUE -

dutchskull profile image

Enabling Mixed Content in Blazor Apps on Android: A Step-by-Step Guide

Dutchskull -

congcong profile image

GBASE数据库 | GBase 8c Compatibility Analysis with Distributed Databases

Cong Li -