source: main/adopters/nm-epht/trunk/src/main/webapps/nmepht-content/xml/html_content/newsroom/Introduction.xml @ 25862

Last change on this file since 25862 was 25862, checked in by ChelseaLanger_NM, 9 months ago

Update newsroom page with story page link for Stephanie. For Verify.

File size: 9.9 KB
Line 
1<?xml version="1.0" encoding="ISO-8859-1"?>
2
3<HTML_CONTENT xmlns:ibis="http://www.ibisph.org">
4
5        <TITLE>Newsroom Introduction</TITLE>
6        <CONTENT>
7
8                <ibis:include href="../_topic_navigation.xml" children-only-flag="true"/>
9                <style>
10                        svg.Newsroom a image
11                        {
12                                visibility: hidden;
13                        }
14
15
16                        h1
17                        {
18                                text-align: center;
19                                margin-top: var(--block-spacing);
20                                padding: var(--block-spacing) 0;
21                        }
22
23                        article
24                        {
25                                display: flex;
26                                margin: calc(2 * var(--block-spacing)) 0;
27                                border: 5px solid #eee;
28                        }
29                        article:first-of-type
30                        {
31                                margin-top: 0;
32                        }
33
34                        /* was using a img tag but couldn't get the border to turn off w/o an actual, valid src. */
35                        article > .Image
36                        {
37                                flex: .3;
38                                background: transparent top left no-repeat;
39                                background-image: var(--image-url-desktop);
40                                background-size: cover;
41                        }
42                        article > div:not(.Image)
43                        {
44                                flex: .7;
45                                padding: var(--block-spacing);
46                        }
47                        article > div h2
48                        {
49                                padding: var(--block-spacing) 0;
50                        }
51                        article > div h2:after
52                        {
53                                content: "";
54                                display: block;
55                                height: 1px;
56                                width: 10em;
57                                border-top: 5px solid var(--newsroom-color);  /* #c9f1e9 */
58                        }
59                        article > div .Button
60                        {
61                                margin: 0 5px 5px 0;
62                        }
63                        #content article > div section  /* have to have the #content for selector override */
64                        {
65                                margin: var(--block-spacing);
66                        }
67                        article section h3
68                        {
69                        }
70
71@media only screen and (max-width:  870px)
72{
73                        article
74                        {
75                                display: block;
76                                border: 0;
77                        }
78                        article:nth-of-type(odd)
79                        {
80                                background-color: #eee;
81                        }
82                        article > .Image
83                        {
84                                display: block;
85                                height: 200px;
86                                background-image: var(--image-url-mobile);
87                        }
88                        article > div:not(.Image)
89                        {
90                                display: block;
91                        }
92                        article:nth-of-type(even) > div:not(.Image)
93                        {
94                                padding: var(--block-spacing) 0;
95                        }
96                        article > div h2
97                        {
98                                padding-top: 0;
99                        }
100}
101                </style>
102
103                <h1>The NM EPHT Newsroom is your source for the latest environmental health information and resources</h1>
104                <article>
105                        <div class="Image" style="--image-url-desktop: url('contentfile/image/environment/water/septic/septicworks.jpg'); --image-url-mobile: url('contentfile/image/environment/water/septic/septicworks.jpg')"/>
106                        <div>
107                                <header>
108                                        <h2>Septic Systems and Private Wells Story and Maps</h2>
109                                                <p>
110                                                        View the Steptic Systems and Private Wells
111                                                        <a href="https://experience.arcgis.com/experience/4396e978c8964b82a3f46b4d83a946cf/page/Main/" class="External">Story</a>
112                                                        page for specific maps and more information.
113                                                </p>
114                                </header>                                       
115                        </div>
116                </article> 
117               
118                <article>
119                        <div class="Image" style="--image-url-desktop: url('contentfile/image/environment/water/test/testtubes.png'); --image-url-mobile: url('contentfile/image/environment/water/test/testtubes.png')"/>
120                        <div>
121                                <header>
122                                        <h2>EAST MOUNTAIN WELL OWNER WORKSHOP</h2>
123                                                <p>
124                                                A chance for well owners to learn more about water quality testing, drinking water contaminants, water rights, well permitting and tagging, East Mountain groundwater resources, and financial incentives for water conservation in Bernalillo County. This event is co-hosted by NM Department of Health, NM Environment Department, NM Office of the State Engineer, and Bernalillo County. Any private well owner or user is welcome to attend but space is limited. Please register in advance at <a href="https://www.bernco.gov/community-services/open-space/open-space-hidden-pages/event-registration/" class="External">Bernalillo County</a>
125                                                </p> 
126                                                <p>
127                                                        <ul class="Indent">
128                                                                <li>WHEN: Saturday, October 15, 2022 from 9:00AM - 12:00PM</li>                         
129                                                                <li>WHERE: James McGrain Public Safety Complex, 48 Public School Rd, Tijeras</li>                               
130                                                        </ul>
131                                                </p>
132                                                <p>
133                                                        <a href="contentfile/pdf/newsroom/EastMountainWellOwnerWorkshopFlyerOct152022.pdf"
134                                                        title="downloadable pdf" class="PDF">Details
135                                                        </a>
136                                                </p>
137                                </header>                                       
138                        </div>
139                </article>             
140
141                <article>
142                        <div class="Image" style="--image-url-desktop: url('contentfile/image/environment/water/test/testtubes.png'); --image-url-mobile: url('contentfile/image/environment/water/test/testtubes.png')"/>
143                        <div>
144                                <header>
145                                        <h2>FREE PRIVATE WELL WATER QUALITY TESTING</h2>
146                                                <p>
147                                                 NMED and NMDOH will be offering up to 100 free water tests for private wells serving homes not connected to a public water utility in Pie Town and Tijeras. TESTS INCLUDE: pH, electrical conductivity, nitrate, iron, sulfate, fluoride and arsenic.
148                                                </p> 
149                                                <p>
150                                                        <ul class="Indent">
151                                                                <li>WHEN: Saturday, September 10, 2022 from 9:00AM - 12:30PM (during the Pie Festival)</li>                             
152                                                                <li>WHERE: Jackson Park, 9 Custard Junction, Pie Town</li>                             
153                                                        </ul>
154                                                </p>
155                                                <p>
156                                                        <a href="contentfile/pdf/environment/water/test/WF Flyer_Pie Town.pdf"
157                                                        title="downloadable pdf" class="PDF">Details
158                                                        </a>
159                                                        <a href="contentfile/pdf/environment/water/test/WF Flyer_spanish_Pie Town.pdf"
160                                                        title="descargable pdf" class="PDF">Detalles
161                                                        </a>
162                                                </p>
163                                               
164                                                <p>
165                                                        <ul class="Indent">
166                                                                <li>WHEN: Sunday, September 25, 2022 from 12:00PM - 5:00PM</li>                         
167                                                                <li>WHERE: Los Vecinos Community Center, 478 NM-333, Tijeras</li>                               
168                                                        </ul>
169                                                </p>
170                                                <p>
171                                                        <a href="contentfile/pdf/environment/water/test/WF Flyer_Tijeras.pdf"
172                                                        title="downloadable pdf" class="PDF">Details
173                                                        </a>
174                                                        <a href="contentfile/pdf/environment/water/test/WF Flyer_spanish_Tijeras.pdf"
175                                                        title="descargable pdf" class="PDF">Detalles
176                                                        </a>
177                                                </p>
178                                </header>                                       
179                        </div>
180                </article>     
181
182                <article>
183                        <div class="Image" style="--image-url-desktop: url('contentfile/image/newsroom/bluegreen.jpg'); --image-url-mobile: url('contentfile/image/newsroom/bluegreen.jpg')"/>
184                        <div>
185                                <header>
186                                        <h2>Blue-green Algae Found in New Mexico Lakes</h2>
187                                                <p>
188                                                        Blue-green algae has been reported in area lakes across New Mexico and can be harmful to people and animals. These algae, also known as cyanobacteria, looks like pond scum and are found naturally in all types of water when temperatures increase and become stagnant in slow moving water.
189                                                </p>
190                                                <p>
191                                                        The cyanobacterial blooms can be blue, bright green, brown or red and are seen floating at the surface of the water in clumps. Some blooms take on a foamy appearance or look like scum or mats.
192                                                </p>
193                                                <p>
194                                                        The Department of Health would like to remind people to protect yourself from cyanobacteria by avoiding swimming or other recreational activities that put you or your pets in contact with the water where you see signs of the algae.  Follow the guidance on any warning signs posted. For more details, please follow the link below for additional information.
195                                                </p>
196                                                <p>
197                                                        <a href="contentfile/pdf/newsroom/BGA_July192022.pdf"
198                                                        title="downloadable pdf" class="PDF">Blue-green algae fact sheet
199                                                        </a>
200                                                </p>                           
201                                </header>                                       
202                        </div>
203                </article>
204
205                <article>
206                        <div class="Image" style="--image-url-desktop: url('contentfile/image/newsroom/sun.jpg'); --image-url-mobile: url('contentfile/image/newsroom/sun.jpg')"/>
207                        <div>
208                                <header>
209                                        <h2>Heat Advisories Statewide - Guard Against Heat-related Illness</h2>
210                                        <p>
211                                         7/19/2022  - With many New Mexico counties this week experiencing at-or-near record high temperatures, the Department of Health (DOH) again reminds anyone living or visiting New Mexico of the dangers and symptoms of heat-related illnesses. These are exactly the weather conditions where heat-related illnesses are possible, and can get serious, even deadly, very quickly if not recognized. <nav class="MoreInfo">Go to the NMTracking <a href="health/climate/HeatIllness.html">Heat Related Illness</a> page for information on how to recognize heat-related illness and protect you and your family.</nav> 
212                                         </p><nav class="MoreInfo">Go to New Mexico Department of Health News <a href="https://www.nmhealth.org/news/safety/2022/7/?view=1880">New Mexico Department of Health News </a>page to read the press release.</nav>
213                                </header>
214                                        <p>
215                                        Get epidemiological data on NMTracking:
216                                        </p>
217                                <nav>
218                                        <a href="dataportal/indicator/view/EnvHlthHeatED.AARates.Sex.Year.html" class="Button">Heat-Related Illness Emergency Department Visits Indicator Report</a>
219                                        <a href="dataportal/query/result/hidd/HIDDHeat/AgeRateHeat.html" class="Button">Heat-Related Illness Hospitalizations Data Query</a>
220                                </nav>
221                        </div>
222                </article>
223
224                <article>
225                        <div class="Image" style="--image-url-desktop: url('contentfile/image/newsroom/flood.jpg'); --image-url-mobile: url('contentfile/image/newsroom/flood.jpg')"/>
226                        <div>
227                                <header>
228                                        <h2>Flash Flood Watch for Communities Impacted by Wildland Fires</h2>
229                                                <p>
230                                                 The NWS of Albuquerque has issued a Flood Briefing due to scattered storms forecasted for the afternoon and into the early evening, 12pm through 8pm Wednesday, June 8th, with the greatest concerns during the mid- to late afternoon hours for the eastern slopes of the central mountains. Find details here
231                                                </p> 
232                                                <p>
233                                                        <a href="contentfile/pdf/newsroom/NWSWeatherBriefing20220608.pdf"
234                                                        title="downloadable pdf" class="PDF">Details
235                                                        </a>
236                                                </p>                                           
237                                                <p>
238                                                        <nav class="MoreInfo">Go to the NMTracking <a href="environment/climate/WellsAndDisasters.html">Wells and Natural Disasters</a> and <a href="environment/climate/Flooding.html">Flooding</a>pages for information on how to protect your well during flooding.</nav>
239                                                </p>                                           
240                                </header>                                       
241                        </div>
242                </article>
243
244                <a href="newsroom/archive/2022.html" class="Bold" style="display: block; text-align: center; padding: 1rem;">-- View last year's Newsroom postings --</a>
245        </CONTENT>
246</HTML_CONTENT>
Note: See TracBrowser for help on using the repository browser.