Separate mixins

This commit is contained in:
Austen Adler 2022-04-17 19:35:41 -04:00
parent 8401827475
commit 25a1014d30
5 changed files with 72 additions and 53 deletions

View File

@ -8,7 +8,12 @@
=== For Me
* [ ] Figure out contact info
* [ ] Font?
* [ ] Make it so links are underlined when not hovered
* [ ] All images with `Hawk` should be attributed
* [x] Remove contact information
* [ ] Move email address to to the top
* [ ] The Educational Resources page is almost perfect. The only thing I would recommend is changing the size of the book title at the top to a larger font size, and reducing the size of the words while adding a bit to it as here: "Children's Science Books Authored/Co-authored by Diane"
* [ ] On the Outreach page, can you move the first caption info "See the highlights of their trip at https://ryanhawk.com/noaa-teacher-at-sea-mary <https://ryanhawk.com/noaa-teacher-at-sea-mary>" to the next line below so its all on the same line? I think that would look a little cleaner.
* [ ] On the Community Involvement site, can you add the following: "Become a member of your local amateur radio club as a licensed ham! Diane is a member of the Indian Peaks Radio Club (IPRC) and serves as secretary for the club. Check out the IPRC website at: https://indianpeaksradioclub.org/."
* [ ] Community Involvement site, can you please add a bullet stating "Offset your carbon footprint by buying climate credits to support greening projects across the globe. One of many organizations you can work with to do this is Climate Stewards at https://climatestewardsusa.org/ <https://climatestewardsusa.org/>."

View File

@ -1,39 +1,49 @@
div.section
div.pageitem
h2 Get in touch!
include ../includes/mixins.pug
div.pageitem.table
div.col
// div.section
// div.pageitem
// h2 Get in touch!
// div.pageitem.table
// div.col
// // a(href="#")
// img(src="images/fa.png" alt="Facebook logo")
// 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/fa.png" alt="Facebook logo")
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" alt="Twitter logo")
p Follow.
| We are on Twitter
br
| twitter.com/foo-template
div.col
a(href="#")
img(src="images/in.png" alt="Instagram logo")
p Like.
| We are on Instagram
br
| instagram.com/foo-template
div.col
a(href="#")
img(src="images/go.png" alt="Google Plus logo")
p +1.
| We are on Google+
br
| plus.google.com/foo-template
// img(src="images/tw.png" alt="Twitter logo")
// p Follow.
// | We are on Twitter
// br
// | twitter.com/foo-template
// div.col
// a(href="#")
// img(src="images/in.png" alt="Instagram logo")
// p Like.
// | We are on Instagram
// br
// | instagram.com/foo-template
// div.col
// a(href="#")
// img(src="images/go.png" alt="Google Plus logo")
// 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
// 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
| by MLPdesign
// | and
// a(href="https://austenadler.com") austenadler.com

View File

@ -1,3 +0,0 @@
br
| Photo courtesy:
a(href="https://ryanhawk.com/") RyanHawk.com

View File

@ -1,3 +1,5 @@
include ../includes/mixins.pug
doctype html
html(lang="en")
head
@ -70,16 +72,3 @@ mixin bigimage(src, alt, ryanhawk)
block
if ryanhawk
+ryanhawk
mixin ryanhawk
br
| Photo courtesy:
a(href="https://ryanhawk.com/") RyanHawk.com
// mixin img_big(src, alt, href)
// if href
// a(href=href)
// img.big(src=src, alt=alt)
// else
// a(href="#{src}.")
// img.big(src=src, alt=alt)

18
includes/mixins.pug Normal file
View File

@ -0,0 +1,18 @@
mixin email
| &#x64;&#x72;&#x2E;&#x64;&#x69;&#x61;&#x6E;&#x65;<span style="display: none"> well hello there &#x2603; :)</span>
| &#x40;
| geocation.com
mixin ryanhawk
br
| Photo courtesy:
a(href="https://ryanhawk.com/") RyanHawk.com
// mixin img_big(src, alt, href)
// if href
// a(href=href)
// img.big(src=src, alt=alt)
// else
// a(href="#{src}.")
// img.big(src=src, alt=alt)