From 07bfe5c06c686dcf630506484de49d83379c6c98 Mon Sep 17 00:00:00 2001 From: Chris Frommann Date: Tue, 17 Jan 2017 09:53:14 -0500 Subject: [PATCH 1/2] Quickly added 'You'll Never be the Same Again' video as modal on home page of site --- _includes/site_alert.html | 26 ++++++++++++++++---------- _sass/_main.scss | 26 +++++++++++++++++++++++++- img/youtube-play-inverted.png | Bin 0 -> 4824 bytes img/youtube-play.png | Bin 0 -> 5253 bytes index.html | 5 ++++- js/script.js | 21 +++++++++++++++------ 6 files changed, 60 insertions(+), 18 deletions(-) create mode 100644 img/youtube-play-inverted.png create mode 100644 img/youtube-play.png diff --git a/_includes/site_alert.html b/_includes/site_alert.html index 49cd2c9c..bfe860d2 100644 --- a/_includes/site_alert.html +++ b/_includes/site_alert.html @@ -1,13 +1,19 @@
- Close this dialogue -

You are now leaving usds.gov

-

- But you probably knew that already.
- PS: Did we mention we're hiring UX designers? -

-
-

Click the link below to continue:
- -

+
+ Close this dialogue +

You are now leaving usds.gov

+

+ But you probably knew that already.
+ PS: Did we mention we're hiring UX designers? +

+
+

Click the link below to continue:
+ +

