Changeset 19878 in main


Ignore:
Timestamp:
02/20/20 22:47:05 (2 years ago)
Author:
GarthBraithwaite_STG
Message:

nm content - topic intro pages. IP and topic megu menu selections Authoring and Searchable table.

Location:
adopters/nm/trunk/src/main/webapps/nmibis-content/xml
Files:
7 edited

Legend:

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

    r19842 r19878  
    77                {
    88                        width:                          100%;
     9                        margin-bottom:          1rem;
    910                }
    1011
     
    1516                        margin:                         0;
    1617                        padding:                        0;
    17                         width:                          240px;
    18                         height:                         240px;
     18                        width:                          235px;
     19                        height:                         235px;
    1920                        background:                     transparent 0 0 no-repeat;
    2021                        background-size:        contain;
    2122                }
    22 
     23/* if implemented as img then can use width 24% and height: auto */
    2324                .TopImageNavigation .Container .Overlay
    2425                {
     
    8889
    8990
     91                h3:last-of-type
     92                {
     93                        margin-top: 2rem;
     94                }
     95
    9096                .Container.TextIconBlocks
    9197                {
  • adopters/nm/trunk/src/main/webapps/nmibis-content/xml/html_content/topic/healthcare/Introduction.xml

    r19842 r19878  
    1313                <ibis:include href="../_introduction.xml" children-only-flag="true"/>
    1414
    15                 <h2>About Health Care</h2>
     15                <h2>About Health Care Services</h2>
    1616                <p>
    1717                        Most people will need medical care at some time in their lives. Access
     
    3030                </p>
    3131
    32                 <h2>How to find Data and Information on this Site</h2>
    33                 <p>
    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.
    41                 </p>
    42 
    4332                <nav class="Container TextIconBlocks">
    44                         <ul class="TextIconBlocks">
     33                        <h2>Choose a Health Topic</h2>
     34                        <ul>
    4535                                <li><a ibis:href="topic/healthcare/access/availability/Detail.html">
    4636                                        <img ibis:src="image/icon/topic/white/availability.png" alt="Hospital icon" title="Go to Health Care Availability Topic Page"/>
     
    7565                </nav>
    7666
     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/>
    7782        </CONTENT>
    7883</HTML_CONTENT>
  • adopters/nm/trunk/src/main/webapps/nmibis-content/xml/html_content/topic/healthstatus/Introduction.xml

    r19842 r19878  
    1313                <ibis:include href="../_introduction.xml" children-only-flag="true"/>
    1414
    15                 <h2>About Health Status</h2>
     15                <h3>About Health Status</h3>
    1616                <p>
    1717                        The World Health Organization defines health as, "a state of complete physical,
     
    2121                </p>
    2222
    23                 <h2>Usage Instructions</h2>
    24                 <p>
    25                         Please select one of the topics below to see more information as well
    26                         as navigation links to that topic's related Health Indicator reports
    27                         and the related user queryable Health Datasets.  Use the above naviagtion
    28                         images to change to a different Topic Category.
    29                 </p>
    30 
    3123                <nav class="Container TextIconBlocks">
    32                         <ul class="TextIconBlocks">
     24                        <h2>Choose a Health Topic</h2>
     25                        <ul>
    3326                                <li><a ibis:href="topic/healthstatus/mch/Detail.html">
    3427                                        <img ibis:src="image/icon/topic/white/mch.png" alt="Pram icon" title="Go to Mothers and Infants Topic Page"/>
     
    7164                </nav>
    7265
    73                 <h2>How to find Data and Information on this Site</h2>
    74                 The "Topics" section has a page that contains information for each topic.
    75                 Along with this information are links to the associated Indicator
    76                 Reports and Dataset Queries. The Indicator Reports provide graphs, maps,
    77                 public health context, and data tables.  Many of the topic areas have
    78                 queryable datasets that you can use to create your own tables, charts, and maps. 
    79                 These data query results pages will also have dataset details, including data
    80                 sources and tips on how data can or cannot be used.
     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>
    8182        </CONTENT>
    82 
    83 
    84 
    85 
    86 <xstyle>
    87 .TopImageNavigation
    88 {
    89 display: flex;
    90  flex-direction:         row;
    91  flex-wrap:         nowrap;
    92 /*
    93  justify-content:         center;
    94  align-items:         center;
    95 */
    96 }
    97 
    98 .TopImageNavigation .Container
    99 {
    100 flex-grow: 1;
    101 flex-shrink: 1;
    102 flex-basis: auto;
    103 
    104 /*
    105 flex: 25%;
    106         position: relative;
    107         font-size: 0;
    108         margin: 0;
    109         padding: 0;
    110                 float: right;
    111                 max-width: 25%;
    112 */
    113 }
    114 
    115 .TopImageNavigation .Container img
    116         {
    117 
    118                 display: inline-block;
    119  object-fit: scale-down ;
    120         font-size: 0;
    121         width: 25%;
    122 /* */
    123         }
    124 
    125 .xTopImageNavigation .Container .Overlay
    126 {
    127         display: inline-block;
    128         position: absolute;
    129         bottom: 0;
    130         left: 0;
    131         height: 40px;
    132         width:25%;
    133         background-color: rgb(7, 7, 7, 0.5);
    134 }
    135 
    136 .TextIconBlocks
    137 {
    138 /*
    139         display:                                grid;
    140         grid-auto-flow:                 row;
    141         grid-template-rows:             auto;
    142         grid-template-columns:  repeat(auto-fit, minmax(120px, 1fr));
    143         justify-items:                  center;
    144 */
    145         font-size: 0;
    146 }
    147 
    148 .TextIconBlocks h3
    149 {
    150         text-align:                     center;
    151 }
    152 
    153 .TextIconBlocks li
    154 {
    155 vertical-align: top;
    156         display:                        inline-block;
    157         padding:                        1px;
    158 }
    159 .TextIconBlocks li > a 
    160 {
    161         display:                        block;
    162         background-color:       #336699;
    163         width:                          110px;
    164         height:                         120px;
    165         padding:                        12px 0 0 0;
    166         vertical-align:         top;
    167         font-size:                      14px;
    168         text-align:             center;
    169         color:                          white;
    170 }
    171 .TextIconBlocks li a:hover
    172 {
    173         background-color:       var(--background-color-hover);
    174         color:                          var(--color-hover);
    175 }
    176 .TextIconBlocks li a img
    177 {
    178         display:                        block;
    179         height:                         32px;
    180         margin:                         0 auto 5px auto;
    181         background-color:       inherit;
    182 }
    183 
    184 </xstyle>
    185 
    186 
    187 
    188 
    189 
    190 
    191 
    192 
    193 
    194 
    19583</HTML_CONTENT>
    19684
  • adopters/nm/trunk/src/main/webapps/nmibis-content/xml/html_content/topic/lifestyle/Introduction.xml

    r19842 r19878  
    55        <TITLE>Lifestyle and Risk Factors Topic Pages</TITLE>
    66        <HTML_CLASS>TopicLifestyle</HTML_CLASS>
    7 
    8         <OTHER_HEAD_CONTENT>
    9         </OTHER_HEAD_CONTENT>
    107
    118        <CONTENT>
     
    2623
    2724                <nav class="Container TextIconBlocks">
     25                        <h2>Choose a Health Topic</h2>
    2826                        <ul>
    2927                                <li><a ibis:href="topic/lifestyle/behavior/activity/Detail.html">
     
    5957                </nav>
    6058
    61                 <h2>How to find Data and Information on this Site</h2>
    62                 The "Topics" section has a page that contains information for each topic.
    63                 Along with this information are links to the associated Indicator
    64                 Reports and Dataset Queries. The Indicator Reports provide graphs, maps,
    65                 public health context, and data tables.  Many of the topic areas have
    66                 queryable datasets that you can use to create your own tables, charts, and maps. 
    67                 These data query results pages will also have dataset details, including data
    68                 sources and tips on how data can or cannot be used.
    69                 <br/><br/>
     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>
    7075        </CONTENT>
    7176</HTML_CONTENT>
  • adopters/nm/trunk/src/main/webapps/nmibis-content/xml/html_content/topic/population/Introduction.xml

    r19842 r19878  
    2626
    2727                <nav class="Container TextIconBlocks">
     28                        <h2>Choose a Health Topic</h2>
    2829                        <ul>
    2930                                <li>
     
    6162                </nav>
    6263
    63                 <h2>How to find Data and Information on this Site</h2>
    64                 The "Topics" section has a page that contains information for each topic.
    65                 Along with this information are links to the associated Indicator
    66                 Reports and Dataset Queries. The Indicator Reports provide graphs, maps,
    67                 public health context, and data tables.  Many of the topic areas have
    68                 queryable datasets that you can use to create your own tables, charts, and maps. 
    69                 These data query results pages will also have dataset details, including data
    70                 sources and tips on how data can or cannot be used.
    71                 <br/><br/>
     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>
    7280        </CONTENT>
    7381</HTML_CONTENT>
  • adopters/nm/trunk/src/main/webapps/nmibis-content/xml/selection/navigation/IndicatorSelection.xml

    r19872 r19878  
    4646-->
    4747                                                <SELECTION>
    48                                                         <TITLE>Health Department Organization/Program</TITLE>
     48                                                        <TITLE>Health Department Authoring Program</TITLE>
    4949                                                        <DESCRIPTION>Filterable list of all indicator report titles grouped by program/owning organization.</DESCRIPTION>
    5050                                                        <LOCAL_URL>indicator/index/Organization.html</LOCAL_URL>
    5151                                                </SELECTION>
    5252                                                <SELECTION>
    53                                                         <TITLE>Table of All Indicators (Searchable, Sortable)</TITLE>
     53                                                        <TITLE>Searchable, Sortable, Filterable Table</TITLE>
    5454                                                        <DESCRIPTION>Table of all indicator reports with titles, data sources, organization, view titles, and published date.</DESCRIPTION>
    5555                                                        <LOCAL_URL>indicator/index/Table.html</LOCAL_URL>
  • adopters/nm/trunk/src/main/webapps/nmibis-content/xml/selection/navigation/TopicSelection.xml

    r19869 r19878  
    157157                <SELECTION>
    158158                        <CONTENT>
    159                                 <h5 class="TextAlignCenter">About Health Topics</h5>
     159<!--                            <h5 style="height: 54px; text-align: center; vertical-align:middle;">About Health Topics</h5>
     160-->
     161                                <h5 style="text-align: center;">About<br/> Health Topics</h5>
    160162                                <div class="Introduction">
    161163                                        As the model below suggests, health factors are the conditions that
     
    167169                                        to improve modifiable health factors so that health outcomes will improve.
    168170                                </div>
    169                                 <div class="IntroductionVideo FontIcon">
     171                                <div class="IntroductionVideo">
    170172                                        <img ibis:src="view/image/navigation/topic.png" onclick="javascript:showVideo('view/video/topic/Introduction.mp4', 'Introduction to Health Topics')"/>
    171                                         <div class="Overlay" style="bottom: -40px">
     173                                        <div class="Overlay FontIcon" style="bottom: -40px">
    172174                                                View quick introduction video that describes
    173175                                                what Health Topics provide.
Note: See TracChangeset for help on using the changeset viewer.