source: main/adopters/nm-epht/trunk/src/main/webapps/nmepht-content/xml/html_content/dataportal/Introduction.xml @ 24068

<?xml version="1.0" encoding="ISO-8859-1"?>

<HTML_CONTENT xmlns:ibis="http://www.ibisph.org">

        <ibis:doc>
                <name>dataportal/Introduction</name>
                <summary>Data Portal Introduction Page</summary>
        </ibis:doc>

        <TITLE>Data Portal</TITLE>

        <CONTENT>
                <ibis:include href="../_topic_navigation.xml" children-only-flag="true"/>
                <style>
                        svg.Data a image 
                        {
                                visibility: hidden;
                        }

                        article
                        {
                                display: flex;
                                margin: calc(2 * var(--block-spacing)) 0;
                                border: 5px solid #eee;
                        }
                        article:first-of-type
                        {
                                margin-top: 0;
                        }

                        /* was using a img tag but couldn't get the border to turn off w/o an actual, valid src. */
                        article > .Image
                        {
                                flex: .3;
                                background: transparent top left no-repeat;
                                background-image: var(--image-url-desktop);
                                background-size: contain;
                                background-position: 0px 40px;
                        }
                        article > div:not(.Image)
                        {
                                flex: .7;
                                padding: var(--block-spacing);
                        }
                        article > div h2
                        {
                                padding: var(--block-spacing) 0;
                        }
                        article > div h2:after
                        {
                                content: "";
                                display: block;
                                height: 1px;
                                width: 10em; 
                                border-top: 5px solid var(--newsroom-color);  /* #c9f1e9 */
                        }
                        article > div .Button
                        {
                                margin: 0 5px 5px 0;
                        }
                        #content article > div section  /* have to have the #content for selector override */
                        {
                                margin: var(--block-spacing);
                        }
                        article section h3 
                        {
                        }

                </style>

                <section>
                        <header>
                                <h1>The Data Portal provides access to reports and data</h1>
                        </header>
                
                        <p>
                                Welcome to the New Mexico EPHT Data Portal. The NM EPHT website provides
                                different types of data which ranges from highly textual "EPHT Topics" 
                                (contextual information about <a href="health/Introduction.html">Health</a>
                                and <a href="environment/Introduction.html">Environment</a>) to
                                detailed numerical datasets.  Listed below are the types of numerical
                                data offered as well as the links to access these data.
                        </p>
                        <p>
                                Below is a section for of each type of data product within
                                the data portal.  Each section includes a decription and links to 
                                the associated indexes that can be used locatae and to navigate to  
                                the data.  This includes:
                        </p>
                        <ul>
                                <li><a href="javascript:;" onclick="document.location.hash='indicatorReports';">Indicator Reports</a></li>
                                <li><a href="javascript:;" onclick="document.location.hash='queryableDatasets';">Queryable Datasets</a></li>
                                <li><a href="javascript:;" onclick="document.location.hash='communityReports';">Community Reports</a></li>
                                <li><a href="javascript:;" onclick="document.location.hash='datasetMetadata';">Dataset Metadata</a></li>
                        </ul>
                </section>

                <article id="indicatorReports" style="margin-top: 2em;">
                        <div class="Image" style="--image-url-desktop: url('contentfile/image/dataportal/indicator.png');"/>
                        <div>
                                <header>
                                        <h2>Indicator Reports</h2>
                                </header>
                                <p>
                                        NM EPHT indicators are numeric measures of the state or condition of the 
                                        environment and/or population health as a result of exposures to the 
                                        environment or other factors that we want to track. Indicator Reports provide 
                                        online numeric data combined with public health context (such as why it is 
                                        important and what is being done to improve it) for environmental factors 
                                        (e.g., levels of ozone as a way of gauging air quality) or health outcomes 
                                        (e.g., emergency department visits for asthma) potentially related to those 
                                        environmental factors along with charts, maps, and data values.  To view 
                                        a report click on one of the indicator report index buttons below.
                                </p>
                                <a href="dataportal/indicator/index/Alphabetical.html" class="Button">Alphabetical Index</a>
                                <a href="dataportal/indicator/Index.html" class="Button">Topical Index</a>
                        </div>
                </article>

                <article id="communityReports" style="">
                        <div>
                                <header>
                                        <h2>Community Reports</h2>
                                </header>
                                <p>
                                        Community reports provide a summary of baseline conditions and 
                                        trends in a community and study area. It establishes the context 
                                        for assessing potential impacts and for project decision-making.
                                </p>
                                <p>
                                        The community profile report provides a table of numerical data
                                        based on a set of of health indicators for a given community.
                                        The community dashboard report provides high level contextual 
                                        information as well as some detailed numerical visualizations
                                        for a community.
                                </p>
                                <a href="dataportal/community/indicators" class="Button">County Profile Report</a>
