Continue work

This commit is contained in:
Austen Adler 2022-04-13 20:07:19 -04:00
parent 0c4a243911
commit 5f1542b8e0
10 changed files with 228 additions and 137 deletions

View File

@ -6,8 +6,7 @@ cd "${BASH_SOURCE[0]%/*}"
rm -rf build rm -rf build
mkdir build mkdir build
./node_modules/.bin/pug ./templates/ ./node_modules/.bin/pug -o build/ ./templates/
mv ./templates/*.html build/
# ( # (
# echo "Building HTML" # echo "Building HTML"
@ -23,17 +22,40 @@ render_image() {
local SIZE="${1}" FILENAME="${2}" EXTRA_OPTIONS=(-auto-orient) local SIZE="${1}" FILENAME="${2}" EXTRA_OPTIONS=(-auto-orient)
EXTENSION="${FILENAME##*.}" EXTENSION="${FILENAME##*.}"
shift 2 shift 2
if [[ "${1-}" == "--square" ]]; then if [[ "${SIZE}" != "full" ]]; then
EXTRA_OPTIONS+=(-background none -gravity center -extent "${SIZE}") EXTRA_OPTIONS+=(-resize "${SIZE}x${SIZE}^")
fi if [[ "${1-}" == "--square" ]]; then
convert -resize "${SIZE}^" "${EXTRA_OPTIONS[@]}" "orig/${FILENAME}" "build/images/${FILENAME%.*}-${SIZE}.${EXTENSION}" EXTRA_OPTIONS+=(-background none -gravity center -extent "${SIZE}x${SIZE}")
fi
fi
convert "${EXTRA_OPTIONS[@]}" "orig/${FILENAME}" "build/images/${FILENAME%.*}-${SIZE}.${EXTENSION}"
} }
render_image 200x200 "5._Elementary_GLOBE_Climate_Book_Cover.jpg" --square render_image 200 "5._Elementary_GLOBE_Climate_Book_Cover.jpg" --square
render_image 200x200 "Diane_Student_Scammon_Bay.png" --square render_image 200 "Diane_Student_Scammon_Bay.png" --square
render_image 200x200 "earth-small.png" --square render_image 200 "earth-small.png" --square
render_image 1000x1000 "earth-huge.png" --square render_image 215 "1._TAS_Miss_Cook_Book_Cover.png"
render_image 1000x1000 "Diane_Student_Scammon_Bay.png" render_image 215 "2._TIA_Book_Cover.png"
render_image 215 "3._TAS_Hydrography_Book_Cover.png"
render_image 215 "4._TAS_Fisheries_book_Cover.png"
render_image 215 "5._Elementary_GLOBE_Climate_Book_Cover.jpg"
render_image full "earth-huge.png"
# Scammon
render_image full "Scammon_2017-11-04RHawk206AlaskaNOAA.jpg"
render_image full "Scammon_2017-11-04RHawk334AlaskaNOAA.jpg"
render_image full "Scammon_2017-11-04RHawk366AlaskaNOAA.jpg"
render_image full "Scammon_2017-11-04RHawk414AlaskaNOAA.jpg"
render_image full "Scammon_2017-11-04RHawk423AlaskaNOAA.jpg"
render_image full "Diane_Student_Scammon_Bay.png"
# JASON
render_image full "JASON_3D_Climate_Seas_of_Change_Cover.png"
render_image full "JASON_Learning-_climate_expedition_2.png"
render_image full "JASON_Learning_Climate-Seas_of_Change-Cover-2015.png"
render_image full "Stanitski_Adler_JASON_Argonauts_2.png"
render_image full "Stanitski_Adler_JASON_Argonauts.png"
render_image full "Stanitski_JASON.jpg"
echo "Stripping metadata" echo "Stripping metadata"
exiftool -overwrite_original -all= -- build/images/*.* exiftool -overwrite_original -all= -- build/images/*.*

View File

@ -1,13 +1,17 @@
.left-align { .left-align {
text-align: left; text-align: left;
} }
img.thumbnail { img.thumbnail {
border-radius: 50%; border-radius: 50%;
-webkit-border-radius: 50%; -webkit-border-radius: 50%;
-moz-border-radius: 50%; -moz-border-radius: 50%;
} }
img.big { img.big {
width: 100%; width: 100%;
}
.float-right {
float: right;
} }

48
css/slidy.css Normal file
View File

@ -0,0 +1,48 @@
@keyframes slideshow {
0% {
left: 0%;
}
20% {
left: 0%;
}
40% {
left: -100%;
}
55% {
left: -100%;
}
70% {
left: -200%;
}
85% {
left: -200%;
}
100% {
left: -300%;
}
}
/*
body {
margin: 0;
}
*/
div#slider {
overflow: hidden;
}
div#slider > figure > img {
width: 20%;
float: left;
}
div#slider > figure {
position: relative;
width: 500%;
margin: 0;
left: 0;
text-align: left;
font-size: 0;
animation: 20s slideshow infinite;
}

