{% extends 'base.html' %}
{% load static %}
{% block content %}
{% block title %}skinregeneration.org | Hair Database{% endblock %}

<link rel="stylesheet" href="{% static '/css/jasson2.css' %}">

<div class="jasson-title">
    <div>
        <h1> Interactive Hair Database </h1>
        <a href="https://doi.org/10.1016/j.jid.2024.08.014" target="_blank">https://doi.org/10.1016/j.jid.2024.08.014</a>
    </div>
    <div class='paper'>
        <img src="{% static '/img/jassonpaper.png' %}">
    </div>
</div>

<div class="jasson-body">
    <div class="jasson-grid">
        <a href="aging" class= "card">
            <div class="data-text">
                <h1>Aging</h1>
            </div>
            <div class="imgc">
                <img alt="P21 vs 1.5 year old mouse hair" src="../../../../media/data_files/agingfurcoat3.png">
            </div>
            <p>Wildtype Aging Throughout<br>Murine Lifespan</p>
        </a>

        <a href="ko_wt" class= "card">
            <div class="data-text">
                <h1> Development</h1>
            </div>
            <div class="imgc">
                <img alt="P21 wildtype vs P21 Lef1 cKO" src="../../../../media/data_files/lef1koVwt2.png">
            </div>
            <p>Developmental Effects of<br>Dermal Lef1 Ablation</p>

        </a>

        <a href="gdx_ovx" class= "card">
            <div class="data-text">
            <h1>Endocrinology</h1>
            </div>
            <div class="imgc">
                <img alt="Male sham, male gdx hair" src="../../../../media/data_files/ovxgdx2.png">
            </div>
            <p>Inhibition of Adolescent Hormonal Cascade Through Juvenile Ovariectomy / Gondectomy</p>

        </a>
    </div>
</div>
{% endblock %}