<!-- removed until implemented
                                <a href="dataportal/community/dashboard" class="Button">County Dashboard</a>
-->
                        </div>
                        <div class="Image" style="background-position: 0px 5px; --image-url-desktop: url('contentfile/image/dataportal/community.png');"/>
                </article>

                <article id="queryableDatasets" style="">
                        <div class="Image" style="--image-url-desktop: url('contentfile/image/dataportal/query.png');"/>
                        <div>
                                <header>
                                        <h2>Queryable Public Datasets</h2>
                                </header>
                                <p>
                                        "Queryable Datasets" provides access to public, deidentified datasets with 
                                        user-defined data criteria.  The resultant data have limited contextual information 
                                        when compared to an indicator report but provides more flexibility when 
                                        analyzing data.  These datasets are public and do not contain sensitive, 
                                        personal identifiable data values.
                                </p>
                                <a href="dataportal/query/Index.html" class="Button">Dataset Index</a>
                        </div>
                </article>

                <article id="secureQueryableDatasets" style="">
                        <div>
                                <header>
                                        <h2>Secure Queryable Datasets</h2>
                                </header>
                                <p>
                                        Some NM EPHT datasets can be queried in such a way that sensitive, small 
                                        population data results are possible.  Users wishing to access these datasets 
                                        must apply for and receive authorization before access is granted. 
                                </p>
                                <a href="dataportal/query/secure" class="Button">My Secure Datasets Index</a>

                                <div class="Note">
                                        See the 
                                        <a href="user/SecureDatasetRegistration.html">Request Access to  
                                        Secure Datasets</a> page for more information about secure datasets. 
                                </div>
                        </div>
                        <div class="Image" style="--image-url-desktop: url('contentfile/image/dataportal/secure_query.png');"/>
                </article>

                <article id="datasetMetadata" style="">
                        <div class="Image" style="--image-url-desktop: url('contentfile/image/dataportal/metadata.png');"/>
                        <div>
                                <header>
                                        <h2>Metadata</h2>
                                </header>
                                <p>
                                        Metadata are data about NM EPHT-acquired data and datasets. Once obtained, 
                                        NM EPHT datasets are critically examined to fully characterize and describe 
                                        the data elements, including the content, quality, and geographic and temporal 
                                        extent.  Exploring metadata is a way to discover data and learn about the 
                                        NM EPHT datasets, specifically.
                                </p>
                                <a href="dataportal/metadata/Index.html" class="Button">Metadata Index</a>

                                <div class="Note">
                                        For more information about NM EPHT Metadata see the 
                                        <a href="dataportal/metadata/Introduction.html">Metadata Introduction</a> page.
                                </div>
                        </div>
                </article>

                <article id="myEPHT" style="">
                        <div>
                                <header>
                                        <h2>MyEPHT</h2>
                                </header>
                                <p>
                                        You can also set up a <a href="user/Registration.html">MyEPHT account</a>, 
                                        which allows you to save preferences custom query definitions for future 
                                        reference, or share them with others.
                                </p>
                                <a href="/query/definition/index/MyDefinitions.html" class="Button">My EPHT Selections</a>
                        </div>
                        <div class="Image" style="background-size: contain; background-position: -10px 20px; --image-url-desktop: url('contentfile/image/dataportal/myEPHT.png'); --image-url-mobile: url('contentfile/image/newsroom/ExtremeHeat.png')"/>
                </article>

        </CONTENT>
</HTML_CONTENT>