View File

@ -34,9 +34,6 @@ div.section
div.section div.section
div#credits div#credits
div.col div.col: p © Copyright 2017 Company Name.
p &copy; Copyright 2017 Company Name. div.col: p <a href="#">Privacy</a> | <a href="#">Terms of Use</a> | <a href="#">Support</a> | <a href="#">Site Map</a>
div.col div.col: p.right <a href="http://mlpdesign.net">HTML & CSS</a> by MLPdesign
p <a href="#">Privacy</a> | <a href="#">Terms of Use</a> | <a href="#">Support</a> | <a href="#">Site Map</a>
div.col
p.right <a href="http://mlpdesign.net">HTML & CSS</a> by MLPdesign

View File

@ -13,49 +13,53 @@ html(lang="en")
title Geocation title Geocation
link(rel="stylesheet" href="css/style.css") link(rel="stylesheet" href="css/style.css")
link(rel="stylesheet" href="css/custom.css") link(rel="stylesheet" href="css/custom.css")
link(rel="stylesheet" href="css/slidy.css")
body body
div(id="menu") // div(id="menu")
nav // nav
label(for="show-menu" class="responsive") &#9776 // label(for="show-menu" class="responsive") &#9776
input(type="checkbox" id="show-menu" role="button") // input(type="checkbox" id="show-menu" role="button")
ul(id="topnav") // ul(id="topnav")
li // li: span(class="icon")
span(class="icon") // a(href="#" title="Your Logo" class="logo") &#x1F47d;
a(href="#" title="Your Logo" class="logo") &#x1F47d; // li: a(href="teaching.html") Teaching
li // li: a(href="education.html") Education
a(href="education.html") Education // li: a(href="outreach.html") Outreach
li // li: a(href="community-involvement.html") Community Involvement
a(href="outreach.html") Outreach // // li: a(href="contact.html") Contact
li // // li
a(href="community-involvement.html") Community Involvement // // span.icon
// li // // a(href="#" class="search") &#x1f50d;
// a(href="contact.html") Contact // span.hide: a(href="#" title="Your Logo" class="logo") &#x1F47d;
// li // span.hide: a(href="#" class="search") &#x1F50d;
// span.icon
// a(href="#" class="search") &#x1f50d;
span.hide
a(href="#" title="Your Logo" class="logo") &#x1F47d;
span.hide
a(href="#" class="search") &#x1F50d;
div(id="container") // div(id="container")
div(id="pageheader") div(id="pageheader")
div(class="col") div(class="col")
if title if title
h1 h1
a(href="index.html") Geocation a(href="index.html") Geocation
| - #{title} // | | #{title}
else else
a(href="index.html") a(href="index.html"): h1 Geocation
h1 Geocation
div(class="col") div(class="col")
ul#sub ul#sub
li li: a(href="teaching.html") Teaching
a(href="education.html") Education li: a(href="education.html") Education
li li: a(href="outreach.html") Outreach
a(href="outreach.html") Outreach li: a(href="community-involvement.html") Community Involvement
li // li: a(href="contact.html") Contact
a(href="community-involvement.html") Community Involvement
// li mixin bigimage(src, alt, ryanhawk)
// a(href="contact.html") Contact figure
img.big(src=src, alt=alt)
figcaption
p: block
if ryanhawk
+ryanhawk
mixin ryanhawk
br
| Photo courtesy:
a(href="https://ryanhawk.com/") RyanHawk.com

View File

@ -0,0 +1 @@
,stonewareslord,v0,13.04.2022 18:49,file:///home/stonewareslord/.config/libreoffice/4;

View File

