Browse Source

Embed our NYTM demo video in the about page.

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
Severyn Kozak 10 years ago
parent
commit
feae14ab1a
2 changed files with 20 additions and 7 deletions
  1. +8
    -5
      static/sass/about.sass
  2. +12
    -2
      templates/about.html

+ 8
- 5
static/sass/about.sass View File

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


+ 12
- 2
templates/about.html View File

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




Loading…
Cancel
Save