{{ partial "header.html" . }}

<style>
    @media (min-width: 1000px) {
        .column {
            float: left;
        }

        .left {
            width: 25%;
        }

        .right {
            width: 75%;
        }

        .row:after {
            content: "";
            display: table;
            clear: both;
        }
    }
</style>
<div class="header">
    <h1>{{ .Title }}</h1>
    <h2>{{ .Description }}</h2>
</div>
<div class="content">
    <br>
    <div>
        {{ range first 10 (.Pages.ByParam "odate" ).Reverse }}
        <div class="row">
            <div class="column left">
                <img src="images/{{.Params.ppic}}" alt="" width="100px;"
                    style="border:5px double black; border-radius:20%;">
            </div>
            <div class="column right">
                <h3>{{.Params.pname}}</h3>
            </div>
        </div>
        {{ if not (eq .Params.ppubmed "") }}
        <h4><i><a href="https://www.ncbi.nlm.nih.gov/pubmed?term={{.Params.ppubmed}}" target="_blank">
                    {{else}}
                    <h4><i><a href="{{.Params.plink}}">
                                {{end}}
                                {{.Params.pauthor}}, {{.Params.pjournal}},{{.Params.pdate}}</a></i></h4>
                    {{ range first 1 .Params.prepo }}
                    {{ if not (eq .title "") }}
                    <u>Data Repository:</u><br>
                    {{end}}
                    {{end}}
                    {{ range .Params.prepo }}
                    {{ if not (eq .title "") }}
                    <a href="{{.loc}}" target="_blank">{{.title}}</a><br>
                    {{end}}
                    {{end}}
                    <hr><br>
                    {{end}}
    </div>
</div>

{{ partial "footer.html" . }}