@ -2,36 +2,19 @@
include ../includes/head.pug include ../includes/head.pug
div.section 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 div.pageitem
h2 Educational Resources h2 Educational Resources
h3 Children's Science Books Authored/Co-authored h3 Children's Science Books Authored/Co-authored
h4 What in the World is Happening to Our Climate? h4 What in the World is Happening to Our Climate?
div(style="display:block;")
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: img.float-right(src="images/5._Elementary_GLOBE_Climate_Book_Cover-215.jpg", alt="Book cover for '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 a(href="https://www.globe.gov/web/elementary-globe/overview/climate") https://www.globe.gov/web/elementary-globe/overview/climate
p.left-align p.left-align
@ -41,10 +24,21 @@ div.section
h4 NOAA Teacher at Sea books h4 NOAA Teacher at Sea books
p Teacher at Sea: Miss Cook's Voyage on the Ronald H. Brown div(style="display:block;")
p Teacher in the Air: Dr. Diane's Flight with the NOAA Hurricane Hunters p Teacher at Sea: Miss Cook's Voyage on the Ronald H. Brown
p Teacher at Sea, Mrs. Armwood's Hydrographic Adventure on the NOAA Ship FAIRWEATHER img(src="images/1._TAS_Miss_Cook_Book_Cover-215.png")
p Teacher at Sea: Mr. Tanenbaum Explores Atlantic Fisheries on the NOAA Ship Henry B. Bigelow
div(style="display:block;")
p Teacher in the Air: Dr. Diane's Flight with the NOAA Hurricane Hunters
img(src="images/2._TIA_Book_Cover-215.png")
div
p Teacher at Sea, Mrs. Armwood's Hydrographic Adventure on the NOAA Ship FAIRWEATHER
img(src="images/3._TAS_Hydrography_Book_Cover-215.png")
div
p Teacher at Sea: Mr. Tanenbaum Explores Atlantic Fisheries on the NOAA Ship Henry B. Bigelow
img(src="images/4._TAS_Fisheries_book_Cover-215.png")
br br
p 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: | 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:

View File

@ -9,17 +9,17 @@ div.section
div.pageitem div.pageitem
div.col div.col
a(href="education.html") a(href="education.html")
img.thumbnail(src="images/5._Elementary_GLOBE_Climate_Book_Cover-200x200.jpg", alt="Book cover for 'What in the World is Happening to Our Climate?'") img.thumbnail(src="images/5._Elementary_GLOBE_Climate_Book_Cover-200.jpg", alt="Book cover for 'What in the World is Happening to Our Climate?'")
br br
| Education | Education
div.col div.col
a(href="outreach.html") a(href="outreach.html")
img.thumbnail(src="images/Diane_Student_Scammon_Bay-200x200.png", alt="Diane instructing a student at Scammon Bay, AK") img.thumbnail(src="images/Diane_Student_Scammon_Bay-200.png", alt="Diane instructing a student at Scammon Bay, AK")
br br
| Outreach | Outreach
div.col div.col
a(href="community-involvement.html") a(href="community-involvement.html")
img.thumbnail(src="images/earth-small-200x200.png", alt="The Earth from space") img.thumbnail(src="images/earth-small-200.png", alt="The Earth from space")
br br
| Community Involvement | Community Involvement

View File

@ -3,18 +3,56 @@ include ../includes/head.pug
div.section div.section
div.pageitem div.pageitem
h2 NOAA Teacher at Sea - Scammon Bay, AK h2 Outreach
h3 NOAA Teacher at Sea - Scammon Bay, AK
figure figure
img.big(src="images/Diane_Student_Scammon_Bay-1000x1000.png", alt="Diane instructing a student at Scammon Bay, AK") img.big(src="images/Diane_Student_Scammon_Bay-full.png", alt="Diane instructing a student at Scammon Bay, AK")
figcaption figcaption
NOAA Teacher at Sea, Mary Cook, invited Diane Stanitski and John Adler to Scammon Bay, AK in 2017 to teach and interact with her indigenous Yup'ik students. See the highlights of their trip at NOAA Teacher at Sea, Mary Cook, invited Diane Stanitski and John Adler to Scammon Bay, AK in 2017 to teach and interact with her indigenous Yup'ik students. See the highlights of their trip at
a(href="https://ryanhawk.com/noaa-teacher-at-sea-mary") https://ryanhawk.com/noaa-teacher-at-sea-mary a(href="https://ryanhawk.com/noaa-teacher-at-sea-mary") https://ryanhawk.com/noaa-teacher-at-sea-mary
include ../includes/hawk.pug include ../includes/hawk.pug
// div#slider
// +bigimage("images/Scammon_2017-11-04RHawk206AlaskaNOAA-full.jpg", "TODO!", true)
// | Scammon_2017-11-04RHawk206AlaskaNOAA-full.jpg
// +bigimage("images/Scammon_2017-11-04RHawk334AlaskaNOAA-full.jpg", "TODO!", true)
// | Scammon_2017-11-04RHawk334AlaskaNOAA-full.jpg
// +bigimage("images/Scammon_2017-11-04RHawk366AlaskaNOAA-full.jpg", "TODO!", true)
// | Scammon_2017-11-04RHawk366AlaskaNOAA-full.jpg
// +bigimage("images/Scammon_2017-11-04RHawk414AlaskaNOAA-full.jpg", "TODO!", true)
// | Scammon_2017-11-04RHawk414AlaskaNOAA-full.jpg
// +bigimage("images/Scammon_2017-11-04RHawk423AlaskaNOAA-full.jpg", "TODO!", true)
// | Scammon_2017-11-04RHawk423AlaskaNOAA-full.jpg
h2
a(href="https://jason.org/") JASON Learning +bigimage("images/Scammon_2017-11-04RHawk206AlaskaNOAA-full.jpg", "TODO!", true)
| Scammon_2017-11-04RHawk206AlaskaNOAA-full.jpg
+bigimage("images/Scammon_2017-11-04RHawk334AlaskaNOAA-full.jpg", "TODO!", true)
| Scammon_2017-11-04RHawk334AlaskaNOAA-full.jpg
+bigimage("images/Scammon_2017-11-04RHawk366AlaskaNOAA-full.jpg", "TODO!", true)
| Scammon_2017-11-04RHawk366AlaskaNOAA-full.jpg
+bigimage("images/Scammon_2017-11-04RHawk414AlaskaNOAA-full.jpg", "TODO!", true)
| Scammon_2017-11-04RHawk414AlaskaNOAA-full.jpg
+bigimage("images/Scammon_2017-11-04RHawk423AlaskaNOAA-full.jpg", "TODO!", true)
| Scammon_2017-11-04RHawk423AlaskaNOAA-full.jpg
+bigimage("images/JASON_3D_Climate_Seas_of_Change_Cover-full.png", "TODO!")
| JASON_3D_Climate_Seas_of_Change_Cover.png
+bigimage("images/JASON_Learning-_climate_expedition_2-full.png", "TODO!")
| JASON_Learning-_climate_expedition_2.png
+bigimage("images/JASON_Learning_Climate-Seas_of_Change-Cover-2015-full.png", "TODO!")
| JASON_Learning_Climate-Seas_of_Change-Cover-2015.png
+bigimage("images/Stanitski_Adler_JASON_Argonauts_2-full.png", "TODO!")
| Stanitski_Adler_JASON_Argonauts_2.png
+bigimage("images/Stanitski_Adler_JASON_Argonauts-full.png", "TODO!")
| Stanitski_Adler_JASON_Argonauts.png
+bigimage("images/Stanitski_JASON-full.jpg", "TODO!")
| Stanitski_JASON.jpg
h2: a(href="https://jason.org/") JASON Learning
p p
| Diane was a JASON Host Researcher for Expedition 2: Climate Connections — Drift and Flow in the JASON Learning Curriculum, | Diane was a JASON Host Researcher for Expedition 2: Climate Connections — Drift and Flow in the JASON Learning Curriculum,
@ -27,7 +65,7 @@ div.section
p p
| Diane presented | Diane presented
a(href="https://home.edweb.net/webinar/planet20200114/?_ga=2.130302027.510347060.1649016112-644777626.1649016112") Climate Change and Its Impact on the Ocean January 14, 2020 a(href="https://home.edweb.net/webinar/planet20200114/?_ga=2.130302027.510347060.1649016112-644777626.1649016112") Climate Change and Its Impact on the Ocean January 14, 2020
| (Co-hosted by | (Co-hosted by
a(href="https://home.edweb.net/") edWeb.net a(href="https://home.edweb.net/") edWeb.net
| and | and
a(href="https://jason.org/") JASON Learning a(href="https://jason.org/") JASON Learning
@ -39,48 +77,4 @@ div.section
a(href="https://www.youtube.com/watch?v=lN-flOgkafk&list=PLwR00vai5XqrdNSj7qI3_FWJrFWicu1Vh&index=64") Watch on YouTube a(href="https://www.youtube.com/watch?v=lN-flOgkafk&list=PLwR00vai5XqrdNSj7qI3_FWJrFWicu1Vh&index=64") Watch on YouTube
| ) | )
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 include ../includes/footer.pug

27
templates/teaching.pug Normal file
View File

@ -0,0 +1,27 @@
- var title = "Teaching"
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
include ../includes/footer.pug