diff options
| -rw-r--r-- | src/templates/templates/index-hero.ftl | 4 | ||||
| -rw-r--r-- | web/images/grow-poster.png | bin | 0 -> 36091 bytes | |||
| -rw-r--r-- | web/style.css | 10 |
3 files changed, 9 insertions, 5 deletions
diff --git a/src/templates/templates/index-hero.ftl b/src/templates/templates/index-hero.ftl index 1dcf2d9..e18e812 100644 --- a/src/templates/templates/index-hero.ftl +++ b/src/templates/templates/index-hero.ftl @@ -1,3 +1,7 @@ <div id="hero"> + <video width="711" height="400" poster="${staticRoot}/images/grow-poster.png" autoplay="autoplay"> + <source src="http://foursquaregrow.s3-website-us-east-1.amazonaws.com/grow-hero.mov" type="video/mp4" /> + <img src="${staticRoot}/images/grow-poster.png" alt="Grow Process" /> + </video> </div> diff --git a/web/images/grow-poster.png b/web/images/grow-poster.png Binary files differnew file mode 100644 index 0000000..35e6e45 --- /dev/null +++ b/web/images/grow-poster.png diff --git a/web/style.css b/web/style.css index 678bdc0..17c1a21 100644 --- a/web/style.css +++ b/web/style.css @@ -72,13 +72,13 @@ header nav { nav ul { list-style: none; - display: inline; - padding-left: 0; + display: inline; + padding-left: 0; } nav ul li { - display: inline; - padding-right: 1em; + display: inline; + padding-right: 1em; } nav.primary a { @@ -101,7 +101,7 @@ nav.primary a.current { } #hero { - background: url('/images/hero.png') #2b2c2b no-repeat top center; + background: #2a2d2a no-repeat top center; width: 100%; color: white; text-align: center; |
