div #mainbar-full; {
    [0] div child@; {
        .avatar a; [0] img src | "%(src)v",
        .user [0] div .fs-headline2 c@[0] | "%i",
        .unregistered.b div .s-badge c@[0] | "t",
        ul .list-reset; {
            [0] * self@; li child@; {
                .created [0] * self@; span title | "%(title)v",
                .lastseen [1] * self@; div c@[0] i@bt>"Last seen" | "%i" sed "s/^Last seen//"
            },
            [1] * self@; {
                .location div .wmx2 title c@[0] | "%i",
                .social.a a href | "%(href)v\n"
            }
        },
        li role=menuitem; {
            .meta-profile a href=a>meta. | "%(href)v",
            .network-profile a href=b>https://stackexchange.com/users/ | "%(href)v"
        },
    },
    main #main-content; {
        div #stats; div .md:fl-auto; {
            .reputation * self@ i@reputation; div child@ c@[0] | "%i" tr ",",
            .reached * self@ i@reached; div child@ c@[0] | "%i" tr ",",
            .answers * self@ i@answers; div child@ c@[0] | "%i" tr ",",
            .questions * self@ i@questions; div child@ c@[0] | "%i" tr ","
        },
        div c@[0] i@tf>Communities; [1] * ancestor@; {
            .communities-all [0] a i@bt>"View all" | "%(href)v",
            .communities li; a; {
                .profile * self@ | "%(href)v",
                .reputation div .ml-auto c@[0] | "%i" tr ","
            } |
        },
        .about [0] div .js-about-me-content | "%i",
        div c@[0] i@tf>Badges; [1] * ancestor@; {
            .badges-all [0] a i@bt>"View all" | "%(href)v",
            .badges div .s-card; div .jc-space-between c@[6:] child@; {
                .amount.u div .fs-title | "%i",
                .name div .fs-caption | "%i" line [0] " " tr " ",
                .achievements li; {
                    a ( .badge )( .badge-tag ); {
                        .tag.b * self@ .badge-tag | "t",
                        .link * self@ | "%(href)v",
                        .action * self@ | "%(title)v" / sed 's/^[^:]*: //',
                        .name div c@[0] | "%i"
                    },
                    .amount.u div -.ml-auto child@ | "%t",
                    .date div .ml-auto child@ c@[0] | "%i"
                } |
            } |
        },
        div c@[0] .fs-title i@tf>"Top tags"; [1] * ancestor@; {
           .tags-all [0] a i@bt>"View all" | "%(href)v",
           .tags [0] div .s-card; div child@; {
                a .s-tag; {
                    .link * self@ | "%(href)v",
                    .name * self@ | "%i"
                },
                .badge [0] a .badge-tag title | "%(title)v" / sed "s/ .*//",
                div .d-flex .ai-center; {
                    .score div .tt-lowercase i@tf>Score; [0] * spre@ | "%i" tr ",",
                    .posts div .tt-lowercase i@tf>Posts; [0] * spre@ | "%i" tr ",",
                    .posts-percent.u div .tt-lowercase i@tf>"Posts %"; [0] * spre@ | "%i" tr ",",
                },
                .answered.u * self@ title | "%(title)v" / sed "/Gave/!d; s/.*. Gave ([0-9]+) non-wiki .*/\1/" "E",
                .ansked.u * self@ title | "%(title)v" / sed "s/^Asked ([0-9]+) .*/\1/" "E",
                .asked-score.u * self@ title | "%(title)v" / sed "/^Asked/!d; s/\..*//; s/^.*total score //" "E"
            } |
        },
        div c@[0] .fs-title i@tf>"Top posts"; [2] * ancestor@; {
            div i@bt>"View all"; a; {
                .posts-answers-all * self@ i@ft>answers | "%(href)v",
                .posts-questions-all * self@ i@ft>questions | "%(href)v"
            },
            .posts [0] div .s-card; div child@; {
                .type [0] title | "%i",
                .answered.b [0] div .s-badge__answered | "t",
                .votes.u div .s-badge__votes | "%i",
                [0] a .d-table; {
                    .link * self@ | "%(href)v",
                    .title * self@ | "%i"
                },
                .date span .relativetime title | "%(title)v"
            } |
        },
        div c@[0] .fs-title i@tf>"Top network posts"; [1] * ancestor@; {
           .network-posts-all [0] a i@bt>"View all" | "%(href)v",
           .network-posts div .s-card; div child@; {
                .votes.u div .s-badge__votes | "%i",
                a .d-table; {
                    .link * self@ | "%(href)v",
                    .title * self@ | "%i"
                },
            } |
        },
        div c@[0] .fs-title i@tf>"Top Meta posts"; [1] * ancestor@; {
            .meta-posts-asked.u div .ml8 title=b>asked | "%(title)v",
            .meta-posts-answered.u div .ml8 title=b>gave | "%(title)v",
            .meta-posts div .s-card; div child@; {
                .votes.u div .s-badge__votes | "%i",
                a .d-table; {
                    .link * self@ | "%(href)v",
                    .title * self@ | "%i"
                },
            } |
        }
    }
}
