Add pug files

.gitignore

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

build.sh

@@ -6,13 +6,16 @@ cd "${BASH_SOURCE[0]%/*}"
 rm -rf build
 mkdir build
 
-(
+./node_modules/.bin/pug ./templates/
-	echo "Building HTML"
+mv ./templates/*.html build/
-	shopt -s extglob
+
-	while IFS= read -r -d '' || [[ "${REPLY}" ]]; do
+# (
-		cat header.html "${REPLY}" footer.html >"./build/${REPLY}"
+# 	echo "Building HTML"
-    	done < <(find . -maxdepth 1 -type f -name '*.html' -not -name 'header.html' -and -not -name 'footer.html' -print0)
+# 	shopt -s extglob
-)
+# 	while IFS= read -r -d '' || [[ "${REPLY}" ]]; do
+# 		cat header.html "${REPLY}" footer.html >"./build/${REPLY}"
+#     	done < <(find . -maxdepth 1 -type f -name '*.html' -not -name 'header.html' -and -not -name 'footer.html' -print0)
+# )
 
 cp -vr css/ images/ build/
 

includes/footer.pug

@@ -0,0 +1,42 @@
+div.section
+    div.pageitem
+        h2 Get in touch!
+
+    div.pageitem
+        div.col
+            // a(href="#")
+            img(src="images/fa.png")
+            p Email.
+            | &#x64;&#x72;&#x2E;&#x64;&#x69;&#x61;&#x6E;&#x65;<span style="display: none"> well hello there &#x2603; :)</span>
+            | &#x40;
+            | geocation.com
+        div.col
+            a(href="#")
+                img(src="images/tw.png")
+                p Follow.
+                | We are on Twitter
+                br
+                | twitter.com/foo-template
+        div.col
+            a(href="#")
+                img(src="images/in.png")
+                p Like.
+                | We are on Instagram
+                br
+                | instagram.com/foo-template
+        div.col
+            a(href="#")
+                img(src="images/go.png")
+                p +1.
+                | We are on Google+
+                br
+                | plus.google.com/foo-template
+
+div.section
+    div#credits
+        div.col
+            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
+            p.right <a href="http://mlpdesign.net">HTML & CSS</a> by MLPdesign

includes/head.pug

@@ -0,0 +1,54 @@
+doctype html
+html(lang="en")
+    head
+        meta(charset="utf-8")
+        meta(http-equiv="X-UA-Compatible" content="IE=edge")
+        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")
+        title geocation.com
+        link(rel="stylesheet" href="css/style.css")
+        link(rel="stylesheet" href="css/custom.css")
+body
+    div(id="menu")
+        nav
+            label(for="show-menu" class="responsive") &#9776
+            input(type="checkbox" id="show-menu" role="button")
+            ul(id="topnav")
+                li
+                    span(class="icon")
+                        a(href="#" title="Your Logo" class="logo") 👽
+                li
+                    a(href="education.html") Education
+                li
+                    a(href="outreach.html") Outreach
+                li
+                    a(href="community-involvement.html") Community Involvement
+                li
+                    a(href="contact.html") Contact
+                // li
+                //     a(href="#") Help-->
+                // li
+                //     span.icon
+                //         a(href="#" class="search") 🔍
+            span.hide
+                a(href="#" title="Your Logo" class="logo") 👽
+            span.hide
+                a(href="#" class="search") 🔍
+
+    div(id="container")
+    div(id="pageheader")
+        div(class="col")
+            a(href="index.html")
+                h1 Geocation
+        div(class="col")
+            ul#sub
+                li
+                    a(href="education.html") Education
+                li
+                    a(href="outreach.html") Outreach
+                li
+                    a(href="community-involvement.html") Community Involvement
+                li
+                    a(href="contact.html") Contact

package.json

@@ -0,0 +1,8 @@
+{
+  "dependencies": {
+    "pug-cli": "^1.0.0-alpha6"
+  },
+  "devDependencies": {
+    "pug": "^3.0.2"
+  }
+}

templates/index.pug

@@ -0,0 +1,42 @@
+include ../includes/head.pug
+
+div.section
+    div.pageitem
+        h2 Aenean at Ipsum
+        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
+        div.col
+            a(href="outreach.html")
+                img(src="images/Diane_Student_Scammon_Bay.png")
+                br
+                Outreach
+        div.col
+            a(href="community-involvement.html")
+                img(src="https://placeimg.com/200/200/nature")
+                br
+                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.
+
+div.section
+    div.pageitem
+        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 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 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 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