static/sass/about.sass, templates/about.html -Embed our NYTM demo video in the about page, beneath the original demo video. -Change video `div`'s specifier from `#wrap` to `.video`.develop
| @@ -25,19 +25,19 @@ div.bg | |||||
| background: url(../img/about/bg2.png) no-repeat | background: url(../img/about/bg2.png) no-repeat | ||||
| background-size: cover | background-size: cover | ||||
| height: $img-height + 300 | height: $img-height + 300 | ||||
| top: 1150px | |||||
| top: 1800px | |||||
| &#img-3 | &#img-3 | ||||
| background: url(../img/about/bg3.png) no-repeat | background: url(../img/about/bg3.png) no-repeat | ||||
| background-size: cover | background-size: cover | ||||
| height: $img-height + 300 | height: $img-height + 300 | ||||
| top: 2050px | |||||
| top: 2650px | |||||
| &#img-4 | &#img-4 | ||||
| background: url(../img/about/bg4.png) no-repeat | background: url(../img/about/bg4.png) no-repeat | ||||
| background-size: cover | background-size: cover | ||||
| height: $img-height + 400 | height: $img-height + 400 | ||||
| top: 3200px | |||||
| top: 4000px | |||||
| div.section | div.section | ||||
| background-color: white | background-color: white | ||||
| @@ -51,14 +51,17 @@ div.section | |||||
| &#top | &#top | ||||
| margin-top: 0px | margin-top: 0px | ||||
| div#wrap | |||||
| h2 | |||||
| color: $baseColor1 | |||||
| margin-top: 40px | |||||
| div.video | |||||
| width: 100% | width: 100% | ||||
| position: relative | position: relative | ||||
| padding-top: 56.782% // aspect ration, 9 / 16 | padding-top: 56.782% // aspect ration, 9 / 16 | ||||
| iframe#vimeo | iframe#vimeo | ||||
| border: 1px solid $baseColor3 | border: 1px solid $baseColor3 | ||||
| margin-top: 40px | |||||
| position: absolute | position: absolute | ||||
| top: 0 | top: 0 | ||||
| @@ -28,11 +28,21 @@ | |||||
| language, which allows users to search for specific languages, files, dates of creation and last modifcation, | language, which allows users to search for specific languages, files, dates of creation and last modifcation, | ||||
| and symbols (function, class, and variable names), amongst other attributes. | and symbols (function, class, and variable names), amongst other attributes. | ||||
| Watch our introductory video: | |||||
| <div id="wrap"> | |||||
| <h2> | |||||
| Our demo video: | |||||
| </h2> | |||||
| <div class="video"> | |||||
| <iframe id="vimeo" src="//player.vimeo.com/video/98697078" width="100%" height="100%" frameborder="0" | <iframe id="vimeo" src="//player.vimeo.com/video/98697078" width="100%" height="100%" frameborder="0" | ||||
| webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> | webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> | ||||
| </div> | </div> | ||||
| <h2> | |||||
| Our demo at the New York Tech Meetup: | |||||
| </h2> | |||||
| <div class="video"> | |||||
| <iframe id="vimeo" src="//player.vimeo.com/video/106072869" width="100%" height="100%" frameborder="0" | |||||
| webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> | |||||
| </div> | |||||
| </div> | </div> | ||||
| </div> | </div> | ||||