Changeset 19809 in main


Ignore:
Timestamp:
02/10/20 13:14:11 (7 weeks ago)
Author:
GarthBraithwaite_STG
Message:

view content - temp commit before changing topic dir names etc.

Location:
trunk/ibisph-view/src/content
Files:
42 edited
1 copied

Legend:

Unmodified
Added
Removed

  • trunk/ibisph-view/src/content/xml/html_content/about/Welcome.xml

    r19380 r19809  
    2828                                                ,arrows: true
    2929                                                ,autoplay:true
    30                                                 ,autoplaySpeed: 6000
     30                                                ,autoplaySpeed: 7000
    3131                                                ,dots: true
    3232                                                ,draggable: true
    … …  
    4141                                );
    4242
    43                                 window.videoDialog = $("#videoDialog").kendoWindow(
    44                                         {
    45                                                 "title": "Learn More Video"
    46                                                 ,"visible": false
    47                                                 ,"width": "90%"
    48                                                 ,"resizable": true
    49                                                 ,"modal": true
    50                                         }
    51                                 ).data("kendoWindow");
    5243                        });
    53 
    54 
    55                         // https://demos.telerik.com/kendo-ui/mediaplayer/playlist
    56                         // https://docs.telerik.com/kendo-ui/api/javascript/ui/mediaplayer?_ga=2.5892464.272183754.1572845261-1689576755.1572632213
    57                         function showVideo(videoURL, videoTitle)
    58                         {
    59                                 if(null == window.videoPlayer)
    60                                 {
    61                                         window.videoPlayer = $("#mediaPlayer").kendoMediaPlayer(
    62                                                 {
    63                                                         "autoPlay": false
    64                                                         ,"navigatable": true
    65                                                 }
    66                                         ).data("kendoMediaPlayer");
    67                                 }
    68 
    69                                 window.videoDialog.center().open();
    70 
    71 // GARTH TODO:                          if(!videoURL.startsWith(http)) videoURL =
    72                                 var mediaOptions =
    73                                         {
    74                                                 "title": videoTitle
    75                                                 ,"source": videoURL
    76                                         };
    77                 window.videoPlayer.media(mediaOptions);
    78                                 window.videoPlayer.play();
    79                         }
    80 
    81                         function closeVideo()
    82                         {
    83                                 window.videoPlayer.stop();
    84                                 window.videoDialog.close();
    85                         }
    8644
    8745                        // ]]>
    … …  
    370328< ![endif]-->
    371329
    372                 <section>
     330                <div class="NewsSlideshowContainer">
     331NEWS:
    373332                        <ul id="slideShow" class="Slick" style="max-width: 1050px; background-color:#6699cc;">
    374333                                <li title="Discover how to improve health outcomes through health factors.  Read about Health Topics.">
    … …  
    458417                                NOTE: For Tweets to show, you must unblock twitter in your browser...
    459418                        </div>
    460                 </section>
     419                </div>
    461420
    462421                <aside>
    … …  
    465424                                <li id="publicUser" title="General public user introduction video.">
    466425                                        <h3>New To This Site</h3>
    467                                         <div onclick="javascript:showVideo('view/video/about/PublicUser.mp4', 'hi')" class="Container">
     426                                        <div onclick="javascript:showVideo('view/video/about/PublicUser.mp4', 'Introduction')" class="Container">
    468427                                                <img ibis:src="view/image/about/PublicUser.jpg"/>
    469428                                                <div class="Overlay">
    … …  
    475434                                <li id="legislatureUser" title="Legislator centric introduction video.">
    476435                                        <h3>Legislator User</h3>
    477                                         <div onclick="javascript:showVideo('view/video/about/LegislatureUser.mp4', 'hi')" class="Container">
     436                                        <div onclick="javascript:showVideo('view/video/about/LegislatureUser.mp4', 'Introduction for Legislature Users')" class="Container">
    478437                                                <img ibis:src="view/image/about/LegislatureUser.jpg"/>
    479438                                                <div class="Overlay">
    … …  
    485444                                <li id="healthUser" title="Health Professional centric introduction video.">
    486445                                        <h3>Health Professional</h3>
    487                                         <div onclick="javascript:showVideo('view/video/about/HealthUser.mp4', 'hi')" class="Container">
     446                                        <div onclick="javascript:showVideo('view/video/about/HealthUser.mp4', 'Introduction for Health Professionals')" class="Container">
    488447                                                <img ibis:src="view/image/about/HealthUser.jpg"/>
    489448                                                <div class="Overlay">
    … …  
    495454                                <li id="studentUser" title="Student centric introduction video.">
    496455                                        <h3>If You Are a Student</h3>
    497                                         <div onclick="javascript:showVideo('http://localhost/ibisph-view/view/video/about/StudentUser.mp4', 'hi')" class="Container">
     456                                        <div onclick="javascript:showVideo('view/video/about/StudentUser.mp4', 'Introduction for Students')" class="Container">
    498457                                                <img ibis:src="view/image/about/StudentUser.jpg"/>
    499458                                                <div class="Overlay">
    … …  
    578537                </aside>
    579538
    580                 <div id="videoDialog" class="DialogContent">
    581                         <div class="InnerCanvas"><div id="mediaPlayer"></div></div>
    582                         <button type="button" title="Closes map selection without updating selections."
    583                                 onclick="closeVideo()"
    584                         >Close</button>
    585                 </div>
    586539        </CONTENT>
    587540</HTML_CONTENT>

  • trunk/ibisph-view/src/content/xml/html_content/topic/healthcare/Introduction.xml

    r19798 r19809  
    1111        <CONTENT>
    1212
    13 Most people will need medical care at some time in their lives. Access to affordable, quality health care is important to physical, social, and mental health. Health insurance helps individuals afford health care. It is also necessary to have providers nearby who have appointment slots available.
    14 Timely preventive care reduces the risk of illness, disability, early death, and lowers health care costs. These services both prevent illness through vaccination and advice, and detect illnesses earlier, when they are at more treatable stages. Preventive services are key to reducing death and disability and improving the New Mexico's health.
     13                <h2>About Health Care</h2>
     14                <p>
     15                        Most people will need medical care at some time in their lives. Access
     16                        to affordable, quality health care is important to physical, social,
     17                        and mental health. Health insurance helps individuals afford health care.
     18                        It is also necessary to have providers nearby who have appointment slots
     19                        available.
     20                </p>
     21
     22                <p>
     23                        Timely preventive care reduces the risk of illness, disability, early
     24                        death, and lowers health care costs. These services both prevent illness
     25                        through vaccination and advice, and detect illnesses earlier, when they
     26                        are at more treatable stages. Preventive services are key to reducing
     27                        death and disability and improving the New Mexico's health.
     28                </p>
     29
     30                <h2>How to find Data and Information on this Site</h2>
     31                <p>
     32                The "Topics" section has a page that contains information for each topic.
     33                Along with this information are links to the associated Indicator
     34                Reports and Dataset Queries. The Indicator Reports provide graphs, maps,
     35                public health context, and data tables.  Many of the topic areas have
     36                queryable datasets that you can use to create your own tables, charts, and maps. 
     37                These data query results pages will also have dataset details, including data
     38                sources and tips on how data can or cannot be used.
     39                </p>
    1540
    1641
     42
     43<style>
     44.TextIconBlocks
     45{
     46/*
     47        display:                                grid;
     48        grid-auto-flow:                 row;
     49        grid-template-rows:             auto;
     50        grid-template-columns:  repeat(auto-fit, minmax(120px, 1fr));
     51        justify-items:                  center;
     52*/
     53        font-size: 0;
     54}
     55
     56.TextIconBlocks h3
     57{
     58        text-align:                     center;
     59}
     60
     61.TextIconBlocks li
     62{
     63vertical-align: top;
     64        display:                        inline-block;
     65        padding:                        1px;
     66}
     67.TextIconBlocks li > a 
     68{
     69        display:                        block;
     70        background-color:       #336699;
     71        width:                          110px;
     72        height:                         120px;
     73        padding:                        12px 0 0 0;
     74        vertical-align:         top;
     75        font-size:                      14px;
     76        text-align:             center;
     77        color:                          white;
     78}
     79.TextIconBlocks li a:hover
     80{
     81        background-color:       var(--background-color-hover);
     82        color:                          var(--color-hover);
     83}
     84.TextIconBlocks li a img
     85{
     86        display:                        block;
     87        height:                         32px;
     88        margin:                         0 auto 5px auto;
     89        background-color:       inherit;
     90}
     91
     92</style>
    1793
    1894                <div class="Container">
    1995                        <nav>
    2096                                <h3>Access to Care</h3>
    21                                 <ul>
    22                                         <li><a ibis:href="topic/healthcare/access/availability/Introduction.html">
    23                                                 <img ibis:src="image/icon/topic/Hospital.png" alt="Hospital icon" title="Go to Health Care Availability Topic Page"/>
     97                                <ul class="TextIconBlocks">
     98                                        <li><a ibis:href="topic/healthcare/access/availability/Detail.html">
     99                                                <img ibis:src="image/icon/topic/white/Hospital.png" alt="Hospital icon" title="Go to Health Care Availability Topic Page"/>
    24100                                                Health Care Availability
    25101                                        </a></li>
    26                                         <li><a ibis:href="topic/healthcare/access/insurance/Introduction.html">
    27                                                 <img ibis:src="image/icon/topic/HealthCoverage.png" alt="HealthCoverage icon" title="Go to Health Care Coverage and Cost Topic Page"/>
     102                                        <li><a ibis:href="topic/healthcare/access/insurance/Detail.html">
     103                                                <img ibis:src="image/icon/topic/white/HealthCoverage.png" alt="HealthCoverage icon" title="Go to Health Care Coverage and Cost Topic Page"/>
    28104                                                Health Care Coverage and Cost
    29105                                        </a></li>
    … …  
    33109                        <nav>
    34110                                <h3>Use of Preventive Services</h3>
    35                                 <ul>
    36                                         <li><a ibis:href="topic/healthcare/utilization/immunization/Introduction.html">
    37                                                 <img ibis:src="image/icon/topic/Shot.png" alt="Shot icon" title="Go to Immunization Topic Page"/>
     111                                <ul class="TextIconBlocks">
     112                                        <li><a ibis:href="topic/healthcare/utilization/immunization/Detail.html">
     113                                                <img ibis:src="image/icon/topic/white/Shot.png" alt="Shot icon" title="Go to Immunization Topic Page"/>
    38114                                                Immunization
    39115                                        </a></li>
    40                                         <li><a ibis:href="topic/healthcare/utilization/screening/cancer/Introduction.html">
    41                                                 <img ibis:src="image/icon/topic/Ribbon.png" alt="Ribbon icon" title="Go to Cancer Screening Topic Page"/>
     116                                        <li><a ibis:href="topic/healthcare/utilization/screening/cancer/Detail.html">
     117                                                <img ibis:src="image/icon/topic/white/Ribbon.png" alt="Ribbon icon" title="Go to Cancer Screening Topic Page"/>
    42118                                                Cancer Screening
    43119                                        </a></li>
    44                                                 <li><a ibis:href="topic/healthcare/utilization/screening/cardiovascular/Introduction.html">
    45                                                 <img ibis:src="image/icon/topic/Cardio.png" alt="Cardio icon" title="Go to Cardiovascula Screening Topic Page"/>
     120                                                <li><a ibis:href="topic/healthcare/utilization/screening/cardiovascular/Detail.html">
     121                                                <img ibis:src="image/icon/topic/white/Cardio.png" alt="Cardio icon" title="Go to Cardiovascula Screening Topic Page"/>
    46122                                                Cardiovascular Screening
    47123                                        </a></li>
    48                                         <li><a ibis:href="topic/healthcare/utilization/oral/Introduction.html">
    49                                                 <img ibis:src="image/icon/topic/Tooth.png" alt="Tooth icon" title="Go to Oral Health Topic Page"/>
     124                                        <li><a ibis:href="topic/healthcare/utilization/oral/Detail.html">
     125                                                <img ibis:src="image/icon/topic/white/Tooth.png" alt="Tooth icon" title="Go to Oral Health Topic Page"/>
    50126                                                Oral Health
    51127                                        </a></li>
    52                                         <li><a ibis:href="topic/healthcare/utilization/other/Introduction.html">
    53                                                 <img ibis:src="image/icon/topic/MCH.png" alt="MCH icon" title="Go to Other Preventive Care Topic Page"/>
     128                                        <li><a ibis:href="topic/healthcare/utilization/other/Detail.html">
     129                                                <img ibis:src="image/icon/topic/white/MCH.png" alt="MCH icon" title="Go to Other Preventive Care Topic Page"/>
    54130                                                Other Preventive Care
    55131                                        </a></li>
    … …  
    58134                </div><br/>
    59135
    60                 <h2>How to find Data and Information on this Site</h2>
    61                 The "Topics" section has a page that contains information for each topic.
    62                 Along with this information are links to the associated Indicator
    63                 Reports and Dataset Queries. The Indicator Reports provide graphs, maps,
    64                 public health context, and data tables.  Many of the topic areas have
    65                 queryable datasets that you can use to create your own tables, charts, and maps. 
    66                 These data query results pages will also have dataset details, including data
    67                 sources and tips on how data can or cannot be used.
    68                 <br/><br/>
    69136        </CONTENT>
    70137</HTML_CONTENT>

  • trunk/ibisph-view/src/content/xml/html_content/topic/healthcare/access/availability/Detail.xml

    r19781 r19809  
    77
    88        <CONTENT>
     9
     10                <ibis:include href="_content_overview.xml" children-only-flag="true"/>
     11
    912                <div id="contentSections">
    10                         <section class="Overview">
    11                                 <ibis:include href="_content_overview.xml" children-only-flag="true"/>
    12                         </section>
    13 
    1413                        <section class="Container">
    1514                                <h2>Why It's Important</h2>

  • trunk/ibisph-view/src/content/xml/html_content/topic/healthcare/access/insurance/Detail.xml

    r19781 r19809  
    77
    88        <CONTENT>
     9
     10                <ibis:include href="_content_overview.xml" children-only-flag="true"/>
     11
    912                <div id="contentSections">
    10                         <section class="Overview">
    11                                 <ibis:include href="_content_overview.xml" children-only-flag="true"/>
    12                                 <br/><br/>
    13 
     13                        <section class="Container">
     14                                <h2>Overview</h2>
    1415                                Health care spending includes the costs of obtaining a wide variety of goods and services, from
    1516                                hospital care and prescription drugs to dental services and medical equipment. Most health care

  • trunk/ibisph-view/src/content/xml/html_content/topic/healthcare/utilization/immunization/Detail.xml

    r19781 r19809  
    77
    88        <CONTENT>
     9
     10                <ibis:include href="_content_overview.xml" children-only-flag="true"/>
     11
    912                <div id="contentSections">
    10                         <section class="Overview">
    11                                 <ibis:include href="_content_overview.xml" children-only-flag="true"/>
    12                         </section>
    13 
    1413                        <section class="Container">
    1514                                <h2>Why It's Important</h2>

  • trunk/ibisph-view/src/content/xml/html_content/topic/healthcare/utilization/oral/Detail.xml

    r19781 r19809  
    77
    88        <CONTENT>
     9
     10                <ibis:include href="_content_overview.xml" children-only-flag="true"/>
     11
    912                <div id="contentSections">
    10                         <section class="Overview">
    11                                 <ibis:include href="_content_overview.xml" children-only-flag="true"/>
     13
     14                        <section class="Container">
     15                                <h2>Overview</h2>
     16                                The World Health Organization (WHO) defines oral health as a state of being
     17                                free from chronic mouth and facial pain, oral and throat cancer, oral
     18                                sores, birth defects such as cleft lip and palate, periodontal (gum)
     19                                disease, tooth decay and tooth loss, and other diseases and disorders
     20                                that affect the oral cavity.
    1221                                <a href="#ref1" id="ref1.link" aria-describedby="footnote-label"></a>
    1322                                <br/><br/>         

  • trunk/ibisph-view/src/content/xml/html_content/topic/healthcare/utilization/oral/_content_overview.xml

    r19798 r19809  
    55                <img ibis:src="view/image/topic/oral_health.jpg"/>
    66                <figcaption>
    7         The World Health Organization (WHO) defines oral health as a state of being
    8         free from chronic mouth and facial pain, oral and throat cancer, oral
    9         sores, birth defects such as cleft lip and palate, periodontal (gum)
    10         disease, tooth decay and tooth loss, and other diseases and disorders
    11         that affect the oral cavity.
    127                </figcaption>
    138        </figure>

  • trunk/ibisph-view/src/content/xml/html_content/topic/healthcare/utilization/other/Detail.xml

    r19781 r19809  
    77
    88        <CONTENT>
     9
     10                <ibis:include href="_content_overview.xml" children-only-flag="true"/>
     11
    912                <div id="contentSections">
    10                        
    11                         <section class="Overview">
    12                                 <ibis:include href="_content_overview.xml" children-only-flag="true"/>
    13                                 <br/><br/>
    14 
    15                                 The <a href="http://www.ahrq.gov/professionals/clinicians-providers/guidelines-recommendations/guide/index.html">
    16                                 Guide to Clinical Preventive Services</a> includes U.S. Preventive Services Task Force (USPSTF) recommendations
    17                                 on screening, counseling, and preventive medication topics and includes clinical recommendations for each topic.
    18                         </section>
    19 
    2013                        <section class="Container">
    2114                                <h2>Why It's Important</h2>
    … …  
    3932                                                <a href="https://www.healthypeople.gov/2020/leading-health-indicators/2020-lhi-topics/Clinical-Preventive-Services">https://www.healthypeople.gov/2020/leading-health-indicators/2020-lhi-topics/Clinical-Preventive-Services</a>
    4033                                                on 2/10/2015.
    41                                         <a href="#ref1.link" aria-label="Back to content">«</a></li>
     34                                                <a href="#ref1.link" aria-label="Back to content">«</a>
     35                                        </li>
     36                                        <li>
     37                                                The <a href="http://www.ahrq.gov/professionals/clinicians-providers/guidelines-recommendations/guide/index.html">
     38                                                Guide to Clinical Preventive Services</a> includes U.S. Preventive Services Task Force (USPSTF) recommendations
     39                                                on screening, counseling, and preventive medication topics and includes clinical recommendations for each topic.
     40                                        </li>
    4241                                </ol></footer>
    4342                        </section>

  • trunk/ibisph-view/src/content/xml/html_content/topic/healthcare/utilization/screening/cancer/Detail.xml

    r19781 r19809  
    77
    88        <CONTENT>
     9
     10                <ibis:include href="_content_overview.xml" children-only-flag="true"/>
     11
    912                <div id="contentSections">
    10                         <section class="Overview">
    11                                 <ibis:include href="_content_overview.xml" children-only-flag="true"/>
    12                         </section>
    13 
    1413                        <section class="Container">
    1514                                <h2>Why It's Important</h2>

  • trunk/ibisph-view/src/content/xml/html_content/topic/healthcare/utilization/screening/cardiovascular/Detail.xml

    r19781 r19809  
    77
    88        <CONTENT>
     9
     10                <ibis:include href="_content_overview.xml" children-only-flag="true"/>
     11
    912                <div id="contentSections">
    10                         <section class="Overview">
    11                                 <ibis:include href="_content_overview.xml" children-only-flag="true"/>
    12                         </section>
    13 
    1413                        <section class="Container">
    1514                                <h2>Why It's Important</h2>

  • trunk/ibisph-view/src/content/xml/html_content/topic/healthoutcome/Introduction.xml

    r19798 r19809  
    1111        <CONTENT>
    1212
    13 The World Health Organization defines health as, "a state of complete physical, mental and social well-being and not merely the absence of disease or infirmity." The topics in this category include the various measures we use as "indicators" of population health status.
    14 
     13<style>
     14.TopImageNavigation
     15{
     16        width: 100%;
     17}
     18
     19.TopImageNavigation .Container
     20{
     21        display: inline-block;
     22        position: relative;
     23        background:     transparent 0 0 no-repeat;
     24        background-size:        contain;
     25        font-size: 0;
     26        margin: 0;
     27        padding: 0;
     28        width: 240px;
     29        height: 240px;
     30}
     31
     32.TopImageNavigation .Container .Overlay
     33{
     34        text-align: center;
     35        vertical-align: middle;
     36        display: inline-block;
     37        position: absolute;
     38        color: white;
     39        bottom: 0;
     40        left: 0;
     41        height: 60px;
     42        width:100%;
     43        background-color: rgb(7, 7, 7, 0.5);
     44        font-size: 1.25rem;
     45        padding-top: 1.25rem;
     46}
     47
     48
     49.TopImageNavigation #healthoutcome
     50{
     51        background-image: url("../../view/image/topic/healthoutcome-bw.jpg");
     52}
     53.TopImageNavigation #healthcare
     54{
     55        background-image: url("../../view/image/topic/healthcare-bw.jpg");
     56}
     57.TopImageNavigation #risk
     58{
     59        background-image: url("../../view/image/topic/risk-bw.jpg");
     60}
     61.TopImageNavigation #population
     62{
     63        background-image: url("../../view/image/topic/population-bw.jpg");
     64}
     65
     66.TopImageNavigation #healthoutcome:hover,
     67.TopImageNavigation #healthoutcome.On
     68{
     69        background-color: transparent;
     70        background-image: url("../../view/image/topic/healthoutcome.jpg");
     71}
     72.TopImageNavigation #healthcare:hover,
     73.TopImageNavigation #healthcare.On
     74{
     75        background-color: transparent;
     76        background-image: url("../../view/image/topic/healthcare.jpg");
     77}
     78.TopImageNavigation #risk:hover,
     79.TopImageNavigation #risk.On
     80{
     81        background-color: transparent;
     82        background-image: url("../../view/image/topic/risk.jpg");
     83}
     84.TopImageNavigation #population:hover,
     85.TopImageNavigation #population.On
     86{
     87        background-color: transparent;
     88        background-image: url("../../view/image/topic/population.jpg");
     89}
     90
     91</style>
     92                <nav class="TopImageNavigation">
     93                        <a id="healthoutcome" ibis:href="topic/healthoutcome/Introduction.html" class="Container On">
     94                                <span class="Overlay">Health <br/>Status
     95                                </span>
     96                        </a>
     97                        <a id="healthcare" ibis:href="topic/healthcare/Introduction.html" class="Container">
     98                                <span class="Overlay">Health Care <br/>Services
     99                                </span>
     100                        </a>
     101                        <a id="risk" ibis:href="topic/risk/Introduction.html" class="Container">
     102                                <span class="Overlay">Lifestyle and <br/>Risk Factors
     103                                </span>
     104                        </a>
     105                        <a id="population" ibis:href="topic/population/Introduction.html" class="Container">
     106                                <span class="Overlay">Population <br/>Characteristics
     107                                </span>
     108                        </a>
     109                </nav>
     110
     111                <img ibis:src="image/HealthModelforTopics.png" style="display: inline-block; float:right; width: 35%; margin-right: 2.5rem; padding-top: 1rem;"></img>
     112                <h2>About Health Outcomes</h2>
     113                <p>
     114                The World Health Organization defines health as, "a state of complete physical,
     115                mental and social well-being and not merely the absence of disease or infirmity."
     116                The topics in this category include the various measures we use as "indicators"
     117                of population health status.
     118                </p>
     119
     120                <h2>Usage Instructions</h2>
     121                <p>
     122                        Please select one of the topics below to see more information as well
     123                        as navigation links to that topic's related Health Indicator reports
     124                        and the related user queryable Health Datasets.  Use the above naviagtion
     125                        images to change to a different Topic Category.
     126                </p>
     127
     128
     129
     130
     131
     132<style>
     133.TextIconBlocks
     134{
     135/*
     136        display:                                grid;
     137        grid-auto-flow:                 row;
     138        grid-template-rows:             auto;
     139        grid-template-columns:  repeat(auto-fit, minmax(120px, 1fr));
     140        justify-items:                  center;
     141*/
     142        font-size: 0;
     143}
     144
     145.TextIconBlocks h3
     146{
     147        text-align:                     center;
     148}
     149
     150.TextIconBlocks li
     151{
     152vertical-align: top;
     153        display:                        inline-block;
     154        padding:                        1px;
     155}
     156.TextIconBlocks li > a 
     157{
     158        display:                        block;
     159        background-color:       #336699;
     160        width:                          110px;
     161        height:                         120px;
     162        padding:                        12px 0 0 0;
     163        vertical-align:         top;
     164        font-size:                      14px;
     165        text-align:             center;
     166        color:                          white;
     167}
     168.TextIconBlocks li a:hover
     169{
     170        background-color:       var(--background-color-hover);
     171        color:                          var(--color-hover);
     172}
     173.TextIconBlocks li a img
     174{
     175        display:                        block;
     176        height:                         32px;
     177        margin:                         0 auto 5px auto;
     178        background-color:       inherit;
     179}
     180
     181</style>
    15182                <div class="Container">
    16183                        <nav>
    17                                 <ul>
    18                                         <li><a ibis:href="topic/healthoutcome/mch/Introduction.html">
    19                                                 <img ibis:src="image/icon/topic/Pram.png" alt="Pram icon" title="Go to Mothers and Infants Topic Page"/>
     184                                <ul class="TextIconBlocks">
     185                                        <li><a ibis:href="topic/healthoutcome/mch/Detail.html">
     186                                                <img ibis:src="image/icon/topic/white/Pram.png" alt="Pram icon" title="Go to Mothers and Infants Topic Page"/>
    20187                                                Mothers and Infants
    21188                                        </a></li>
    22                                         <li><a ibis:href="topic/healthoutcome/death/Introduction.html">
    23                                                 <img ibis:src="image/icon/topic/Headstone.png" alt="Headstone icon" title="Go to Leading Causes of Death Topic Page"/>
     189                                        <li><a ibis:href="topic/healthoutcome/death/Detail.html">
     190                                                <img ibis:src="image/icon/topic/white/Headstone.png" alt="Headstone icon" title="Go to Leading Causes of Death Topic Page"/>
    24191                                                Leading Causes of Death
    25192                                        </a></li>
    26                                         <li><a ibis:href="topic/healthoutcome/disease/infectious/Introduction.html">
    27                                                 <img ibis:src="image/icon/topic/Coughing.png" alt="Coughing icon" title="Go to Infectious Disease Topic Page"/>
     193                                        <li><a ibis:href="topic/healthoutcome/disease/infectious/Detail.html">
     194                                                <img ibis:src="image/icon/topic/white/Coughing.png" alt="Coughing icon" title="Go to Infectious Disease Topic Page"/>
    28195                                                Infectious Diseases
    29196                                        </a></li>
    30197
    31                                         <li><a ibis:href="topic/healthoutcome/cancer/Introduction.html">
    32                                                 <img ibis:src="image/icon/topic/Ribbon.png" alt="Ribbon icon" title="Go to Cancer Topic Page"/>
     198                                        <li><a ibis:href="topic/healthoutcome/cancer/Detail.html">
     199                                                <img ibis:src="image/icon/topic/white/Ribbon.png" alt="Ribbon icon" title="Go to Cancer Topic Page"/>
    33200                                                Cancer
    34201                                        </a></li>
    35                                         <li><a ibis:href="topic/healthoutcome/disease/chronic/Introduction.html">
    36                                                 <img ibis:src="image/icon/topic/Pain.png" alt="Pain/Chronic Disease icon" title="Go to Chronic Disease Topic Page"/>
     202                                        <li><a ibis:href="topic/healthoutcome/disease/chronic/Detail.html">
     203                                                <img ibis:src="image/icon/topic/white/Pain.png" alt="Pain/Chronic Disease icon" title="Go to Chronic Disease Topic Page"/>
    37204                                                Chronic Diseases and Conditions
    38205                                        </a></li>
    39                                         <li><a ibis:href="topic/healthoutcome/injury/Introduction.html">
    40                                                 <img ibis:src="image/icon/topic/PersonCrutches.png" alt="PersonCrutches icon" title="Go to Injury and Violence Topic Page"/>
     206                                        <li><a ibis:href="topic/healthoutcome/injury/Detail.html">
     207                                                <img ibis:src="image/icon/topic/white/PersonCrutches.png" alt="PersonCrutches icon" title="Go to Injury and Violence Topic Page"/>
    41208                                                Injury and<br/>Violence
    42209                                        </a></li>
    43                                         <li><a ibis:href="topic/healthoutcome/substance/Introduction.html">
    44                                                 <img ibis:src="image/icon/topic/Pills.png" alt="Pills icon" title="Go to Substance Abuse Topic Page"/>
     210                                        <li><a ibis:href="topic/healthoutcome/substance/Detail.html">
     211                                                <img ibis:src="image/icon/topic/white/Pills.png" alt="Pills icon" title="Go to Substance Abuse Topic Page"/>
    45212                                                Substance Use
    46213                                        </a></li>
    47                                         <li><a ibis:href="topic/healthoutcome/mental/Introduction.html">
    48                                                 <img ibis:src="image/icon/topic/YinYang.png" alt="YinYang icon" title="Go to Mental Health Topic Page"/>
     214                                        <li><a ibis:href="topic/healthoutcome/mental/Detail.html">
     215                                                <img ibis:src="image/icon/topic/white/YinYang.png" alt="YinYang icon" title="Go to Mental Health Topic Page"/>
    49216                                                Mental Health
    50217                                        </a></li>
    51                                         <li><a ibis:href="topic/healthoutcome/measures/Introduction.html">
    52                                                 <img ibis:src="image/icon/topic/Ruler.png" alt="Ruler icon" title="Go to Summary Measures of Health Status Topic Page"/>
     218                                        <li><a ibis:href="topic/healthoutcome/measures/Detail.html">
     219                                                <img ibis:src="image/icon/topic/white/Ruler.png" alt="Ruler icon" title="Go to Summary Measures of Health Status Topic Page"/>
    53220                                                Summary<br/>Measures of<br/>Health Status
    54221                                        </a></li>
    … …  
    66233                sources and tips on how data can or cannot be used.
    67234        </CONTENT>
     235
     236
     237
     238
     239<xstyle>
     240.TopImageNavigation
     241{
     242display: flex;
     243 flex-direction:         row;
     244 flex-wrap:         nowrap;
     245/*
     246 justify-content:         center;
     247 align-items:         center;
     248*/
     249}
     250
     251.TopImageNavigation .Container
     252{
     253flex-grow: 1;
     254flex-shrink: 1;
     255flex-basis: auto;
     256
     257/*
     258flex: 25%;
     259        position: relative;
     260        font-size: 0;
     261        margin: 0;
     262        padding: 0;
     263                float: right;
     264                max-width: 25%;
     265*/
     266}
     267
     268.TopImageNavigation .Container img
     269        {
     270
     271                display: inline-block;
     272 object-fit: scale-down ;
     273        font-size: 0;
     274        width: 25%;
     275/* */
     276        }
     277
     278.xTopImageNavigation .Container .Overlay
     279{
     280        display: inline-block;
     281        position: absolute;
     282        bottom: 0;
     283        left: 0;
     284        height: 40px;
     285        width:25%;
     286        background-color: rgb(7, 7, 7, 0.5);
     287}
     288
     289.TextIconBlocks
     290{
     291/*
     292        display:                                grid;
     293        grid-auto-flow:                 row;
     294        grid-template-rows:             auto;
     295        grid-template-columns:  repeat(auto-fit, minmax(120px, 1fr));
     296        justify-items:                  center;
     297*/
     298        font-size: 0;
     299}
     300
     301.TextIconBlocks h3
     302{
     303        text-align:                     center;
     304}
     305
     306.TextIconBlocks li
     307{
     308vertical-align: top;
     309        display:                        inline-block;
     310        padding:                        1px;
     311}
     312.TextIconBlocks li > a 
     313{
     314        display:                        block;
     315        background-color:       #336699;
     316        width:                          110px;
     317        height:                         120px;
     318        padding:                        12px 0 0 0;
     319        vertical-align:         top;
     320        font-size:                      14px;
     321        text-align:             center;
     322        color:                          white;
     323}
     324.TextIconBlocks li a:hover
     325{
     326        background-color:       var(--background-color-hover);
     327        color:                          var(--color-hover);
     328}
     329.TextIconBlocks li a img
     330{
     331        display:                        block;
     332        height:                         32px;
     333        margin:                         0 auto 5px auto;
     334        background-color:       inherit;
     335}
     336
     337</xstyle>
     338
     339
     340
     341
     342
     343
     344
     345
     346
     347
    68348</HTML_CONTENT>
     349
     350

  • trunk/ibisph-view/src/content/xml/html_content/topic/healthoutcome/cancer/Detail.xml

    r19781 r19809  
    77
    88        <CONTENT>
     9
     10                <ibis:include href="_content_overview.xml" children-only-flag="true"/>
     11
    912                <div id="contentSections">
    10                         <section class="Overview">
    11                                 <ibis:include href="_content_overview.xml" children-only-flag="true"/>
    12                         </section>
    13 
    1413                        <section class="Container">
    1514                                <h2>Why It's Important</h2>

  • trunk/ibisph-view/src/content/xml/html_content/topic/healthoutcome/death/Detail.xml

    r19781 r19809  
    77
    88        <CONTENT>
     9
     10                <ibis:include href="_content_overview.xml" children-only-flag="true"/>
     11
    912                <div id="contentSections">
    10                         <section class="Overview">
    11                                 <ibis:include href="_content_overview.xml" children-only-flag="true"/>
    12                                 <br/><br/>
     13                        <section class="Container">
     14                                <h2>Overview</h2>
    1315                                In 1951, the Public Health Conference on Records and Statistics recommended that state and federal
    1416                                agencies responsible for identifying diseases of public health importance adopt a uniform ranking

  • trunk/ibisph-view/src/content/xml/html_content/topic/healthoutcome/disease/chronic/Detail.xml

    r19781 r19809  
    77
    88        <CONTENT>
     9
     10                <ibis:include href="_content_overview.xml" children-only-flag="true"/>
     11
    912                <div id="contentSections">
    10                         <section class="Overview">
    11                                 <ibis:include href="_content_overview.xml" children-only-flag="true"/>
    12                         </section>
    13 
    1413                        <section class="Container">
    1514                                <h2>Why It's Important</h2>

  • trunk/ibisph-view/src/content/xml/html_content/topic/healthoutcome/disease/infectious/_content_overview.xml

    r19798 r19809  
    22
    33<CONTENT xmlns:ibis="http://www.ibisph.org">
    4 
    5 <style>
    6 .Topic #content figure img,
    7 .Topic #content figure figcaption
    8 {
    9     display: block;
    10     width: 100%;
    11     max-width: 100%;
    12     float: none;
    13 }
    14 </style>
    15 
    164        <figure>
    175                <img ibis:src="view/image/topic/infectious_disease2.png"/>
    … …  
    219        an insect or animal carrying disease, or contaminated food or water.
    2210                </figcaption>
    23         </figure><br/>
     11        </figure>
    2412</CONTENT>
    2513

  • trunk/ibisph-view/src/content/xml/html_content/topic/healthoutcome/injury/Detail.xml

    r19781 r19809  
    77
    88        <CONTENT>
     9
     10                <ibis:include href="_content_overview.xml" children-only-flag="true"/>
     11
    912                <div id="contentSections">
    10                         <section class="Overview">
    11                                 <ibis:include href="_content_overview.xml" children-only-flag="true"/>
    12                         </section>
    13 
    1413                        <section class="Container">
    1514                                <h2>Why It's Important</h2>

  • trunk/ibisph-view/src/content/xml/html_content/topic/healthoutcome/mch/Detail.xml

    r19781 r19809  
    77
    88        <CONTENT>
     9
     10                <ibis:include href="_content_overview.xml" children-only-flag="true"/>
     11
    912                <div id="contentSections">
    10                         <section class="Overview">
    11                                 <ibis:include href="_content_overview.xml" children-only-flag="true"/>
     13                        <section class="Container">
     14                                <h2>Overivew</h2>
     15                                Improving the well-being of mothers, infants, and children is an important public health goal for the
     16                                United States. Their well-being determines the health of the next generation and can help predict future
     17                                public health challenges for families, communities, and the health care system. The objectives of the
     18                                Maternal, Infant, and Child Health topic area address a wide range of conditions, health behaviors, and
     19                                health systems indicators that affect the health, wellness, and quality of life of women, children, and
     20                                families.
    1221                                <a href="#ref1" id="ref1.link" aria-describedby="footnote-label"></a>
     22
    1323                                <footer class="Footnotes"><ol>
    1424                                        <li id="ref1">  Heatlthy People 2020 Topics and Objectives, Maternal, Infant, and Child

  • trunk/ibisph-view/src/content/xml/html_content/topic/healthoutcome/mch/_content_overview.xml

    r19798 r19809  
    55                <img ibis:src="view/image/topic/mother_infant4.jpg"/>
    66                <figcaption>
    7         Improving the well-being of mothers, infants, and children is an important public health goal for the
    8         United States. Their well-being determines the health of the next generation and can help predict future
    9         public health challenges for families, communities, and the health care system. The objectives of the
    10         Maternal, Infant, and Child Health topic area address a wide range of conditions, health behaviors, and
    11         health systems indicators that affect the health, wellness, and quality of life of women, children, and
    12         families.
    137                </figcaption>
    148        </figure>

  • trunk/ibisph-view/src/content/xml/html_content/topic/healthoutcome/measures/Detail.xml

    r19781 r19809  
    77
    88        <CONTENT>
     9
     10                <ibis:include href="_content_overview.xml" children-only-flag="true"/>
     11
    912                <div id="contentSections">
    10                         <section class="Overview">
    11                                 <ibis:include href="_content_overview.xml" children-only-flag="true"/>
     13                        <section class="Container">
     14                                <h2>Overview</h2>
     15                                Summary measures of health status are statistics that use mortality data, or combine mortality and
     16                                morbidity data to represent overall population health in a single number. Examples of summary measures
     17                                include general health status and healthy days measures from the Behavioral Risk Factor Surveillance
     18                                System (BRFSS) surveys, life expectancy, and years of potential life lost (YPLL). Measures that combine
     19                                mortality and morbidity include health-adjusted life years (HALYs) or health-adjusted life expectancy
     20                                (HALE), quality-adjusted life years (QALYs), years of healthy life (YHLs), and disability-adjusted life
     21                                years (DALYs).
    1222                                <a href="#ref1" id="ref1.link" aria-describedby="footnote-label"></a>
    1323                                <footer class="Footnotes"><ol>

  • trunk/ibisph-view/src/content/xml/html_content/topic/healthoutcome/measures/_content_overview.xml

    r19798 r19809  
    55                <img ibis:src="view/image/topic/health_sign.jpg"/>
    66                <figcaption>
    7         Summary measures of health status are statistics that use mortality data, or combine mortality and
    8         morbidity data to represent overall population health in a single number. Examples of summary measures
    9         include general health status and healthy days measures from the Behavioral Risk Factor Surveillance
    10         System (BRFSS) surveys, life expectancy, and years of potential life lost (YPLL). Measures that combine
    11         mortality and morbidity include health-adjusted life years (HALYs) or health-adjusted life expectancy
    12         (HALE), quality-adjusted life years (QALYs), years of healthy life (YHLs), and disability-adjusted life
    13         years (DALYs).
    147                </figcaption>
    158        </figure>

  • trunk/ibisph-view/src/content/xml/html_content/topic/healthoutcome/mental/Detail.xml

    r19781 r19809  
    77
    88        <CONTENT>
     9
     10                <ibis:include href="_content_overview.xml" children-only-flag="true"/>
     11
    912                <div id="contentSections">
    10                         <section class="Overview">
    11                                 <ibis:include href="_content_overview.xml" children-only-flag="true"/>
    12                                 <br/><br/>
    13 
     13                        <section class="Container">
     14                                <h2>Overview</h2>
    1415                                According to the World Health Organization (WHO) there is "no health without mental
    1516                                health."<a href="#ref1" id="ref1.link" aria-describedby="footnote-label"></a> and "Mental

  • trunk/ibisph-view/src/content/xml/html_content/topic/healthoutcome/substance/Detail.xml

    r19781 r19809  
    77
    88        <CONTENT>
     9
     10                <ibis:include href="_content_overview.xml" children-only-flag="true"/>
     11
    912                <div id="contentSections">
    10                         <section class="Overview">
    11                                 <ibis:include href="_content_overview.xml" children-only-flag="true"/>
    12                         </section>
    13 
    1413                        <section class="Container">
    1514                                <h2>Why It's Important</h2>

  • trunk/ibisph-view/src/content/xml/html_content/topic/population/Introduction.xml

    r19798 r19809  
    1111        <CONTENT>
    1212
    13 Population characteristics include personal characteristics as well as social factors. Many personal characteristics, such as age and race, are determined by our genetics, and can have a strong influence on health status. Even though they cannot be modified, such characteristics are important to understand. Social factors include things like poverty, access to education, and availability of safe housing and healthy foods. Those social factors, often called, "social determinants of health," often need to be modified by broad social and institutional reforms.
     13                <h2>About Population Characteristics</h2>
     14                <p>
     15                        Population characteristics include personal characteristics as well as
     16                        social factors. Many personal characteristics, such as age and race, are
     17                        determined by our genetics, and can have a strong influence on health
     18                        status. Even though they cannot be modified, such characteristics are
     19                        important to understand. Social factors include things like poverty,
     20                        access to education, and availability of safe housing and healthy foods.
     21                        Those social factors, often called, "social determinants of health,"
     22                        often need to be modified by broad social and institutional reforms.
     23                </p>
     24
     25<style>
     26.TextIconBlocks
     27{
     28/*
     29        display:                                grid;
     30        grid-auto-flow:                 row;
     31        grid-template-rows:             auto;
     32        grid-template-columns:  repeat(auto-fit, minmax(120px, 1fr));
     33        justify-items:                  center;
     34*/
     35}
     36
     37.TextIconBlocks li
     38{
     39        vertical-align: top;
     40        display:                        block;
     41        padding:                        1px;
     42}
     43.TextIconBlocks li > a 
     44{
     45        display:                        inline-block;
     46        background-color:       #336699;
     47        width:                          150px;
     48        height:                         100px;
     49        padding:                        12px 0 0 0;
     50        vertical-align:         top;
     51        font-size:                      14px;
     52        text-align:             center;
     53        color:                          white;
     54}
     55.TextIconBlocks li a:hover
     56{
     57        background-color:       var(--background-color-hover);
     58        color:                          var(--color-hover);
     59}
     60.TextIconBlocks li a img
     61{
     62        display:                        block;
     63        height:                         32px;
     64        margin:                         0 auto 5px auto;
     65        background-color:       inherit;
     66}
     67
     68.TextIconBlocks li > p
     69{
     70  display:                      inline-block;
     71  vertical-align: middle;
     72        width:                          550px;
     73        font-size:                      1rem;
     74        text-align:             left;
     75        padding-left: 1rem;
     76}
     77</style>
    1478
    1579
    16                 <div class="Container">
     80                <div class="Container TextIconBlocks">
    1781                        <nav>
    1882                                <h3>Demographic Characteristics</h3>
    1983                                <ul>
    20                                         <li><a ibis:href="topic/population/demographic/characteristics/Introduction.html">
    21                                                 <img ibis:src="image/icon/topic/PieChart.png" alt="PieChart icon" title="Go to Demographic Characteristics Topic Page"/>
    22                                                 Demographic Characteristics
    23                                         </a></li>
     84                                        <li>
     85                                                <a ibis:href="topic/population/demographic/characteristics/Detail.html">
     86                                                        <img ibis:src="image/icon/topic/white/PieChart.png" alt="PieChart icon" title="Go to Demographic Characteristics Topic Page"/>
     87                                                        Demographic Characteristics
     88                                                </a>
     89                                                <p>
     90                                                Demographics are the classifiable characteristics of a given
     91                                                population. Demographic characteristics most commonly used in
     92                                                public health statistics.
     93                                                </p>
     94                                        </li>
    2495                                </ul>
    2596                        </nav>
    … …  
    2899                                <h3>Social Determinants of Health</h3>
    29100                                <ul>
    30                                         <li><a ibis:href="topic/population/socialdeterminant/economic/Introduction.html">
    31                                                 <img ibis:src="image/icon/topic/PiggyBank.png" alt="income icon" title="Go to Income and Poverty Topic Page"/>
    32                                                 Economic Stability
    33                                         </a></li>
    34                                         <li><a ibis:href="topic/population/socialdeterminant/education/Introduction.html">
    35                                                 <img ibis:src="image/icon/topic/Mortarboard.png" alt="education icon" title="Go to Education Topic Page"/>
    36                                                 Education
    37                                         </a></li>
    38                                         <li><a ibis:href="topic/population/socialdeterminant/community/Introduction.html">
    39                                                 <img ibis:src="image/icon/topic/SocialCommunity.png" alt="Communityand Social Context icon" title="Go to Social and Community Context Topic Page"/>
    40                                                 Social and Community Context
    41                                         </a></li>
    42                                         <li><a ibis:href="topic/healthcare/access/availability/Introduction.html">
    43                                                 <img ibis:src="image/icon/topic/HealthcareAccessCost.png" alt="Health Care Access icon" title="Go to Health Care Access and Cost Topic Page"/>
    44                                                 Health Care Access and Cost
    45                                         </a></li>
    46                                         <li><a ibis:href="topic/population/socialdeterminant/neighborhood/Introduction.html">
    47                                                 <img ibis:src="image/icon/topic/NeighborhoodEnv.png" alt="Neighborhood and Built Environment icon" title="Go to Neighborhood and Built Environment Topic Page"/>
     101                                        <li>
     102                                                <a ibis:href="topic/population/socialdeterminant/economic/Detail.html">
     103                                                        <img ibis:src="image/icon/topic/white/PiggyBank.png" alt="income icon" title="Go to Income and Poverty Topic Page"/>
     104                                                        Economic Stability
     105                                                </a>
     106                                                <p>
     107                                                Economic stability is the state or condition of having adequate money, goods, and means of support. Economic stability includes measures such as poverty, employment status, food security and housing stability.
     108                                                </p>
     109                                        </li>
     110                                        <li>
     111                                                <a ibis:href="topic/population/socialdeterminant/education/Detail.html">
     112                                                        <img ibis:src="image/icon/topic/white/Mortarboard.png" alt="education icon" title="Go to Education Topic Page"/>
     113                                                        Education
     114                                                </a>
     115                                                <p>
     116                                                        The amount of education a person has is often called "educational attainment" in academic literature.
     117                                                        Just as education and educational attainment can effect health outcomes.
     118                                                </p>
     119                                        </li>
     120                                        <li>
     121                                                <a ibis:href="topic/population/socialdeterminant/community/Detail.html">
     122                                                        <img ibis:src="image/icon/topic/white/SocialCommunity.png" alt="Communityand Social Context icon" title="Go to Social and Community Context Topic Page"/>
     123                                                        Social and Community Context
     124                                                </a>
     125                                                <p>
     126Social and community context includes all the settings and relationships in the social, religious, cultural, and workplaces in which people take part.
     127                                                </p>
     128                                        </li>
     129                                        <li>
     130                                                <a ibis:href="topic/healthcare/access/availability/Detail.html">
     131                                                        <img ibis:src="image/icon/topic/white/HealthcareAccessCost.png" alt="Health Care Access icon" title="Go to Health Care Access and Cost Topic Page"/>
     132                                                        Health Care Access and Cost
     133                                                </a>
     134                                                <p>
     135Most people need medical care at some time in their lives. Access to affordable, quality health care is important to physical, social, and mental health.
     136                                                </p>
     137                                        </li>
     138                                        <li><a ibis:href="topic/population/socialdeterminant/neighborhood/Detail.html">
     139                                                <img ibis:src="image/icon/topic/white/NeighborhoodEnv.png" alt="Neighborhood and Built Environment icon" title="Go to Neighborhood and Built Environment Topic Page"/>
    48140                                                Neighborhood and Built Environment
    49                                         </a></li>
     141                                        </a>
     142                                        <p>
     143Neighborhood and built environments have health impacts for the people who live there. Aspects of neighborhood environments include walkability, land use mix and urbanity, retail, recreational areas, restaurants.                                   
     144                                        </p></li>
    50145                                </ul>
    51146                        </nav>

  • trunk/ibisph-view/src/content/xml/html_content/topic/population/demographic/characteristics/Detail.xml

    r19798 r19809  
    77
    88        <CONTENT>
     9
     10                <ibis:include href="_content_overview.xml" children-only-flag="true"/>
     11
    912                <div id="contentSections">
    10 
    11                         <section class="Overview">
    12                                 <ibis:include href="_content_overview.xml" children-only-flag="true"/>
    13                         </section>
    14 
    1513                        <section class="Container">
    16                         <h2>Why It's Important</h2>
     14                                <h2>Why It's Important</h2>
    1715                                Analysis of public health data by demographic characteristics is essential
    1816                                to the reduction and elimination of health disparities.  The

  • trunk/ibisph-view/src/content/xml/html_content/topic/population/socialdeterminant/community/Detail.xml

    r19781 r19809  
    77
    88        <CONTENT>
     9
     10                <ibis:include href="_content_overview.xml" children-only-flag="true"/>
     11
    912                <div id="contentSections">
    10                         <section class="Overview">
    11                                 <ibis:include href="_content_overview.xml" children-only-flag="true"/><a href="#ref1" id="ref1.link" aria-describedby="footnote-label"></a>
     13                        <section class="Container">
     14                                <h2>Overview</h2>
     15                                Social and community context includes all the settings and relationships
     16                                in the social, religious, cultural, and workplaces in which people take part.
     17                                <a href="#ref1" id="ref1.link" aria-describedby="footnote-label"></a>
     18                                <br/><br/>
     19
    1220                                An important aspect of an individual's social context is the sense of cohesion and interpersonal
    1321                                trust among community members and an individual's sense that they belong and are supported in

  • trunk/ibisph-view/src/content/xml/html_content/topic/population/socialdeterminant/community/_content_overview.xml

    r19798 r19809  
    55                <img ibis:src="view/image/topic/community2.jpg"/>
    66                <figcaption>
    7         Social and community context includes all the settings and relationships
    8         in the social, religious, cultural, and workplaces in which people take part.
    97                </figcaption>
    108        </figure>

  • trunk/ibisph-view/src/content/xml/html_content/topic/population/socialdeterminant/economic/Detail.xml

    r19781 r19809  
    77
    88        <CONTENT>
     9
     10                <ibis:include href="_content_overview.xml" children-only-flag="true"/>
     11
    912                <div id="contentSections">
    10                         <section class="Overview">
    11                                 <ibis:include href="_content_overview.xml" children-only-flag="true"/>
    12                         </section>
    13                        
    1413                        <section class="Container">
    1514                                <h2>Why It's Important</h2>

  • trunk/ibisph-view/src/content/xml/html_content/topic/population/socialdeterminant/education/Detail.xml

    r19781 r19809  
    77
    88        <CONTENT>
     9
     10                <ibis:include href="_content_overview.xml" children-only-flag="true"/>
     11
    912                <div id="contentSections">
    10                         <section class="Overview">
    11                                 <ibis:include href="_content_overview.xml" children-only-flag="true"/>
     13                        <section class="Container">
     14                                <h2>Overview</h2>
     15                                The amount of education a person has is often called "educational attainment" in academic literature.
     16                                Just as education and educational attainment can effect health outcomes, a person's health can affect
     17                                the amount of education that he or she is able to attain. For instance, health-related factors
     18                                such as hunger, physical and emotional abuse, and chronic illness can lead to poor school
     19                                performance.
    1220                                <a href="#ref1" id="ref1.link" aria-describedby="footnote-label"></a>
    1321                                <br/><br/>
     22
    1423                                In epidemiology, educational attainment is often referred to as a "social determinant" of health. The
    1524                                World Health Organization (WHO) defines social determinants of health as "the conditions in which people

  • trunk/ibisph-view/src/content/xml/html_content/topic/population/socialdeterminant/education/_content_overview.xml

    r19798 r19809  
    55                <img ibis:src="view/image/topic/education.jpg"/>
    66                <figcaption>
    7         The amount of education a person has is often called "educational attainment" in academic literature.
    8         Just as education and educational attainment can effect health outcomes, a person's health can affect
    9         the amount of education that he or she is able to attain. For instance, health-related factors
    10         such as hunger, physical and emotional abuse, and chronic illness can lead to poor school
    11         performance.
    127                </figcaption>
    138        </figure>

  • trunk/ibisph-view/src/content/xml/html_content/topic/population/socialdeterminant/neighborhood/Detail.xml

    r19781 r19809  
    77
    88        <CONTENT>
     9
     10                <ibis:include href="_content_overview.xml" children-only-flag="true"/>
     11
    912                <div id="contentSections">
    10                         <section class="Overview">
    11                                 <ibis:include href="_content_overview.xml" children-only-flag="true"/>
    12                                 <br/><br/>
    13 
     13                        <section class="Container">
     14                                <h2>Overview</h2>
    1415                                HealthyPeople2020 classifies neighborhood and built environment
    1516                                factors into these four

  • trunk/ibisph-view/src/content/xml/html_content/topic/risk_resiliency/Introduction.xml

    r19798 r19809  
    1717                                <h3>Healthy Lifestyles and Behavior</h3>
    1818                                <ul>
    19                                         <li><a ibis:href="topic/risk_resiliency/behavior/activity/Introduction.html">
    20                                                 <img ibis:src="image/icon/topic/Treadmill.png" alt="Treadmill icon" title="Go to Physical Activity Topic Page"/>
     19                                        <li><a ibis:href="topic/risk_resiliency/behavior/activity/Detail.html">
     20                                                <img ibis:src="image/icon/topic/white/Treadmill.png" alt="Treadmill icon" title="Go to Physical Activity Topic Page"/>
    2121                                                Physical Activity
    2222                                        </a></li>
    23                                         <li><a ibis:href="topic/risk_resiliency/behavior/nutrition/Introduction.html">
    24                                                 <img ibis:src="image/icon/topic/ForkAppleKnife.png" alt="ForkAppleKnife icon" title="Go to Nutrition Topic Page"/>
     23                                        <li><a ibis:href="topic/risk_resiliency/behavior/nutrition/Detail.html">
     24                                                <img ibis:src="image/icon/topic/white/ForkAppleKnife.png" alt="ForkAppleKnife icon" title="Go to Nutrition Topic Page"/>
    2525                                                Nutrition
    2626                                        </a></li>
    27                                         <li><a ibis:href="topic/risk_resiliency/behavior/weight/Introduction.html">
    28                                                 <img ibis:src="image/icon/topic/WeightScale.png" alt="WeightScale icon" title="Go to Weight Status Topic Page"/>
     27                                        <li><a ibis:href="topic/risk_resiliency/behavior/weight/Detail.html">
     28                                                <img ibis:src="image/icon/topic/white/WeightScale.png" alt="WeightScale icon" title="Go to Weight Status Topic Page"/>
    2929                                                Weight Status
    3030                                        </a></li>
    31                                         <li><a ibis:href="topic/risk_resiliency/behavior/alcohol/Introduction.html">
    32                                                 <img ibis:src="image/icon/topic/Martini.png" alt="Martini icon" title="Go to Alcohol Topic Page"/>
     31                                        <li><a ibis:href="topic/risk_resiliency/behavior/alcohol/Detail.html">
     32                                                <img ibis:src="image/icon/topic/white/Martini.png" alt="Martini icon" title="Go to Alcohol Topic Page"/>
    3333                                                Alcohol
    3434                                        </a></li>
    35                                         <li><a ibis:href="topic/risk_resiliency/behavior/tobacco/Introduction.html">
    36                                                 <img ibis:src="image/icon/topic/NoSmoking.png" alt="Tobacco icon" title="Go to NoSmoking Topic Page"/>
     35                                        <li><a ibis:href="topic/risk_resiliency/behavior/tobacco/Detail.html">
     36                                                <img ibis:src="image/icon/topic/white/NoSmoking.png" alt="Tobacco icon" title="Go to NoSmoking Topic Page"/>
    3737                                                Tobacco
    3838                                        </a></li>
    39                                         <li><a ibis:href="topic/risk_resiliency/behavior/injury/Introduction.html">
    40                                                 <img ibis:src="image/icon/topic/Seatbelt.png" alt="Seatbelt icon" title="Go to Injury Prevention Topic Page"/>
     39                                        <li><a ibis:href="topic/risk_resiliency/behavior/injury/Detail.html">
     40                                                <img ibis:src="image/icon/topic/white/Seatbelt.png" alt="Seatbelt icon" title="Go to Injury Prevention Topic Page"/>
    4141                                                Injury Prevention
    4242                                        </a></li>
    … …  
    4747                                <h3>Physical Environment</h3>
    4848                                <ul>
    49                                         <li><a ibis:href="topic/risk_resiliency/environment/physical/Introduction.html">
    50                                                 <img ibis:src="image/icon/topic/Tree.png" alt="Tree icon" title="Go to Physical Environment Topic Page"/>
     49                                        <li><a ibis:href="topic/risk_resiliency/environment/physical/Detail.html">
     50                                                <img ibis:src="image/icon/topic/white/Tree.png" alt="Tree icon" title="Go to Physical Environment Topic Page"/>
    5151                                                Physical Environment
    5252                                        </a></li>

  • trunk/ibisph-view/src/content/xml/html_content/topic/risk_resiliency/behavior/activity/Detail.xml

    r19781 r19809  
    77
    88        <CONTENT>
     9
     10                <ibis:include href="_content_overview.xml" children-only-flag="true"/>
     11
    912                <div id="contentSections">
    10                        
    11                         <section class="Overview">
    12                                 <ibis:include href="_content_overview.xml" children-only-flag="true"/>
    13                                 <br/><br/>
    14 
     13                        <section class="Container">
     14                                <h2>Overview</h2>
    1515                                Aerobic activity involves using large muscle groups, such as in the legs and arms, and
    1616                                increases your heart rate and breathing. It improves endurance, circulation and lung function.

  • trunk/ibisph-view/src/content/xml/html_content/topic/risk_resiliency/behavior/alcohol/Detail.xml

    r19798 r19809  
    77
    88        <CONTENT>
     9
    910                <ibis:include href="_content_overview.xml" children-only-flag="true"/>
    1011                       
    1112                <div id="contentSections">
    12 
    1313                        <section class="Container">
    1414                                <h2>Overivew</h2>

  • trunk/ibisph-view/src/content/xml/html_content/topic/risk_resiliency/behavior/injury/Detail.xml

    r19781 r19809  
    77
    88        <CONTENT>
     9
     10                <ibis:include href="_content_overview.xml" children-only-flag="true"/>
     11
    912                <div id="contentSections">
    10                         <section class="Overview">
    11                                 <ibis:include href="_content_overview.xml" children-only-flag="true"/>
    12                         </section>
    13 
    1413                        <section class="Container">
    1514                                <h2>Why It's Important</h2>

  • trunk/ibisph-view/src/content/xml/html_content/topic/risk_resiliency/behavior/nutrition/Detail.xml

    r19798 r19809  
    77
    88        <CONTENT>
     9
    910                <ibis:include href="_content_overview.xml" children-only-flag="true"/>
    1011
    1112                <div id="contentSections">
    12 
    1313                        <section class="Container">
    1414                                <h2>Overview</h2>

  • trunk/ibisph-view/src/content/xml/html_content/topic/risk_resiliency/behavior/tobacco/Detail.xml

    r19781 r19809  
    77
    88        <CONTENT>
     9
     10                <ibis:include href="_content_overview.xml" children-only-flag="true"/>
     11
    912                <div id="contentSections">
    10                         <section class="Overview">
    11                                 <ibis:include href="_content_overview.xml" children-only-flag="true"/>
     13                        <section class="Container">
     14                                <h2>Overview</h2>
     15                                The topic of Tobacco includes not only current use of tobacco
     16                                products, but also initiation, cessation, secondhand smoke, and
     17                                tobacco-related policy. <br/><br/>
     18
    1219                                As the single most preventable cause of
    1320                                death and disease in the United
    1421                                <a href="#ref1" id="ref1.link" aria-describedby="footnote-label">States,</a>
    1522                                tobacco use must be examined from all angles.
    16                                
     23
    1724                                <footer class="Footnotes"><ol>
    1825                                        <li id="ref1">

  • trunk/ibisph-view/src/content/xml/html_content/topic/risk_resiliency/behavior/tobacco/_content_overview.xml

    r19798 r19809  
    55                <img ibis:src="view/image/topic/smoking.jpg"/>
    66                <figcaption>
    7         The topic of Tobacco includes not only current use of tobacco
    8         products, but also initiation, cessation, secondhand smoke, and
    9         tobacco-related policy.
    107                </figcaption>
    118        </figure>

  • trunk/ibisph-view/src/content/xml/html_content/topic/risk_resiliency/behavior/weight/Detail.xml

    r19781 r19809  
    77
    88        <CONTENT>
     9
     10                <ibis:include href="_content_overview.xml" children-only-flag="true"/>
     11
    912                <div id="contentSections">
    10                        
    11                         <section class="Overview">
    12                                 <ibis:include href="_content_overview.xml" children-only-flag="true"/>
    13                                 <br/><br/>
    14 
     13                        <section class="Container">
     14                                <h2>Overview</h2>
    1515                                Maintaining a healthy body weight and preventing excess weight gain throughout the lifespan are
    1616                                highly preferable to losing weight after weight gain. Once a person becomes obese, reducing body

  • trunk/ibisph-view/src/content/xml/html_content/topic/risk_resiliency/environment/physical/Detail.xml

    r19781 r19809  
    77
    88        <CONTENT>
     9
     10                <ibis:include href="_content_overview.xml" children-only-flag="true"/>
     11
    912                <div id="contentSections">
    10                         <section class="Overview">
    11                                 <ibis:include href="_content_overview.xml" children-only-flag="true"/>
    12                         </section>
    13 
    1413                        <section class="Container">
    1514                                <h2>Why It's Important</h2>

  • trunk/ibisph-view/src/content/xml/selection/navigation/Home.xml

    r19798 r19809  
    1515        <NAME>homeMenu</NAME>
    1616        <DESCRIPTION>Home page if clicked otherwise Home menu</DESCRIPTION>
    17 <!--
    1817        <LOCAL_URL>about/Welcome.html</LOCAL_URL>
    1918        <TITLE>&#xe034;</TITLE>
    20 -->
     19<!--
    2120        <CONTENT>
    2221                <a ibis:href="about/Welcome.html"><img ibis:src="image/icon/home.png" style="width: 24px; margin-right: 10px;"/></a>
    2322        </CONTENT>
     23-->
    2424</SELECTION>
    2525<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ End of File ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->

  • trunk/ibisph-view/src/content/xml/selection/navigation/TopicSelection.xml

    r19798 r19809  
    1818                                <h3 class="TextAlignCenter">Health Status</h3>
    1919                                <ul class="TextIconBlocks">
    20                                         <li><a ibis:href="topic/healthoutcome/cancer/Detail.html">
     20                                        <li><a ibis:href="topic/healthstatus/cancer/Detail.html">
    2121                                                <img ibis:src="image/icon/topic/white/Ribbon.png" alt="Ribbon icon" title="Go to Cancer Topic Page"/>
    2222                                                Cancer Incidence and Deaths
    2323                                        </a></li>
    24                                         <li><a ibis:href="topic/healthoutcome/disease/chronic/Detail.html">
     24                                        <li><a ibis:href="topic/healthstatus/disease/chronic/Detail.html">
    2525                                                <img ibis:src="image/icon/topic/white/Pain.png" alt="Pain/Chronic Disease icon" title="Go to Chronic Disease Topic Page"/>
    2626                                                Chronic Diseases and Conditions
    2727                                        </a></li>
    28                                         <li><a ibis:href="topic/healthoutcome/disease/infectious/Detail.html">
     28                                        <li><a ibis:href="topic/healthstatus/disease/infectious/Detail.html">
    2929                                                <img ibis:src="image/icon/topic/white/Coughing.png" alt="Infectious Disease icon" title="Go to Infectious Disease Topic Page"/>
    3030                                                Infectious Diseases
    3131                                        </a></li>
    32                                         <li><a ibis:href="topic/healthoutcome/injury/Detail.html">
     32                                        <li><a ibis:href="topic/healthstatus/injury/Detail.html">
    3333                                                <img ibis:src="image/icon/topic/white/Bandaid.png" alt="Bandaid icon" title="Go to Injury and Violence Topic Page"/>
    3434                                                Injury and<br/>Violence
    3535                                        </a></li>
    36                                         <li><a ibis:href="topic/healthoutcome/death/Detail.html">
     36                                        <li><a ibis:href="topic/healthstatus/death/Detail.html">
    3737                                                <img ibis:src="image/icon/topic/white/Headstone.png" alt="Headstone icon" title="Go to Leading Causes of Death Topic Page"/>
    3838                                                Leading Causes of Death
    3939                                        </a></li>
    40                                         <li><a ibis:href="topic/healthoutcome/mental/Detail.html">
     40                                        <li><a ibis:href="topic/healthstatus/mental/Detail.html">
    4141                                                <img ibis:src="image/icon/topic/white/YinYang.png" alt="YinYang icon" title="Go to Mental Health Topic Page"/>
    4242                                                Mental Health
    4343                                        </a></li>
    44                                         <li><a ibis:href="topic/healthoutcome/mch/Detail.html">
     44                                        <li><a ibis:href="topic/healthstatus/mch/Detail.html">
    4545                                                <img ibis:src="image/icon/topic/white/Pram.png" alt="Pram icon" title="Go to Mothers and Infants Topic Page"/>
    4646                                                Mothers and Infants
    4747                                        </a></li>
    48                                         <li><a ibis:href="topic/healthoutcome/substance/Detail.html">
     48                                        <li><a ibis:href="topic/healthstatus/substance/Detail.html">
    4949                                                <img ibis:src="image/icon/topic/white/Pills.png" alt="Pills icon" title="Go to Substance Abuse Topic Page"/>
    5050                                                Substance Use
    5151                                        </a></li>
    52                                         <li><a ibis:href="topic/healthoutcome/measures/Detail.html">
     52                                        <li><a ibis:href="topic/healthstatus/measures/Detail.html">
    5353                                                <img ibis:src="image/icon/topic/white/FeelGood.png" alt="Feel Good icon" title="Go to Summary Measures of Health Status Topic Page"/>
    5454                                                Summary<br/>Measures of<br/>Health Status
    … …  
    6666                                                Health Care Availability
    6767                                        </a></li>
    68                                         <li><a ibis:href="topic/healthcare/access/insurance/Detail.html">
    69                                                 <img ibis:src="image/icon/topic/white/Umbrella.png" alt="Health Care Coverage icon" title="Go to Health Care Access and Cost Topic Page"/>
    70                                                 Health Care Coverage and Cost
    71                                         </a></li>
    72                 <!--                    <li><a ibis:href="topic/healthcare/access/insurance/Detail.html">
    73                                                 <img ibis:src="image/icon/topic/white/HealthCoverage.png" alt="HealthCoverage icon" title="Go to Health Care Coverage and Cost Topic Page"/>
    74                                                 Health Care Coverage and Cost
    75                                         </a></li>
    76                 -->                     
    7768                                        <li><a ibis:href="topic/healthcare/utilization/screening/cancer/Detail.html">
    7869                                                <img ibis:src="image/icon/topic/white/Ribbon.png" alt="Ribbon icon" title="Go to Cancer Screening Topic Page"/>
    … …  
    10394                                <h3 class="TextAlignCenter"> Lifestyle</h3>
    10495                                <ul class="TextIconBlocks">
    105                                         <li><a ibis:href="topic/risk_resiliency/behavior/alcohol/Detail.html">
     96                                        <li><a ibis:href="topic/lifestyle/behavior/alcohol/Detail.html">
    10697                                                <img ibis:src="image/icon/topic/white/Martini.png" alt="Martini icon" title="Go to Alcohol Topic Page"/>
    10798                                                Alcohol
    10899                                        </a></li>
    109                                         <li><a ibis:href="topic/risk_resiliency/behavior/injury/Detail.html">
     100                                        <li><a ibis:href="topic/lifestyle/behavior/injury/Detail.html">
    110101                                                <img ibis:src="image/icon/topic/white/Seatbelt.png" alt="Seatbelt icon" title="Go to Injury Prevention Topic Page"/>
    111102                                                Injury Prevention
    112103                                        </a></li>
    113                                         <li><a ibis:href="topic/risk_resiliency/behavior/nutrition/Detail.html">
     104                                        <li><a ibis:href="topic/lifestyle/behavior/nutrition/Detail.html">
    114105                                                <img ibis:src="image/icon/topic/white/ForkAppleKnife.png" alt="ForkAppleKnife icon" title="Go to Nutrition Topic Page"/>
    115106                                                Nutrition
    116107                                        </a></li>
    117                                         <li><a ibis:href="topic/risk_resiliency/behavior/activity/Detail.html">
     108                                        <li><a ibis:href="topic/lifestyle/behavior/activity/Detail.html">
    118109                                                <img ibis:src="image/icon/topic/white/Treadmill.png" alt="Treadmill icon" title="Go to Physical Activity Topic Page"/>
    119110                                                Physical Activity
    120111                                        </a></li>
    121                                         <li><a ibis:href="topic/risk_resiliency/environment/physical/Detail.html">
     112                                        <li><a ibis:href="topic/lifestyle/environment/physical/Detail.html">
    122113                                                <img ibis:src="image/icon/topic/white/Earth.png" alt="Tree icon" title="Go to Physical Environment Topic Page"/>
    123114                                                Physical Environment
    124115                                        </a></li>
    125                                         <li><a ibis:href="topic/risk_resiliency/behavior/tobacco/Detail.html">
     116                                        <li><a ibis:href="topic/lifestyle/behavior/tobacco/Detail.html">
    126117                                                <img ibis:src="image/icon/topic/white/NoSmoking.png" alt="Tobacco icon" title="Go to NoSmoking Topic Page"/>
    127118                                                Tobacco
    128119                                        </a></li>
    129                                         <li><a ibis:href="topic/risk_resiliency/behavior/weight/Detail.html">
     120                                        <li><a ibis:href="topic/lifestyle/behavior/weight/Detail.html">
    130121                                                <img ibis:src="image/icon/topic/white/WeightScale.png" alt="WeightScale icon" title="Go to Weight Status Topic Page"/>
    131122                                                Weight Status
Note: See TracChangeset for help on using the changeset viewer.