Changeset 19892 in main


Ignore:
Timestamp:
02/22/20 13:39:03 (3 years ago)
Author:
GarthBraithwaite_STG
Message:

nm content - updated the welcome with smaller intro video images. Moved topic intro usage text to include file and changed all titles to be consist.

Location:
adopters/nm/trunk/src/main/webapps/nmibis-content
Files:
8 added
5 deleted
6 edited

Legend:

Unmodified
Added
Removed

  • adopters/nm/trunk/src/main/webapps/nmibis-content/xml/html_content/about/Welcome.xml

    r19842 r19892  
    1111
    1212        <OTHER_HEAD_CONTENT>
    13                 <link rel="stylesheet" ibis:href="css/slick.css"/>
    14                 <link rel="stylesheet" ibis:href="css/slick-theme.css"/>
    15 
    16                 <script type="text/javascript" ibis:src="js/slick.js"></script>
    17                 <script type="text/javascript">
    18                         // <![CDATA[
    19                         window.videoDialog = null;
    20                         window.videoPlayer = null;
    21                         $(document).ready(function()
    22                         {
    23                                 $("#slideShow").slick
    24                                 (
    25                                         {
    26                                                 accessibility: true
    27                                                 ,adaptiveHeight: false
    28                                                 ,arrows: true
    29                                                 ,autoplay:true
    30                                                 ,autoplaySpeed: 7000
    31                                                 ,dots: true
    32                                                 ,draggable: true
    33                                                 ,pauseOnHover: true
    34                                                 ,pauseOnDotsHover: false
    35                                                 ,slide: "li"
    36                                                 ,slidesToShow: 1
    37                                                 ,speed: 700
    38                                                 ,swipe: true
    39                                                 ,useCSS: true
    40                                         }
    41                                 );
    42 
    43                         });
    44 
    45                         // ]]>
    46                 </script>
    4713                <style>
    48 
    49                         .NewsSlideshowContainer
     14                        #content header
     15                        {
     16                                display: none;
     17                        }
     18
     19                        #content .ColumnContainer .Column
    5020                        {
    5121                                width: 60%;
    52                                 margin-top: 1rem;
    53                         }
    54                         .slick-slider
    55                         {
    56                                 border: 2px solid #ccc;
    57                                 border-radius:                  4px;
    58                                 background-color: #f0f0f0;
     22                        }
     23
     24                        #content section
     25                        {
     26                                display: inline-block;
     27                                vertical-align: top;
     28                        }
     29
     30                        #content section
     31                        {
     32                                display: inline-block;
     33                                margin: 0 2rem 2rem 0;
     34                                width: 100%;
     35                                max-width: 700px;
     36                                font-size: 1.1rem;
     37                                font-weight: normal;
     38                        }
     39                        #content section:first-of-type
     40                        {
     41                                margin: 0 2rem 2rem 0;
     42                        }
     43
     44                        #content section .Overview h2
     45                        {
     46                                margin-top: 0;
     47                        }
     48
     49
     50                        #videosColumn
     51                        {
     52                                float: right;
     53                                max-width: 300px;
     54                        }
     55
     56                        #videosColumn li
     57                        {
     58                            list-style-type:none;
     59                                margin: 0 ;
    5960                                padding: 0;
    60                                 margin-bottom: 3em;
    61                         }
    62                          
    63 
    64                         .slick-slider button
    65                         {
    66                                 color: #003366;
    67                                 background-color: white;
    68                                 width: 20px;
    69                                 min-width: 0;
    70                                 border-radius: 10px;
    71                         }
    72                         .slick-slider button.slick-prev,
    73                         .slick-slider button.slick-next
    74                         {
    75                                 width: 28px;
    76                                 height: 70px;
    77                                 margin-top: -35px;
    78                                 background: transparent url("../image/icon/left.png") 0 0 no-repeat;
    79                         }
    80                         .slick-slider button.slick-prev
    81                         {
    82                                 left: -13px;
    83                         }
    84                         .slick-slider button.slick-next
    85                         {
    86                                 right: -23px;
    87                                 background-image: url("../image/icon/right.png");
    88                         }
    89                         .slick-slider button.slick-prev:before,
    90                         .slick-slider button.slick-next:before
    91                         {
    92                                 content: "";
    93                         }
    94 
    95                         .slick-slider .slick-slide
    96                         {
    97                                 background: transparent none right 10px bottom no-repeat;
    98                                 background-size: auto 100%;
    99                         }
    100 
    101                         .slick-slider .slick-slide img
    102                         {
    103                                 padding: 1em 0em 1em 1em;
    104                                 float: left;
    105                                 clear: right;
    106                                 height: 150px;
    107                                 max-height: 200px;
    108                                 margin-right: 2em;
    109                         }
    110 
    111                         .slick-slider .slick-slide > div
    112                         {
    113                                 margin: 0;
    114                                 padding: 0;
    115                         }
    116 
    117                         .slick-slider .slick-slide > div > h3
    118                         {
    119                                 margin: 0 0 0 -2em;
    120                                 font-weight: bold;
    121                                 font-style: normal;
    122                                 font-size: 1.5rem;
    123                                 letter-spacing: 2px;
    124                                 padding: 0.5em 0 0em 0em;
    125                                 color: #003366;
    126                                
    127                         }
    128                         .slick-slider .slick-slide > div > ul
    129                         {
    130                                 list-style-position: inside;
    131                                 max-height: 150px;
    132                         }
    133                         .slick-slider .slick-slide ul > li
    134                         {
    135                                 padding: 0.25em 0 0.25em 0;
    136                         }
    137                         .slick-slider .slick-slide ul > li:last-child
    138                         {
    139                                 padding-bottom: 1em;
    140                         }
    141                         .slick-slider .slick-slide ul li a,
    142                         .slick-slider .slick-slide ul li a:visited
    143                         {
    144                                 vertical-align: middle;
    145                                 color: #003366;
    146                                 text-decoration: underline;
    147                                 font-size: 1.2rem;
    148                                 letter-spacing: 1px;
    149                         }
    150                         .slick-slider .slick-slide ul li a:hover,
    151                         .slick-slider .slick-slide ul li a:focus
    152                         {
    153                                 text-decoration:        none;
    154                                 background-color:       #114477;
    155                                 color:                          #ffcc66;
    156                         }
    157 
    158                         .slick-slider .slick-dots
    159                         {
    160                                 bottom: -25px;
    161                         }
    162                         .slick-slider .slick-dots li
    163                         {
    164                                 margin-left: 0.75em;
    165                         }
    166                         .slick-slider .slick-dots button:before
    167                         {
    168                                 font-size: 20px;
    169                                 line-height: 20px;
    170                                 padding-top: 3px;
    171                                 content: "*";
    172                         }
    173                         .slick-slider .slick-dots button
    174                         {
    175                                 -webkit-box-shadow:              1px 1px 2px #333;
    176                                 -moz-box-shadow:                 1px 1px 2px #333;
    177                                 box-shadow:                              1px 1px 2px #333;
    178                                 background-color:               #f8f8f8;
    179                         }
    180                         .slick-slider .slick-dots .slick-active button
    181                         {
    182                                 -webkit-box-shadow:             inset 0px 0px 2px 1px #000;
    183                                 -moz-box-shadow:                inset 0px 0px 2px 1px #000;
    184                                 box-shadow:                             inset 0px 0px 2px 1px #000;
    185                         }
    186 
    187 
    188 
    189                 #videosColumn
    190                 {
    191                         float: right;
    192                         max-width: 300px;
    193                         margin-right: 2rem;
    194                 }
    195 
    196 
    197                 #videosColumn li
    198                         {
    199 position: relative;
    200 box-sizing: border-box;
    201 /**/
    202                             list-style-type:none;
    203                                 border: 1px solid #777;
    204                                 margin: 0 .5em 1em 0;
    205                                 padding: 0 1em .5em 1em;
    206 max-width: 300px;
    207                         }
    208                         #videosColumn li .Container img
    209                         {
    210                                 width: 100%;
    211                                 height: 120px;
    212                                 max-width: 240px;
    213                         }
    214 
    215 
    216 /* The overlay effect - lays on top of the container and over the image
    217 
    218 video:not(:hover) - can work but need to use display: none/block..
    219 */
    220 #videosColumn li .Container .Overlay
    221 {
    222         position: absolute;
    223         bottom: 0;
    224         left: 0px;
    225         background:#444;
    226         background: rgba(0, 0, 0, 0.5); /* Black see-through */
    227         color: #f1f1f1;
    228         width: calc(100% - 2rem);
    229         transition: .5s ease;
    230         opacity:0;
    231         color: white;
    232         font-size: 1rem;
    233         line-height: 1rem;
    234         padding: 1rem;
    235         text-align: center;
    236         margin: 1rem;
    237 }
    238 
    239 #videosColumn li .Container:hover
    240 {
    241         cursor: pointer;
    242 }
    243 #videosColumn li .Container:hover .Overlay
    244 {
    245         opacity:0.8;
    246 }
    247 
    248 
    249 
    250 
    251 .ColumnContainer .Column
    252 {
    253         width: 60%;
    254 }
    255 
    256 #content section
    257 {
    258         display: inline-block;
    259         vertical-align: top;
    260 }
    261 
    262 section .Overview
    263 {
    264         display: inline-block;
    265         width: 40%;
    266         max-width: 50rem;
    267 
    268         font-size: 1.1rem;
    269         font-weight: normal;
    270 /*
    271         border: 1px solid #336699;
    272         table-cell
    273         padding: 1rem;
    274 */
    275         margin: 0 2rem 2rem 0;
    276 }
    277 section .Overview h2
    278 {
    279         margin-top: 0;
    280 }
    281 
    282 section .TwitterContainer
    283 {
    284         display: inline-block;
    285         max-width: 25rem;
    286         margin:                         0 1em 1.5em 1.5em;
    287         border:                         2px solid #999;
    288         border-radius:          4px;
    289         text-align:             center;
    290         vertical-align: top;
    291 
    292         -webkit-box-shadow: 8px 9px 26px -2px rgba(0,0,0,0.77);
    293         -moz-box-shadow:        8px 9px 26px -2px rgba(0,0,0,0.77);
    294         box-shadow:             8px 9px 26px -2px rgba(0,0,0,0.77);
    295 }
    296 
    297 #content header
    298 {
    299         display: none;
    300 }
    301 
    302 #content x
    303 {
    304         display: inline-block;
    305         max-width: 30rem;
    306         font-size: 1.1rem;
    307         font-weight: normal;
    308         border: 1px solid #336699;
    309         padding: 1rem;
    310         margin: 0 2rem 2rem 0;
    311 }
    312 #content .garth
    313 {
    314         float: left;
    315         max-width: calc(100% - 32rem);
    316         font-size: 1.1rem;
    317         font-weight: normal;
    318         border: 1px solid #336699;
    319         padding: 1rem;
    320         margin: 0 2rem 2rem 0;
    321 }
    322 
    323 #content aside
    324 {
    325         display: inline-block;
    326         width: 30%;
    327         max-width: 25rem;
    328         font-size: 1.1rem;
    329         font-weight: normal;
    330         border: 1px solid #336699;
    331         background-color: #ddd;
    332         padding: 1rem;
    333         margin: 0 0 2rem 2rem;
    334 }
    335                          
     61                        }
     62                        #videosColumn li .Overlay
     63                        {
     64                                position: relative;
     65                                margin-left: 35px;
     66                        }
     67                        #videosColumn li .Overlay::before
     68                        {
     69                                position: absolute;
     70                                top: 15px;
     71                                left: -25px;
     72
     73                                background-color:       rgb(7, 7, 7, 0.5);
     74                                color: white;
     75                                content: "\e200";
     76
     77                                padding: 10px 8px 10px 12px;
     78                                border: 1px solid black;
     79                                border-radius: 50%;
     80                                font-size: 24px;
     81                        }
     82                        #videosColumn li .Overlay:hover::before
     83                        {
     84                                background-color:       var(--background-color-hover);
     85                                color: var(--color-hover);
     86                                cursor: pointer;
     87                        }
     88
     89                        #videosColumn li .Overlay img
     90                        {
     91                                width: 200px;
     92                        }
    33693                </style>
    33794               
    … …  
    349106< ![endif]-->
    350107
    351 
    352                 <h2>Main Health Topics:</h2>
     108                <br/>
     109                <h2>Get Started by Choosing a Health Topic Area:</h2>
    353110                <ibis:include href="../topic/_introduction.xml" children-only-flag="true"/>
    354111                <style>
     112                        <!-- STYLE INCLUDION NOTE:
     113                                This has to be placed after the include to override those css defs
     114                        -->
    355115                        .TopImageNavigation #healthstatus
    356116                        {
    … …  
    397157
    398158                <div class="ColumnContainer">
    399                 <div class="Column">
    400                         <section class="Overview">
    401                                 <h2>About NM-IBIS</h2>
    402                                 New Mexico's Indicator Based Information System (NM-IBIS) is your
    403                                 source for data and information on our state's priority public health
    404                                 issues.  The mission of the Department of Health is to promote health
    405                                 and wellness, improve health outcomes, and assure safety net services
    406                                 for all people in our state.  NM-IBIS provides access to the data that
    407                                 can help provide answers to realize our health goals.
    408                         </section>
     159                        <div class="Column">
     160                                <section class="Overview">
     161                                        <h2>About NM-IBIS</h2>
     162                                        New Mexico's Indicator Based Information System (NM-IBIS) is your
     163                                        source for data and information on our state's priority public health
     164                                        issues.  The mission of the Department of Health is to promote health
     165                                        and wellness, improve health outcomes, and assure safety net services
     166                                        for all people in our state.  NM-IBIS provides access to the data that
     167                                        can help provide answers to realize our health goals.
     168                                </section>
     169
     170                                <section class="WhatsNew">
     171                                        <h2>What's New</h2>
     172                                        <ul>
     173                                                <li>Simplified Site Navigation with less jargon and more consistent naming</li>
     174                                                <li>Updated Health Topic pages</li>
     175                                                <li>Interactive Summary Indicator Reports</li>
     176                                                <li>Community Reports</li>
     177                                                <li><a ibis:href="report/soh/Introduction.html" title="">State of Health in New Mexico, 2018</a></li>
     178                                                <li><a ibis:href="resource/CHAF.html" title="">Community Health Assessment Forum</a></li>
     179                                        </ul>
     180                                </section>
     181
     182
     183                                <section class="ContentsUsage">
     184                                        <h2>Contents and Usage</h2>
     185
     186                                        <img ibis:src="image/triangle_usage.gif" style="float:right; vertical-align:text-top; margin:0;" title="Inverted requested information frequency pyramid"/>
     187                                        The inverted
     188                                        pyramid, shown to the right, shows the requested information frequency and the
     189                                        data service provided. Each of the layers is discussed in more detail below:
     190
     191                                        <ul class="ExtraWhiteSpace">
     192
     193                                                <li><span class="Bold">Publications and Stories</span> provides the
     194                                                        most frequently-requested information.  These are typically published
     195                                                        as PDF reports.
     196                                                </li>
     197
     198                                                <li><span class="Bold">Health Topics</span> provides general narratives
     199                                                        about major health topics.  Health topics are associated with Health
     200                                                        Indicator Reports.
     201                                                </li>
     202
     203                                                <li><span class="Bold">Indicator Reports</span> provides statistical
     204                                                        data, visualizations, and more specific narratives to help answer
     205                                                        and understand important health frequently-asked questions.
     206                                                </li>
     207
     208                                                <li><span class="Bold">Community Reports</span> provides statistical
     209                                                        data, visualizations, about geographical and demographic communities.
     210                                                </li>
     211
     212                                                <li><span class="Bold">Dataset Queries</span> provides the granular,
     213                                                        real time data access to public health datasets.
     214                                                </li>
     215
     216                                                <li><span class="Bold">Phone and Email Support</span> -
     217                                                        If you are still not finding what you are looking for or would rather
     218                                                        talk to or email a real live person, please do not hesitate to contact us.
     219                                                </li>
     220                                        </ul>
     221                                </section>
     222
     223                                <section>
     224                                        <h2>Suggestion Box</h2>
     225                                        Please feel free to <a ibis:href="about/ContactInformation.html" title="Go to the IBIS-PH Contact page">contact us</a>
     226                                        if you have any questions, concerns, or suggestions.  Your feedback is very
     227                                        valuable in helping us provide a site that meets the public's and your data needs.
     228                                </section>
     229                        </div>
     230
     231
     232                        <div id="videosColumn" class="Column">
     233                                <h2>Introduction Videos</h2>
     234                                <ul class="Videos">
     235                                        <li id="publicUser" title="General public user introduction video.">
     236                                                <h3>New To This Site</h3>
     237                                                <div onclick="javascript:showVideo('view/video/about/PublicUser.mp4', 'General introduction')" class="Overlay FontIcon">
     238                                                        <img ibis:src="view/image/about/welcome/PublicUser.png"/>
     239                                                </div>
     240                                        </li>
     241                                        <li id="legislatureUser" title="Legislator centric introduction video.">
     242                                                <h3>Legislator User</h3>
     243                                                <div onclick="javascript:showVideo('view/video/about/LegislatureUser.mp4', 'Introduction for Legislature Users')" class="Overlay FontIcon">
     244                                                        <img ibis:src="view/image/about/welcome/LegislatureUser.png"/>
     245                                                </div>
     246                                        </li>
     247                                        <li id="healthUser" title="Health Professional centric introduction video.">
     248                                                <h3>Health Professional</h3>
     249                                                <div onclick="javascript:showVideo('view/video/about/HealthUser.mp4', 'Introduction for Health Professionals')" class="Overlay FontIcon">
     250                                                        <img ibis:src="view/image/about/welcome/HealthUser.png"/>
     251                                                </div>
     252                                        </li>
     253                                        <li id="studentUser" title="Student centric introduction video.">
     254                                                <h3>If You Are a Student</h3>
     255                                                <div onclick="javascript:showVideo('view/video/about/StudentUser.mp4', 'Introduction for Students')" class="Overlay FontIcon">
     256                                                        <img ibis:src="view/image/about/welcome/StudentUser.png"/>
     257                                                </div>
     258                                        </li>
     259
     260                                        <li id="howToNavigateVideo" title="How ToNavigate.">
     261                                                <h3>How To Navigate</h3>
     262                                                <div onclick="javascript:showVideo('view/video/about/AdvancedFeatures.mp4')" class="Overlay FontIcon">
     263                                                        <img ibis:src="view/image/about/welcome/Navigation.png"/>
     264                                                </div>
     265                                        </li>
     266                                        <li id="advancedFeaturesVideo" title="Advanced Features.">
     267                                                <h3>Advanced Features</h3>
     268                                                <div onclick="javascript:showVideo('view/video/about/AdvancedFeatures.mp4')" class="Overlay FontIcon">
     269                                                        <img ibis:src="view/image/about/welcome/AdvancedFeatures.png" style="border: 1px solid #ddd;"/>
     270                                                </div>
     271                                        </li>
     272                                        <li id="whatsNewVideo" title="What's New.">
     273                                                <h3>What's New</h3>
     274                                                <div onclick="javascript:showVideo('view/video/about/WhasNew.mp4')" class="Overlay FontIcon">
     275                                                        <img ibis:src="view/image/about/welcome/WhatsNew.png" style="border: 1px solid #ddd;"/>
     276                                                </div>
     277                                        </li>
     278                                </ul>
     279                        </div>
    409280                </div>
    410 
    411 
    412                 <div id="videosColumn" class="Column">
    413                         <h2 style="margin-top: 1rem">Introduction Videos</h2>
    414                         <ul class="Videos">
    415                                 <li id="publicUser" title="General public user introduction video.">
    416                                         <h3>New To This Site</h3>
    417                                         <div onclick="javascript:showVideo('view/video/about/PublicUser.mp4', 'Introduction')" class="Container">
    418                                                 <img ibis:src="view/image/about/PublicUser.jpg"/>
    419                                                 <div class="Overlay">
    420                                                         View quick introduction video that describes what this site
    421                                                         provides and is about.
    422                                                 </div>
    423                                         </div>
    424                                 </li>
    425                                 <li id="legislatureUser" title="Legislator centric introduction video.">
    426                                         <h3>Legislator User</h3>
    427                                         <div onclick="javascript:showVideo('view/video/about/LegislatureUser.mp4', 'Introduction for Legislature Users')" class="Container">
    428                                                 <img ibis:src="view/image/about/LegislatureUser.jpg"/>
    429                                                 <div class="Overlay">
    430                                                         View quick introduction video that describes what this site
    431                                                         provides and is about.
    432                                                 </div>
    433                                         </div>
    434                                 </li>
    435                                 <li id="healthUser" title="Health Professional centric introduction video.">
    436                                         <h3>Health Professional</h3>
    437                                         <div onclick="javascript:showVideo('view/video/about/HealthUser.mp4', 'Introduction for Health Professionals')" class="Container">
    438                                                 <img ibis:src="view/image/about/HealthUser.jpg"/>
    439                                                 <div class="Overlay">
    440                                                         View quick introduction video that describes what this site
    441                                                         provides and is about.
    442                                                 </div>
    443                                         </div>
    444                                 </li>
    445                                 <li id="studentUser" title="Student centric introduction video.">
    446                                         <h3>If You Are a Student</h3>
    447                                         <div onclick="javascript:showVideo('view/video/about/StudentUser.mp4', 'Introduction for Students')" class="Container">
    448                                                 <img ibis:src="view/image/about/StudentUser.jpg"/>
    449                                                 <div class="Overlay">
    450                                                         View quick introduction video that describes what this site
    451                                                         provides and is about.
    452                                                 </div>
    453                                         </div>
    454                                 </li>
    455 
    456 <!--
    457                                 <li id="healthTopicsVideo" title="Introduction to Health Topics.">
    458                                         <h3>What are Health Topics</h3>
    459                                         <div onclick="javascript:showVideo('view/video/topic/Introduction.mp4')" class="Container">
    460                                                 <img ibis:src="view/image/about/HealthTopics.jpg"/>
    461                                                 <div class="Overlay">
    462                                                         View quick introduction video for Health Topics.
    463                                                 </div>
    464                                         </div>
    465                                 </li>
    466                                 <li id="healthIndicatorsVideo" title="Introduction to Health Indicator Reports.">
    467                                         <h3>What are Health Indicators</h3>
    468                                         <div onclick="javascript:showVideo('view/video/indicator/Introduction.mp4')" class="Container">
    469                                                 <img ibis:src="view/image/about/HealthIndicatorReports.jpg"/>
    470                                                 <div class="Overlay">
    471                                                         Health Indicator Reports provide access to important
    472                                                         our population's public health.  These reports contain
    473                                                         contextual information like why important, data tables,
    474                                                         and visualizations like charts and maps. 
    475                                                 </div>
    476                                         </div>
    477                                 </li>
    478                                 <li id="communityReportsVideo" title="Introduction to Community Reports.">
    479                                         <h3>What are Community Reports</h3>
    480                                         <div onclick="javascript:showVideo('view/video/community/Introduction.mp4')" class="Container">
    481                                                 <img ibis:src="view/image/about/CommunityReports.jpg"/>
    482                                                 <div class="Overlay">
    483                                                         Community profiles provide a summary of baseline conditions and trends in a
    484                                                         community and study area. It establishes the context for assessing potential
    485                                                         impacts and for project decision-making.
    486                                                 </div>
    487                                         </div>
    488                                 </li>
    489                                 <li id="exploreDatasetsReportsVideo" title="Introduction to Exploring Datasets.">
    490                                         <h3>What is Exploring Datasets</h3>
    491                                         <div onclick="javascript:showVideo('view/video/query/Introduction.mp4')" class="Container">
    492                                                 <img ibis:src="view/image/about/ExploringDatasets.jpg"/>
    493                                                 <div class="Overlay">
    494                                                         All about how you can create custom queries on our health datasets.
    495                                                 </div>
    496                                         </div>
    497                                 </li>
    498 -->
    499 
    500                                 <li id="howToNavigateVideo" title="How ToNavigate.">
    501                                         <h3>How To Navigate</h3>
    502                                         <div onclick="javascript:showVideo('view/video/about/AdvancedFeatures.mp4')" class="Container">
    503                                                 <img ibis:src="view/image/about/AdvancedFeatures.jpg"/>
    504                                                 <div class="Overlay">
    505                                                         All about Advanced Features.
    506                                                 </div>
    507                                         </div>
    508                                 </li>
    509                                 <li id="advancedFeaturesVideo" title="Advanced Features.">
    510                                         <h3>Advanced Features</h3>
    511                                         <div onclick="javascript:showVideo('view/video/about/AdvancedFeatures.mp4')" class="Container">
    512                                                 <img ibis:src="view/image/about/AdvancedFeatures.jpg"/>
    513                                                 <div class="Overlay">
    514                                                         All about Advanced Features.
    515                                                 </div>
    516                                         </div>
    517                                 </li>
    518                                 <li id="whatsNewVideo" title="What's New.">
    519                                         <h3>What's New</h3>
    520                                         <div onclick="javascript:showVideo('view/video/about/WhasNew.mp4')" class="Container">
    521                                                 <img ibis:src="view/image/about/AdvancedFeatures.jpg"/>
    522                                                 <div class="Overlay">
    523                                                         What's New.
    524                                                 </div>
    525                                         </div>
    526                                 </li>
    527                         </ul>
    528                 </div>
    529                 </div>
    530 
    531                 <div class="NewsSlideshowContainer">
    532                         <h2>What's New</h2>
    533                         <ul id="slideShow" class="Slick" style="max-width: 650px; ">
    534                                 <li title="Discover how to improve health outcomes through health factors.  Read about Health Topics.">
    535                                         <!--<img ibis:src="view/image/slider/newRed.png" alt="New content thumbnail" title="New!"/>-->
    536                                         <a ibis:href="report/soh/Introduction.html" title="">
    537                                                 <img ibis:src="view/image/SOH2018_Cover.png"
    538                                                 style="Margin-top:10px; Padding-right:20px;"
    539                                                 alt="State of Health Report cover thumbnail"
    540                                                 title="The State of Health in New Mexico, 2018"/>
    541                                         </a>
    542                                         <div>
    543                                                 <h3>What's New?</h3>
    544                                                 <ul>
    545                                                         <li><a ibis:href="report/soh/Introduction.html" title="">State of Health in New Mexico, 2018</a></li>
    546                                                         <li><a ibis:href="resource/CHAF.html" title="">Community Health Assessment Forum</a></li>
    547                                                         <li><a ibis:href="about/News.html" title="">NM-IBIS News and Updates page</a></li>
    548                                                 </ul>
    549                                         </div>
    550                                 </li>
    551                                
    552                 <!--            <li title="Discover how to improve health outcomes through health factors.  Read about Health Topics.">
    553                                         <img ibis:src="view/image/slider/topic.png" alt="health topics thumbnail" title="Health Topics thumbnail"/>
    554                                         <div>
    555                                                 <h3>Find information on Health Topics:</h3>
    556                                                 <ul>
    557                                                         <li><a ibis:href="topic/healthcare/access/Insurance.html" title="">Health Care Coverage and Cost</a></li>
    558                                                         <li><a ibis:href="topic/healthoutcomes/MentalHealth.html" title="">Mental Health</a></li>
    559                                                         <li><a ibis:href="topic/Index.html" title="">select from ALL HEALTH TOPICS...</a></li>
    560                                                 </ul>
    561                                         </div>
    562                                 </li>
    563                 -->
    564                                 <li title="See maps, charts, and data tables for health objectives (Health Indicator Reports)">
    565                                         <img ibis:src="view/image/slider/USMap.png" alt="U.S. Map  thumbnail" title="U.S. Map thumbnail"/>
    566                                         <div>
    567                                                 <h3>Health Indicator Reports: Understand health data</h3>
    568                                                 <ul>
    569                                                         <li><a ibis:href="indicator/view/InjuryFirearmDeath.Cnty.html" title="Firearm Injury Deaths">Firearm Injury Deaths</a></li>
    570                                                         <li><a ibis:href="indicator/USStates.html" title="How New Mexico Compares">U.S. state maps now available for selected indicators</a></li>
    571                                                         <li><a ibis:href="indicator/index/Alphabetical.html" title="Alphabetical Index of Indicators">select from ALL INDICATOR REPORTS...</a></li>
    572                                                 </ul>
    573                                         </div>
    574                                 </li>
    575 
    576                                 <li title="See health indicator data organized by county">
    577                                         <img ibis:src="view/image/slider/community.png" alt="community reports thumbnail" title="Community Reports thumbnail"/>
    578                                         <div>
    579                                                 <h3>Community Reports: Data for your community</h3>
    580                                                 <ul>
    581                                                         <li><a ibis:href="community/highlight/introduction/GeoCnty/13.html" title="">Leading Causes of Death for Do&#0241;a Ana County</a></li>
    582                                                         <li><a ibis:href="community/snapshot/report/CommunityInd/GeoCnty/1.html" title="">How Bernalillo County Compares</a></li>
    583                                                         <li><a ibis:href="community/" title="">select from ALL COMMUNITY REPORTS...</a></li>
    584                                                 </ul>
    585                                         </div>
    586                                 </li>
    587                                 <li>
    588                                         <img ibis:src="view/image/slider/query.png" alt="explore datasets thumbnail" title="Custom Query/Explore Datasets thumbnail"/>
    589                                         <div>
    590                                                 <h3>Dataset Query: Create your own maps and charts</h3>
    591                                                 <ul>
    592                                                         <li><a ibis:href="query/result/brfss/SmokeCurrent/SmokeCurrentCrude11_.html" title="">Cigarette Smoking</a></li>
    593                                                         <li><a ibis:href="query/result/birth/BirthSareaAdol/AdolBirth15_19.html" title="">Teen Births</a></li>
    594                                                         <li><a ibis:href="query/ContentUsage.html" title="">select from ALL DATASET QUERIES...</a></li>
    595                                                 </ul>
    596                                         </div>
    597                                 </li>
    598                         </ul>
    599                 </div>
    600 
    601                 <h3>Suggestion Box</h3>
    602                 Please feel free to <a ibis:href="about/ContactInformation.html" title="Go to the IBIS-PH Contact page">contact us</a>
    603                 if you have any questions, concerns, or suggestions.  Your feedback is very
    604                 valuable in helping us provide a site that meets the public's and your data needs.
    605281
    606282        </CONTENT>

  • adopters/nm/trunk/src/main/webapps/nmibis-content/xml/html_content/topic/_introduction.xml

    r19878 r19892  
    66                .TopImageNavigation
    77                {
    8                         width:                          100%;
    9                         margin-bottom:          1rem;
     8                        text-align: center;
     9                        margin-bottom: 1.5rem;
    1010                }
    11 
    1211                .TopImageNavigation .Container
    1312                {
    … …  
    8988
    9089
    91                 h3:last-of-type
    92                 {
    93                         margin-top: 2rem;
    94                 }
    95 
    9690                .Container.TextIconBlocks
    9791                {

  • adopters/nm/trunk/src/main/webapps/nmibis-content/xml/html_content/topic/healthcare/Introduction.xml

    r19878 r19892  
    33<HTML_CONTENT xmlns:ibis="http://www.ibisph.org">
    44
    5         <TITLE>Health Care Services Topic Pages</TITLE>
     5        <TITLE>Health Care Services Health Topics</TITLE>
    66        <HTML_CLASS>TopicHealthCare</HTML_CLASS>
    77
    … …  
    6565                </nav>
    6666
    67                 <h3>Health Topic Data and Usage</h3>
    68                 Please select one of the above Health Topics to see more information as well
    69                 as navigation links to that topic's related Health Indicator reports
    70                 and the related user queryable Health Datasets.  Use the above top naviagtion
    71                 images to change to a different Topic Category.
    72                 <br/><br/>
    73 
    74                 Health Topic pages contain more detailed information such as "Why Important"
    75                 and "What is being Done".  Along with this information are links to the
    76                 associated Indicator Reports and Dataset Queries. The Indicator Reports
    77                 provide graphs, maps, public health context, and data tables.  Many of the
    78                 topics have queryable datasets that you can use to create your own tables,
    79                 charts, and maps.  These data query results pages will contain dataset details,
    80                 including data sources and tips on how data can or cannot be used.
    81                 <br/><br/>
     67                <ibis:include href="../_usage.xml" children-only-flag="true"/>
    8268        </CONTENT>
    8369</HTML_CONTENT>

  • adopters/nm/trunk/src/main/webapps/nmibis-content/xml/html_content/topic/healthstatus/Introduction.xml

    r19878 r19892  
    33<HTML_CONTENT xmlns:ibis="http://www.ibisph.org">
    44
    5         <TITLE>Health Status Topic Pages</TITLE>
     5        <TITLE>Health Status Health Topics</TITLE>
    66        <HTML_CLASS>TopicHealthStatus</HTML_CLASS>
    77
    … …  
    1313                <ibis:include href="../_introduction.xml" children-only-flag="true"/>
    1414
    15                 <h3>About Health Status</h3>
     15                <h2>About Health Status</h2>
    1616                <p>
    1717                        The World Health Organization defines health as, "a state of complete physical,
    … …  
    6464                </nav>
    6565
    66                 <h3>Health Topic Data and Usage</h3>
    67                 <p>
    68                         Please select one of the above Health Topics to see more information as well
    69                         as navigation links to that topic's related Health Indicator reports
    70                         and the related user queryable Health Datasets.  Use the above top naviagtion
    71                         images to change to a different Topic Category.
    72                 </p>
    73                 <p>
    74                         Health Topic pages contain more detailed information such as "Why Important"
    75                         and "What is being Done".  Along with this information are links to the
    76                         associated Indicator Reports and Dataset Queries. The Indicator Reports
    77                         provide graphs, maps, public health context, and data tables.  Many of the
    78                         topics have queryable datasets that you can use to create your own tables,
    79                         charts, and maps.  These data query results pages will contain dataset details,
    80                         including data sources and tips on how data can or cannot be used.
    81                 </p>
     66                <ibis:include href="../_usage.xml" children-only-flag="true"/>
     67
    8268        </CONTENT>
    8369</HTML_CONTENT>

  • adopters/nm/trunk/src/main/webapps/nmibis-content/xml/html_content/topic/lifestyle/Introduction.xml

    r19878 r19892  
    33<HTML_CONTENT xmlns:ibis="http://www.ibisph.org">
    44
    5         <TITLE>Lifestyle and Risk Factors Topic Pages</TITLE>
     5        <TITLE>Lifestyle and Risk Factors Health Topics</TITLE>
    66        <HTML_CLASS>TopicLifestyle</HTML_CLASS>
    77
    … …  
    1010                <ibis:include href="../_introduction.xml" children-only-flag="true"/>
    1111
    12                 <h2>Lifestyle and Risk Factors</h2>
     12                <h2>About Lifestyle and Risk Factors</h2>
    1313                <p>
    1414                        In the recent decades, health researchers have looked at the health behaviors
    … …  
    5757                </nav>
    5858
    59                 <h3>Health Topic Data and Usage</h3>
    60                 <p>
    61                         Please select one of the above Health Topics to see more information as well
    62                         as navigation links to that topic's related Health Indicator reports
    63                         and the related user queryable Health Datasets.  Use the above top naviagtion
    64                         images to change to a different Topic Category.
    65                 </p>
    66                 <p>
    67                         Health Topic pages contain more detailed information such as "Why Important"
    68                         and "What is being Done".  Along with this information are links to the
    69                         associated Indicator Reports and Dataset Queries. The Indicator Reports
    70                         provide graphs, maps, public health context, and data tables.  Many of the
    71                         topics have queryable datasets that you can use to create your own tables,
    72                         charts, and maps.  These data query results pages will contain dataset details,
    73                         including data sources and tips on how data can or cannot be used.
    74                 </p>
     59                <ibis:include href="../_usage.xml" children-only-flag="true"/>
     60
    7561        </CONTENT>
    7662</HTML_CONTENT>

  • adopters/nm/trunk/src/main/webapps/nmibis-content/xml/html_content/topic/population/Introduction.xml

    r19878 r19892  
    33<HTML_CONTENT xmlns:ibis="http://www.ibisph.org">
    44
    5         <TITLE>Population Characteristics Topic Pages</TITLE>
     5        <TITLE>Population Characteristics Health Topics</TITLE>
    66        <HTML_CLASS>TopicPopulation</HTML_CLASS>
    77
    … …  
    6262                </nav>
    6363
    64                 <h3>Health Topic Data and Usage</h3>
    65                 <p>
    66                         Please select one of the above Health Topics to see more information as well
    67                         as navigation links to that topic's related Health Indicator reports
    68                         and the related user queryable Health Datasets.  Use the above top naviagtion
    69                         images to change to a different Topic Category.
    70                 </p>
    71                 <p>
    72                         Health Topic pages contain more detailed information such as "Why Important"
    73                         and "What is being Done".  Along with this information are links to the
    74                         associated Indicator Reports and Dataset Queries. The Indicator Reports
    75                         provide graphs, maps, public health context, and data tables.  Many of the
    76                         topics have queryable datasets that you can use to create your own tables,
    77                         charts, and maps.  These data query results pages will contain dataset details,
    78                         including data sources and tips on how data can or cannot be used.
    79                 </p>
     64                <ibis:include href="../_usage.xml" children-only-flag="true"/>
     65
    8066        </CONTENT>
    8167</HTML_CONTENT>
Note: See TracChangeset for help on using the changeset viewer.