Separate mixins
This commit is contained in:
Austen Adler
parent
8401827475
commit
25a1014d30
@ -8,7 +8,12 @@
|
|||||||
|
|
||||||
=== For Me
|
=== For Me
|
||||||
|
|
||||||
* [ ] Figure out contact info
|
|
||||||
* [ ] Font?
|
* [ ] Font?
|
||||||
* [ ] Make it so links are underlined when not hovered
|
|
||||||
* [ ] All images with `Hawk` should be attributed
|
* [ ] 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 it’s 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/>."
|
||||||
|
|||||||
@ -1,39 +1,49 @@
|
|||||||
div.section
|
include ../includes/mixins.pug
|
||||||
div.pageitem
|
|
||||||
h2 Get in touch!
|
|
||||||
|
|
||||||
div.pageitem.table
|
// div.section
|
||||||
div.col
|
// div.pageitem
|
||||||
// a(href="#")
|
// h2 Get in touch!
|
||||||
img(src="images/fa.png" alt="Facebook logo")
|
|
||||||
p Email.
|
// div.pageitem.table
|
||||||
| dr.diane<span style="display: none"> well hello there ☃ :)</span>
|
// div.col
|
||||||
| @
|
// // a(href="#")
|
||||||
| geocation.com
|
// img(src="images/fa.png" alt="Facebook logo")
|
||||||
div.col
|
// p Email.
|
||||||
a(href="#")
|
// | dr.diane<span style="display: none"> well hello there ☃ :)</span>
|
||||||
img(src="images/tw.png" alt="Twitter logo")
|
// | @
|
||||||
p Follow.
|
// | geocation.com
|
||||||
| We are on Twitter
|
// div.col
|
||||||
br
|
// a(href="#")
|
||||||
| twitter.com/foo-template
|
// img(src="images/tw.png" alt="Twitter logo")
|
||||||
div.col
|
// p Follow.
|
||||||
a(href="#")
|
// | We are on Twitter
|
||||||
img(src="images/in.png" alt="Instagram logo")
|
// br
|
||||||
p Like.
|
// | twitter.com/foo-template
|
||||||
| We are on Instagram
|
// div.col
|
||||||
br
|
// a(href="#")
|
||||||
| instagram.com/foo-template
|
// img(src="images/in.png" alt="Instagram logo")
|
||||||
div.col
|
// p Like.
|
||||||
a(href="#")
|
// | We are on Instagram
|
||||||
img(src="images/go.png" alt="Google Plus logo")
|
// br
|
||||||
p +1.
|
// | instagram.com/foo-template
|
||||||
| We are on Google+
|
// div.col
|
||||||
br
|
// a(href="#")
|
||||||
| plus.google.com/foo-template
|
// img(src="images/go.png" alt="Google Plus logo")
|
||||||
|
// p +1.
|
||||||
|
// | We are on Google+
|
||||||
|
// br
|
||||||
|
// | plus.google.com/foo-template
|
||||||
|
|
||||||
div.section
|
div.section
|
||||||
div#credits
|
div#credits
|
||||||
div.col: p © Copyright 2017 Company Name.
|
// div.col: p © 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 <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.right
|
||||||
|
a(href="http://mlpdesign.net") HTML & CSS
|
||||||
|
| by MLPdesign
|
||||||
|
// | and
|
||||||
|
// a(href="https://austenadler.com") austenadler.com
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@ -1,3 +0,0 @@
|
|||||||
br
|
|
||||||
| Photo courtesy:
|
|
||||||
a(href="https://ryanhawk.com/") RyanHawk.com
|
|
||||||
@ -1,3 +1,5 @@
|
|||||||
|
include ../includes/mixins.pug
|
||||||
|
|
||||||
doctype html
|
doctype html
|
||||||
html(lang="en")
|
html(lang="en")
|
||||||
head
|
head
|
||||||
@ -70,16 +72,3 @@ mixin bigimage(src, alt, ryanhawk)
|
|||||||
block
|
block
|
||||||
if ryanhawk
|
if ryanhawk
|
||||||
+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
18
includes/mixins.pug
Normal file
@ -0,0 +1,18 @@
|
|||||||
|
mixin email
|
||||||
|
| dr.diane<span style="display: none"> well hello there ☃ :)</span>
|
||||||
|
| @
|
||||||
|
| 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)
|
||||||
Loading…
Reference in New Issue
Block a user