Template source: home/index_gpcr.html

{% extends "home/base.html" %}
{% load static %}
{% load humanize %}

{% block content %}

    <!-- Carousel -->
    <div class="row">

        <div class='col-md-12'>
            <div id="carousel-example-generic" class="carousel slide" data-ride="carousel" data-interval="30000">
                <!-- Indicators -->
                <ol class="carousel-indicators">
                    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="3"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="4"></li>
                </ol>

                <!-- Wrapper for carousel slides -->
                <div class="carousel-inner" role="listbox">
                    <div class="item active">
                        <img src="{% static 'home/carousel/seqali_phyltree.png' %}">
                        <div class="carousel-caption">
                            <h3><a href="/alignment/targetselection" target="_blank">Alignments</a> and <a href="/phylogenetic_trees/targetselection" target="_blank">Trees</a></h3>
                            <p>Segment and residue customized sequence alignments and phylogenetic trees.</p>
                        </div>
                    </div>

                    <div class="item">
                        <img src="{% static 'home/carousel/constructs.png' %}">
                        <div class="carousel-caption">
                            <h3>Structure <a href="/construct/design" target="_blank">Determination</a> Resource</h3>
                            <p>Construct design tool and suggested thermostabilizing mutations.</p>
                        </div>
                    </div>

                    <div class="item">
                        <img src="{% static 'home/carousel/strbrowser.png' %}">
                        <div class="carousel-caption">
                            <h3>Structure <a href="structure" target="_blank">Browser</a> and <a href="structure/statistics" target="_blank">Stats</a></h3>
                            <p>Detailed browser for currently available GPCR structures and refinements.</p>
                        </div>
                    </div>

                    <div class="item">
                        <img src="{% static 'home/carousel/homomodels.png' %}">
                        <div class="carousel-caption">
                            <h3>Homology <a href="structure/homology_models" target="_blank">Models</a></h3>
                            <p>Multiple template homology models for the whole GPCRome.</p>
                        </div>
                    </div>

                    <div class="item">
                        <img src="{% static 'home/carousel/residplots.png' %}">
                        <div class="carousel-caption">
                            <h3>Residue Plots</h3>
                            <p>Customizable helix and snake plots for GPCR's, G-proteins and B-arrestins.</p>
                        </div>
                    </div>

                    <!-- Controls -->
                    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                        <span class="sr-only">Previous</span>
                    </a>
                    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                        <span class="sr-only">Next</span>
                    </a>
                </div>
            </div>

        </div>

    </div>

    <div class="row">
        <div class="col-md-12">&nbsp;
        </div>
    </div>

    <!-- GPCRdb intro -->
    <div class="row">

        <div class="col-md-8">
            <div class="panel panel-primary">
                <div class="panel-body">
                    <div class="col-md-1 text-center">
                        <img style="height:90%; margin-right:20% " src="{% static 'home/logo/gpcr/main.png' %}">
                    </div>
                    <div class="col-md-1">
                    </div>
                    <div class="col-md-10">
                        <p style="text-align:justify">GPCRdb contains reference data, interactive
                            visualisation and experiment design tools for G protein-coupled receptors (GPCRs). GPCRdb
                            curates sequence alignments, structures and receptor mutations from literature. Interactive
                            diagrams visualise receptor residues (e.g. snakeplot and helix box plot) and relationships
                            (e.g phylogenetic trees). See the GPCRdb graphical <a href="/static/home/poster/overview.pdf">overview</a>,
                            <a href="https://files.gpcrdb.org/video/GPCRdb-David_Gloriam.mp4">video</a>,
                            <a onclick="citation_tool(window.location.href);" href="#">articles</a> or
                            <a href="https://docs.gpcrdb.org/">documentation</a>.</p>
                        <p style="text-align:justify"><b><a href="https://gproteindb.org">GproteinDb</a> and <a href="https://arrestindb.org">ArrestinDb</a> will be published as separate web resources.</b><p>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="panel panel-primary">
                <div class="panel-body">
                    <p>GPCRdb is developed by the <a href="https://drug.ku.dk/staff/?pure=en/persons/352279" target="_blank"> David</a>
                        Gloriam group, integrates data from the large GPCR community and maintains an active collaboration with the
                        <a href="https://www.guidetopharmacology.org/">Guide To Pharmacology</a> (IUPHAR),
                        <a href="http://gpcrmd.org/">GPCRmd</a> and <a href="https://ernest-gpcr.eu" target="_blank">ERNEST</a>.
                        If you use the GPCRdb, please remember to <a onclick="citation_tool(window.location.href);" href="#">cite us</a>.
                    </p>
                </div>
            </div>
        </div>



    </div>

    {#        <!-- Highlighted news -->#}
    {#        <div class="row">#}
    {#            <div class="col-md-12">#}
    {#                <div class="panel panel-primary">#}
    {#                    <div class="panel-body">#}
    {#                        <div class='col-md-10'>#}
    {#                            <h4>GPCR-G protein selectivity</h4>#}
    {#                            The selective coupling of G-protein-coupled receptors (GPCRs) to specific G proteins is critical to trigger the appropriate physiological response. However, the determinants of selective binding have remained elusive. Here we reveal the existence of a selectivity barcode (that is, patterns of amino acids) on each of the 16 human G proteins that is recognized by distinct regions on the approximately 800 human receptors. Although universally conserved positions in the barcode allow the receptors to bind and activate G proteins in a similar manner, different receptors ...<a href="/news">Read more</a><br>#}
    {#                            Nature: <a href="http://dx.doi.org/10.1038/nature22070">10.1038/nature22070</a><br>#}
    {#                            <a href="http://healthsciences.ku.dk/news/2017/05/researchers-show-how-cell-receptors-regulate-specific-physiological-effects/">Press release</a>#}
    {#                        </div>#}
    {#                        <div class='col-md-2 text-left'>#}
    {#                            <img src="{% static 'home/images/news/naturecover.png' %}" style="height:170px;width:170px;">#}
    {#                            <p class="text-muted small">Photo: MRC Laboratory of Molecular Biology in Cambridge</p>#}
    {#                        </div>#}
    {#                    </div>#}
    {#                </div>#}
    {#            </div>#}
    {#        </div>#}

    <!-- Twitter, release notes, database stats.  -->
    <div class="row">

        <!-- Stats -->
        <div class="col-md-4">
            <div class="panel panel-primary">
                <div class="panel-body">
                    <h3>GPCRdb <a href="/structure/statistics">statistics</a></h3>
                    <ul class="stats_list">
                        {% for stat in release_statistics %}
                            <li>
                                {{ stat.value| safe }} {{ stat.statistics_type | safe }}
                            </li>
                        {% endfor %}
                    </ul>
                    {% if users %}
                        {{ users|safe }}
                    {% endif %}
                </div>
            </div>
        </div>

        <!-- Release Notes -->
        <div class="col-md-4">
            <div class="panel panel-primary">
                <div class="panel-body">
                    <h3>Latest <a href="/pages/releasenotes">release</a></h3>
                    <strong>{{ release_notes.date }}</strong>
                    {{ release_notes.html|safe }}
                </div>
            </div>
        </div>

        <!-- Twitter feed -->
        <div class="col-md-4">
            <div class="panel panel-primary">
                <div class="panel-body">
                    <h3>
                        <a class="twitter-timeline" data-height="400" data-theme="light" href="https://twitter.com/gpcrdb"></a>
                    </h3>
                    <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
                </div>
            </div>
        </div>

        {#<!-- News -->#}
        {#        <div class="col-md-3">#}
        {#            <div class="panel panel-primary">#}
        {#                <div class="panel-body">#}
        {#                    <h3>Latest <a href="/news">news</a></h3>#}
        {#                    <ul>#}
        {#                        {% for item in news %}#}
        {#                        <li><small>{{ item.html|safe }}</small></li>#}
        {#                        {% endfor %}#}
        {#                    </ul>#}
        {#                </div>#}
        {#            </div>#}
        {#        </div> #}

    </div>

    <!-- Gloriam Group and Collabs -->
    {#    <div class="row">#}
    {#        <div class="col-md-12">#}
    {#            <div class="panel panel-primary">#}
    {#                <div class="panel-body">#}
    {#                    <p class="text-center"> The GPCRdb is developed by the Gloriam <a href="http://gloriamgroup.org" target="_blank">group</a>.#}
    {#                        It integrates data from the large GPCR community and maintains an active collaboration with the#}
    {#                        Guide To Pharmacology (IUPHAR), <a href="http://gpcrmd.org/">GPCRmd</a> and the European Research Network on Signal#}
    {#                        Transduction <a href="https://ernest-gpcr.eu" target="_blank">(ERNEST)</a>.#}
    {#                        If you use the GPCRdb, please remember to <a onclick="citation_tool(window.location.href);" href="#">cite us</a>.#}
    {#                    </p>#}
    {#                    #}
    {#                </div>#}
    {#            </div>#}
    {#        </div>#}
    {#    </div>#}

{% endblock %}