CINXE.COM
Pike Brewing Company Press Kit
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Pike Brewing Company Press Kit</title> <link rel="icon" type="image/png" href="https://media-cdn.getbento.com/accounts/f5dd32d1e737f9f4859de5b251f087b3/media/images/43767p-favi.png" /> <style> @font-face { font-family: 'Circular'; font-style: normal; font-weight: 400; src: url('https://media-cdn.getbento.com/fonts/circular/CircularStd-Book.otf') format('opentype'), url('https://media-cdn.getbento.com/fonts/circular/CircularStd-Book.eot?#iefix') format('embedded-opentype'), url('https://media-cdn.getbento.com/fonts/circular/CircularStd-Book.woff') format('woff'), url('https://media-cdn.getbento.com/fonts/circular/CircularStd-Book.woff2') format('woff2'), url('https://media-cdn.getbento.com/fonts/circular/CircularStd-Book.ttf') format('truetype'), url('https://media-cdn.getbento.com/fonts/circular/CircularStd-Book.svg') format('svg'); font-display: swap; } @font-face { font-family: 'Circular'; src: url('https://media-cdn.getbento.com/fonts/circular/CircularStd-Medium.otf') format('opentype'), url('https://media-cdn.getbento.com/fonts/circular/CircularStd-Medium.eot?#iefix') format('embedded-opentype'), url('https://media-cdn.getbento.com/fonts/circular/CircularStd-Medium.woff') format('woff'), url('https://media-cdn.getbento.com/fonts/circular/CircularStd-Medium.woff2') format('woff2'), url('https://media-cdn.getbento.com/fonts/circular/CircularStd-Medium.ttf') format('truetype'), url('https://media-cdn.getbento.com/fonts/circular/CircularStd-Medium.svg') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Circular'; src: url('https://media-cdn.getbento.com/fonts/circular/CircularStd-Bold.otf') format('opentype'), url('https://media-cdn.getbento.com/fonts/circular/CircularStd-Bold.eot?#iefix') format('embedded-opentype'), url('https://media-cdn.getbento.com/fonts/circular/CircularStd-Bold.woff') format('woff'), url('https://media-cdn.getbento.com/fonts/circular/CircularStd-Bold.woff2') format('woff2'), url('https://media-cdn.getbento.com/fonts/circular/CircularStd-Bold.ttf') format('truetype'), url('https://media-cdn.getbento.com/fonts/circular/CircularStd-Bold.svg') format('svg'); font-weight: 700; font-style: normal; font-display: swap; } * { box-sizing: border-box; } html, body { margin: 0; padding: 0; } body { font-family: Circular, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; background-color: #f5f5f6; color: #30323b; font-size: 16px; line-height: 1; font-weight: 400; } a { color: inherit; text-decoration: none; outline: none; } a:hover { color: #f16852; } .logo { max-width: 288px; display: block; margin: 0 auto 35px auto; } .img-responsive { max-width: 100%; } .site-padding { padding: 0 15px; } .text-align-center { text-align: center; } .portal { max-width: 510px; margin: 80px auto 0; } .portal--card { background-color: white; border-radius: 4px; border: 1px solid #e5e5e6; box-shadow: 0 2px 3px 0 rgba(229, 229, 230, 0.5); padding: 25px 30px; margin-bottom: 16px; } .portal--card-title { font-size: 22px; font-weight: 500; margin: 0 0 15px 0; padding: 0; } .portal--card-description { margin: 0; padding: 0; color: #363740; line-height: 1.2; } .portal--form-fields { margin-top: 20px; } .portal--form-field { margin-bottom: 16px; position: relative; } .portal--form-field:last-of-type { margin-bottom: 0; } .portal--form-field label { display: inline-block; visibility: hidden; font-size: 16px; background-color: white; padding: 5px 5px 0px; position: absolute; top: 3px; left: 4px; transition: transform 300ms, fontSize 300ms; pointer-events: none; } .portal--form-field label.active { font-size: 14px; visibility: visible; top: 4px; -webkit-transform: translateY(-18px); transform: translateY(-18px); } .portal--form-field.has-error input { border-color: rgb(241, 85, 65); } .portal--form-field input { width: 100%; border-radius: 4px; box-shadow: rgba(186, 188, 193, 0.3) 0px 0.125rem 0.375rem inset; border: 1px solid rgb(186, 188, 193); background-color: white; padding: 8px; outline: none; height: 2rem; color: rgba(48, 50, 59); } ::-webkit-input-placeholder, ::-moz-input-placeholder, ::-ms-input-placeholder { color: #30323B; } .portal--form-field input:focus { box-shadow: none; border: 2px solid rgb(111, 212, 219); } .portal--form-submit { color: white; letter-spacing: 1px; padding: 16px 24px; text-transform: uppercase; box-shadow: rgb(229, 229, 230) 0.125rem 0.25rem 0.1875rem; background: linear-gradient(rgb(0, 186, 198), rgb(111, 212, 219)); width: 100%; margin-bottom: 30px; border-radius: 4px; font-weight: 700; cursor: pointer; outline: none; border: none; } .portal--form-submit:hover { background: linear-gradient(rgb(0, 186, 198), rgb(0, 186, 198)); } .portal--form-field input, .portal--form-submit { font-family: Circular, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; font-size: inherit; } .error { display: flex; padding-top: 8px; margin-bottom: 16px; } .error .error--icon { font-weight: 400; background-color: rgb(241, 85, 65); color: white; font-size: 0.875rem; letter-spacing: 0.2px; text-align: center; height: 18px; line-height: 18px; padding: 0 8px 1.6px 8px; margin-right: 8px; border-radius: 8px; display: block; } .error .error--message { font-size: 1rem; color: rgb(241, 85, 65); margin: 0; } .alert { text-align: center; background-color: rgb(241, 85, 65); max-height: 400px; color: white; overflow: hidden; border-radius: 4px; padding: 16px; margin-bottom: 16px; } .alert p { margin: 0 0 8px 0; padding: 0; } .alert p:last-of-type { margin-bottom: 0; } @media (min-width: 568px) { .portal { margin-top: 199px; } } </style> <script>var __uzdbm_1 = "b4183a68-3a39-4c36-95d7-e3be199276f4";var __uzdbm_2 = "MzFiYmRlOTUtY3Uwbi00MDY0LTk5MDktMzQzNmNkNzFmZWMzJDguMjIyLjIwOC4xNDY=";var __uzdbm_3 = "";var __uzdbm_4 = "false";var __uzdbm_5 = "";var __uzdbm_6 = "";var __uzdbm_7 = "";</script> <script> (function (w, d, e, u, c, g, a, b) { w["SSJSConnectorObj"] = w["SSJSConnectorObj"] || { ss_cid: c, domain_info: "auto", }; w[g] = function (i, j) { w["SSJSConnectorObj"][i] = j; }; a = d.createElement(e); a.async = true; if ( navigator.userAgent.indexOf('MSIE') !== -1 || navigator.appVersion.indexOf('Trident/') > -1 ) { u = u.replace("/advanced/", "/advanced/ie/"); } a.src = u; b = d.getElementsByTagName(e)[0]; b.parentNode.insertBefore(a, b); })( window, document, "script", "https://origin-secure-prod-radware.getbento.com/18f5227b-e27b-445a-a53f-f845fbe69b40/stormcaster.js", "cu0p", "ssConf" ); ssConf("c1", "https://origin-secure-prod-radware.getbento.com"); ssConf("c3", "c99a4269-161c-4242-a3f0-28d44fa6ce24"); ssConf("au", "origin-secure-prod-radware.getbento.com"); ssConf("cu", "validate.perfdrive.com, ssc"); </script></head> <body> <div class="portal site-padding"> <a class="logo" href="/"> <img class="img-responsive" src="https://media-cdn.getbento.com/accounts/f5dd32d1e737f9f4859de5b251f087b3/media/images/43617Pike-Master-Contained-MultiA-Dark_1.png" alt="Pike Brewing Company Logo" /> </a> <form class="portal--form" action="" method="post" autocomplete="off"> <input type="hidden" name="csrfmiddlewaretoken" value="Ama19je6OXcExS5lbmLJ46hQvaTwd6A3aNLzc7CUrfs6IPhaPe9yXJIOYuy03YCb"> <div class="portal--card"> <h2 class="portal--card-title text-align-center">Press Kit Log In</h2> <p class="portal--card-description text-align-center">Please enter a password to view the media kit.</p> <div class="portal--form-fields"> <div class="portal--form-field"> <label for="password">Password</label> <input type="password" id="password" name="password" placeholder="Password" autocomplete="new-password" /> </div> </div> </div> <button id="submit-form" class="portal--form-submit" type="submit">Login</button> </form> <div class="portal--footer text-align-center"> <a href="mailto:mbeach@pikebrewing.com" target="_blank">Email mbeach@pikebrewing.com to obtain a password</a> </div> <script type="text/javascript"> (function(){ // Fires when the DOM is ready ready(function() { var query = document.querySelectorAll('.portal--form-field'), fields = []; if (query.length !== 0) { query.forEach(function(field) { fields.push(new FormField(field)); }); } }); function FormField(element) { this._element = element this._input = this._element.querySelector('input'); this._label = this._element.querySelector('label'); this.placeholder = this._input.getAttribute('placeholder'); if (this._input === null || this._label === null) return this._input.addEventListener('focus', this.activeState.bind(this)) this._input.addEventListener('click', this.activeState.bind(this)); this._input.addEventListener('blur', this.resetState.bind(this)); }; FormField.prototype.activeState = function(event) { this._label.classList.add('active'); this._input.setAttribute('placeholder', ''); }; FormField.prototype.resetState = function(event) { this._label.classList.remove('active'); this._input.setAttribute('placeholder', this.placeholder); }; function ready(fn) { if (document.attachEvent ? document.readyState === 'complete' : document.readyState !== 'loading') { fn(); } else { document.addEventListener('DOMContentLoaded', fn); } } })(); </script> <script type="text/javascript" src="https://app-assets.getbento.com/analytics/4413d56/bento-analytics.min.js" data-bentoanalytics='{"account": "pikebrewing", "theme": "osaka", "template": "press_kit/authenticate.html", "preset": "nori-preset", "cartType": "", "indicativeApiKey": "62e150f7-1993-460b-90ab-1bb1bd494ad7", "snowplowAppId": "customer-websites", "snowplowCollectorUrl": "com-getbento-prod1.collector.snplow.net", "devMode": false, "templateNameFromMapping": ""}'></script></body></html>