Changeset 19812 in main


Ignore:
Timestamp:
02/10/20 16:07:58 (7 weeks ago)
Author:
GarthBraithwaite_STG
Message:

view content - temp commit before changing topic dir names #2.

Location:
trunk/ibisph-view/src/content/xml/html_content/topic
Files:
4 edited

Legend:

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

    r19809 r19812  
    9797                                <ul class="TextIconBlocks">
    9898                                        <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"/>
     99                                                <img ibis:src="image/icon/topic/white/availability.png" alt="Hospital icon" title="Go to Health Care Availability Topic Page"/>
    100100                                                Health Care Availability
    101101                                        </a></li>
    102102                                        <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"/>
     103                                                <img ibis:src="image/icon/topic/white/insurance.png" alt="HealthCoverage icon" title="Go to Health Care Coverage and Cost Topic Page"/>
    104104                                                Health Care Coverage and Cost
    105105                                        </a></li>
    106                                 </ul>
    107                         </nav>
    108106
    109                         <nav>
    110                                 <h3>Use of Preventive Services</h3>
    111                                 <ul class="TextIconBlocks">
    112107                                        <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"/>
     108                                                <img ibis:src="image/icon/topic/white/immunization.png" alt="Shot icon" title="Go to Immunization Topic Page"/>
    114109                                                Immunization
    115110                                        </a></li>
    116111                                        <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"/>
     112                                                <img ibis:src="image/icon/topic/white/cancer_screening.png" alt="Ribbon icon" title="Go to Cancer Screening Topic Page"/>
    118113                                                Cancer Screening
    119114                                        </a></li>
    120115                                                <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"/>
     116                                                <img ibis:src="image/icon/topic/white/cardiovascular_screening.png" alt="Cardio icon" title="Go to Cardiovascula Screening Topic Page"/>
    122117                                                Cardiovascular Screening
    123118                                        </a></li>
    124119                                        <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"/>
     120                                                <img ibis:src="image/icon/topic/white/oral.png" alt="Tooth icon" title="Go to Oral Health Topic Page"/>
    126121                                                Oral Health
    127122                                        </a></li>
    128123                                        <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"/>
     124                                                <img ibis:src="image/icon/topic/white/other.png" alt="MCH icon" title="Go to Other Preventive Care Topic Page"/>
    130125                                                Other Preventive Care
    131126                                        </a></li>
  • trunk/ibisph-view/src/content/xml/html_content/topic/healthoutcome/Introduction.xml

    r19809 r19812  
    126126                </p>
    127127
    128 
    129 
    130 
    131 
    132 <style>
     128                <div class="Container">
     129                        <nav>
     130                                <ul class="TextIconBlocks">
     131                                        <li><a ibis:href="topic/healthoutcome/mch/Detail.html">
     132                                                <img ibis:src="image/icon/topic/white/mch.png" alt="Pram icon" title="Go to Mothers and Infants Topic Page"/>
     133                                                Mothers and Infants
     134                                        </a></li>
     135                                        <li><a ibis:href="topic/healthoutcome/death/Detail.html">
     136                                                <img ibis:src="image/icon/topic/white/death.png" alt="Headstone icon" title="Go to Leading Causes of Death Topic Page"/>
     137                                                Leading Causes of Death
     138                                        </a></li>
     139                                        <li><a ibis:href="topic/healthoutcome/disease/infectious/Detail.html">
     140                                                <img ibis:src="image/icon/topic/white/infectious.png" alt="Coughing icon" title="Go to Infectious Disease Topic Page"/>
     141                                                Infectious Diseases
     142                                        </a></li>
     143
     144                                        <li><a ibis:href="topic/healthoutcome/cancer/Detail.html">
     145                                                <img ibis:src="image/icon/topic/white/cancer.png" alt="Ribbon icon" title="Go to Cancer Topic Page"/>
     146                                                Cancer
     147                                        </a></li>
     148                                        <li><a ibis:href="topic/healthoutcome/disease/chronic/Detail.html">
     149                                                <img ibis:src="image/icon/topic/white/chronic.png" alt="Pain/Chronic Disease icon" title="Go to Chronic Disease Topic Page"/>
     150                                                Chronic Diseases and Conditions
     151                                        </a></li>
     152                                        <li><a ibis:href="topic/healthoutcome/injury/Detail.html">
     153                                                <img ibis:src="image/icon/topic/white/injury.png" alt="PersonCrutches icon" title="Go to Injury and Violence Topic Page"/>
     154                                                Injury and<br/>Violence
     155                                        </a></li>
     156                                        <li><a ibis:href="topic/healthoutcome/substance/Detail.html">
     157                                                <img ibis:src="image/icon/topic/white/substance.png" alt="Pills icon" title="Go to Substance Abuse Topic Page"/>
     158                                                Substance Use
     159                                        </a></li>
     160                                        <li><a ibis:href="topic/healthoutcome/mental/Detail.html">
     161                                                <img ibis:src="image/icon/topic/white/mental.png" alt="YinYang icon" title="Go to Mental Health Topic Page"/>
     162                                                Mental Health
     163                                        </a></li>
     164                                        <li><a ibis:href="topic/healthoutcome/measures/Detail.html">
     165                                                <img ibis:src="image/icon/topic/white/measures.png" alt="Ruler icon" title="Go to Summary Measures of Health Status Topic Page"/>
     166                                                Summary<br/>Measures of<br/>Health Status
     167                                        </a></li>
     168                                </ul>
     169                        </nav>
     170                </div>
     171
     172                <h2>How to find Data and Information on this Site</h2>
     173                The "Topics" section has a page that contains information for each topic.
     174                Along with this information are links to the associated Indicator
     175                Reports and Dataset Queries. The Indicator Reports provide graphs, maps,
     176                public health context, and data tables.  Many of the topic areas have
     177                queryable datasets that you can use to create your own tables, charts, and maps. 
     178                These data query results pages will also have dataset details, including data
     179                sources and tips on how data can or cannot be used.
     180        </CONTENT>
     181
     182
     183
     184
     185<xstyle>
     186.TopImageNavigation
     187{
     188display: flex;
     189 flex-direction:         row;
     190 flex-wrap:         nowrap;
     191/*
     192 justify-content:         center;
     193 align-items:         center;
     194*/
     195}
     196
     197.TopImageNavigation .Container
     198{
     199flex-grow: 1;
     200flex-shrink: 1;
     201flex-basis: auto;
     202
     203/*
     204flex: 25%;
     205        position: relative;
     206        font-size: 0;
     207        margin: 0;
     208        padding: 0;
     209                float: right;
     210                max-width: 25%;
     211*/
     212}
     213
     214.TopImageNavigation .Container img
     215        {
     216
     217                display: inline-block;
     218 object-fit: scale-down ;
     219        font-size: 0;
     220        width: 25%;
     221/* */
     222        }
     223
     224.xTopImageNavigation .Container .Overlay
     225{
     226        display: inline-block;
     227        position: absolute;
     228        bottom: 0;
     229        left: 0;
     230        height: 40px;
     231        width:25%;
     232        background-color: rgb(7, 7, 7, 0.5);
     233}
     234
    133235.TextIconBlocks
    134236{
     
    179281}
    180282
    181 </style>
    182                 <div class="Container">
    183                         <nav>
    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"/>
    187                                                 Mothers and Infants
    188                                         </a></li>
    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"/>
    191                                                 Leading Causes of Death
    192                                         </a></li>
    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"/>
    195                                                 Infectious Diseases
    196                                         </a></li>
    197 
    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"/>
    200                                                 Cancer
    201                                         </a></li>
    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"/>
    204                                                 Chronic Diseases and Conditions
    205                                         </a></li>
    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"/>
    208                                                 Injury and<br/>Violence
    209                                         </a></li>
    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"/>
    212                                                 Substance Use
    213                                         </a></li>
    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"/>
    216                                                 Mental Health
    217                                         </a></li>
    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"/>
    220                                                 Summary<br/>Measures of<br/>Health Status
    221                                         </a></li>
    222                                 </ul>
    223                         </nav>
    224                 </div>
    225 
    226                 <h2>How to find Data and Information on this Site</h2>
    227                 The "Topics" section has a page that contains information for each topic.
    228                 Along with this information are links to the associated Indicator
    229                 Reports and Dataset Queries. The Indicator Reports provide graphs, maps,
    230                 public health context, and data tables.  Many of the topic areas have
    231                 queryable datasets that you can use to create your own tables, charts, and maps. 
    232                 These data query results pages will also have dataset details, including data
    233                 sources and tips on how data can or cannot be used.
    234         </CONTENT>
    235 
    236 
    237 
    238 
    239 <xstyle>
    240 .TopImageNavigation
    241 {
    242 display: 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 {
    253 flex-grow: 1;
    254 flex-shrink: 1;
    255 flex-basis: auto;
    256 
    257 /*
    258 flex: 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 {
    308 vertical-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 
    337283</xstyle>
    338284
  • trunk/ibisph-view/src/content/xml/html_content/topic/population/Introduction.xml

    r19809 r19812  
    8080                <div class="Container TextIconBlocks">
    8181                        <nav>
    82                                 <h3>Demographic Characteristics</h3>
    8382                                <ul>
    8483                                        <li>
     
    8786                                                        Demographic Characteristics
    8887                                                </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>
    9488                                        </li>
    95                                 </ul>
    96                         </nav>
    9789
    98                         <nav>
    99                                 <h3>Social Determinants of Health</h3>
    100                                 <ul>
    10190                                        <li>
    10291                                                <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"/>
     92                                                        <img ibis:src="image/icon/topic/white/economic.png" alt="income icon" title="Go to Income and Poverty Topic Page"/>
    10493                                                        Economic Stability
    10594                                                </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>
    10995                                        </li>
    11096                                        <li>
    11197                                                <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"/>
     98                                                        <img ibis:src="image/icon/topic/white/education.png" alt="education icon" title="Go to Education Topic Page"/>
    11399                                                        Education
    114100                                                </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>
    119101                                        </li>
    120102                                        <li>
    121103                                                <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"/>
     104                                                        <img ibis:src="image/icon/topic/white/community.png" alt="Communityand Social Context icon" title="Go to Social and Community Context Topic Page"/>
    123105                                                        Social and Community Context
    124106                                                </a>
    125                                                 <p>
    126 Social and community context includes all the settings and relationships in the social, religious, cultural, and workplaces in which people take part.
    127                                                 </p>
    128107                                        </li>
    129108                                        <li>
    130109                                                <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"/>
     110                                                        <img ibis:src="image/icon/topic/white/availability.png" alt="Health Care Access icon" title="Go to Health Care Access and Cost Topic Page"/>
    132111                                                        Health Care Access and Cost
    133112                                                </a>
    134                                                 <p>
    135 Most 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>
    137113                                        </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"/>
    140                                                 Neighborhood and Built Environment
    141                                         </a>
    142                                         <p>
    143 Neighborhood 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>
     114                                        <li>
     115                                                <a ibis:href="topic/population/socialdeterminant/neighborhood/Detail.html">
     116                                                        <img ibis:src="image/icon/topic/white/neighborhood.png" alt="Neighborhood and Built Environment icon" title="Go to Neighborhood and Built Environment Topic Page"/>
     117                                                        Neighborhood and Built Environment
     118                                                </a>
     119                                        </li>
    145120                                </ul>
    146121                        </nav>
  • trunk/ibisph-view/src/content/xml/html_content/topic/risk_resiliency/Introduction.xml

    r19809 r19812  
    1515                <div class="Container">
    1616                        <nav>
    17                                 <h3>Healthy Lifestyles and Behavior</h3>
    1817                                <ul>
    1918                                        <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"/>
     19                                                <img ibis:src="image/icon/topic/white/activity.png" alt="Treadmill icon" title="Go to Physical Activity Topic Page"/>
    2120                                                Physical Activity
    2221                                        </a></li>
    2322                                        <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"/>
     23                                                <img ibis:src="image/icon/topic/white/nutrition.png" alt="ForkAppleKnife icon" title="Go to Nutrition Topic Page"/>
    2524                                                Nutrition
    2625                                        </a></li>
    2726                                        <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"/>
     27                                                <img ibis:src="image/icon/topic/white/weight.png" alt="WeightScale icon" title="Go to Weight Status Topic Page"/>
    2928                                                Weight Status
    3029                                        </a></li>
    3130                                        <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"/>
     31                                                <img ibis:src="image/icon/topic/white/alcohol.png" alt="Martini icon" title="Go to Alcohol Topic Page"/>
    3332                                                Alcohol
    3433                                        </a></li>
    3534                                        <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"/>
     35                                                <img ibis:src="image/icon/topic/white/tobacco.png" alt="Tobacco icon" title="Go to NoSmoking Topic Page"/>
    3736                                                Tobacco
    3837                                        </a></li>
    3938                                        <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"/>
     39                                                <img ibis:src="image/icon/topic/white/injury.png" alt="Seatbelt icon" title="Go to Injury Prevention Topic Page"/>
    4140                                                Injury Prevention
    4241                                        </a></li>
    43                                 </ul>
    44                         </nav>
    4542
    46                         <nav>
    47                                 <h3>Physical Environment</h3>
    48                                 <ul>
    4943                                        <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"/>
     44                                                <img ibis:src="image/icon/topic/white/physical.png" alt="Tree icon" title="Go to Physical Environment Topic Page"/>
    5145                                                Physical Environment
    5246                                        </a></li>
Note: See TracChangeset for help on using the changeset viewer.