diff --git a/.gitignore b/.gitignore index 96c04cd..0574148 100644 --- a/.gitignore +++ b/.gitignore @@ -300,4 +300,3 @@ xmlrpc.php # Extra -build/ diff --git a/build/css/app.min.css b/build/css/app.min.css new file mode 100644 index 0000000..b1348bb --- /dev/null +++ b/build/css/app.min.css @@ -0,0 +1,2 @@ +@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);.cta--container{position:relative}.cta--inline{overflow:hidden;color:currentColor;font-size:14px;line-height:1.29;display:inline-block;padding-left:35px;margin-left:20px;position:relative;transform:translateZ(0);font-family:Montserrat,sans-serif;font-weight:700}.cta--inline .line{position:absolute;left:0;top:7px;width:25px;height:2px;overflow:hidden;border-radius:5px}.cta--inline .line:before{z-index:1;content:"";background-color:currentColor;position:absolute;left:0;top:0;transform:translateZ(0);width:20px;height:2px;border-radius:50px;transition:width .25s cubic-bezier(.25,.46,.45,.94) .15s,transform .25s cubic-bezier(.25,.46,.45,.94) .15s}.cta--inline .line:after{z-index:1;content:"";background-color:currentColor;position:absolute;left:0;top:0;transform:translate3d(25px,0,0);width:20px;height:2px;border-radius:50px;transition:width .25s cubic-bezier(.25,.46,.45,.94) 0s,transform .25s cubic-bezier(.25,.46,.45,.94) 0s}.cta--inline:hover .line:before{width:25px;transform:translate3d(-100%,0,0);transition-delay:0s}.cta--inline:hover .line:after{width:25px;transform:translateZ(0);transition-delay:.15s}*,:after,:before{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent;box-sizing:inherit;border:0;margin:0;outline:none;padding:0;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,time{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}body,html{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background-color:transparent;margin:0;padding:0;text-rendering:optimizelegibility;width:100%}html{box-sizing:border-box}body{font-style:normal;font-feature-settings:normal;font-variant:normal;letter-spacing:normal;line-height:1;overflow:auto}h1,h2,h3,h4,h5,h6{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:inherit;font-weight:inherit;font-style:normal;font-feature-settings:normal;font-variant:normal;font-family:inherit;letter-spacing:inherit;line-height:inherit;color:inherit;text-rendering:optimizelegibility}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}u{text-decoration:underline}s,strike{text-decoration:line-through}li,ol,ul{list-style:none;margin:0;padding:0}label{cursor:default}button,input,select,textarea{background:none;box-shadow:none;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0 none;padding:0;display:block;margin:0}body,html{width:100vw}.section{position:relative;padding:100px 0;overflow:hidden;width:100%}.section--wrapper{max-width:1244px;padding:0 20px;width:100%;margin:0 auto}.section--grey{background-color:#f4f4f4}.section--half-padding{padding:50px 0}@media screen and (max-width:48em){.section{padding:50px 0}}.indent{margin-left:204px;max-width:898px;width:74.58472%}[data-sfx]{opacity:0;transform:translate3d(0,5px,0);will-change:opacity,transform;transition-duration:.4s;transition-property:opacity,transform;transition-timing-function:cubic-bezier(.555,.205,.295,.975)}.sfx-visible,[data-sfx-static]{opacity:1;transform:translateZ(0)}[data-sfx-fade],[data-sfx-headline],[data-sfx-mask],[data-sfx-paragraph],[data-sfx-static]{transform:none;transition:none}.line-wrapper,[data-sfx-mask]{position:relative;overflow:hidden;transform:none;transition:none}.sfx-mask{background-color:#111;position:absolute;display:block;top:13px;left:0;width:100%;height:80%;z-index:15}.line,.line-wrapper,.paragraph-wrapper{overflow:hidden;white-space:nowrap}.grid{-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap;display:-ms-flexbox;display:flex;margin:-10px;position:relative}.grid__item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;text-align:center;left:0;height:100%;position:absolute;top:0;width:100%;cursor:pointer;overflow:hidden}.grid__item--wrapper{background-color:#fff;width:calc(25% - 20px);margin:10px;position:relative;background-clip:content-box;white-space:normal;-ms-flex:0 0 auto;flex:0 0 auto}.grid__item--wrapper:before{content:"";float:left;padding-top:100%}.grid__item--wrapper:after{content:"";display:table;clear:both}.grid__item--wrapper:hover{-webkit-clip-path:inset(5px 5px);clip-path:inset(5px 5px)}.grid__item--wrapper:hover .grid__item__content-cta{transform:translate3d(-50%,-100%,0)}.grid__item__content{width:100%;padding:20px}.grid__item__content-image{height:70px;margin:0 auto 20px;transform:scale(.75)}.grid__item__content-image svg{width:100%;height:100%}.grid__item__content-text{min-height:80px;font-size:14px;line-height:1.71}.grid__item__content-cta{position:absolute;left:50%;transform:translate3d(-50%,0,0);top:100%;padding-bottom:25px;transition:transform .3s}.grid__item__content-cta a{display:inline-block;padding:6px 20px;border:1px solid #111;position:relative}.grid__item__content-cta a span:after{content:"";position:absolute;width:20px;height:1px;background-color:#111;right:0;top:50%;transform:translate3d(50%,-50%,0);z-index:1}.grid__item__content-cta a:after{position:absolute;content:"";top:50%;right:0;transform:translate3d(50%,-50%,0);height:20px;width:40px;background-color:#fff}.grid__item__content--full{display:none}.grid__content{padding:80px;position:absolute;top:10px;left:10px;z-index:15;width:calc(100% - 20px);height:calc(100% - 20px);pointer-events:none}.grid__content__intro{width:100%;padding:20px;text-align:center}.grid__content__intro--wrapper{z-index:15;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background-clip:content-box;white-space:normal}.grid__content__intro--open{text-align:left}.grid__content__intro--open .grid__content__intro-text{min-height:0}.grid__content__intro-image{height:70px;margin-bottom:20px;left:50%;position:relative;transform:translate3d(-50%,0,0) scale(.75)}.grid__content__intro-image svg{width:100%;height:100%}.grid__content__intro-text{min-height:80px;font-size:14px;line-height:1.71}.grid__content__copy{height:100%;width:100%}.grid__content__copy [data-fade]{opacity:0}.grid__content__copy h2{font-size:50px;line-height:1.2;font-family:Montserrat,sans-serif;font-weight:700}.grid__content__copy h3{font-size:40px;line-height:1.25;font-family:Montserrat,sans-serif;font-weight:700}.grid__content__copy h4{font-size:30px;line-height:1.33;font-family:Montserrat,sans-serif;font-weight:700}.grid__content__copy h5{font-size:20px;line-height:1.5;font-family:Montserrat,sans-serif;font-weight:700}.grid__content__copy h6{font-size:10px;line-height:2;font-family:Montserrat,sans-serif;font-weight:700}.grid__content__copy p{font-size:16px;line-height:1.63;font-family:Montserrat,sans-serif;font-weight:400}.grid__content__close{opacity:0;position:absolute;top:30px;left:30px;height:30px;width:30px;display:block;cursor:pointer;z-index:20;transition:opacity .4s cubic-bezier(.555,.205,.295,.975)}.grid__content__close:after,.grid__content__close:before{content:"";width:2px;position:absolute;border-radius:8px;height:0;background-color:#111;display:block;transition:height .3s ease-in}.grid__content__close:before{transform:rotate(45deg);right:0;top:1px;transform-origin:top right}.grid__content__close:after{transform:rotate(-45deg);transform-origin:top left;top:1px;left:0;transition-delay:.15s}.grid__content--open{pointer-events:auto}.grid__content--open .grid__content__close{opacity:1}.grid__content--open .grid__content__close:after,.grid__content--open .grid__content__close:before{height:41px}.grid__overlay{position:absolute;top:10px;left:10px;pointer-events:none;width:calc(100% - 20px);height:calc(100% - 20px);fill:#fff;z-index:5} +/*# sourceMappingURL=app.min.css.map*/ \ No newline at end of file diff --git a/build/index.html b/build/index.html new file mode 100644 index 0000000..41694e3 --- /dev/null +++ b/build/index.html @@ -0,0 +1,321 @@ + + +
+We partnered with Apple to improve the digital experience for the Beats brand and Apple Support.
+You won’t find one person who handles all the public relations projects or two web developers in the corner acting as an interactive shop. Every department has a full team of people working collaboratively in-house to get the best + results for our clients.
+You won’t find one person who handles all the public relations projects or two web developers in the corner acting as an interactive shop. Every department has a full team of people working collaboratively in-house to get the best + results for our clients.
+You won’t find one person who handles all the public relations projects or two web developers in the corner acting as an interactive shop. Every department has a full team of people working collaboratively in-house to get the best + results for our clients.
+You won’t find one person who handles all the public relations projects or two web developers in the corner acting as an interactive shop. Every department has a full team of people working collaboratively in-house to get the best + results for our clients.
+You won’t find one person who handles all the public relations projects or two web developers in the corner acting as an interactive shop. Every department has a full team of people working collaboratively in-house to get the best + results for our clients.
+We brought storytelling, culture, and positioning to eCommerce, creating a hub that is all things Beats.
+no more world!
+Our new approach for Nixon’s growing reputation wasted no time in turning them into a global leader.
+no more world!
+We’re crafting eCommerce strategy, UX/UI design, and content direction for the new Clarisonic 2017 site.
+no more world!
+We established a new eCommerce experience that drives growth with a focus on brand culture. Launching 2017.
+no more world!
+Our eCommerce platform reflects Keen’s values and, through brand storytelling, aligns it with its community. Launching 2017.
+no more world!
+Our eCommerce strategy reinforced our advertising efforts for REI, realigning the iconic retailer with millennials.
+no more world!
+With Fruit of the Loom, we’re developing strategy, brand, and digital design direction for Russell Athletic’s 2017 site.
+no more world!
+Launching soon, our strategy, design, branding, and development drives commerce through cool surf culture.
+no more world!
+BB Dakota’s bold views on glamour and fashion inspired our branded eCommerce experience - all attitude.
+no more world!
+Our new eCommerce experience brings the Chrome brand to its urban fan base.
+no more world!
+Our time with Nike was about ‘changing the game’ with a bold campaign, creative direction, and emotional connection.
+no more world!
+From strategy, design direction, content creation, and all things between, we repositioned the Incase brand.
+no more world!
+We partnered with Playstation to promote its premier titles to the gamers who love playing them.
+no more world!
+With a sound strategy, we reinvented branded digital education for Fender, with a focus on community.
+no more world!
+Our iterative site redesign for the largest co-working community focuses on brand, community, and conversion.
+no more world!
+