diff --git a/assets/.sass-cache/458a88471b7b2ee36ac0bdca6c07a08fe1279dec/_about.scssc b/assets/.sass-cache/458a88471b7b2ee36ac0bdca6c07a08fe1279dec/_about.scssc index f60c963..db4102e 100644 Binary files a/assets/.sass-cache/458a88471b7b2ee36ac0bdca6c07a08fe1279dec/_about.scssc and b/assets/.sass-cache/458a88471b7b2ee36ac0bdca6c07a08fe1279dec/_about.scssc differ diff --git a/assets/.sass-cache/458a88471b7b2ee36ac0bdca6c07a08fe1279dec/_hero.scssc b/assets/.sass-cache/458a88471b7b2ee36ac0bdca6c07a08fe1279dec/_hero.scssc index fdc82d7..78e2560 100644 Binary files a/assets/.sass-cache/458a88471b7b2ee36ac0bdca6c07a08fe1279dec/_hero.scssc and b/assets/.sass-cache/458a88471b7b2ee36ac0bdca6c07a08fe1279dec/_hero.scssc differ diff --git a/assets/.sass-cache/458a88471b7b2ee36ac0bdca6c07a08fe1279dec/_spacer.scssc b/assets/.sass-cache/458a88471b7b2ee36ac0bdca6c07a08fe1279dec/_spacer.scssc index 33c045f..5db52e6 100644 Binary files a/assets/.sass-cache/458a88471b7b2ee36ac0bdca6c07a08fe1279dec/_spacer.scssc and b/assets/.sass-cache/458a88471b7b2ee36ac0bdca6c07a08fe1279dec/_spacer.scssc differ diff --git a/assets/css/master.css b/assets/css/master.css index 13ad810..89842b9 100644 --- a/assets/css/master.css +++ b/assets/css/master.css @@ -68,12 +68,16 @@ footer { .container--hero { background: url("../imgs/header2.png"); + background-repeat: no-repeat; background-size: cover; - height: 85vh; + height: 125vh; width: 100%; display: flex; align-items: center; - justify-content: center; } + justify-content: center; + z-index: 0; + position: relative; + top: -20px; } .container--hero .hero--text { width: 75%; color: white; @@ -81,35 +85,33 @@ footer { .container--hero .hero--text a { text-shadow: none; } -.container--about h1, .container--about h5 { - color: #00838E; } -.container--about h1 { - -webkit-text-stroke: 2px #00838E; - color: white; - text-shadow: 2px 2px 0 #00838E, -2px -2px 0 #00838E, 2px -2px 0 #00838E, -2px 2px 0 #00838E, 2px 2px 0 #00838E; } -.container--about p, .container--about h5 { - text-align: center; } -.container--about .row:first-of-type { - display: flex; - justify-content: space-between; } - .container--about .row:first-of-type .col:first-of-type { - margin-left: 0; } - .container--about .row:first-of-type .col h3 { - font-style: italic; - color: black; } -.container--about .row:last-of-type p { - text-align: left; } -.container--about .row:last-of-type a { - font-size: 1.2em; } +.container--about { + z-index: 5; + position: relative; + top: -200px; } + .container--about h1, .container--about h5 { + color: #00838E; } + .container--about h1 { + -webkit-text-stroke: 2px #00838E; + color: white; + text-shadow: 2px 2px 0 #00838E, -2px -2px 0 #00838E, 2px -2px 0 #00838E, -2px 2px 0 #00838E, 2px 2px 0 #00838E; } + .container--about p, .container--about h5 { + text-align: center; } + .container--about .row:first-of-type { + display: flex; + justify-content: space-between; } + .container--about .row:first-of-type .col:first-of-type { + margin-left: 0; } + .container--about .row:first-of-type .col h3 { + font-style: italic; + color: black; } + .container--about .row:last-of-type p { + text-align: left; } + .container--about .row:last-of-type a { + font-size: 1.2em; } -.container--spacer { - background: url("../imgs/middle2.png"); - background-size: cover; - background-repeat: no-repeat; - background-position: right; - height: 60vh; - width: 100%; - margin: 3em 0; } +.parallax-container .parallax { + height: 400px; } .container--coc { margin-bottom: 40px; } diff --git a/assets/css/master.css.map b/assets/css/master.css.map index 7a0059d..74cded8 100644 --- a/assets/css/master.css.map +++ b/assets/css/master.css.map @@ -1,6 +1,6 @@ { "version": 3, -"mappings": "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", +"mappings": "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", "sources": ["../scss/page_setup/_typography.scss","../scss/page_setup/_page-reset.scss","../scss/page_setup/_colors.scss","../scss/page_sections/_all.scss","../scss/page_sections/_hero.scss","../scss/page_sections/_about.scss","../scss/page_sections/_spacer.scss","../scss/page_sections/_coc.scss"], "names": [], "file": "master.css" diff --git a/assets/imgs/header3.png b/assets/imgs/header3.png new file mode 100644 index 0000000..872981f Binary files /dev/null and b/assets/imgs/header3.png differ diff --git a/assets/scss/page_sections/_about.scss b/assets/scss/page_sections/_about.scss index b301ec2..a035717 100644 --- a/assets/scss/page_sections/_about.scss +++ b/assets/scss/page_sections/_about.scss @@ -1,4 +1,7 @@ .container--about { + z-index: 5; + position: relative; + top: -200px; h1, h5 { color: $teal; } diff --git a/assets/scss/page_sections/_hero.scss b/assets/scss/page_sections/_hero.scss index 9fde6f5..02f7640 100644 --- a/assets/scss/page_sections/_hero.scss +++ b/assets/scss/page_sections/_hero.scss @@ -1,11 +1,15 @@ .container--hero { background: url("../imgs/header2.png"); + background-repeat: no-repeat; background-size: cover; - height: 85vh; + height: 125vh; width: 100%; display: flex; align-items: center; justify-content: center; + z-index: 0; + position: relative; + top: -20px; .hero--text { width: 75%; color: white; diff --git a/assets/scss/page_sections/_spacer.scss b/assets/scss/page_sections/_spacer.scss index 9a6b10c..a5d5d5c 100644 --- a/assets/scss/page_sections/_spacer.scss +++ b/assets/scss/page_sections/_spacer.scss @@ -1,9 +1,18 @@ -.container--spacer { - background: url("../imgs/middle2.png"); - background-size: cover; - background-repeat: no-repeat; - background-position: right; - height: 60vh; - width: 100%; - margin: 3em 0; +// .container--spacer { +// background: url("../imgs/header3.png"); +// background-size: cover; +// background-repeat: no-repeat; +// background-position: right; +// height: 100vh; +// width: 100%; +// // margin: 3em 0; +// position: relative; +// top: -200px; +// z-index: 1; +// } + +.parallax-container { + .parallax { + height: 400px; + } } diff --git a/index.html b/index.html index 18e2df1..40414d0 100644 --- a/index.html +++ b/index.html @@ -75,10 +75,16 @@

Community Values

-
+ + + +
+
+

The Women Who Code

CODE OF CONDUCT

diff --git a/js/scripts.js b/js/scripts.js index efd8ef5..b407238 100644 --- a/js/scripts.js +++ b/js/scripts.js @@ -2,3 +2,9 @@ document.addEventListener('DOMContentLoaded', function() { var elems = document.querySelectorAll('.collapsible'); var instances = M.Collapsible.init(elems); }); + + +document.addEventListener('DOMContentLoaded', function() { + var spacer = document.querySelectorAll('.parallax'); + var instances = M.Parallax.init(spacer); + });