+
+
\ No newline at end of file diff --git a/_sass/_main.scss b/_sass/_main.scss index 87ff936d..447d027c 100644 --- a/_sass/_main.scss +++ b/_sass/_main.scss @@ -331,7 +331,7 @@ body { } } // - #site-alert-overlay, #site-alert { + #site-alert-overlay, #site-alert, #site-alert-exit-contents, #site-alert-video { position: fixed; background-color: #ffffff; display: none; @@ -348,6 +348,7 @@ body { left: 50%; padding: 10px; width: 600px; + min-height: 365px; overflow: auto; @include css3-prefix('transform', 'translate(-300px, -150px)'); @include css3-prefix('box-shadow', '0 6px 12px 0px rgba(0, 0, 0, 0.2)'); @@ -363,6 +364,10 @@ body { word-wrap: break-word; } } + #site-alert-video-frame { + width: 580px; + height: 326px; + } @media (max-width: $screen-xs-max) { #site-alert { top: 5%; @@ -381,6 +386,13 @@ body { @media (max-width: $screen-xs-max) { margin-top: $fixed-header-height-mobile; } + + /*.video-play { + img { + width: 128px; + height: 90px; + } + }*/ .jumbotron { width: 100%; @@ -409,6 +421,13 @@ body { line-height: 1.9em; font-weight: 300; } + /*.video-play { + height: 75%; + @include vertically-aligned-parent; + img { + @include vertical-align-relative; + } + }*/ .jumbotron-text { position: absolute; left: 0; @@ -417,6 +436,11 @@ body { margin: 0 auto; padding-bottom: 2em; @include radial-gradient(rgba(0,0,0,0.75) 40%, rgba(0,0,0,0) 70%); + .play-button img { + height: 16px; + width: 23px; + vertical-align: bottom; + } } .ted-teaser { position: absolute; diff --git a/img/youtube-play-inverted.png b/img/youtube-play-inverted.png new file mode 100644 index 0000000000000000000000000000000000000000..bef8cd524a18e3d9b4ec532ff3432c31c12d327f GIT binary patch literal 4824 zcmX9?c|4Tg_rGHpVu*;b#8^TSvS*tSvM(P(Sw|Tm#`qvhOcRxTUy=|Xr0itNI+l>K z4Q0!|WGiC{$?~0kzx&5?&vVc6oOA9u@7H-fk!B{k%#1vY003rvJ#BLUAXE}mGr*|N zhYs77)Q#I$=a#R9my55z)4y1t>Fjj}i`4gYx`#E#Iynb=f5fT*a4tw+Tk~eX#6}jA zF9$ZQyY;6U(i9Cp8%WFNt-4Hq8{s4t11+8tgu~Cd+)W2}^i($U_ovHjZ&hdItFD?96`!>F zoD?<`7dIr?9v`n0$|b@le^`;E`SSJ5pY-TQC1GQNr>$$}{3=CQaPn{CgLPw?aLJy( zJOgHEZ#OKdo@8SOqYH`?eJ6CgSzR0B=o>R`z&#MPrlo)k%cz13o1QnQt z5g)wzEc6040lGx*o9Gh8^MTd(eWzquR9VkM2Ld)=pjwWYmMX`|uU>vsfb=u@Xwu7xf1GJKkv`hKiA@9b; zU~nFJ_Nf4|;_+r=<;7dvBqaH2LEkVvcye|>L1P04qiAsuKzmZ`R38Wk9XRum27tM4 zctI@ZhB=HP!-xV-eHmpgKy7}L!AhlcoCtSfrx+@Sx=}RLcmvy6B1SdwrEJ^6wlwn$5#PPo^&Au zQo%W6W#fe|gy9?8p=zLlhpk0wqXmw6*4`lxsSqM?lcplrL7HHi6yZRoe6Qa@?|Mbdym~jQ) zfHKb(gha+)YaM?Mfs0N>8~{vUQV2IFq#KH025I-|rJ?A30kDTjmxdzZ>H)?PiiQEA zI)VlYNGWRXc_{1jP^t@M#s-2LvjTnAI<~t^}9`=KM!9nYMzGZ ziExz%Qb&~$XF#n}!Vsv}ApS!Y4;S%*0@2)>nwo8Lfgv`6cI7P`d1g!IEKB%;hqw3E z;?dDjQ*UqY02>=C4Njg1Gyvl#!>chi4Zdz#|NJxbwYs`m|D}@GG@84OD+10SG^#+u zqOJD%L;BUbBR&J_g;I9)_`u=U#sjbO^Npseu%DO|6cj8YSQu!a7$ADDFGFGNt8L9o zdCQwOQ@A)dI84%I1oQIq7w<7MGh4F?4l*AGCK(5YX`)3%q@+xm59XssOI1S-cPle9 zGX;#Z)dKhKmp5CH$z=0ry~k3d0s56N2aqgxub;05Kc~dMF>%w%>OsKo?IqKx!0%Z; z(?RQ{qi*)l|LABG02TU{l?r;-AGGCI|IXS9&Q$d`i4{OOeECXPxHI7IzXY)x@}Kgv zHgIy9WB2*q-)zeL^N%!E*c!xq@i?#Q~2h}RH~gB%5FlHB!v(X;R!_)a$k zzJKxJ#m@f5_|AQ8X5Z@q<}~*}Fx|CWxDq4naxX}4Xi(AlMey4gtK8d*Oeo@$p1SFm z-r&^n?91xvDmR0eYq)CGJZ%p!GV$;zDbyUCbKP$<&SbVria`dAmf5!!xVLo}rbz~_ zB%5knBQnqkbXGz-BhOGHf4Jx2$Q(L7k|;6GIx#VE_;ajsL93UK^WMFCr?c+{G*n~6 zX`qpIbO=M~I0++|tlxPm2GDx79zU?OuvoC3 JjzC^Xly74W{ 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 Kw9BqzLjMPGUe06y literal 0 HcmV?d00001 diff --git a/img/youtube-play.png b/img/youtube-play.png new file mode 100644 index 0000000000000000000000000000000000000000..96aa635557933753a9c53c3929b7a21db7598342 GIT binary patch literal 5253 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 literal 0 HcmV?d00001 diff --git a/index.html b/index.html index d26ecd6f..2d64c434 100644 --- a/index.html +++ b/index.html @@ -11,7 +11,10 @@

The United States Digital Service is a startup at The White House, using design
- and technology to deliver better services to the American people. + and technology to deliver better services to the American people.
+ + +