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> | ||||