Port site to pug

This commit is contained in:
Austen Adler 2022-04-10 23:46:08 -04:00
parent 401e2e94f8
commit b9bd0eefc5
16 changed files with 139 additions and 558 deletions

View File

@ -30,6 +30,8 @@ render_image() {
render_image 200x200 "5._Elementary_GLOBE_Climate_Book_Cover.jpg" --square
render_image 200x200 "Diane_Student_Scammon_Bay.png" --square
render_image 200x200 "earth-small.png" --square
render_image 1000x1000 "earth-huge.png" --square
echo "Stripping metadata"
exiftool -overwrite_original -all= -- build/images/*.*

View File

View File

@ -1,43 +0,0 @@
<div class="section">
<div class="pageitem">
<h2>University Teaching</h2>
<h3 class="left-align">University Level Courses Taught</h3>
<ul class="left-align">
<li>
<p>University of California, Davis Physical Geography, Analysis of Landforms</p>
</li>
<li>
<p>Montana State University Physical Geography, Weather and Climate</p>
</li>
<li>
<p>Shippensburg University Physical Geography, Introduction to the Atmosphere, Climatology, Meteorology, Geography Seminar, Applied Meteorology and Climatology, The Atmospheric Environment; Field courses: Geography of Vietnam, Environmental Science in Australia, Geography and Geology of Northern Arizona</p>
</li>
<li>
<p>University of Colorado at Boulder Climate and Vegetation</p>
</li>
<li>
<p>US Naval Academy Global Climate Change</p>
</li>
</ul>
</div>
<div class="pageitem">
<h2>Educational Resources</h2>
<h3>Childrens Science Books Authored/Co-authored</h3>
<h4>What in the World is Happening to Our Climate?</h4>
<p class="left-align">This Elementary GLOBE Climate Book was co-authored by Becca Hatheway and Diane Stanitski with illustrations by Lisa Gardiner. You can find PDFs of the text in English, Spanish, French and Norwegian, and five teacher activities here: <a href="https://www.globe.gov/web/elementary-globe/overview/climate">https://www.globe.gov/web/elementary-globe/overview/climate</a></p>
<p class="left-align">GLOBE stands for Global Learning and Observations to Benefit of the Environment (<a href="https://www.globe.gov/about">https://www.globe.gov/about</a>)</p>
<h4>NOAA Teacher at Sea books</h4>
<p>Teacher at Sea: Miss Cook's Voyage on the Ronald H. Brown</p>
<p>Teacher in the Air: Dr. Diane's Flight with the NOAA Hurricane Hunters</p>
<p>Teacher at Sea, Mrs. Armwood's Hydrographic Adventure on the NOAA Ship FAIRWEATHER</p>
<p>Teacher at Sea: Mr. Tanenbaum Explores Atlantic Fisheries on the NOAA Ship Henry B. Bigelow</p>
<br>
<p>Diane authored/co-authored four NOAA Teacher at Sea (TAS) books and accompanying teacher activities between 2005 and 2009. The updated TAS website will soon feature the books and lessons here: <a href="https://teacheratsea.noaa.gov">https://teacheratsea.noaa.gov</a>. (The site is under construction)</p>
</div>
</div>

View File

@ -1,57 +0,0 @@
<div class="section">
<div class="pageitem">
<h2>Get in touch!</h2>
</div>
<div class="pageitem">
<div class="col">
<!--<a href="#">-->
<img src="images/fa.png">
<p>Email</p>
<!--Email me at-->
<!--<br>-->
&#x64;&#x72;&#x2E;&#x64;&#x69;&#x61;&#x6E;&#x65;<span style="display: none"> well hello there &#x2603; :)</span>
&#x40;
geocation.com
<!--</a>-->
</div>
<div class="col">
<a href="#">
<img src="images/tw.png">
<p>Follow</p>
We are on Twitter
<br>
twitter.com/foo-template
</a>
</div>
<div class="col">
<a href="#">
<img src="images/in.png">
<p>Like</p>
We are on Instagram
<br>
instagram.com/foo-template
</a>
</div>
<div class="col">
<a href="#">
<img src="images/go.png">
<p>+1</p>
We are on Google+
<br>
plus.google.com/foo-template
</a>
</div>
</div>
</div>
<div class="section">
<div id="credits">
<div class="col"><p>&copy; Copyright 2017 Company Name.</p></div>
<div class="col"><p><a href="#">Privacy</a> | <a href="#">Terms of Use</a> | <a href="#">Support</a> | <a href="#">Site Map</a></p></div>
<div class="col"><p class="right"><a href="http://mlpdesign.net">HTML & CSS</a> by MLPdesign</p></div>
</div>
</div>
</div>
</body>
</html>

View File

@ -1,48 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<script type="text/javascript" src="https://livejs.com/live.js"></script>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>geocation.com</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="Description" lang="en" content="open source html and css template">
<meta name="author" content="mlp design">
<meta name="robots" content="index, follow">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/custom.css">
</head>
<body>
<div id="menu">
<nav>
<label for="show-menu" class="responsive">&#9776;</label>
<input type="checkbox" id="show-menu" role="button">
<ul id="topnav">
<li><span class="icon"><a href="#" title="Your Logo" class="logo">&#x1F47d;</a></span></li>
<li><a href="education.html">Education</a></li>
<li><a href="outreach.html">Outreach</a></li>
<li><a href="community-involvement.html">Community Involvement</a></li>
<li><a href="contact.html">Contact</a></li>
<!--<li><a href="#">Help</a></li>-->
<!--<li><span class="icon"><a href="#" class="search">&#x1f50d;</a></span></li>-->
</ul>
<span class="hide"><a href="#" title="Your Logo" class="logo">&#x1F47d;</a></span>
<span class="hide"><a href="#" class="search">&#x1F50d;</a></span>
</nav>
</div>
<div id="container">
<div id="pageheader">
<div class="col">
<a href="index.html"><h1>Geocation</h1></a>
</div>
<div class="col">
<ul id="sub">
<li><a href="education.html">Education</a></li>
<li><a href="outreach.html">Outreach</a></li>
<li><a href="community-involvement.html">Community Involvement</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>

View File

@ -7,7 +7,10 @@ html(lang="en")
meta(name="Description" lang="en" content="open source html and css template")
meta(name="author" content="mlp design")
meta(name="robots" content="index, follow")
title geocation.com
if title
title #{title} - Geocation
else
title Geocation
link(rel="stylesheet" href="css/style.css")
link(rel="stylesheet" href="css/custom.css")
body
@ -25,10 +28,8 @@ body
a(href="outreach.html") Outreach
li
a(href="community-involvement.html") Community Involvement
li
a(href="contact.html") Contact
// li
// a(href="#") Help-->
// a(href="contact.html") Contact
// li
// span.icon
// a(href="#" class="search") &#x1f50d;
@ -40,8 +41,14 @@ body
div(id="container")
div(id="pageheader")
div(class="col")
a(href="index.html")
h1 Geocation
if title
h1
a(href="index.html") Geocation
| - #{title}
else
a(href="index.html")
h1 Geocation
div(class="col")
ul#sub
li
@ -50,5 +57,5 @@ body
a(href="outreach.html") Outreach
li
a(href="community-involvement.html") Community Involvement
li
a(href="contact.html") Contact
// li
// a(href="contact.html") Contact

View File

@ -1,151 +0,0 @@
<div class="section">
<div class="pageitem">
<h2>Aenean at Ipsum</h2>
<p><em>Phasellus quis felis lacinia.</em></p>
</div>
<div class="pageitem">
<div class="col">
<a href="education.html">
<img src="images/5._Elementary_GLOBE_Climate_Book_Cover.jpg">
<br>
Education
</a>
</div>
<div class="col">
<a href="outreach.html">
<img src="images/Diane_Student_Scammon_Bay.png">
<br>
Outreach
</a>
</div>
<div class="col">
<a href="community-involvement.html">
<img src="https://placeimg.com/200/200/nature">
<br>
Community Involvement
</a>
</div>
</div>
<!--
<div class="pageitem">
<p>Phasellus ac leo eget felis egestas vestibulum nec at velit. Vivamus venenatis, nibh ut tempus viverra, tellus augue pulvinar sapien, at iaculis justo nisi non metus. Quisque quis malesuada arcu, sed ultricies nibh. Duis vehicula metus quis arcu rutrum faucibus eget ut ex. Curabitur lacus justo, iaculis congue suscipit quis, posuere at turpis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec in quam non urna volutpat consequat. Proin mollis ut mauris et venenatis. Vivamus dui nibh, blandit vitae pellentesque sed, finibus sit amet nulla.</p>
</div>
-->
</div>
<div class="section">
<div class="pageitem">
<h2>Biography</h2>
</div>
<div class="pageitem left-align">
<p>Dr. Diane Stanitski graduated from SUNY Geneseo in 1989 with a double major in Geography and Communications while also spending four years on the intercollegiate womens soccer team as a Geneseo Knight. Her growing interest in climate led her to graduate school at Arizona State University where she had the opportunity to conduct fieldwork at the top of the Greenland Ice Sheet and across the Juneau Icefield in Alaska. She completed her dissertation research along the Colorado River studying the impacts of Glen Canyon Dam on the downstream riparian climate.</p>
<br>
<p>In 1997, Diane became a professor in the Geography-Earth Science Department at Shippensburg University, PA where she taught meteorology, climatology and environmental science courses and also field courses in the outback of Australia, the depths of the Grand Canyon, and rural Vietnam. After a 3-week journey to the tropical Pacific as a Teacher at Sea conducting El Nino fieldwork, Diane transitioned to working for the National Oceanic and Atmospheric Administration (NOAA) where she received the NOAA Environmental Hero Award for her work in science education. Diane first worked as a program manager in the NOAA Climate Program Office, supporting an international OceanSITES program that involved populating the ocean with buoys and emerging technology to improve our understanding of the changing climate.</p>
<br>
<p>Diane now serves as Deputy Director of the NOAA Global Monitoring Laboratory (GML) in Boulder, Colorado, overseeing atmospheric monitoring stations around the world where critical observations are made of greenhouse gases and other important atmospheric constituents. The science conducted in GML contributes to the Intergovernmental Panel on Climate Change (IPCC) and other major scientific reports. Additionally, Diane serves as co-chair of the US Global Change Research Programs Observations Interagency Working Group, coordinating NOAA's climate observing efforts with other federal agencies. She previously served as the Executive Director of the PA Geographical Society, Director of the Climate Specialty Group of the Association of American Geographers, and a co-chair of the American Meteorological Societys Symposium on Education.</p>
<br>
<p>Diane has co-authored five childrens science books and enjoys traveling, sailing, cycling, ham radio, and volunteering in her church and community. Her career has taken her to more than 40 countries across six continents. She also taught climate change and geography courses at the US Naval Academy, University of Colorado at Boulder, and Montana State University during her 15-year teaching career.</p>
</div>
</div>
<!--
<div class="section">
<div id="footer">
<ul id="bottomnav">
<li>
Aliquam vitae
<ul>
<li><a href="#">Nunc</a></li>
<li><a href="#">Imperdiet</a></li>
<li><a href="#">Quis</a></li>
<li><a href="#">Interdum</a></li>
<li><a href="#">Fames</a></li>
<li><a href="#">Primis</a></li>
<li><a href="#">Maecenas</a></li>
<li><a href="#">Mivelit</a></li>
<li><a href="#">Volutpat</a></li>
</ul>
</li>
<li>
Integer venenatis
<ul>
<li><a href="#">Mauris</a></li>
<li><a href="#">Exiaculis</a></li>
<li><a href="#">Fusce</a></li>
<li><a href="#">Ornare</a></li>
<li><a href="#">Nectortor</a></li>
<li><a href="#">Efficitur</a></li>
<li><a href="#">Nunc</a></li>
</ul>
</li>
<li>
Pharetra
<ul>
<li><a href="#">Mortor</a></li>
<li><a href="#">Integer</a></li>
<li><a href="#">Namut</a></li>
<li><a href="#">Eegestas</a></li>
</ul>
Quisque magna
<ul>
<li><a href="#">Leo</a></li>
<li><a href="#">Venenatis</a></li>
<li><a href="#">Nullam</a></li>
</ul>
</li>
<li>
In elit vitae
<ul>
<li><a href="#">Luctus</a></li>
<li><a href="#">Nunc ac ipsum</a></li>
<li><a href="#">Aenean</a></li>
<li><a href="#">Condimentum</a></li>
<li><a href="#">Donec</a></li>
<li><a href="#">Nisinec</a></li>
<li><a href="#">Integer</a></li>
<li><a href="#">Posuere</a></li>
<li><a href="#">Vivamus</a></li>
</ul>
</li>
<li>
Pellentesque
<ul>
<li><a href="#">Imperdiet</a></li>
<li><a href="#">Congue diam</a></li>
<li><a href="#">Mauris</a></li>
<li><a href="#">Eu magna</a></li>
<li><a href="#">Morbi et libero</a></li>
<li><a href="#">Nam ut justo</a></li>
<li><a href="#">Tortor</a></li>
<li><a href="#">Id efficitur</a></li>
<li><a href="#">Nunc rutrum</a></li>
<li><a href="#">Imperdiet</a></li>
</ul>
</li>
<li>
Orci varius
<ul>
<li><a href="#">Penatibus</a></li>
<li><a href="#">Disparturient</a></li>
<li><a href="#">Montes</a></li>
<li><a href="#">Nascetur</a></li>
<li><a href="#">Ridiculus mus</a></li>
<li><a href="#">Vivamus</a></li>
<li><a href="#">Ultrices finibus</a></li>
</ul>
</li>
</ul>
</div>
</div>
-->

Binary file not shown.

BIN
orig/earth-huge.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 854 KiB

BIN
orig/earth-small.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 152 KiB

View File

@ -1,241 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>geocation.com</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="Description" lang="en" content="open source html and css template">
<meta name="author" content="mlp design">
<meta name="robots" content="index, follow">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div id="menu">
<nav>
<label for="show-menu" class="responsive">&#9776;</label>
<input type="checkbox" id="show-menu" role="button">
<ul id="topnav">
<li><span class="icon"><a href="#" title="Your Logo" class="logo">&#x1F47d;</a></span></li>
<li><a href="#">Profile</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Archive</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Help</a></li>
<li><span class="icon"><a href="#" class="search">&#x1f50d;</a></span></li>
</ul>
<span class="hide"><a href="#" title="Your Logo" class="logo">&#x1F47d;</a></span>
<span class="hide"><a href="#" class="search">&#x1F50d;</a></span>
</nav>
</div>
<div id="container">
<div id="pageheader">
<div class="col">
<h1>Geocation</h1>
</div>
<div class="col">
<ul id="sub">
<li><a href="#">some</a></li>
<li><a href="#">sub</a></li>
<li><a href="#">menu</a></li>
<li><a href="#">items</a></li>
</ul>
</div>
</div>
<div class="section">
<div class="pageitem">
<h2>Aenean at Ipsum</h2>
<p><em>Phasellus quis felis lacinia.</em></p>
</div>
<div class="pageitem">
<div class="col">
<img src="https://placeimg.com/200/200/animals"><br>Random Animals by PlaceIMG
</div>
<div class="col">
<img src="https://placeimg.com/200/200/arch"><br>Random Architecture by PlaceIMG
</div>
<div class="col">
<img src="https://placeimg.com/200/200/nature"><br>Random Nature by PlaceIMG
</div>
</div>
<div class="pageitem">
<p>Phasellus ac leo eget felis egestas vestibulum nec at velit. Vivamus venenatis, nibh ut tempus viverra, tellus augue pulvinar sapien, at iaculis justo nisi non metus. Quisque quis malesuada arcu, sed ultricies nibh. Duis vehicula metus quis arcu rutrum faucibus eget ut ex. Curabitur lacus justo, iaculis congue suscipit quis, posuere at turpis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec in quam non urna volutpat consequat. Proin mollis ut mauris et venenatis. Vivamus dui nibh, blandit vitae pellentesque sed, finibus sit amet nulla.</p>
</div>
</div>
<div class="section">
<div class="pageitem">
<h2>Nulla at Tempus</h2>
</div>
<div class="pageitem">
<p>Morbi bibendum faucibus placerat. Morbi vulputate, nunc nec pretium condimentum, erat nunc tincidunt leo, scelerisque ullamcorper dui dolor porttitor neque. Donec ut faucibus erat, vel efficitur enim. Fusce sit amet ligula eu libero lacinia condimentum sed in turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus pulvinar metus vel neque sagittis, at pharetra tellus tincidunt. Sed semper euismod ipsum, feugiat consequat nisi eleifend et. Duis volutpat gravida efficitur. Nulla iaculis blandit semper. Maecenas eget aliquet libero. Donec sit amet sagittis erat. Sed elementum felis id interdum cursus. Phasellus ac urna feugiat, placerat massa et, vestibulum odio. Aenean eu nisl lobortis, tincidunt ligula rhoncus, convallis mi.</p>
</div>
</div>
<div class="section">
<div class="pageitem">
<h2>Get Social</h2>
</div>
<div class="pageitem">
<div class="col">
<a href="#">
<img src="fa.png">
<p>Visit</p>
We are on Facebook
<br>
facebook.com/foo-template
</a>
</div>
<div class="col">
<a href="#">
<img src="tw.png">
<p>Follow</p>
We are on Twitter
<br>
twitter.com/foo-template
</a>
</div>
<div class="col">
<a href="#">
<img src="in.png">
<p>Like</p>
We are on Instagram
<br>
instagram.com/foo-template
</a>
</div>
<div class="col">
<a href="#">
<img src="go.png">
<p>+1</p>
We are on Google+
<br>
plus.google.com/foo-template
</a>
</div>
</div>
</div>
<!--
<div class="section">
<div id="footer">
<ul id="bottomnav">
<li>
Aliquam vitae
<ul>
<li><a href="#">Nunc</a></li>
<li><a href="#">Imperdiet</a></li>
<li><a href="#">Quis</a></li>
<li><a href="#">Interdum</a></li>
<li><a href="#">Fames</a></li>
<li><a href="#">Primis</a></li>
<li><a href="#">Maecenas</a></li>
<li><a href="#">Mivelit</a></li>
<li><a href="#">Volutpat</a></li>
</ul>
</li>
<li>
Integer venenatis
<ul>
<li><a href="#">Mauris</a></li>
<li><a href="#">Exiaculis</a></li>
<li><a href="#">Fusce</a></li>
<li><a href="#">Ornare</a></li>
<li><a href="#">Nectortor</a></li>
<li><a href="#">Efficitur</a></li>
<li><a href="#">Nunc</a></li>
</ul>
</li>
<li>
Pharetra
<ul>
<li><a href="#">Mortor</a></li>
<li><a href="#">Integer</a></li>
<li><a href="#">Namut</a></li>
<li><a href="#">Eegestas</a></li>
</ul>
Quisque magna
<ul>
<li><a href="#">Leo</a></li>
<li><a href="#">Venenatis</a></li>
<li><a href="#">Nullam</a></li>
</ul>
</li>
<li>
In elit vitae
<ul>
<li><a href="#">Luctus</a></li>
<li><a href="#">Nunc ac ipsum</a></li>
<li><a href="#">Aenean</a></li>
<li><a href="#">Condimentum</a></li>
<li><a href="#">Donec</a></li>
<li><a href="#">Nisinec</a></li>
<li><a href="#">Integer</a></li>
<li><a href="#">Posuere</a></li>
<li><a href="#">Vivamus</a></li>
</ul>
</li>
<li>
Pellentesque
<ul>
<li><a href="#">Imperdiet</a></li>
<li><a href="#">Congue diam</a></li>
<li><a href="#">Mauris</a></li>
<li><a href="#">Eu magna</a></li>
<li><a href="#">Morbi et libero</a></li>
<li><a href="#">Nam ut justo</a></li>
<li><a href="#">Tortor</a></li>
<li><a href="#">Id efficitur</a></li>
<li><a href="#">Nunc rutrum</a></li>
<li><a href="#">Imperdiet</a></li>
</ul>
</li>
<li>
Orci varius
<ul>
<li><a href="#">Penatibus</a></li>
<li><a href="#">Disparturient</a></li>
<li><a href="#">Montes</a></li>
<li><a href="#">Nascetur</a></li>
<li><a href="#">Ridiculus mus</a></li>
<li><a href="#">Vivamus</a></li>
<li><a href="#">Ultrices finibus</a></li>
</ul>
</li>
</ul>
</div>
</div>
-->
<div class="section">
<div id="credits">
<!--
<div class="col">
<p>&copy; Copyright 2017 Company Name.</p>
</div>
<div class="col">
<p><a href="#">Privacy</a> | <a href="#">Terms of Use</a> | <a href="#">Support</a> | <a href="#">Site Map</a></p>
</div>
-->
<div class="col">
<p class="right"><a href="http://mlpdesign.net">HTML & CSS</a> by MLPdesign</p>
</div>
</div>
</div>
</div>
</body>
</html>

View File

@ -0,0 +1,6 @@
- var title = "Community Involvement"
include ../includes/head.pug
include ../includes/footer.pug

54
templates/education.pug Normal file
View File

@ -0,0 +1,54 @@
- var title = "Education"
include ../includes/head.pug
div.section
div.pageitem
h2 University Teaching
h3 University-Level Courses Taught
ul.left-align
// li
// li University of California, Davis Physical Geography, Analysis of Landforms
p University of California, Davis Physical Geography, Analysis of Landforms
// li
// li Montana State University Physical Geography, Weather and Climate
p Montana State University Physical Geography, Weather and Climate
// li
// li Shippensburg University Physical Geography, Introduction to the Atmosphere, Climatology, Meteorology, Geography Seminar, Applied Meteorology and Climatology, The Atmospheric Environment; Field courses: Geography of Vietnam, Environmental Science in Australia, Geography and Geology of Northern Arizona
p Shippensburg University Physical Geography, Introduction to the Atmosphere, Climatology, Meteorology, Geography Seminar, Applied Meteorology and Climatology, The Atmospheric Environment; Field courses: Geography of Vietnam, Environmental Science in Australia, Geography and Geology of Northern Arizona
// li
// li University of Colorado at Boulder Climate and Vegetation
p University of Colorado at Boulder Climate and Vegetation
// li
// li US Naval Academy Global Climate Change
p US Naval Academy Global Climate Change
div.pageitem
h2 Educational Resources
h3 Children's Science Books Authored/Co-authored
h4 What in the World is Happening to Our Climate?
p.left-align This Elementary GLOBE Climate Book was co-authored by Becca Hatheway and Diane Stanitski with illustrations by Lisa Gardiner. You can find PDFs of the text in English, Spanish, French and Norwegian, and five teacher activities here:
a(href="https://www.globe.gov/web/elementary-globe/overview/climate") https://www.globe.gov/web/elementary-globe/overview/climate
p.left-align
| GLOBE stands for Global Learning and Observations to Benefit of the Environment (
a(href="https://www.globe.gov/about") https://www.globe.gov/about
| )
h4 NOAA Teacher at Sea books
p Teacher at Sea: Miss Cook's Voyage on the Ronald H. Brown
p Teacher in the Air: Dr. Diane's Flight with the NOAA Hurricane Hunters
p Teacher at Sea, Mrs. Armwood's Hydrographic Adventure on the NOAA Ship FAIRWEATHER
p Teacher at Sea: Mr. Tanenbaum Explores Atlantic Fisheries on the NOAA Ship Henry B. Bigelow
br
p
| Diane authored/co-authored four NOAA Teacher at Sea (TAS) books and accompanying teacher activities between 2005 and 2009. The updated TAS website will soon feature the books and lessons here:
a(href="https://teacheratsea.noaa.gov") https://teacheratsea.noaa.gov
| . (The site is under construction)
include ../includes/footer.pug

View File

@ -2,26 +2,26 @@ include ../includes/head.pug
div.section
div.pageitem
h2 Aenean at Ipsum
p
em Phasellus quis felis lacinia.
h2 Diane Stanitski
// p
// em Phasellus quis felis lacinia.
div.pageitem
div.col
a(href="education.html")
img(src="images/5._Elementary_GLOBE_Climate_Book_Cover.jpg")
br
Education
| Education
div.col
a(href="outreach.html")
img(src="images/Diane_Student_Scammon_Bay.png")
br
Outreach
| Outreach
div.col
a(href="community-involvement.html")
img(src="https://placeimg.com/200/200/nature")
img(src="images/earth-small.png")
br
Community Involvement
| Community Involvement
// div.pageitem
// p Phasellus ac leo eget felis egestas vestibulum nec at velit. Vivamus venenatis, nibh ut tempus viverra, tellus augue pulvinar sapien, at iaculis justo nisi non metus. Quisque quis malesuada arcu, sed ultricies nibh. Duis vehicula metus quis arcu rutrum faucibus eget ut ex. Curabitur lacus justo, iaculis congue suscipit quis, posuere at turpis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec in quam non urna volutpat consequat. Proin mollis ut mauris et venenatis. Vivamus dui nibh, blandit vitae pellentesque sed, finibus sit amet nulla.
@ -31,12 +31,12 @@ div.section
h2 Biography
div.pageitem.left-align
p Dr. Diane Stanitski graduated from SUNY Geneseo in 1989 with a double major in Geography and Communications while also spending four years on the intercollegiate womens soccer team as a Geneseo Knight. Her growing interest in climate led her to graduate school at Arizona State University where she had the opportunity to conduct fieldwork at the top of the Greenland Ice Sheet and across the Juneau Icefield in Alaska. She completed her dissertation research along the Colorado River studying the impacts of Glen Canyon Dam on the downstream riparian climate.
p Dr. Diane Stanitski graduated from SUNY Geneseo in 1989 with a double major in Geography and Communications while also spending four years on the intercollegiate women's soccer team as a Geneseo Knight. Her growing interest in climate led her to graduate school at Arizona State University where she had the opportunity to conduct fieldwork at the top of the Greenland Ice Sheet and across the Juneau Icefield in Alaska. She completed her dissertation research along the Colorado River studying the impacts of Glen Canyon Dam on the downstream riparian climate.
br
p In 1997, Diane became a professor in the Geography-Earth Science Department at Shippensburg University, PA where she taught meteorology, climatology and environmental science courses and also field courses in the outback of Australia, the depths of the Grand Canyon, and rural Vietnam. After a 3-week journey to the tropical Pacific as a Teacher at Sea conducting El Nino fieldwork, Diane transitioned to working for the National Oceanic and Atmospheric Administration (NOAA) where she received the NOAA Environmental Hero Award for her work in science education. Diane first worked as a program manager in the NOAA Climate Program Office, supporting an international OceanSITES program that involved populating the ocean with buoys and emerging technology to improve our understanding of the changing climate.
br
p Diane now serves as Deputy Director of the NOAA Global Monitoring Laboratory (GML) in Boulder, Colorado, overseeing atmospheric monitoring stations around the world where critical observations are made of greenhouse gases and other important atmospheric constituents. The science conducted in GML contributes to the Intergovernmental Panel on Climate Change (IPCC) and other major scientific reports. Additionally, Diane serves as co-chair of the US Global Change Research Programs Observations Interagency Working Group, coordinating NOAA's climate observing efforts with other federal agencies. She previously served as the Executive Director of the PA Geographical Society, Director of the Climate Specialty Group of the Association of American Geographers, and a co-chair of the American Meteorological Societys Symposium on Education.
p Diane now serves as Deputy Director of the NOAA Global Monitoring Laboratory (GML) in Boulder, Colorado, overseeing atmospheric monitoring stations around the world where critical observations are made of greenhouse gases and other important atmospheric constituents. The science conducted in GML contributes to the Intergovernmental Panel on Climate Change (IPCC) and other major scientific reports. Additionally, Diane serves as co-chair of the US Global Change Research Program's Observations Interagency Working Group, coordinating NOAA's climate observing efforts with other federal agencies. She previously served as the Executive Director of the PA Geographical Society, Director of the Climate Specialty Group of the Association of American Geographers, and a co-chair of the American Meteorological Society's Symposium on Education.
br
p Diane has co-authored five childrens science books and enjoys traveling, sailing, cycling, ham radio, and volunteering in her church and community. Her career has taken her to more than 40 countries across six continents. She also taught climate change and geography courses at the US Naval Academy, University of Colorado at Boulder, and Montana State University during her 15-year teaching career.
p Diane has co-authored five children's science books and enjoys traveling, sailing, cycling, ham radio, and volunteering in her church and community. Her career has taken her to more than 40 countries across six continents. She also taught climate change and geography courses at the US Naval Academy, University of Colorado at Boulder, and Montana State University during her 15-year teaching career.
include ../includes/footer.pug

52
templates/outreach.pug Normal file
View File

@ -0,0 +1,52 @@
- var title = "Outreach"
include ../includes/head.pug
div.section
div.pageitem
h2 Outreach
img(src="images/Diane_Student_Scammon_Bay.png")
h3.left-align University Level Courses Taught
ul.left-align
li
p University of California, Davis Physical Geography, Analysis of Landforms
li
p Montana State University Physical Geography, Weather and Climate
li
p Shippensburg University Physical Geography, Introduction to the Atmosphere, Climatology, Meteorology, Geography Seminar, Applied Meteorology and Climatology, The Atmospheric Environment; Field courses: Geography of Vietnam, Environmental Science in Australia, Geography and Geology of Northern Arizona
li
p University of Colorado at Boulder Climate and Vegetation
li
p US Naval Academy Global Climate Change
div.pageitem
h2 Educational Resources
h3 Children's Science Books Authored/Co-authored
h4 What in the World is Happening to Our Climate?
p.left-align
| This Elementary GLOBE Climate Book was co-authored by Becca Hatheway and Diane Stanitski with illustrations by Lisa Gardiner. You can find PDFs of the text in English, Spanish, French and Norwegian, and five teacher activities here:
a(href="https://www.globe.gov/web/elementary-globe/overview/climate") https://www.globe.gov/web/elementary-globe/overview/climate
p.left-align
| GLOBE stands for Global Learning and Observations to Benefit of the Environment (
a(href="https://www.globe.gov/about") https://www.globe.gov/about
| )
h4 NOAA Teacher at Sea books
p Teacher at Sea: Miss Cook's Voyage on the Ronald H. Brown
p Teacher in the Air: Dr. Diane's Flight with the NOAA Hurricane Hunters
p Teacher at Sea, Mrs. Armwood's Hydrographic Adventure on the NOAA Ship FAIRWEATHER
p Teacher at Sea: Mr. Tanenbaum Explores Atlantic Fisheries on the NOAA Ship Henry B. Bigelow
br
p
| Diane authored/co-authored four NOAA Teacher at Sea (TAS) books and accompanying teacher activities between 2005 and 2009. The updated TAS website will soon feature the books and lessons here:
a(href="https://teacheratsea.noaa.gov") https://teacheratsea.noaa.gov
| . (The site is under construction)
include ../includes/footer.pug