Sam Chi samsjchi
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <title><%= title="" %=""></%=></title> | |
| <style> | |
| body{margin:0}.c-content{background:#000;overflow:hidden;margin:0;padding-bottom:56.25%;height:0}.c-video-wrapper{margin:0;width:100%}.c-video{display:block;width:100%}.disable-cropping{-webkit-transform:scale(.7);transform:scale(.7);-webkit-transform-origin:top;transform-origin:top;background-color:#000} | |
| </style> | |
| <div class="js-external-css"> | |
| <style> |
samsjchi
/ fm-global-impact-video.html
Created
September 10, 2018 21:04
FM Global Impact+ Video Unit
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <title><%= title="" %=""></%=></title> | |
| <meta name="ad.size" content="width=300,height=250"> | |
| <style> | |
| body{margin:0;font-weight:100;font-family:-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Segoe UI,Arial,sans-serif}a,body{color:#fff}a{text-decoration:none}h1,h2{margin:0;line-height:1.5}.c-video-wrapper{position:relative;height:0;width:100%;margin:0;float:left;overflow:hidden;z-index:1;transition-duration:.5s;transition-timing-function:ease-in-out;transition-property:opacity,-webkit-transform,-webkit-filter;transition-property:transform,filter,opacity;transition-property:transform,filter,opacity,-webkit-transform,-webkit-filter;opacity:.85;-webkit-transform:scale(1.5);transform:scale(1.5);-webkit-filter:blur(5px);filter:blur(5px);padding-bottom:56.25%}@media (min-width:600px){.c-video-wrapper{padding-bottom:40%}}@media (min-width:1440px){.c-video-wrapper{padding-bottom:33%}}.is-viewable .c-video-wrapper{opacity:1;-webkit-transform:none;transform:none;-webkit-filter:blur(0);fi |
samsjchi
/ hbo-deuce-cineflex-2.html
Created
September 4, 2018 21:45
HBO's "The Deuce" Cineflex Unit 2 (Tonight)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <title><%= title="" %=""></%=></title> | |
| <style> | |
| body{margin:0}.c-content{background:#000;overflow:hidden;margin:0;padding-bottom:56.25%;height:0}.c-video-wrapper{margin:0;width:100%}.c-video{display:block;width:100%}.disable-cropping{-webkit-transform:scale(.7);transform:scale(.7);-webkit-transform-origin:top;transform-origin:top;background-color:#000} | |
| </style> | |
| <div class="js-external-css"> | |
| <style> |
samsjchi
/ hbo-deuce-cineflex-1.html
Created
September 4, 2018 21:34
HBO's "The Deuce" Cineflex Unit 1 (Sunday)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <title><%= title="" %=""></%=></title> | |
| <style> | |
| body{margin:0}.c-content{background:#000;overflow:hidden;margin:0;padding-bottom:56.25%;height:0}.c-video-wrapper{margin:0;width:100%}.c-video{display:block;width:100%}.disable-cropping{-webkit-transform:scale(.7);transform:scale(.7);-webkit-transform-origin:top;transform-origin:top;background-color:#000} | |
| </style> | |
| <div class="js-external-css"> | |
| <style> |
samsjchi
/ hbo-deuce-impact-video.html
Last active
September 12, 2018 19:42
HBO's "The Deuce" Impact Video Unit (Sunday)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <title><%= title="" %=""></%=></title> | |
| <meta name="ad.size" content="width=300,height=250"> | |
| <style> | |
| body{margin:0;font-weight:100;font-family:-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Segoe UI,Arial,sans-serif}a,body{color:#fff}a{text-decoration:none}h1,h2{margin:0;line-height:1.5}.c-video-wrapper{position:relative;height:0;width:100%;margin:0;float:left;overflow:hidden;z-index:1;transition-duration:.5s;transition-timing-function:ease-in-out;transition-property:opacity,-webkit-transform,-webkit-filter;transition-property:transform,filter,opacity;transition-property:transform,filter,opacity,-webkit-transform,-webkit-filter;opacity:.85;-webkit-transform:scale(1.5);transform:scale(1.5);-webkit-filter:blur(5px);filter:blur(5px);padding-bottom:56.25%}@media (min-width:600px){.c-video-wrapper{padding-bottom:40%}}@media (min-width:1440px){.c-video-wrapper{padding-bottom:33%}}.is-viewable .c-video-wrapper{opacity:1;-webkit-transform:none;transform:none;-webkit-filter:blur(0);fi |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <title><%= title="" %=""></%=></title> | |
| <style> | |
| body{margin:0}.c-content{background:#000;overflow:hidden;margin:0;padding-bottom:56.25%;height:0}.c-video-wrapper{margin:0;width:100%}.c-video{display:block;width:100%}.disable-cropping{-webkit-transform:scale(.7);transform:scale(.7);-webkit-transform-origin:top;transform-origin:top;background-color:#000} | |
| </style> | |
| <div class="js-external-css"> | |
| <style> |
samsjchi
/ annapurna-cineflex.html
Last active
August 27, 2018 17:50
Annapurna (Operation Finale) Cineflex Unit
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <title><%= title="" %=""></%=></title> | |
| <style> | |
| body{margin:0}.c-content{background:#000;overflow:hidden;margin:0;padding-bottom:56.25%;height:0}.c-video-wrapper{margin:0;width:100%}.c-video{display:block;width:100%}.disable-cropping{-webkit-transform:scale(.7);transform:scale(.7);-webkit-transform-origin:top;transform-origin:top;background-color:#000} | |
| </style> | |
| <div class="js-external-css"> | |
| <style> |
samsjchi
/ showtime-cineflex-0907.html
Last active
August 28, 2018 16:37
Showtime Cineflex Unit (9/7)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <title><%= title="" %=""></%=></title> | |
| <style> | |
| body{margin:0}.c-content{background:#000;overflow:hidden;margin:0;padding-bottom:56.25%;height:0}.c-video-wrapper{margin:0;width:100%}.c-video{display:block;width:100%}.disable-cropping{-webkit-transform:scale(.7);transform:scale(.7);-webkit-transform-origin:top;transform-origin:top;background-color:#000} | |
| </style> | |
| <div class="js-external-css"> | |
| <style> |
samsjchi
/ jpmc-storyboard-201808.html
Last active
August 24, 2018 20:15
JPMC Storyboard Unit (Aug. 2018)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <title><%= title="" %=""></%=></title> | |
| <meta name="ad.size" content="width=300,height=250"> | |
| <style> | |
| *{-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden}body{margin:0;overflow:hidden;position:relative;width:100vw}.c-content{width:100%;max-width:95%;font-family:-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Segoe UI,Arial,sans-serif;border:1px solid #ddd;border-radius:2px;margin:0 auto;box-sizing:border-box}.c-content,.c-content__inner{position:relative;overflow:hidden}.c-content__inner{border-radius:2px;border:2px solid transparent}.c-bar{background:#4f4f4f;color:#fff;text-align:center;font-size:12px;padding:10px 20px;text-transform:uppercase}.c-slides-wrapper{width:100%;overflow:hidden}.swipe-wrap>li+li{position:absolute}.c-slides{padding:0;list-style-type:none}.c-slide,.c-slides{width:100%;overflow:hidden;position:relative;margin:0}.c-slide{height:0;background-position:50%;background-size:cover;padding:0 0 132.53333%;displ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <title><%= title="" %=""></%=></title> | |
| <meta name="ad.size" content="width=300,height=250"> | |
| <style> | |
| *{-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden}body{margin:0;font-family:Neutral Std,-apple-system,BlinkMacSystemFont,Helvetica Neue,Roboto,Segoe UI,Arial,sans-serif}.c-content{background:#585858;overflow:hidden;position:absolute;width:100%;line-height:1.25}.c-cards{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:0 0 50px 20px;margin:0;list-style-type:none;overflow-x:scroll;overflow-y:visible;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;position:relative;left:90%;transition:left .5s ease-in-out}.c-cards::-webkit-scrollbar,.c-cards::-webkit-scrollbar-thumb,.c-cards::-webkit-scrollbar-track{display:none}.c-cards>li::first-child{margin-left:275px}.c-cards>li::last-child{margin-right:275px}.is |
NewerOlder