Changeset 19820 in main
- Timestamp:
- 02/11/20 00:42:27 (3 years ago)
- 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 46 46 </script> 47 47 <style> 48 48 49 .slick-slider 49 50 { … … 327 328 </div> 328 329 < ![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 329 377 330 378 <div class="NewsSlideshowContainer"> -
trunk/ibisph-view/src/content/xml/html_content/topic/_introduction.xml
r19819 r19820 1 1 <?xml version="1.0" encoding="ISO-8859-1"?> 2 2 3 < HTML_CONTENTxmlns:ibis="http://www.ibisph.org">3 <CONTENT xmlns:ibis="http://www.ibisph.org"> 4 4 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 } 7 10 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 } 33 22 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 4 4 5 5 <TITLE>Health Care Services Topic Pages</TITLE> 6 <HTML_CLASS>Topic </HTML_CLASS>6 <HTML_CLASS>TopicHealthCare</HTML_CLASS> 7 7 8 8 <OTHER_HEAD_CONTENT> … … 10 10 11 11 <CONTENT> 12 13 <ibis:include href="../_introduction.xml" children-only-flag="true"/> 12 14 13 15 <h2>About Health Care</h2> … … 30 32 <h2>How to find Data and Information on this Site</h2> 31 33 <p> 32 The "Topics" section has a page that contains information for each topic.33 Along with this information are links to the associated Indicator34 Reports and Dataset Queries. The Indicator Reports provide graphs, maps,35 public health context, and data tables. Many of the topic areas have36 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 data38 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. 39 41 </p> 40 41 42 43 <style>44 .TextIconBlocks45 {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 h357 {58 text-align: center;59 }60 61 .TextIconBlocks li62 {63 vertical-align: top;64 display: inline-block;65 padding: 1px;66 }67 .TextIconBlocks li > a68 {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:hover80 {81 background-color: var(--background-color-hover);82 color: var(--color-hover);83 }84 .TextIconBlocks li a img85 {86 display: block;87 height: 32px;88 margin: 0 auto 5px auto;89 background-color: inherit;90 }91 92 </style>93 42 94 43 <div class="Container"> 95 44 <nav> 96 <h3>Access to Care</h3>97 45 <ul class="TextIconBlocks"> 98 46 <li><a ibis:href="topic/healthcare/access/availability/Detail.html"> -
trunk/ibisph-view/src/content/xml/html_content/topic/healthstatus/Introduction.xml
r19812 r19820 3 3 <HTML_CONTENT xmlns:ibis="http://www.ibisph.org"> 4 4 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> 7 7 8 8 <OTHER_HEAD_CONTENT> … … 11 11 <CONTENT> 12 12 13 <style> 14 .TopImageNavigation 15 { 16 width: 100%; 17 } 13 <ibis:include href="../_introduction.xml" children-only-flag="true"/> 18 14 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> 113 16 <p> 114 17 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 4 4 5 5 <TITLE>Population Characteristics Topic Pages</TITLE> 6 <HTML_CLASS>Topic </HTML_CLASS>6 <HTML_CLASS>TopicPopulation</HTML_CLASS> 7 7 8 8 <OTHER_HEAD_CONTENT> … … 10 10 11 11 <CONTENT> 12 13 <ibis:include href="../_introduction.xml" children-only-flag="true"/> 12 14 13 15 <h2>About Population Characteristics</h2> … … 23 25 </p> 24 26 25 <style>26 .TextIconBlocks27 {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 li38 {39 vertical-align: top;40 display: block;41 padding: 1px;42 }43 .TextIconBlocks li > a44 {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:hover56 {57 background-color: var(--background-color-hover);58 color: var(--color-hover);59 }60 .TextIconBlocks li a img61 {62 display: block;63 height: 32px;64 margin: 0 auto 5px auto;65 background-color: inherit;66 }67 68 .TextIconBlocks li > p69 {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 80 27 <div class="Container TextIconBlocks"> 81 28 <nav> … … 83 30 <li> 84 31 <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"/> 86 33 Demographic Characteristics 87 34 </a> -
trunk/ibisph-view/src/content/xml/selection/navigation/TopicSelection.xml
r19809 r19820 14 14 15 15 <SELECTIONS> 16 <SELECTION> 16 17 <SELECTION> <!-- Each selection at this level creates a column --> 17 18 <CONTENT> 18 <h3 class="TextAlignCenter"> Health Status</h3>19 <h3 class="TextAlignCenter">Population Characteristics</h3> 19 20 <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 CancerTopic Page"/>22 Cancer Incidence and Deaths21 <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 23 24 </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 DiseaseTopic Page"/>26 Chronic Diseases and Conditions25 <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 27 28 </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 DiseaseTopic Page"/>30 Infectious Diseases29 <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 31 32 </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 ViolenceTopic Page"/>34 Injury and<br/>Violence33 <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 35 36 </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 55 40 </a></li> 56 41 </ul> … … 60 45 <SELECTION> 61 46 <CONTENT> 62 <h3 class="TextAlignCenter">Health Care </h3>47 <h3 class="TextAlignCenter">Health Care Services</h3> 63 48 <ul class="TextIconBlocks"> 64 49 <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"/> 66 51 Health Care Availability 67 52 </a></li> 68 53 <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"/> 70 55 Cancer Screening 71 56 </a></li> 72 57 <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"/> 74 59 Cardiovascular Screening 75 60 </a></li> 76 61 <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"/> 78 63 Immunization 79 64 </a></li> 80 65 <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"/> 82 67 Oral Health 83 68 </a></li> 84 69 <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"/> 86 71 Other Preventive Care 87 72 </a></li> … … 92 77 <SELECTION> 93 78 <CONTENT> 94 <h3 class="TextAlignCenter"> Lifestyle</h3>79 <h3 class="TextAlignCenter">Lifestyle and Risk Factors</h3> 95 80 <ul class="TextIconBlocks"> 96 81 <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"/> 98 83 Alcohol 99 84 </a></li> 100 85 <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"/> 102 87 Injury Prevention 103 88 </a></li> 104 89 <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"/> 106 91 Nutrition 107 92 </a></li> 108 93 <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"/> 110 95 Physical Activity 111 96 </a></li> 112 97 <li><a ibis:href="topic/lifestyle/environment/physical/Detail.html"> 113 <img ibis:src="image/icon/topic/white/ Earth.png" alt="Treeicon" 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"/> 114 99 Physical Environment 115 100 </a></li> 116 101 <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"/> 118 103 Tobacco 119 104 </a></li> 120 105 <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"/> 122 107 Weight Status 123 108 </a></li> … … 126 111 </SELECTION> 127 112 128 <SELECTION> <!-- Each selection at this level creates a column -->113 <SELECTION> 129 114 <CONTENT> 130 <h3 class="TextAlignCenter"> Population</h3>115 <h3 class="TextAlignCenter">Health Status</h3> 131 116 <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 CharacteristicsTopic Page"/>134 Demographic Characteristics117 <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 135 120 </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 PovertyTopic Page"/>138 Economic Stability121 <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 139 124 </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 EducationTopic Page"/>142 Education125 <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 143 128 </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 EnvironmentTopic Page"/>146 Neighborhood and Built Environment129 <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 147 132 </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 151 152 </a></li> 152 153 </ul> … … 158 159 <h5 class="TextAlignCenter">About Health Topics</h5> 159 160 <div class="Introduction"> 160 Health Topics are powerful tools for monitoring and communicating critical161 information about population health. They are useful to support planning, identifying162 priorities or targeting resources, and for tracking progress towards broad community163 objectives. They help to engage partners into civic and collaborative action by helping164 to build awareness of problems and trends. In addition they help inform policy and165 p olicy makers and can be used to promote accountability among governmental and166 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. 167 168 </div> 168 169 <div class="IntroductionVideo FontIcon"> 169 170 <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"> 171 172 View quick introduction video that describes 172 173 what Health Topics provide. -
trunk/ibisph-view/src/main/webapp/WEB-INF/config/spring/SiteSpecific.xml
r19781 r19820 127 127 <entry key="/indicator/index/Table.html" value-ref="indicatorTableIndexController"/> 128 128 <entry key="/indicator/index/Categorized.html" value-ref="indicatorCategorizedIndexController"/> 129 129 <!-- 130 130 <entry key="/indicator/default/*.html" value-ref="indicatorDefaultViewController"/> 131 --> 131 132 <entry key="/indicator/summary/*.html" value-ref="indicatorSummaryViewController"/> 132 133 <entry key="/indicator/view/*.html" value-ref="indicatorViewController"/> -
trunk/ibisph-view/src/main/webapp/WEB-INF/config/spring/indicator.xml
r19781 r19820 223 223 <property name="view" ref="indicatorCompleteView"/> 224 224 </bean> 225 225 <!-- 226 226 <bean id="indicatorDefaultViewController" parent="indicatorProfileControllerProperties"> 227 227 <property name="view" ref="indicatorDefaultView"/> 228 228 </bean> 229 229 --> 230 230 231 231 <bean id="indicatorPreviewController" parent="commonModelMapListController"> … … 308 308 <property name="XSLTPathAndFilename" value="html/indicator/profile/complete_profile/CompleteProfilePage.xslt"/> 309 309 </bean> 310 310 <!-- 311 311 <bean id="indicatorDefaultView" parent="commonXSLTTransformationView"> 312 312 <property name="XSLTPathAndFilename" value="html/indicator/profile/default/DefaultPage.xslt"/> 313 313 </bean> 314 --> 314 315 <bean id="indicatorViewView" parent="commonXSLTTransformationView"> 315 316 <property name="XSLTPathAndFilename" value="html/indicator/profile/view/ViewPage.xslt"/> -
trunk/ibisph-view/src/main/webapp/css/HorizontalMenu.css
r19798 r19820 48 48 ul.HorizontalMenu > li.On 49 49 { 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 */ 51 51 color: #d8d8d8; 52 52 } -
trunk/ibisph-view/src/main/webapp/css/MegaMenu.css
r19798 r19820 182 182 padding: 0px 3px 5px 5px; 183 183 } 184 nav .MegaMenu .Body .Block ul li >a184 nav .MegaMenu .Body .Block ul li a 185 185 { 186 186 padding: 6px 3px 5px 6px; … … 353 353 354 354 355 nav .MegaMenu .Body .Block ul li .Introduction a 356 { 357 border: 1px solid #ccc; 358 } 359 355 360 356 361 -
trunk/ibisph-view/src/main/webapp/css/_layout-header.css
r19798 r19820 97 97 { 98 98 position: absolute; 99 top: 5px;99 top: 0; 100 100 left: 0; 101 101 height: 120px; 102 border-left: 10px solid white;103 102 z-index: 2; 104 103 } … … 107 106 { 108 107 position: relative; 109 padding: 3 6px 0px 16px 90px;108 padding: 34px 0px 16px 105px; 110 109 color: #003366; 111 line-height: 3 2px;110 line-height: 30px; 112 111 font-size: 32px; 113 112 font-weight: normal; … … 140 139 #siteNavigationMenu 141 140 { 142 padding-left: 2 00px;141 padding-left: 235px; 143 142 } 144 143 … … 160 159 #siteNavigationMenu #homeMenu a 161 160 { 161 /* icon 162 162 margin-top: -2px; 163 163 padding: 2px 0 2px 0; … … 168 168 speak: none; 169 169 vertical-align: top; 170 } 171 172 173 170 171 margin-right: 5px; 172 font: 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 } 174 182 175 183 #siteNavigationMenu .MegaMenu .Block .IntroductionVideo -
trunk/ibisph-view/src/main/webapp/css/_layout.css
r19798 r19820 159 159 display: block; 160 160 width: 100%; 161 margin -top:0;161 margin: 0 0 2em 0; 162 162 } 163 163 .Topic #content figure img 164 164 { 165 display: inline-block; 166 width: 100%; 167 max-width: 50%; 165 display: block; 166 width: 100%; 167 max-width: 100%; 168 max-height: 300px; 168 169 } 169 170 .Topic #content figure figcaption 170 171 { 172 display: block; 173 width: 100%; 171 174 background-color: #eee; 172 175 padding: 1em 1rem; 176 /* 173 177 display: inline-block; 174 178 max-width: 45%; 175 float: right;176 } 177 178 179 float: none; 180 float: right; 181 */ 182 } 179 183 180 184 #content #contentSections section … … 234 238 { 235 239 position: relative; /* needed for menu to be able get local relative position info */ 236 margin: 0 rem 1rem 0 2rem;240 margin: 0 0rem 0 2rem; 237 241 vertical-align: top; 238 242 }
Note: See TracChangeset
for help on using the changeset viewer.