Changeset 19820 in main


Ignore:
Timestamp:
02/11/20 00:42:27 (3 years ago)
Author:
GarthBraithwaite_STG
Message:

view content - topic pages - standardized icon names and topic category titles and dir names. Created _Introduction.xml include for welcome and intro pages. Changed TopicSelection?.xml selection groups to the flow order. Added the approved logo.

Location:
trunk/ibisph-view/src
Files:
79 added
121 deleted
14 edited
2 copied
27 moved

Legend:

Unmodified
Added
Removed

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

    r19809 r19820  
    4646                </script>
    4747                <style>
     48
    4849                        .slick-slider
    4950                        {
    … …  
    327328                </div>
    328329< ![endif]-->
     330
     331
     332                <ibis:include href="../topic/_introduction.xml" children-only-flag="true"/>
     333                <style>
     334                        .TopImageNavigation #healthstatus
     335                        {
     336                                background-image: url("../view/image/topic/category/healthstatus-bw.jpg");
     337                        }
     338                        .TopImageNavigation #healthcare
     339                        {
     340                                background-image: url("../view/image/topic/category/healthcare-bw.jpg");
     341                        }
     342                        .TopImageNavigation #lifestyle
     343                        {
     344                                background-image: url("../view/image/topic/category/lifestyle-bw.jpg");
     345                        }
     346                        .TopImageNavigation #population
     347                        {
     348                                background-image: url("../view/image/topic/category/population-bw.jpg");
     349                        }
     350
     351                        .TopImageNavigation #healthstatus:hover,
     352                        .TopicHealthStatus .TopImageNavigation #healthstatus
     353                        {
     354                                background-color: transparent;
     355                                background-image: url("../view/image/topic/category/healthstatus.jpg");
     356                        }
     357                        .TopImageNavigation #healthcare:hover,
     358                        .TopicHealthCare .TopImageNavigation #healthcare
     359                        {
     360                                background-color: transparent;
     361                                background-image: url("../view/image/topic/category/healthcare.jpg");
     362                        }
     363                        .TopImageNavigation #lifestyle:hover,
     364                        .TopicLifestyle .TopImageNavigation #lifestyle
     365                        {
     366                                background-color: transparent;
     367                                background-image: url("../view/image/topic/category/lifestyle.jpg");
     368                        }
     369                        .TopImageNavigation #population:hover,
     370                        .TopicPopulation .TopImageNavigation #population
     371                        {
     372                                background-color: transparent;
     373                                background-image: url("../view/image/topic/category/population.jpg");
     374                        }
     375                </style>
     376
    329377
    330378                <div class="NewsSlideshowContainer">

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

    r19819 r19820  
    11<?xml version="1.0" encoding="ISO-8859-1"?>
    22
    3 <HTML_CONTENT xmlns:ibis="http://www.ibisph.org">
     3<CONTENT xmlns:ibis="http://www.ibisph.org">
    44
    5         <TITLE>Indicator-based Information System for Public Health (IBIS-PH) Topics</TITLE>
    6         <HTML_CLASS>Topic</HTML_CLASS>
     5        <style>
     6                .TopImageNavigation
     7                {
     8                        width:                          100%;
     9                }
    710
    8         <CONTENT>
    9                 <h2>How to find Data and Information on this Site</h2>
    10                 Each "Topic" site menu navigation item has a page that contains information
    11                 for each topic.  Along with this information are links to the associated Indicator
    12                 Reports and Dataset Queries. The Indicator Reports provide graphs, maps,
    13                 public health context, and data tables.  Many of the topic areas have
    14                 queryable datasets that you can use to create your own tables, charts, and maps. 
    15                 These data query results pages will also have dataset details, including data
    16                 sources and tips on how data can or cannot be used.
    17                 <br/><br/>
    18                
    19                 <h2>The New Mexico Health Status Model</h2>
    20                 The NM-IBIS Topics pages are organized according to a model of health status
    21                 in which Health Factors lead to Health Outcomes.  See the
    22                 <a ibis:href="topic/Index.html">Topics Index</a> for a complete list of all
    23                 available topics.
    24                 <br/><br/>
    25                
    26                 <img ibis:src="view/image/HealthModel.png"
    27                         alt="New Mexico Model of Health Status, Population Characteristics, Risk and Resiliency Factors and Clinical Services lead to Population Health Outcomes"
    28                         title="New Mexico Model of Health Status"
    29                         style="margin-left: 75px;"
    30                         width="700" height="380"
    31                 />
    32                 <br/><br/>
     11                .TopImageNavigation .Container
     12                {
     13                        display:                        inline-block;
     14                        position:                       relative;
     15                        margin:                         0;
     16                        padding:                        0;
     17                        width:                          240px;
     18                        height:                         240px;
     19                        background:                     transparent 0 0 no-repeat;
     20                        background-size:        contain;
     21                }
    3322
    34                 As the model suggests, health factors are the conditions that lead to health outcomes. Some health factors,
    35                 such as race and age, cannot be modified but are included in the model because they play a role in individual and
    36                 population health outcomes. Many health factors, on the other hand, can be modified. One of the roles of public
    37                 health practitioners is to work with individuals and communities to improve modifiable health factors so that
    38                 health outcomes will improve.
    39                 <br/><br/>
    40         </CONTENT>
    41 </HTML_CONTENT>
     23                .TopImageNavigation .Container .Overlay
     24                {
     25                        display:                        inline-block;
     26                        position:                       absolute;
     27                        bottom:                         0;
     28                        left:                           0;
     29                        height:                         60px;
     30                        width:                          100%;
     31                        background-color:       rgb(7, 7, 7, 0.5);
     32                        color:                          white;
     33                        padding-top:            0.7rem;
     34                        font-size:                      1.25rem;
     35                        text-align:             center;
     36                }
     37
     38
     39                .TopImageNavigation #healthstatus
     40                {
     41                        background-image: url("../../view/image/topic/category/healthstatus-bw.jpg");
     42                }
     43                .TopImageNavigation #healthcare
     44                {
     45                        background-image: url("../../view/image/topic/category/healthcare-bw.jpg");
     46                }
     47                .TopImageNavigation #lifestyle
     48                {
     49                        background-image: url("../../view/image/topic/category/lifestyle-bw.jpg");
     50                }
     51                .TopImageNavigation #population
     52                {
     53                        background-image: url("../../view/image/topic/category/population-bw.jpg");
     54                }
     55
     56                .TopImageNavigation #healthstatus:hover,
     57                .TopicHealthStatus .TopImageNavigation #healthstatus
     58                {
     59                        background-color: transparent;
     60                        background-image: url("../../view/image/topic/category/healthstatus.jpg");
     61                }
     62                .TopImageNavigation #healthcare:hover,
     63                .TopicHealthCare .TopImageNavigation #healthcare
     64                {
     65                        background-color: transparent;
     66                        background-image: url("../../view/image/topic/category/healthcare.jpg");
     67                }
     68                .TopImageNavigation #lifestyle:hover,
     69                .TopicLifestyle .TopImageNavigation #lifestyle
     70                {
     71                        background-color: transparent;
     72                        background-image: url("../../view/image/topic/category/lifestyle.jpg");
     73                }
     74                .TopImageNavigation #population:hover,
     75                .TopicPopulation .TopImageNavigation #population
     76                {
     77                        background-color: transparent;
     78                        background-image: url("../../view/image/topic/category/population.jpg");
     79                }
     80
     81                .TopicLifestyle p:first-of-type,
     82                .TopicPopulation p:first-of-type,
     83                .TopicHealthCare p:first-of-type,
     84                .TopicHealthStatus p:first-of-type
     85                {
     86                        margin-top:                     0;
     87                }
     88
     89
     90                .TextIconBlocks li
     91                {
     92                        display:                        inline-block;
     93                        vertical-align:         top;
     94                }
     95                .TextIconBlocks li > a 
     96                {
     97                        display:                        inline-block;
     98                        display:                        block;
     99                        background-color:       #336699;
     100                        width:                          170px;
     101                        height:                         170px;
     102                        padding:                        18px 20px 10px 20px;
     103                        vertical-align:         top;
     104                        font-size:                      1rem;
     105                        text-align:             center;
     106                        color:                          white;
     107                }
     108                .TextIconBlocks li a:hover
     109                {
     110                        background-color:       var(--background-color-hover);
     111                        color:                          var(--color-hover);
     112                }
     113                .TextIconBlocks li a img
     114                {
     115                        display:                        block;
     116                        height:                         64px;
     117                        margin:                         0 auto 5px auto;
     118                        background-color:       inherit;
     119                }
     120        </style>
     121
     122        <nav class="TopImageNavigation">
     123                <a id="population" ibis:href="topic/population/Introduction.html" class="Container">
     124                        <span class="Overlay">Population <br/>Characteristics
     125                        </span>
     126                </a>
     127                <a id="healthcare" ibis:href="topic/healthcare/Introduction.html" class="Container">
     128                        <span class="Overlay">Health Care <br/>Services
     129                        </span>
     130                </a>
     131                <a id="lifestyle" ibis:href="topic/lifestyle/Introduction.html" class="Container">
     132                        <span class="Overlay">Lifestyle and <br/>Risk Factors
     133                        </span>
     134                </a>
     135                <a id="healthstatus" ibis:href="topic/healthstatus/Introduction.html" class="Container">
     136                        <span class="Overlay">Health <br/>Status
     137                        </span>
     138                </a>
     139        </nav>
     140
     141</CONTENT>

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

    r19812 r19820  
    44
    55        <TITLE>Health Care Services Topic Pages</TITLE>
    6         <HTML_CLASS>Topic</HTML_CLASS>
     6        <HTML_CLASS>TopicHealthCare</HTML_CLASS>
    77
    88        <OTHER_HEAD_CONTENT>
    … …  
    1010
    1111        <CONTENT>
     12
     13                <ibis:include href="../_introduction.xml" children-only-flag="true"/>
    1214
    1315                <h2>About Health Care</h2>
    … …  
    3032                <h2>How to find Data and Information on this Site</h2>
    3133                <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.
     34                        The "Topics" section has a page that contains information for each topic.
     35                        Along with this information are links to the associated Indicator
     36                        Reports and Dataset Queries. The Indicator Reports provide graphs, maps,
     37                        public health context, and data tables.  Many of the topic areas have
     38                        queryable datasets that you can use to create your own tables, charts, and maps. 
     39                        These data query results pages will also have dataset details, including data
     40                        sources and tips on how data can or cannot be used.
    3941                </p>
    40 
    41 
    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 {
    63 vertical-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>
    9342
    9443                <div class="Container">
    9544                        <nav>
    96                                 <h3>Access to Care</h3>
    9745                                <ul class="TextIconBlocks">
    9846                                        <li><a ibis:href="topic/healthcare/access/availability/Detail.html">

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

    r19812 r19820  
    33<HTML_CONTENT xmlns:ibis="http://www.ibisph.org">
    44
    5         <TITLE>Health Outcomes Topic Pages</TITLE>
    6         <HTML_CLASS>Topic</HTML_CLASS>
     5        <TITLE>Health Status Topic Pages</TITLE>
     6        <HTML_CLASS>TopicHealthStatus</HTML_CLASS>
    77
    88        <OTHER_HEAD_CONTENT>
    … …  
    1111        <CONTENT>
    1212
    13 <style>
    14 .TopImageNavigation
    15 {
    16         width: 100%;
    17 }
     13                <ibis:include href="../_introduction.xml" children-only-flag="true"/>
    1814
    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>
     15                <h2>About Health Status</h2>
    11316                <p>
    11417                The World Health Organization defines health as, "a state of complete physical,

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

    r19812 r19820  
    44
    55        <TITLE>Population Characteristics Topic Pages</TITLE>
    6         <HTML_CLASS>Topic</HTML_CLASS>
     6        <HTML_CLASS>TopicPopulation</HTML_CLASS>
    77
    88        <OTHER_HEAD_CONTENT>
    … …  
    1010
    1111        <CONTENT>
     12
     13                <ibis:include href="../_introduction.xml" children-only-flag="true"/>
    1214
    1315                <h2>About Population Characteristics</h2>
    … …  
    2325                </p>
    2426
    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>
    78 
    79 
    8027                <div class="Container TextIconBlocks">
    8128                        <nav>
    … …  
    8330                                        <li>
    8431                                                <a ibis:href="topic/population/demographic/characteristics/Detail.html">
    85                                                         <img ibis:src="image/icon/topic/white/PieChart.png" alt="PieChart icon" title="Go to Demographic Characteristics Topic Page"/>
     32                                                        <img ibis:src="image/icon/topic/white/characteristics.png" alt="Pie Chart icon" title="Go to Demographic Characteristics Topic Page"/>
    8633                                                        Demographic Characteristics
    8734                                                </a>

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

    r19809 r19820  
    1414
    1515        <SELECTIONS>
    16                 <SELECTION>
     16
     17                <SELECTION> <!-- Each selection at this level creates a column -->
    1718                        <CONTENT>
    18                                 <h3 class="TextAlignCenter">Health Status</h3>
     19                                <h3 class="TextAlignCenter">Population Characteristics</h3>
    1920                                <ul class="TextIconBlocks">
    20                                         <li><a ibis:href="topic/healthstatus/cancer/Detail.html">
    21                                                 <img ibis:src="image/icon/topic/white/Ribbon.png" alt="Ribbon icon" title="Go to Cancer Topic Page"/>
    22                                                 Cancer Incidence and Deaths
     21                                        <li><a ibis:href="topic/population/demographic/characteristics/Detail.html">
     22                                                <img ibis:src="image/icon/topic/white/characteristics.png" alt="pie chart icon" title="Go to Demographic Characteristics Topic Page"/>
     23                                                Demographic Characteristics
    2324                                        </a></li>
    24                                         <li><a ibis:href="topic/healthstatus/disease/chronic/Detail.html">
    25                                                 <img ibis:src="image/icon/topic/white/Pain.png" alt="Pain/Chronic Disease icon" title="Go to Chronic Disease Topic Page"/>
    26                                                 Chronic Diseases and Conditions
     25                                        <li><a ibis:href="topic/population/socialdeterminant/economic/Detail.html">
     26                                                <img ibis:src="image/icon/topic/white/economic.png" alt="income icon" title="Go to Income and Poverty Topic Page"/>
     27                                                Economic Stability
    2728                                        </a></li>
    28                                         <li><a ibis:href="topic/healthstatus/disease/infectious/Detail.html">
    29                                                 <img ibis:src="image/icon/topic/white/Coughing.png" alt="Infectious Disease icon" title="Go to Infectious Disease Topic Page"/>
    30                                                 Infectious Diseases
     29                                        <li><a ibis:href="topic/population/socialdeterminant/education/Detail.html">
     30                                                <img ibis:src="image/icon/topic/white/education.png" alt="education icon" title="Go to Education Topic Page"/>
     31                                                Education
    3132                                        </a></li>
    32                                         <li><a ibis:href="topic/healthstatus/injury/Detail.html">
    33                                                 <img ibis:src="image/icon/topic/white/Bandaid.png" alt="Bandaid icon" title="Go to Injury and Violence Topic Page"/>
    34                                                 Injury and<br/>Violence
     33                                        <li><a ibis:href="topic/population/socialdeterminant/neighborhood/Detail.html">
     34                                                <img ibis:src="image/icon/topic/white/neighborhood.png" alt="Neighborhood and Built Environment icon" title="Go to Neighborhood and Built Environment Topic Page"/>
     35                                                Neighborhood and Built Environment
    3536                                        </a></li>
    36                                         <li><a ibis:href="topic/healthstatus/death/Detail.html">
    37                                                 <img ibis:src="image/icon/topic/white/Headstone.png" alt="Headstone icon" title="Go to Leading Causes of Death Topic Page"/>
    38                                                 Leading Causes of Death
    39                                         </a></li>
    40                                         <li><a ibis:href="topic/healthstatus/mental/Detail.html">
    41                                                 <img ibis:src="image/icon/topic/white/YinYang.png" alt="YinYang icon" title="Go to Mental Health Topic Page"/>
    42                                                 Mental Health
    43                                         </a></li>
    44                                         <li><a ibis:href="topic/healthstatus/mch/Detail.html">
    45                                                 <img ibis:src="image/icon/topic/white/Pram.png" alt="Pram icon" title="Go to Mothers and Infants Topic Page"/>
    46                                                 Mothers and Infants
    47                                         </a></li>
    48                                         <li><a ibis:href="topic/healthstatus/substance/Detail.html">
    49                                                 <img ibis:src="image/icon/topic/white/Pills.png" alt="Pills icon" title="Go to Substance Abuse Topic Page"/>
    50                                                 Substance Use
    51                                         </a></li>
    52                                         <li><a ibis:href="topic/healthstatus/measures/Detail.html">
    53                                                 <img ibis:src="image/icon/topic/white/FeelGood.png" alt="Feel Good icon" title="Go to Summary Measures of Health Status Topic Page"/>
    54                                                 Summary<br/>Measures of<br/>Health Status
     37                                        <li><a ibis:href="topic/population/socialdeterminant/community/Detail.html">
     38                                                <img ibis:src="image/icon/topic/white/community.png" alt="Communityand Social Context icon" title="Go to Social and Community Context Topic Page"/>
     39                                                Social and Community Context
    5540                                        </a></li>
    5641                                </ul>
    … …  
    6045                <SELECTION>
    6146                        <CONTENT>
    62                                 <h3 class="TextAlignCenter">Health Care</h3>
     47                                <h3 class="TextAlignCenter">Health Care Services</h3>
    6348                                <ul class="TextIconBlocks">
    6449                                        <li><a ibis:href="topic/healthcare/access/availability/Detail.html">
    65                                                 <img ibis:src="image/icon/topic/white/Hospital.png" alt="Hospital icon" title="Go to Health Care Availability Topic Page"/>
     50                                                <img ibis:src="image/icon/topic/white/availability.png" alt="Hospital icon" title="Go to Health Care Availability Topic Page"/>
    6651                                                Health Care Availability
    6752                                        </a></li>
    6853                                        <li><a ibis:href="topic/healthcare/utilization/screening/cancer/Detail.html">
    69                                                 <img ibis:src="image/icon/topic/white/Ribbon.png" alt="Ribbon icon" title="Go to Cancer Screening Topic Page"/>
     54                                                <img ibis:src="image/icon/topic/white/cancer_screening.png" alt="Ribbon icon" title="Go to Cancer Screening Topic Page"/>
    7055                                                Cancer Screening
    7156                                        </a></li>
    7257                                        <li><a ibis:href="topic/healthcare/utilization/screening/cardiovascular/Detail.html">
    73                                                 <img ibis:src="image/icon/topic/white/Cardio.png" alt="Cardio icon" title="Go to Cardiovascula Screening Topic Page"/>
     58                                                <img ibis:src="image/icon/topic/white/cardiovascular_screening.png" alt="Cardio icon" title="Go to Cardiovascula Screening Topic Page"/>
    7459                                                Cardiovascular Screening
    7560                                        </a></li>
    7661                                        <li><a ibis:href="topic/healthcare/utilization/immunization/Detail.html">
    77                                                 <img ibis:src="image/icon/topic/white/Shot.png" alt="Shot icon" title="Go to Immunization Topic Page"/>
     62                                                <img ibis:src="image/icon/topic/white/immunization.png" alt="Shot icon" title="Go to Immunization Topic Page"/>
    7863                                                Immunization
    7964                                        </a></li>
    8065                                        <li><a ibis:href="topic/healthcare/utilization/oral/Detail.html">
    81                                                 <img ibis:src="image/icon/topic/white/Tooth.png" alt="Tooth icon" title="Go to Oral Health Topic Page"/>
     66                                                <img ibis:src="image/icon/topic/white/oral.png" alt="Tooth icon" title="Go to Oral Health Topic Page"/>
    8267                                                Oral Health
    8368                                        </a></li>
    8469                                        <li><a ibis:href="topic/healthcare/utilization/other/Detail.html">
    85                                                 <img ibis:src="image/icon/topic/white/OtherPreventive.png" alt="Other Preventive Care icon" title="Go to Other Preventive Care Topic Page"/>
     70                                                <img ibis:src="image/icon/topic/white/other.png" alt="Other Preventive Care icon" title="Go to Other Preventive Care Topic Page"/>
    8671                                                Other Preventive Care
    8772                                        </a></li>
    … …  
    9277                <SELECTION>
    9378                        <CONTENT>
    94                                 <h3 class="TextAlignCenter"> Lifestyle</h3>
     79                                <h3 class="TextAlignCenter">Lifestyle and Risk Factors</h3>
    9580                                <ul class="TextIconBlocks">
    9681                                        <li><a ibis:href="topic/lifestyle/behavior/alcohol/Detail.html">
    97                                                 <img ibis:src="image/icon/topic/white/Martini.png" alt="Martini icon" title="Go to Alcohol Topic Page"/>
     82                                                <img ibis:src="image/icon/topic/white/alcohol.png" alt="Martini icon" title="Go to Alcohol Topic Page"/>
    9883                                                Alcohol
    9984                                        </a></li>
    10085                                        <li><a ibis:href="topic/lifestyle/behavior/injury/Detail.html">
    101                                                 <img ibis:src="image/icon/topic/white/Seatbelt.png" alt="Seatbelt icon" title="Go to Injury Prevention Topic Page"/>
     86                                                <img ibis:src="image/icon/topic/white/injury.png" alt="Seatbelt icon" title="Go to Injury Prevention Topic Page"/>
    10287                                                Injury Prevention
    10388                                        </a></li>
    10489                                        <li><a ibis:href="topic/lifestyle/behavior/nutrition/Detail.html">
    105                                                 <img ibis:src="image/icon/topic/white/ForkAppleKnife.png" alt="ForkAppleKnife icon" title="Go to Nutrition Topic Page"/>
     90                                                <img ibis:src="image/icon/topic/white/nutrition.png" alt="ForkAppleKnife icon" title="Go to Nutrition Topic Page"/>
    10691                                                Nutrition
    10792                                        </a></li>
    10893                                        <li><a ibis:href="topic/lifestyle/behavior/activity/Detail.html">
    109                                                 <img ibis:src="image/icon/topic/white/Treadmill.png" alt="Treadmill icon" title="Go to Physical Activity Topic Page"/>
     94                                                <img ibis:src="image/icon/topic/white/activity.png" alt="Treadmill icon" title="Go to Physical Activity Topic Page"/>
    11095                                                Physical Activity
    11196                                        </a></li>
    11297                                        <li><a ibis:href="topic/lifestyle/environment/physical/Detail.html">
    113                                                 <img ibis:src="image/icon/topic/white/Earth.png" alt="Tree icon" title="Go to Physical Environment Topic Page"/>
     98                                                <img ibis:src="image/icon/topic/white/physical.png" alt="Earth icon" title="Go to Physical Environment Topic Page"/>
    11499                                                Physical Environment
    115100                                        </a></li>
    116101                                        <li><a ibis:href="topic/lifestyle/behavior/tobacco/Detail.html">
    117                                                 <img ibis:src="image/icon/topic/white/NoSmoking.png" alt="Tobacco icon" title="Go to NoSmoking Topic Page"/>
     102                                                <img ibis:src="image/icon/topic/white/tobacco.png" alt="Tobacco icon" title="Go to NoSmoking Topic Page"/>
    118103                                                Tobacco
    119104                                        </a></li>
    120105                                        <li><a ibis:href="topic/lifestyle/behavior/weight/Detail.html">
    121                                                 <img ibis:src="image/icon/topic/white/WeightScale.png" alt="WeightScale icon" title="Go to Weight Status Topic Page"/>
     106                                                <img ibis:src="image/icon/topic/white/weight.png" alt="WeightScale icon" title="Go to Weight Status Topic Page"/>
    122107                                                Weight Status
    123108                                        </a></li>
    … …  
    126111                </SELECTION>
    127112
    128                 <SELECTION> <!-- Each selection at this level creates a column -->
     113                <SELECTION>
    129114                        <CONTENT>
    130                                 <h3 class="TextAlignCenter">Population</h3>
     115                                <h3 class="TextAlignCenter">Health Status</h3>
    131116                                <ul class="TextIconBlocks">
    132                                         <li><a ibis:href="topic/population/demographic/characteristics/Detail.html">
    133                                                 <img ibis:src="image/icon/topic/white/PieChart.png" alt="PieChart icon" title="Go to Demographic Characteristics Topic Page"/>
    134                                                 Demographic Characteristics
     117                                        <li><a ibis:href="topic/healthstatus/cancer/Detail.html">
     118                                                <img ibis:src="image/icon/topic/white/cancer.png" alt="Ribbon icon" title="Go to Cancer Topic Page"/>
     119                                                Cancer Incidence and Deaths
    135120                                        </a></li>
    136                                         <li><a ibis:href="topic/population/socialdeterminant/economic/Detail.html">
    137                                                 <img ibis:src="image/icon/topic/white/PiggyBank.png" alt="income icon" title="Go to Income and Poverty Topic Page"/>
    138                                                 Economic Stability
     121                                        <li><a ibis:href="topic/healthstatus/disease/chronic/Detail.html">
     122                                                <img ibis:src="image/icon/topic/white/chronic.png" alt="Pain/Chronic Disease icon" title="Go to Chronic Disease Topic Page"/>
     123                                                Chronic Diseases and Conditions
    139124                                        </a></li>
    140                                         <li><a ibis:href="topic/population/socialdeterminant/education/Detail.html">
    141                                                 <img ibis:src="image/icon/topic/white/Mortarboard.png" alt="education icon" title="Go to Education Topic Page"/>
    142                                                 Education
     125                                        <li><a ibis:href="topic/healthstatus/disease/infectious/Detail.html">
     126                                                <img ibis:src="image/icon/topic/white/infectious.png" alt="Infectious Disease icon" title="Go to Infectious Disease Topic Page"/>
     127                                                Infectious Diseases
    143128                                        </a></li>
    144                                         <li><a ibis:href="topic/population/socialdeterminant/neighborhood/Detail.html">
    145                                                 <img ibis:src="image/icon/topic/white/NeighborhoodEnv.png" alt="Neighborhood and Built Environment icon" title="Go to Neighborhood and Built Environment Topic Page"/>
    146                                                 Neighborhood and Built Environment
     129                                        <li><a ibis:href="topic/healthstatus/injury/Detail.html">
     130                                                <img ibis:src="image/icon/topic/white/injury_violence.png" alt="Bandaid icon" title="Go to Injury and Violence Topic Page"/>
     131                                                Injury and<br/>Violence
    147132                                        </a></li>
    148                                         <li><a ibis:href="topic/population/socialdeterminant/community/Detail.html">
    149                                                 <img ibis:src="image/icon/topic/white/SocialCommunity.png" alt="Communityand Social Context icon" title="Go to Social and Community Context Topic Page"/>
    150                                                 Social and Community Context
     133                                        <li><a ibis:href="topic/healthstatus/death/Detail.html">
     134                                                <img ibis:src="image/icon/topic/white/death.png" alt="Headstone icon" title="Go to Leading Causes of Death Topic Page"/>
     135                                                Leading Causes of Death
     136                                        </a></li>
     137                                        <li><a ibis:href="topic/healthstatus/mental/Detail.html">
     138                                                <img ibis:src="image/icon/topic/white/mental.png" alt="YinYang icon" title="Go to Mental Health Topic Page"/>
     139                                                Mental Health
     140                                        </a></li>
     141                                        <li><a ibis:href="topic/healthstatus/mch/Detail.html">
     142                                                <img ibis:src="image/icon/topic/white/mch.png" alt="Pram icon" title="Go to Mothers and Infants Topic Page"/>
     143                                                Mothers and Infants
     144                                        </a></li>
     145                                        <li><a ibis:href="topic/healthstatus/substance/Detail.html">
     146                                                <img ibis:src="image/icon/topic/white/substance.png" alt="Pills icon" title="Go to Substance Abuse Topic Page"/>
     147                                                Substance Use
     148                                        </a></li>
     149                                        <li><a ibis:href="topic/healthstatus/measures/Detail.html">
     150                                                <img ibis:src="image/icon/topic/white/measures.png" alt="Feel Good icon" title="Go to Summary Measures of Health Status Topic Page"/>
     151                                                Summary<br/>Measures of<br/>Health Status
    151152                                        </a></li>
    152153                                </ul>
    … …  
    158159                                <h5 class="TextAlignCenter">About Health Topics</h5>
    159160                                <div class="Introduction">
    160                                         Health Topics are powerful tools for monitoring and communicating critical
    161                                         information about population health. They are useful to support planning, identifying
    162                                         priorities or targeting resources, and for tracking progress towards broad community
    163                                         objectives.  They help to engage partners into civic and collaborative action by helping
    164                                         to build awareness of problems and trends. In addition they help inform policy and
    165                                         policy makers and can be used to promote accountability among governmental and
    166                                         non-governmental agencies.
     161                                        As the model below suggests, health factors are the conditions that
     162                                        lead to health outcomes. Some health factors, such as race and age,
     163                                        cannot be modified but are included in the model because they play
     164                                        a role in individual and population health outcomes. Many health
     165                                        factors, on the other hand, can be modified. One of the roles of
     166                                        public health practitioners is to work with individuals and communities
     167                                        to improve modifiable health factors so that health outcomes will improve.
    167168                                </div>
    168169                                <div class="IntroductionVideo FontIcon">
    169170                                        <img ibis:src="view/image/navigation/topic.png" onclick="javascript:showVideo('view/video/topic/Introduction.mp4', 'Introduction to Health Topics')"/>
    170                                         <div class="Overlay">
     171                                        <div class="Overlay" style="bottom: -20px">
    171172                                                View quick introduction video that describes
    172173                                                what Health Topics provide.

  • trunk/ibisph-view/src/main/webapp/WEB-INF/config/spring/SiteSpecific.xml

    r19781 r19820  
    127127                                <entry key="/indicator/index/Table.html"         value-ref="indicatorTableIndexController"/>
    128128                                <entry key="/indicator/index/Categorized.html"   value-ref="indicatorCategorizedIndexController"/>
    129 
     129<!--
    130130                                <entry key="/indicator/default/*.html"       value-ref="indicatorDefaultViewController"/>
     131-->
    131132                                <entry key="/indicator/summary/*.html"       value-ref="indicatorSummaryViewController"/>
    132133                                <entry key="/indicator/view/*.html"          value-ref="indicatorViewController"/>

  • trunk/ibisph-view/src/main/webapp/WEB-INF/config/spring/indicator.xml

    r19781 r19820  
    223223                <property name="view" ref="indicatorCompleteView"/>
    224224        </bean>
    225 
     225<!--
    226226        <bean id="indicatorDefaultViewController" parent="indicatorProfileControllerProperties">
    227227                <property name="view" ref="indicatorDefaultView"/>
    228228        </bean>
    229 
     229-->
    230230
    231231        <bean id="indicatorPreviewController" parent="commonModelMapListController">
    … …  
    308308                <property name="XSLTPathAndFilename" value="html/indicator/profile/complete_profile/CompleteProfilePage.xslt"/>
    309309        </bean>
    310 
     310<!--
    311311        <bean id="indicatorDefaultView" parent="commonXSLTTransformationView">
    312312                <property name="XSLTPathAndFilename" value="html/indicator/profile/default/DefaultPage.xslt"/>
    313313        </bean>
     314-->
    314315        <bean id="indicatorViewView" parent="commonXSLTTransformationView">
    315316                <property name="XSLTPathAndFilename" value="html/indicator/profile/view/ViewPage.xslt"/>

  • trunk/ibisph-view/src/main/webapp/css/HorizontalMenu.css

    r19798 r19820  
    4848ul.HorizontalMenu > li.On
    4949{
    50         background-color:       #a31f32; /* light blue: abc4ea, translucent ibis blue: 33669915 red: #a31f32 */
     50        background-color:       #9c1d22; /* light blue: abc4ea, translucent ibis blue: 33669915 red: #a31f32 */
    5151        color:                          #d8d8d8;
    5252}

  • trunk/ibisph-view/src/main/webapp/css/MegaMenu.css

    r19798 r19820  
    182182        padding:                        0px 3px 5px 5px;
    183183}
    184 nav .MegaMenu .Body .Block ul li > a
     184nav .MegaMenu .Body .Block ul li a
    185185{
    186186        padding:                        6px 3px 5px 6px;
    … …  
    353353
    354354
     355nav .MegaMenu .Body .Block ul li .Introduction a
     356{
     357    border:                     1px solid #ccc;
     358}
     359
    355360
    356361

  • trunk/ibisph-view/src/main/webapp/css/_layout-header.css

    r19798 r19820  
    9797{
    9898        position:                       absolute;
    99         top:                            5px;
     99        top:                            0;
    100100        left:                           0;
    101101        height:                         120px;
    102 border-left:            10px solid white;
    103102        z-index:                        2;
    104103}
    … …  
    107106{
    108107        position:                       relative;
    109         padding:                        36px 0px 16px 90px;
     108        padding:                        34px 0px 16px 105px;
    110109        color:                          #003366;
    111         line-height:            32px;
     110        line-height:            30px;
    112111        font-size:                      32px;
    113112        font-weight:            normal;
    … …  
    140139#siteNavigationMenu
    141140{
    142         padding-left:           200px;
     141        padding-left:           235px;
    143142}
    144143
    … …  
    160159#siteNavigationMenu #homeMenu a
    161160{
     161/* icon
    162162        margin-top:                     -2px;
    163163        padding:                        2px 0 2px 0;
    … …  
    168168        speak:                          none;
    169169        vertical-align:         top;
    170 }
    171 
    172 
    173 
     170
     171    margin-right: 5px;
     172font:
     173*/
     174    padding: 3px 4px 2px 5px;
     175    font-family: "WebComponentsIcons";
     176    font-size: 24px;
     177    text-decoration: none;
     178    speak: none;
     179    vertical-align: top;
     180    border: 1px solid #6699aa;
     181}
    174182
    175183#siteNavigationMenu .MegaMenu .Block .IntroductionVideo

  • trunk/ibisph-view/src/main/webapp/css/_layout.css

    r19798 r19820  
    159159        display:                        block;
    160160        width:                          100%;
    161         margin-top:                     0;
     161        margin:                         0 0 2em 0;
    162162}
    163163.Topic #content figure img
    164164{
    165         display:                        inline-block;
    166         width:                          100%;
    167         max-width:                      50%;
     165        display:                        block;
     166        width:                          100%;
     167    max-width:                  100%;
     168max-height: 300px;
    168169}
    169170.Topic #content figure figcaption
    170171{
     172        display: block;
     173        width: 100%;
    171174        background-color:       #eee;
    172175        padding:                        1em 1rem;
     176/*
    173177        display:                        inline-block;
    174178        max-width:                      45%;
    175         float:                          right;
    176 }
    177 
    178 
     179        float:                          none;
     180float: right;
     181*/
     182}
    179183
    180184#content #contentSections section
    … …  
    234238{
    235239        position:                       relative;       /* needed for menu to be able get local relative position info */
    236         margin:                         0rem 1rem 0 2rem;
     240        margin:                         0 0rem 0 2rem;
    237241        vertical-align:         top;
    238242}
Note: See TracChangeset for help on using the changeset viewer.