@import me.lsbengine.database.model.{NavBarConf, AboutMe}
@import me.lsbengine.components.html.footer
@import me.lsbengine.components.public.html.{head, navbar}
@(navBarConf: NavBarConf, aboutMe: AboutMe)
<!DOCTYPE html>
<html lang="en">
    @head.render()
    <body><div class="page-wrap">
        @if(navBarConf.projects || navBarConf.about) {
            @navbar.render("About", navBarConf)
        }
        <div class="content-wrap">
        <div class="docs">
        @if(aboutMe.introduction.nonEmpty || aboutMe.resume.nonEmpty) {
            @*
                This syntax solves a glitch with HTML generation, never use Option.get otherwise
            *@
            @if(aboutMe.introduction.nonEmpty){
                <div class="doc">@Html(aboutMe.introduction.get.html)</div>
            }

            @if(aboutMe.resume.nonEmpty){
                <div class="doc">@Html(aboutMe.resume.get.html)</div>
            }
        } else {
            <div class="doc">This page has no content...</div>
        }
        </div>
    </div></div>
    @footer.render()
    </body>
</html>
