Add more changes

This commit is contained in:
Austen Adler 2022-04-10 12:57:02 -04:00
parent 0836ec1596
commit e95df47664
14 changed files with 211 additions and 78 deletions

1
.gitignore vendored
View File

@ -1,2 +1,3 @@
/assets/* /assets/*
!/assets/.gitkeep !/assets/.gitkeep
/build/

13
README.adoc Normal file
View File

@ -0,0 +1,13 @@
= geocation.com
== TODO
=== From Diane
* [ ] Get rid of the top green strip?
=== For Me
* [ ] Figure out contact info
* [ ] Font?
* [ ] Make it so links are underlined when not hovered

View File

@ -16,9 +16,19 @@ mkdir build
cp -vr css/ images/ build/ cp -vr css/ images/ build/
# ( render_image() {
# echo "Building images" local SIZE="${1}" FILENAME="${2}" EXTRA_OPTIONS=(-auto-orient)
# for i in ./assets/*.*; do shift 2
# if (($(stat -c %Y "${i}") > $(stat -c %Y "${i}"))); then if [[ "${1}" == "--square" ]]; then
# fi EXTRA_OPTIONS+=(-background none -gravity center -extent "${SIZE}")
# ) fi
convert -resize "${SIZE}^" "${EXTRA_OPTIONS[@]}" "orig/${FILENAME}" "build/images/${FILENAME}"
}
render_image 200x200 "5._Elementary_GLOBE_Climate_Book_Cover.jpg" --square
render_image 200x200 "Diane_Student_Scammon_Bay.png" --square
echo "Stripping metadata"
exiftool -overwrite_original -all= -- build/images/*.*
echo "Website built $(date)"

View File

0
contact.html Normal file
View File

3
css/custom.css Normal file
View File

@ -0,0 +1,3 @@
.left-align {
text-align: left;
}

43
education.html Normal file
View File

@ -0,0 +1,43 @@
<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,3 +1,50 @@
<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 class="section">
<div id="credits"> <div id="credits">
<div class="col"><p>&copy; Copyright 2017 Company Name.</p></div> <div class="col"><p>&copy; Copyright 2017 Company Name.</p></div>

View File

@ -1,6 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<script type="text/javascript" src="https://livejs.com/live.js"></script>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>geocation.com</title> <title>geocation.com</title>
@ -9,6 +10,7 @@
<meta name="author" content="mlp design"> <meta name="author" content="mlp design">
<meta name="robots" content="index, follow"> <meta name="robots" content="index, follow">
<link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/custom.css">
</head> </head>
<body> <body>
@ -18,12 +20,12 @@
<input type="checkbox" id="show-menu" role="button"> <input type="checkbox" id="show-menu" role="button">
<ul id="topnav"> <ul id="topnav">
<li><span class="icon"><a href="#" title="Your Logo" class="logo">&#x1F47d;</a></span></li> <li><span class="icon"><a href="#" title="Your Logo" class="logo">&#x1F47d;</a></span></li>
<li><a href="#">Profile</a></li> <li><a href="education.html">Education</a></li>
<li><a href="#">Gallery</a></li> <li><a href="outreach.html">Outreach</a></li>
<li><a href="#">Archive</a></li> <li><a href="community-involvement.html">Community Involvement</a></li>
<li><a href="#">Links</a></li> <li><a href="contact.html">Contact</a></li>
<li><a href="#">Help</a></li> <!--<li><a href="#">Help</a></li>-->
<li><span class="icon"><a href="#" class="search">&#x1f50d;</a></span></li> <!--<li><span class="icon"><a href="#" class="search">&#x1f50d;</a></span></li>-->
</ul> </ul>
<span class="hide"><a href="#" title="Your Logo" class="logo">&#x1F47d;</a></span> <span class="hide"><a href="#" title="Your Logo" class="logo">&#x1F47d;</a></span>
<span class="hide"><a href="#" class="search">&#x1F50d;</a></span> <span class="hide"><a href="#" class="search">&#x1F50d;</a></span>
@ -33,14 +35,14 @@
<div id="container"> <div id="container">
<div id="pageheader"> <div id="pageheader">
<div class="col"> <div class="col">
<h1>Lorem Ipsum</h1> <a href="index.html"><h1>Geocation</h1></a>
</div> </div>
<div class="col"> <div class="col">
<ul id="sub"> <ul id="sub">
<li><a href="#">some</a></li> <li><a href="education.html">Education</a></li>
<li><a href="#">sub</a></li> <li><a href="outreach.html">Outreach</a></li>
<li><a href="#">menu</a></li> <li><a href="community-involvement.html">Community Involvement</a></li>
<li><a href="#">items</a></li> <li><a href="contact.html">Contact</a></li>
</ul> </ul>
</div> </div>
</div> </div>

Binary file not shown.

After

Width:  |  Height:  |  Size: 50 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 933 KiB

View File

@ -6,79 +6,48 @@
<div class="pageitem"> <div class="pageitem">
<div class="col"> <div class="col">
<img src="https://placeimg.com/200/200/animals"> <a href="education.html">
<img src="images/5._Elementary_GLOBE_Climate_Book_Cover.jpg">
<br> <br>
Education Education
</a>
</div> </div>
<div class="col"> <div class="col">
<img src="https://placeimg.com/200/200/arch"> <a href="outreach.html">
<img src="images/Diane_Student_Scammon_Bay.png">
<br> <br>
Outreach Outreach
</a>
</div> </div>
<div class="col"> <div class="col">
<a href="community-involvement.html">
<img src="https://placeimg.com/200/200/nature"> <img src="https://placeimg.com/200/200/nature">
<br> <br>
Community Involvement Community Involvement
</a>
</div> </div>
</div> </div>
<!--
<div class="pageitem"> <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> <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> </div>
<div class="section"> <div class="section">
<div class="pageitem"> <div class="pageitem">
<h2>Nulla at Tempus</h2> <h2>Biography</h2>
</div> </div>
<div class="pageitem"> <div class="pageitem left-align">
<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> <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>
</div>
</div>
<div class="section">
<div class="pageitem">
<h2>Get Social</h2>
</div>
<div class="pageitem">
<div class="col">
<a href="#">
<img src="images/fa.png">
<p>Visit</p>
We are on Facebook
<br> <br>
facebook.com/foo-template <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>
</a>
</div>
<div class="col">
<a href="#">
<img src="images/tw.png">
<p>Follow</p>
We are on Twitter
<br> <br>
twitter.com/foo-template <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>
</a>
</div>
<div class="col">
<a href="#">
<img src="images/in.png">
<p>Like</p>
We are on Instagram
<br> <br>
instagram.com/foo-template <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>
</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> </div>

45
outreach.html Normal file
View File

@ -0,0 +1,45 @@
<div class="section">
<div class="pageitem">
<h2>Outreach</h2>
<img src="images/Diane_Student_Scammon_Bay.png" />
<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>