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

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

<div class="jasson-title">
    <h1> Interactive Hair Database </h1>
</div>

<div class="jasson-grid">
    <a href="aging" class= "card">
        <div class="data-text">
            <h1>Aging Fur Coat</h1>
        </div>
        <div class="imgc">
            <img alt="jasson-allcell RNA celltype UMAP" src="../../../../media/data_files/agingfurcoat.png">
        </div>
    </a>

    <a href="ko_wt" class= "card">
        <div class="data-text">
            <h1> Lef1 cKO vs WT</h1>
          </div>
        <div class="imgc">
            <img alt="P21 wildtype vs P21 Lef1 cKO" src="../../../../media/data_files/lef1koVwt.png">
        </div>
    </a>

    <a href="gdx_ovx" class= "card">
        <div class="data-text">
           <h1>Gonadectomy </h1>
        </div>
        <div class="imgc">
            <img alt="jasson celltype UMAP" src="../../../../media/data_files/ovxgdx.png">
        </div>
    </a>

</div>
{% endblock %}