瀏覽代碼

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 年之前
父節點
當前提交
feae14ab1a
共有 2 個檔案被更改,包括 20 行新增7 行删除
  1. +8
    -5
      static/sass/about.sass
  2. +12
    -2
      templates/about.html

+ 8
- 5
static/sass/about.sass 查看文件

@@ -25,19 +25,19 @@ div.bg
background: url(../img/about/bg2.png) no-repeat
background-size: cover
height: $img-height + 300
top: 1150px
top: 1800px

&#img-3
background: url(../img/about/bg3.png) no-repeat
background-size: cover
height: $img-height + 300
top: 2050px
top: 2650px

&#img-4
background: url(../img/about/bg4.png) no-repeat
background-size: cover
height: $img-height + 400
top: 3200px
top: 4000px

div.section
background-color: white
@@ -51,14 +51,17 @@ div.section
&#top
margin-top: 0px

div#wrap
h2
color: $baseColor1
margin-top: 40px

div.video
width: 100%
position: relative
padding-top: 56.782% // aspect ration, 9 / 16

iframe#vimeo
border: 1px solid $baseColor3
margin-top: 40px

position: absolute
top: 0


+ 12
- 2
templates/about.html 查看文件

@@ -28,11 +28,21 @@
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.

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"
webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</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>



Loading…
取消
儲存