source: main/adopters/nm/trunk/src/main/webapps/nmibis-content/xml/html_content/about/Welcome.xml @ 19892

Last change on this file since 19892 was 19892, checked in by GarthBraithwaite_STG, 2 years ago

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.

File size: 9.3 KB
Line 
1<?xml version="1.0" encoding="ISO-8859-1"?>
2
3<!--FOLDER: C:\IBIS\Tomcat-5.5.25\webapps\ibisph-NM-rev475\xml\home\html_content -->
4
5<HTML_CONTENT xmlns:ibis="http://www.ibisph.org">
6
7        <TITLE>Welcome to IBIS-PH -- Our State's Public Health Data Resource</TITLE>
8        <KEYWORDS>Public Health Indicator Profile Query Data Welcome</KEYWORDS>
9        <DESCRIPTION>Indicator Based Information System for Public Health Data Resource - Welcome/Home Page</DESCRIPTION>
10
11
12        <OTHER_HEAD_CONTENT>
13                <style>
14                        #content header
15                        {
16                                display: none;
17                        }
18
19                        #content .ColumnContainer .Column
20                        {
21                                width: 60%;
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 ;
60                                padding: 0;
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                        }
93                </style>
94               
95        </OTHER_HEAD_CONTENT>
96
97
98        <CONTENT>
99<!--[if IE 8]>
100                <div class="Error">
101                        It appears that this browser is an old version of Microsoft's Internet
102                        Explorer.  Please use a newer version or a more modern browser as the
103                        content on this site may not display correctly and this site's
104                        navigation will not be possible.
105                </div>
106< ![endif]-->
107
108                <br/>
109                <h2>Get Started by Choosing a Health Topic Area:</h2>
110                <ibis:include href="../topic/_introduction.xml" children-only-flag="true"/>
111                <style>
112                        <!-- STYLE INCLUDION NOTE:
113                                This has to be placed after the include to override those css defs
114                        -->
115                        .TopImageNavigation #healthstatus
116                        {
117                                background-image: url("../view/image/topic/category/healthstatus.jpg");
118                        }
119                        .TopImageNavigation #healthcare
120                        {
121                                background-image: url("../view/image/topic/category/healthcare.jpg");
122                        }
123                        .TopImageNavigation #lifestyle
124                        {
125                                background-image: url("../view/image/topic/category/lifestyle.jpg");
126                        }
127                        .TopImageNavigation #population
128                        {
129                                background-image: url("../view/image/topic/category/population.jpg");
130                        }
131
132                        .TopImageNavigation #healthstatus:hover,
133                        .TopicHealthStatus .TopImageNavigation #healthstatus
134                        {
135                                background-color: transparent;
136                                background-image: url("../view/image/topic/category/healthstatus-bw.jpg");
137                        }
138                        .TopImageNavigation #healthcare:hover,
139                        .TopicHealthCare .TopImageNavigation #healthcare
140                        {
141                                background-color: transparent;
142                                background-image: url("../view/image/topic/category/healthcare-bw.jpg");
143                        }
144                        .TopImageNavigation #lifestyle:hover,
145                        .TopicLifestyle .TopImageNavigation #lifestyle
146                        {
147                                background-color: transparent;
148                                background-image: url("../view/image/topic/category/lifestyle-bw.jpg");
149                        }
150                        .TopImageNavigation #population:hover,
151                        .TopicPopulation .TopImageNavigation #population
152                        {
153                                background-color: transparent;
154                                background-image: url("../view/image/topic/category/population-bw.jpg");
155                        }
156                </style>
157
158                <div class="ColumnContainer">
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>
280                </div>
281
282        </CONTENT>
283</HTML_CONTENT>
284
Note: See TracBrowser for help on using the repository browser.