diff --git a/apple-touch-icon-144x144.png b/apple-touch-icon-144x144.png new file mode 100755 index 0000000..0b6bf17 Binary files /dev/null and b/apple-touch-icon-144x144.png differ diff --git a/apple-touch-icon-152x152.png b/apple-touch-icon-152x152.png new file mode 100755 index 0000000..fa26c3a Binary files /dev/null and b/apple-touch-icon-152x152.png differ diff --git a/css/devchat.css b/css/devchat.css index 30b1602..dc6f236 100755 --- a/css/devchat.css +++ b/css/devchat.css @@ -13,9 +13,9 @@ a { min-width: 100%; padding-top: 100px; padding-bottom: 200px; - background-image: -webkit-linear-gradient(225deg, #5c4fc0, #974fc0); - background-image: linear-gradient(225deg, #5c4fc0, #974fc0); - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + background-image: linear-gradient(225deg, #5c4fc0, #bd399c); + font-family: 'Questrial', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, + sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 400; } @@ -35,11 +35,12 @@ a { margin-left: auto; border-radius: 90px; background-color: #fff; - background-image: url('../images/devchat_logo.png'); - background-position: 17px 50%; - background-size: 100px; + background-image: url(../images/devchatlogo.svg); + background-position: 59% 50%; + background-size: 62px; background-repeat: no-repeat; background-attachment: scroll; + -webkit-box-shadow: 0 33px 120px -25px #26183d, 0 5px 22px -9px #00006b; box-shadow: 0 33px 120px -25px #26183d, 0 5px 22px -9px #00006b; } @@ -67,7 +68,8 @@ a { padding-bottom: 20px; border-style: none; border-radius: 2px; - background-color: hsla(0, 0%, 100%, .15); + background-color: rgba(0, 0, 0, 0.15); + -webkit-box-shadow: none; box-shadow: none; color: #fff; font-size: 18px; @@ -78,9 +80,10 @@ a { .field:focus { border-style: none; border-width: 1px; - border-color: hsla(0, 0%, 100%, .2); - background-color: hsla(0, 0%, 100%, .18); - box-shadow: 0 0 0 1px hsla(0, 0%, 100%, .43); + border-color: rgba(255, 255, 255, 0.2); + background-color: rgba(255, 255, 255, 0.18); + -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.43); + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.43); } .form { @@ -97,6 +100,7 @@ a { padding-left: 30px; border-radius: 2px; background-color: #e2d754; + -webkit-box-shadow: 0 12px 60px -7px #6f6603; box-shadow: 0 12px 60px -7px #6f6603; -webkit-transition: all 200ms ease-out; transition: all 200ms ease-out; @@ -107,17 +111,18 @@ a { .join-button:hover { background-color: #f7f09e; - box-shadow: 0 7px 50px -9px rgba(216, 200, 6, .65); + -webkit-box-shadow: 0 7px 50px -9px rgba(216, 200, 6, 0.65); + box-shadow: 0 7px 50px -9px rgba(216, 200, 6, 0.65); } .join-button:active { - box-shadow: 0 7px 70px -9px rgba(216, 200, 6, .65); + -webkit-box-shadow: 0 7px 70px -9px rgba(216, 200, 6, 0.65); + box-shadow: 0 7px 70px -9px rgba(216, 200, 6, 0.65); color: #5c5196; } .join-button:focus { -webkit-transform: scale(1.03); - -ms-transform: scale(1.03); transform: scale(1.03); } @@ -140,7 +145,7 @@ a { .status { margin-top: 15px; - color: hsla(0, 0%, 100%, .53); + color: rgba(255, 255, 255, 0.53); text-align: center; } @@ -150,26 +155,37 @@ a { } .nr-reg { - color: hsla(0, 0%, 100%, .87); + color: rgba(255, 255, 255, 0.87); font-weight: 700; } .row { padding-top: 20px; padding-bottom: 20px; - border-bottom: 1px solid hsla(0, 0%, 100%, .34); + border-bottom: 1px solid rgba(255, 255, 255, 0.34); } .powered-by { position: fixed; + display: flex; + align-items: center; right: 15px; bottom: 15px; padding: 10px; border-radius: 2px; - background-color: hsla(0, 0%, 100%, .25); + background-color: rgb(138, 115, 206); + -webkit-box-shadow: 0 11px 28px -21px #0c0061; box-shadow: 0 11px 28px -21px #0c0061; } +@supports ((-webkit-backdrop-filter: blur(0px)) or (backdrop-filter: blur(0px))) { + .powered-by { + -webkit-backdrop-filter: blur(20px); + backdrop-filter: blur(20px); + background-color: rgba(255, 255, 255, 0.2); + } +} + .devolio-logo { margin-top: 4px; float: left; @@ -186,7 +202,7 @@ a { .devolio { padding-bottom: 2px; - border-bottom: 1px solid hsla(0, 0%, 100%, .5); + border-bottom: 1px solid rgba(255, 255, 255, 0.5); color: #fff; font-weight: 700; text-decoration: none; @@ -198,19 +214,19 @@ a { font-weight: 700; } -.text-normal-weight { - font-weight: 400; +.text-bold { + font-weight: 600; } .link { -webkit-transition: all 200ms ease-out; transition: all 200ms ease-out; color: #f8ef7c; - text-shadow: 0 0 0 hsla(55, 85%, 79%, 0); + text-shadow: 0 0 0 rgba(247, 239, 156, 0); } .link:hover { - text-shadow: 0 10px 10px rgba(90, 83, 0, .8); + text-shadow: 0 10px 10px rgba(90, 83, 0, 0.8); } .login-container { @@ -236,9 +252,7 @@ a { .login { display: inline-block; padding: 5px 9px; - opacity: 0.6; color: #fff; - font-weight: 300; } .login.login-button { @@ -276,8 +290,9 @@ a { .form-error { padding-top: 18px; border-radius: 2px; - background-color: rgba(221, 79, 34, .25); - box-shadow: 0 0 0 6px rgba(223, 72, 52, .72); + background-color: rgba(221, 79, 34, 0.25); + -webkit-box-shadow: 0 0 0 6px rgba(223, 72, 52, 0.72); + box-shadow: 0 0 0 6px rgba(223, 72, 52, 0.72); color: #fff; font-size: 1.2em; text-align: center; @@ -293,7 +308,7 @@ a { .coc-link { margin-top: 10px; - color: hsla(0, 0%, 100%, .68); + color: rgba(255, 255, 255, 0.68); font-weight: 300; text-align: center; } @@ -329,7 +344,6 @@ a { } .logo { -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); transform: scale(0.8); } .h2 { @@ -367,4 +381,3 @@ a { float: right; } } - diff --git a/css/wf.css b/css/wf.css index 118a8ee..7bdd05b 100755 --- a/css/wf.css +++ b/css/wf.css @@ -1,12 +1,15 @@ @font-face { - font-family: 'webflow-icons'; - src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg6SAy0AAAC8AAAAYGNtYXAaVcxaAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5ZgscV1gAAAFwAAABhGhlYWQCkFKvAAAC9AAAADZoaGVhB0MDyQAAAywAAAAkaG10eBIAA10AAANQAAAAIGxvY2EBMADyAAADcAAAABJtYXhwAAwATQAAA4QAAAAgbmFtZWTuiIAAAAOkAAABe3Bvc3QAAwAAAAAFIAAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmAwPA/8D/wAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIOYD//3//wAAAAAAIOYA//3//wAB/+MaBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQEgAAADIAOAAAUAAAkBBwkBFwMg/kBAAYD+gEABwAHAQP6A/oBAAAEA4AAAAuADgAAFAAATARcJAQfgAcBA/oABgEABwAHAQP6A/oBAAAADAMAA4ANAAsAAGAAxAEoAAAEhIg4CHQEUHgIzITI+Aj0BNC4CIxUhIg4CHQEUHgIzITI+Aj0BNC4CIxUhIg4CHQEUHgIzITI+Aj0BNC4CIwMg/cAHCwkFBQkLBwJABwsJBQUJCwf9wAcLCQUFCQsHAkAHCwkFBQkLB/3ABwsJBQUJCwcCQAcLCQUFCQsHAsAFCQsHIAcLCQUFCQsHIAcLCQXABQkLByAHCwkFBQkLByAHCwkFwAUJCwcgBwsJBQUJCwcgBwsJBQAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFFv+egGGAAAAAAEAAAABAADSLAJOXw889QALBAAAAAAAz/iHGQAAAADP+IcZAAAAAAOBA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4EAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAACAAAABAABIAQAAOAEAADABAAAnQAAAAAACgAUAB4AMgBGAKwAwgAAAAEAAAAIAEsAAwAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAaAAAAAQAAAAAAAgAOAHEAAQAAAAAAAwAaADAAAQAAAAAABAAaAH8AAQAAAAAABQAWABoAAQAAAAAABgANAEoAAQAAAAAACgA0AJkAAwABBAkAAQAaAAAAAwABBAkAAgAOAHEAAwABBAkAAwAaADAAAwABBAkABAAaAH8AAwABBAkABQAWABoAAwABBAkABgAaAFcAAwABBAkACgA0AJkAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4AcwBWAGUAcgBzAGkAbwBuACAAMQAuADAAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4Ac3dlYmZsb3ctaWNvbnMAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4AcwBSAGUAZwB1AGwAYQByAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVcAAoAAAAABRQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAZMAAAGTuzUomU9TLzIAAAKIAAAAYAAAAGAOkgMtY21hcAAAAugAAABMAAAATBpVzFpnYXNwAAADNAAAAAgAAAAIAAAAEGhlYWQAAAM8AAAANgAAADYCkFKvaGhlYQAAA3QAAAAkAAAAJAdDA8lobXR4AAADmAAAACAAAAAgEgADXW1heHAAAAO4AAAABgAAAAYACFAAbmFtZQAAA8AAAAF7AAABe2TuiIBwb3N0AAAFPAAAACAAAAAgAAMAAAEABAQAAQEBDndlYmZsb3ctaWNvbnMAAQIAAQA6+BwC+BsD+BgEHgoACXf/i4seCgAJd/+LiwwHi0v6lPpUBR0AAACaDx0AAACfER0AAAAJHQAAAYoSAAkBAQ4bHR8iJywxNndlYmZsb3ctaWNvbnN3ZWJmbG93LWljb25zdTB1MXUyMHVFNjAwdUU2MDF1RTYwMnVFNjAzAAACAYkABgAIAQEEBwoNJDvH4P6UDv6UDv6UDvyUDvm0+FQV/FT4VEtL+BT8FPwU/BTLSwUO93T4VBX4VPhUy0v8FPwU+BT8FEtLBQ75tPlUFfzUiwV5i319i3kIi2sFi3mZfZ2LCPjUiwWdi5mZi50Ii6sFi519mXmLCIv7VBX81IsFeYt9fYt5CItrBYt5mX2diwj41IsFnYuZmYudCIurBYudfZl5iwiL+1QV/NSLBXmLfX2LeQiLawWLeZl9nYsI+NSLBZ2LmZmLnQiLqwWLnX2ZeYsIDvm4+SkV+6n7qvuq96ovLvgG/Bj4BvgYBQ76lBT6lBWLDAoAAAMEAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA5gMDwP/A/8ADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDmA//9//8AAAAAACDmAP/9//8AAf/jGgQAAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAC1pQTjXw889QALBAAAAAAAz/iHGQAAAADP+IcZAAAAAAOBA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4EAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAACAAAABAABIAQAAOAEAADABAAAnQAAUAAACAAAAAAADgCuAAEAAAAAAAEAGgAAAAEAAAAAAAIADgBxAAEAAAAAAAMAGgAwAAEAAAAAAAQAGgB/AAEAAAAAAAUAFgAaAAEAAAAAAAYADQBKAAEAAAAAAAoANACZAAMAAQQJAAEAGgAAAAMAAQQJAAIADgBxAAMAAQQJAAMAGgAwAAMAAQQJAAQAGgB/AAMAAQQJAAUAFgAaAAMAAQQJAAYAGgBXAAMAAQQJAAoANACZAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMAVgBlAHIAcwBpAG8AbgAgADEALgAwAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHN3ZWJmbG93LWljb25zAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMAUgBlAGcAdQBsAGEAcgB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('woff'); + font-family: "webflow-icons"; + src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg6SAy0AAAC8AAAAYGNtYXAaVcxaAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5ZgscV1gAAAFwAAABhGhlYWQCkFKvAAAC9AAAADZoaGVhB0MDyQAAAywAAAAkaG10eBIAA10AAANQAAAAIGxvY2EBMADyAAADcAAAABJtYXhwAAwATQAAA4QAAAAgbmFtZWTuiIAAAAOkAAABe3Bvc3QAAwAAAAAFIAAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmAwPA/8D/wAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIOYD//3//wAAAAAAIOYA//3//wAB/+MaBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQEgAAADIAOAAAUAAAkBBwkBFwMg/kBAAYD+gEABwAHAQP6A/oBAAAEA4AAAAuADgAAFAAATARcJAQfgAcBA/oABgEABwAHAQP6A/oBAAAADAMAA4ANAAsAAGAAxAEoAAAEhIg4CHQEUHgIzITI+Aj0BNC4CIxUhIg4CHQEUHgIzITI+Aj0BNC4CIxUhIg4CHQEUHgIzITI+Aj0BNC4CIwMg/cAHCwkFBQkLBwJABwsJBQUJCwf9wAcLCQUFCQsHAkAHCwkFBQkLB/3ABwsJBQUJCwcCQAcLCQUFCQsHAsAFCQsHIAcLCQUFCQsHIAcLCQXABQkLByAHCwkFBQkLByAHCwkFwAUJCwcgBwsJBQUJCwcgBwsJBQAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFFv+egGGAAAAAAEAAAABAADSLAJOXw889QALBAAAAAAAz/iHGQAAAADP+IcZAAAAAAOBA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4EAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAACAAAABAABIAQAAOAEAADABAAAnQAAAAAACgAUAB4AMgBGAKwAwgAAAAEAAAAIAEsAAwAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAaAAAAAQAAAAAAAgAOAHEAAQAAAAAAAwAaADAAAQAAAAAABAAaAH8AAQAAAAAABQAWABoAAQAAAAAABgANAEoAAQAAAAAACgA0AJkAAwABBAkAAQAaAAAAAwABBAkAAgAOAHEAAwABBAkAAwAaADAAAwABBAkABAAaAH8AAwABBAkABQAWABoAAwABBAkABgAaAFcAAwABBAkACgA0AJkAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4AcwBWAGUAcgBzAGkAbwBuACAAMQAuADAAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4Ac3dlYmZsb3ctaWNvbnMAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4AcwBSAGUAZwB1AGwAYQByAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) + format("truetype"), + url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVcAAoAAAAABRQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAZMAAAGTuzUomU9TLzIAAAKIAAAAYAAAAGAOkgMtY21hcAAAAugAAABMAAAATBpVzFpnYXNwAAADNAAAAAgAAAAIAAAAEGhlYWQAAAM8AAAANgAAADYCkFKvaGhlYQAAA3QAAAAkAAAAJAdDA8lobXR4AAADmAAAACAAAAAgEgADXW1heHAAAAO4AAAABgAAAAYACFAAbmFtZQAAA8AAAAF7AAABe2TuiIBwb3N0AAAFPAAAACAAAAAgAAMAAAEABAQAAQEBDndlYmZsb3ctaWNvbnMAAQIAAQA6+BwC+BsD+BgEHgoACXf/i4seCgAJd/+LiwwHi0v6lPpUBR0AAACaDx0AAACfER0AAAAJHQAAAYoSAAkBAQ4bHR8iJywxNndlYmZsb3ctaWNvbnN3ZWJmbG93LWljb25zdTB1MXUyMHVFNjAwdUU2MDF1RTYwMnVFNjAzAAACAYkABgAIAQEEBwoNJDvH4P6UDv6UDv6UDvyUDvm0+FQV/FT4VEtL+BT8FPwU/BTLSwUO93T4VBX4VPhUy0v8FPwU+BT8FEtLBQ75tPlUFfzUiwV5i319i3kIi2sFi3mZfZ2LCPjUiwWdi5mZi50Ii6sFi519mXmLCIv7VBX81IsFeYt9fYt5CItrBYt5mX2diwj41IsFnYuZmYudCIurBYudfZl5iwiL+1qv/NSLBXmLfX2LeQiLawWLeZl9nYsI+NSLBZ2LmZmLnQiLqwWLnX2ZeYsIDvm4+SkV+6n7qvuq96ovlvgg/Bj4BvgYBQ76lBT6lBWLDAoAAAMEAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA5gMDwP/A/8ADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDmA//9//8AAAAAACDmAP/9//8AAf/jGgQAAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAC1pQTjXw889QALBAAAAAAAz/iHGQAAAADP+IcZAAAAAAOBA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4EAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAACAAAABAABIAQAAOAEAADABAAAnQAAUAAACAAAAAAADgCuAAEAAAAAAAEAGgAAAAEAAAAAAAIADgBxAAEAAAAAAAMAGgAwAAEAAAAAAAQAGgB/AAEAAAAAAAUAFgAaAAEAAAAAAAYADQBKAAEAAAAAAAoANACZAAMAAQQJAAEAGgAAAAMAAQQJAAIADgBxAAMAAQQJAAMAGgAwAAMAAQQJAAQAGgB/AAMAAQQJAAUAFgAaAAMAAQQJAAYAGgBXAAMAAQQJAAoANACZAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMAVgBlAHIAcwBpAG8AbgAgADEALgAwAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHN3ZWJmbG93LWljb25zAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMAUgBlAGcAdQBsAGEAcgB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) + format("woff"); font-weight: normal; font-style: normal; } [class^="w-icon-"], [class*=" w-icon-"] { - font-family: 'webflow-icons'; + font-family: "webflow-icons"; speak: none; font-style: normal; font-weight: normal; @@ -31,7 +34,6 @@ } * { -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; } html { @@ -40,7 +42,7 @@ html { body { margin: 0; min-height: 100%; - background-color: #fff; + background-color: #5c4fc0; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; @@ -70,6 +72,7 @@ html.w-mod-touch * { clear: both; } .w-preserve-3d { + -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .w-hidden { @@ -78,7 +81,7 @@ html.w-mod-touch * { .w-button { display: inline-block; padding: 9px 15px; - background-color: #3898EC; + background-color: #3898ec; color: white; border: 0; line-height: inherit; @@ -141,7 +144,7 @@ a:focus { blockquote { margin: 0 0 10px 0; padding: 10px 20px; - border-left: 5px solid #E2E2E2; + border-left: 5px solid #e2e2e2; font-size: 18px; line-height: 22px; } @@ -250,7 +253,7 @@ label { } .w-input:focus, .w-select:focus { - border-color: #3898EC; + border-color: #3898ec; outline: 0; } .w-input[disabled], @@ -267,7 +270,13 @@ textarea.w-select { height: auto; } .w-select { - background-image: -webkit-linear-gradient(white 0%, #f3f3f3 100%); + background-image: -webkit-gradient( + linear, + left top, + left bottom, + from(white), + to(#f3f3f3) + ); background-image: linear-gradient(white 0%, #f3f3f3 100%); } .w-select[multiple] { @@ -772,6 +781,7 @@ textarea.w-select { line-height: inherit; } .w-slider-nav.w-shadow > div { + -webkit-box-shadow: 0 0 3px rgba(51, 51, 51, 0.4); box-shadow: 0 0 3px rgba(51, 51, 51, 0.4); } .w-slider-nav-invert { @@ -791,6 +801,7 @@ textarea.w-select { background-color: rgba(255, 255, 255, 0.4); cursor: pointer; margin: 0 3px 0.5em; + -webkit-transition: background-color 100ms, color 100ms; transition: background-color 100ms, color 100ms; } .w-slider-dot.w-active { @@ -977,7 +988,8 @@ textarea.w-select { bottom: 0; left: 0; color: #fff; - font-family: "Helvetica Neue", Helvetica, Ubuntu, "Segoe UI", Verdana, sans-serif; + font-family: "Helvetica Neue", Helvetica, Ubuntu, "Segoe UI", Verdana, + sans-serif; font-size: 17px; line-height: 1.2; font-weight: 300; @@ -1068,7 +1080,7 @@ textarea.w-select { right: 0; bottom: 0; left: 0; - padding: .5em 1em; + padding: 0.5em 1em; background: rgba(0, 0, 0, 0.4); text-align: left; text-overflow: ellipsis; @@ -1092,8 +1104,8 @@ textarea.w-select { background-repeat: no-repeat; background-position: center; cursor: pointer; - -webkit-transition: all .3s; - transition: all .3s; + -webkit-transition: all 0.3s; + transition: all 0.3s; } .w-lightbox-left { display: none; @@ -1143,6 +1155,7 @@ textarea.w-select { display: inline-block; width: 10vh; padding: 2vh 1vh; + -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ cursor: pointer; @@ -1150,7 +1163,7 @@ textarea.w-select { /* 2 */ } .w-lightbox-active { - opacity: .3; + opacity: 0.3; } .w-lightbox-thumbnail { position: relative; @@ -1167,14 +1180,12 @@ textarea.w-select { top: 50%; width: 100%; -webkit-transform: translate(0, -50%); - -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .w-lightbox-thumbnail .w-lightbox-wide { left: 50%; height: 100%; -webkit-transform: translate(-50%, 0); - -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } /* @@ -1187,6 +1198,7 @@ textarea.w-select { position: absolute; top: 50%; left: 50%; + -webkit-box-sizing: border-box; box-sizing: border-box; width: 40px; height: 40px; @@ -1194,8 +1206,8 @@ textarea.w-select { margin-left: -20px; border: 5px solid rgba(0, 0, 0, 0.4); border-radius: 50%; - -webkit-animation: spin .8s infinite linear; - animation: spin .8s infinite linear; + -webkit-animation: spin 0.8s infinite linear; + animation: spin 0.8s infinite linear; } .w-lightbox-spinner:after { content: ""; @@ -1243,10 +1255,10 @@ textarea.w-select { .w-lightbox-left, .w-lightbox-right { display: block; - opacity: .5; + opacity: 0.5; } .w-lightbox-close { - opacity: .8; + opacity: 0.8; } .w-lightbox-control:hover { opacity: 1; @@ -1275,7 +1287,7 @@ textarea.w-select { outline: 2px solid #2895f7; } .w-richtext figure[data-rt-type="video"] > div:before { - content: ''; + content: ""; position: absolute; display: none; left: 0; @@ -1290,7 +1302,7 @@ textarea.w-select { } .w-richtext figure > div:before, .w-richtext figure img { - cursor: default!important; + cursor: default !important; } .w-richtext figure img { width: 100%; @@ -1409,7 +1421,7 @@ textarea.w-select { top: 100%; left: 0; right: 0; - background: #C8C8C8; + background: #c8c8c8; text-align: center; overflow: visible; min-width: 200px; @@ -1463,7 +1475,7 @@ textarea.w-select { user-select: none; } .w-nav-button.w--open { - background-color: #C8C8C8; + background-color: #c8c8c8; color: white; } .w-nav[data-collapse="all"] .w-nav-menu { @@ -1525,7 +1537,7 @@ textarea.w-select { background-color: #dddddd; } .w-tab-link.w--current { - background-color: #C8C8C8; + background-color: #c8c8c8; } .w-tab-content { position: relative; @@ -1547,11 +1559,23 @@ textarea.w-select { .w-ix-emptyfix:after { content: ""; } +@-webkit-keyframes spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} @keyframes spin { 0% { + -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { + -webkit-transform: rotate(360deg); transform: rotate(360deg); } } diff --git a/favicon-16x16.png b/favicon-16x16.png new file mode 100755 index 0000000..fcb7fdf Binary files /dev/null and b/favicon-16x16.png differ diff --git a/favicon-32x32.png b/favicon-32x32.png new file mode 100755 index 0000000..54e9ef3 Binary files /dev/null and b/favicon-32x32.png differ diff --git a/favicon.ico b/favicon.ico new file mode 100755 index 0000000..bcfe9ef Binary files /dev/null and b/favicon.ico differ diff --git a/hellocode/css/hc.css b/hellocode/css/hc.css new file mode 100644 index 0000000..f4d806b --- /dev/null +++ b/hellocode/css/hc.css @@ -0,0 +1 @@ +/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */a:active,a:focus,a:hover{outline:0}.w-clearfix:after,.w-container:after,.w-embed:after{clear:both}.gh-start,.twitter-share{float:right}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;height:100%}body{margin:0;min-height:100%;background-color:#fff}a{background-color:transparent}h1{margin:20px 0 .67em}input,select,textarea{color:inherit;font:inherit;margin:0}h1,h2,label{font-weight:700}select{text-transform:none}input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}textarea{overflow:auto}@font-face{font-family:webflow-icons;src:url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg6SAy0AAAC8AAAAYGNtYXAaVcxaAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5ZgscV1gAAAFwAAABhGhlYWQCkFKvAAAC9AAAADZoaGVhB0MDyQAAAywAAAAkaG10eBIAA10AAANQAAAAIGxvY2EBMADyAAADcAAAABJtYXhwAAwATQAAA4QAAAAgbmFtZWTuiIAAAAOkAAABe3Bvc3QAAwAAAAAFIAAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmAwPA/8D/wAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIOYD//3//wAAAAAAIOYA//3//wAB/+MaBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQEgAAADIAOAAAUAAAkBBwkBFwMg/kBAAYD+gEABwAHAQP6A/oBAAAEA4AAAAuADgAAFAAATARcJAQfgAcBA/oABgEABwAHAQP6A/oBAAAADAMAA4ANAAsAAGAAxAEoAAAEhIg4CHQEUHgIzITI+Aj0BNC4CIxUhIg4CHQEUHgIzITI+Aj0BNC4CIxUhIg4CHQEUHgIzITI+Aj0BNC4CIwMg/cAHCwkFBQkLBwJABwsJBQUJCwf9wAcLCQUFCQsHAkAHCwkFBQkLB/3ABwsJBQUJCwcCQAcLCQUFCQsHAsAFCQsHIAcLCQUFCQsHIAcLCQXABQkLByAHCwkFBQkLByAHCwkFwAUJCwcgBwsJBQUJCwcgBwsJBQAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFFv+egGGAAAAAAEAAAABAADSLAJOXw889QALBAAAAAAAz/iHGQAAAADP+IcZAAAAAAOBA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4EAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAACAAAABAABIAQAAOAEAADABAAAnQAAAAAACgAUAB4AMgBGAKwAwgAAAAEAAAAIAEsAAwAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAaAAAAAQAAAAAAAgAOAHEAAQAAAAAAAwAaADAAAQAAAAAABAAaAH8AAQAAAAAABQAWABoAAQAAAAAABgANAEoAAQAAAAAACgA0AJkAAwABBAkAAQAaAAAAAwABBAkAAgAOAHEAAwABBAkAAwAaADAAAwABBAkABAAaAH8AAwABBAkABQAWABoAAwABBAkABgAaAFcAAwABBAkACgA0AJkAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4AcwBWAGUAcgBzAGkAbwBuACAAMQAuADAAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4Ac3dlYmZsb3ctaWNvbnMAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4AcwBSAGUAZwB1AGwAYQByAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'),url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVcAAoAAAAABRQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAZMAAAGTuzUomU9TLzIAAAKIAAAAYAAAAGAOkgMtY21hcAAAAugAAABMAAAATBpVzFpnYXNwAAADNAAAAAgAAAAIAAAAEGhlYWQAAAM8AAAANgAAADYCkFKvaGhlYQAAA3QAAAAkAAAAJAdDA8lobXR4AAADmAAAACAAAAAgEgADXW1heHAAAAO4AAAABgAAAAYACFAAbmFtZQAAA8AAAAF7AAABe2TuiIBwb3N0AAAFPAAAACAAAAAgAAMAAAEABAQAAQEBDndlYmZsb3ctaWNvbnMAAQIAAQA6+BwC+BsD+BgEHgoACXf/i4seCgAJd/+LiwwHi0v6lPpUBR0AAACaDx0AAACfER0AAAAJHQAAAYoSAAkBAQ4bHR8iJywxNndlYmZsb3ctaWNvbnN3ZWJmbG93LWljb25zdTB1MXUyMHVFNjAwdUU2MDF1RTYwMnVFNjAzAAACAYkABgAIAQEEBwoNJDvH4P6UDv6UDv6UDvyUDvm0+FQV/FT4VEtL+BT8FPwU/BTLSwUO93T4VBX4VPhUy0v8FPwU+BT8FEtLBQ75tPlUFfzUiwV5i319i3kIi2sFi3mZfZ2LCPjUiwWdi5mZi50Ii6sFi519mXmLCIv7VBX81IsFeYt9fYt5CItrBYt5mX2diwj41IsFnYuZmYudCIurBYudfZl5iwiL+1QV/NSLBXmLfX2LeQiLawWLeZl9nYsI+NSLBZ2LmZmLnQiLqwWLnX2ZeYsIDvm4+SkV+6n7qvuq96ovLvgG/Bj4BvgYBQ76lBT6lBWLDAoAAAMEAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA5gMDwP/A/8ADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDmA//9//8AAAAAACDmAP/9//8AAf/jGgQAAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAC1pQTjXw889QALBAAAAAAAz/iHGQAAAADP+IcZAAAAAAOBA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4EAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAACAAAABAABIAQAAOAEAADABAAAnQAAUAAACAAAAAAADgCuAAEAAAAAAAEAGgAAAAEAAAAAAAIADgBxAAEAAAAAAAMAGgAwAAEAAAAAAAQAGgB/AAEAAAAAAAUAFgAaAAEAAAAAAAYADQBKAAEAAAAAAAoANACZAAMAAQQJAAEAGgAAAAMAAQQJAAIADgBxAAMAAQQJAAMAGgAwAAMAAQQJAAQAGgB/AAMAAQQJAAUAFgAaAAMAAQQJAAYAGgBXAAMAAQQJAAoANACZAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMAVgBlAHIAcwBpAG8AbgAgADEALgAwAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHN3ZWJmbG93LWljb25zAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMAUgBlAGcAdQBsAGEAcgB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('woff');font-weight:400;font-style:normal}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.w-clearfix:after,.w-clearfix:before{content:" ";display:table}.w-button{display:inline-block;padding:9px 15px;background-color:#3898EC;color:#fff;border:0;line-height:inherit;text-decoration:none;cursor:pointer;border-radius:0}input.w-button{-webkit-appearance:button}h2{font-size:32px;margin-top:20px}p{margin-top:0;margin-bottom:10px}.w-embed:after,.w-embed:before{content:" ";display:table}.w-form{margin:0 0 15px}.w-input,.w-select,h1,h2{margin-bottom:10px}.w-form-done{display:none;padding:20px;text-align:center;background-color:#ddd}.w-form-fail{display:none;margin-top:10px;padding:10px;background-color:#ffdede}label{display:block;margin-bottom:5px}.w-input,.w-select{display:block;width:100%;height:38px;padding:8px 12px;font-size:14px;line-height:1.428571429;color:#333;vertical-align:middle;background-color:#fff;border:1px solid #ccc}.w-input:-moz-placeholder,.w-select:-moz-placeholder{color:#999}.w-input::-moz-placeholder,.w-select::-moz-placeholder{color:#999;opacity:1}.w-input:-ms-input-placeholder,.w-select:-ms-input-placeholder{color:#999}.w-input::-webkit-input-placeholder,.w-select::-webkit-input-placeholder{color:#999}.w-input:focus,.w-select:focus{border-color:#3898EC;outline:0}textarea.w-input{height:auto}.w-select{background-image:-webkit-linear-gradient(white 0,#f3f3f3 100%);background-image:linear-gradient(white 0,#f3f3f3 100%)}.w-container{margin-left:auto;margin-right:auto;max-width:940px}.w-container:after,.w-container:before{content:" ";display:table}@media screen and (max-width:991px){.w-container{max-width:728px}}@media screen and (max-width:479px){.w-container{max-width:none}}.w-widget{position:relative}.w-widget-twitter{overflow:hidden}.w-widget-twitter-count-shim{display:inline-block;vertical-align:top;position:relative;width:28px;height:20px;text-align:center;background:#fff;border:1px solid #758696;border-radius:3px}.w-widget-twitter-count-shim *{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.w-widget-twitter-count-shim .w-widget-twitter-count-inner{position:relative;font-size:15px;line-height:12px;text-align:center;color:#999;font-family:serif}.w-widget-twitter-count-shim.w--large{width:36px;height:28px;margin-left:7px}.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner{font-size:18px;line-height:18px}.w-widget-twitter-count-shim:not(.w--vertical){margin-left:5px;margin-right:8px}.w-widget-twitter-count-shim:not(.w--vertical).w--large{margin-left:6px}.w-widget-twitter-count-shim:not(.w--vertical):after,.w-widget-twitter-count-shim:not(.w--vertical):before{top:50%;left:0;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.w-widget-twitter-count-shim:not(.w--vertical):before{border-color:rgba(117,134,150,0);border-right-color:#5d6c7b;border-width:4px;margin-left:-9px;margin-top:-4px}.w-widget-twitter-count-shim:not(.w--vertical).w--large:before{border-width:5px;margin-left:-10px;margin-top:-5px}.w-widget-twitter-count-shim:not(.w--vertical):after{border-color:rgba(255,255,255,0);border-right-color:#fff;border-width:4px;margin-left:-8px;margin-top:-4px}.w-widget-twitter-count-shim:not(.w--vertical).w--large:after{border-width:5px;margin-left:-9px;margin-top:-5px}.btn,.form-wrapper,.hero,.social-bar{display:block;margin-right:auto;margin-left:auto}body{font-family:Martel,sans-serif;color:#333;font-size:14px;line-height:20px}.btn,h1{font-family:'Space Mono',sans-serif}h1{font-size:36px;line-height:44px}h2{line-height:36px}.c1{padding-top:30px}.hero{width:70%;margin-top:20px}.hero-h2{font-size:44px;line-height:60px;font-weight:300}.hero-p{margin-top:25px;font-size:20px;line-height:34px;font-weight:300}.form-wrapper{margin-top:25px}.field{height:50px;border:2px solid #0f61f3;border-radius:5px;font-size:18px}.field:focus{border-color:#0ff318}.btn{width:30%;height:60px;margin-top:30px;background-color:#0f61f3;font-size:21px;font-weight:400}.social-bar{width:70%}.gh-start{margin-right:7px}.label{margin-top:20px;font-size:16px;font-weight:300}.link,.suggest-link{font-weight:700;text-decoration:none}.link{color:#0f61f3} \ No newline at end of file diff --git a/hellocode/index.html b/hellocode/index.html new file mode 100755 index 0000000..1d84b30 --- /dev/null +++ b/hellocode/index.html @@ -0,0 +1,75 @@ + + + + + Hello Code - Welcome! + + + + + + + + + + + +
+
+
Star +
+ Suggest A Project +
+
+

⛵️ Hello Code

+

Are you trying to get involved in open source contribution?

+

Every weekend we will send you a bunch of open source projects that are looking for developers just like you. Regardless of your skill level. Curated for you by your friends at DevChat.

+

Subscribe to r/devchat for the latest updates.

+
+
+ + + + + + + +
+
+
Thank you! Your submission has been received!
+
+
+
Oops! Something went wrong while submitting the form
+
+
+
+
+ + + + + + diff --git a/hellocode/js/app.js b/hellocode/js/app.js new file mode 100755 index 0000000..c5722e1 --- /dev/null +++ b/hellocode/js/app.js @@ -0,0 +1,4339 @@ +/*! + * Webflow: Front-end site library + * @license MIT + * Inline scripts may access the api using an async handler: + * var Webflow = Webflow || []; + * Webflow.push(readyFunction); + */ +(function () { + 'use strict'; + + function __commonjs(fn, module) { return module = { exports: {} }, fn(module, module.exports), module.exports; } + + var webflowEnv = __commonjs(function (module, exports) { + /** + * Returns a Boolean representing whether or not the client is a mobile browser. + * + * NOTE: Many thanks to detectmobilebrowsers.com for this user agent detection + * regex, without which the mobile internet probably wouldn't exist. + */ + exports.isMobile = function() { + var userAgent = navigator.userAgent || navigator.vendor || window.opera; + return /(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i + .test(userAgent) || + /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i + .test(userAgent.substr(0, 4)); + }; + }); + + var require$$0 = (webflowEnv && typeof webflowEnv === 'object' && 'default' in webflowEnv ? webflowEnv['default'] : webflowEnv); + + /*! + * tram.js v0.8.2-global + * Cross-browser CSS3 transitions in JavaScript + * https://github.com/bkwld/tram + * MIT License + */ + window.tram=function(a){function b(a,b){var c=new M.Bare;return c.init(a,b)}function c(a){return a.replace(/[A-Z]/g,function(a){return"-"+a.toLowerCase()})}function d(a){var b=parseInt(a.slice(1),16),c=b>>16&255,d=b>>8&255,e=255&b;return[c,d,e]}function e(a,b,c){return"#"+(1<<24|a<<16|b<<8|c).toString(16).slice(1)}function f(){}function g(a,b){j("Type warning: Expected: ["+a+"] Got: ["+typeof b+"] "+b)}function h(a,b,c){j("Units do not match ["+a+"]: "+b+", "+c)}function i(a,b,c){if(void 0!==b&&(c=b),void 0===a)return c;var d=c;return $.test(a)||!_.test(a)?d=parseInt(a,10):_.test(a)&&(d=1e3*parseFloat(a)),0>d&&(d=0),d===d?d:c}function j(a){U.debug&&window&&window.console.warn(a)}function k(a){for(var b=-1,c=a?a.length:0,d=[];++bf&&(f=a.span),a.stop(),a.animate(b)},function(a){"wait"in a&&(f=i(a.wait,0))}),t.call(this),f>0&&(this.timer=new S({duration:f,context:this}),this.active=!0,b&&(this.timer.complete=h));var g=this,j=!1,k={};J(function(){u.call(g,a,function(a){a.active&&(j=!0,k[a.name]=a.nextStyle)}),j&&g.$el.css(k)})}}}function f(a){a=i(a,0),this.active?this.queue.push({options:a}):(this.timer=new S({duration:a,context:this,complete:h}),this.active=!0)}function g(a){return this.active?(this.queue.push({options:a,args:arguments}),void(this.timer.complete=h)):j("No active transition timer. Use start() or wait() before then().")}function h(){if(this.timer&&this.timer.destroy(),this.active=!1,this.queue.length){var a=this.queue.shift();e.call(this,a.options,!0,a.args)}}function l(a){this.timer&&this.timer.destroy(),this.queue=[],this.active=!1;var b;"string"==typeof a?(b={},b[a]=1):b="object"==typeof a&&null!=a?a:this.props,u.call(this,b,v),t.call(this)}function m(a){l.call(this,a),u.call(this,a,w,x)}function n(a){"string"!=typeof a&&(a="block"),this.el.style.display=a}function o(){l.call(this),this.el.style.display="none"}function p(){this.el.offsetHeight}function r(){l.call(this),a.removeData(this.el,q),this.$el=this.el=null}function t(){var a,b,c=[];this.upstream&&c.push(this.upstream);for(a in this.props)b=this.props[a],b.active&&c.push(b.string);c=c.join(","),this.style!==c&&(this.style=c,this.el.style[G.transition.dom]=c)}function u(a,b,e){var f,g,h,i,j=b!==v,k={};for(f in a)h=a[f],f in Z?(k.transform||(k.transform={}),k.transform[f]=h):(s.test(f)&&(f=c(f)),f in Y?k[f]=h:(i||(i={}),i[f]=h));for(f in k){if(h=k[f],g=this.props[f],!g){if(!j)continue;g=d.call(this,f)}b.call(this,g,h)}e&&i&&e.call(this,i)}function v(a){a.stop()}function w(a,b){a.set(b)}function x(a){this.$el.css(a)}function y(a,c){b[a]=function(){return this.children?A.call(this,c,arguments):(this.el&&c.apply(this,arguments),this)}}function A(a,b){var c,d=this.children.length;for(c=0;d>c;c++)a.apply(this.children[c],b);return this}b.init=function(b){if(this.$el=a(b),this.el=this.$el[0],this.props={},this.queue=[],this.style="",this.active=!1,U.keepInherited&&!U.fallback){var c=W(this.el,"transition");c&&!z.test(c)&&(this.upstream=c)}G.backface&&U.hideBackface&&V(this.el,G.backface.css,"hidden")},y("add",d),y("start",e),y("wait",f),y("then",g),y("next",h),y("stop",l),y("set",m),y("show",n),y("hide",o),y("redraw",p),y("destroy",r)}),M=l(L,function(b){function c(b,c){var d=a.data(b,q)||a.data(b,q,new L.Bare);return d.el||d.init(b),c?d.start(c):d}b.init=function(b,d){var e=a(b);if(!e.length)return this;if(1===e.length)return c(e[0],d);var f=[];return e.each(function(a,b){f.push(c(b,d))}),this.children=f,this}}),N=l(function(a){function b(){var a=this.get();this.update("auto");var b=this.get();return this.update(a),b}function c(a,b,c){return void 0!==b&&(c=b),a in m?a:c}function d(a){var b=/rgba?\((\d+),\s*(\d+),\s*(\d+)/.exec(a);return(b?e(b[1],b[2],b[3]):a).replace(/#(\w)(\w)(\w)$/,"#$1$1$2$2$3$3")}var f={duration:500,ease:"ease",delay:0};a.init=function(a,b,d,e){this.$el=a,this.el=a[0];var g=b[0];d[2]&&(g=d[2]),X[g]&&(g=X[g]),this.name=g,this.type=d[1],this.duration=i(b[1],this.duration,f.duration),this.ease=c(b[2],this.ease,f.ease),this.delay=i(b[3],this.delay,f.delay),this.span=this.duration+this.delay,this.active=!1,this.nextStyle=null,this.auto=A.test(this.name),this.unit=e.unit||this.unit||U.defaultUnit,this.angle=e.angle||this.angle||U.defaultAngle,U.fallback||e.fallback?this.animate=this.fallback:(this.animate=this.transition,this.string=this.name+B+this.duration+"ms"+("ease"!=this.ease?B+m[this.ease][0]:"")+(this.delay?B+this.delay+"ms":""))},a.set=function(a){a=this.convert(a,this.type),this.update(a),this.redraw()},a.transition=function(a){this.active=!0,a=this.convert(a,this.type),this.auto&&("auto"==this.el.style[this.name]&&(this.update(this.get()),this.redraw()),"auto"==a&&(a=b.call(this))),this.nextStyle=a},a.fallback=function(a){var c=this.el.style[this.name]||this.convert(this.get(),this.type);a=this.convert(a,this.type),this.auto&&("auto"==c&&(c=this.convert(this.get(),this.type)),"auto"==a&&(a=b.call(this))),this.tween=new R({from:c,to:a,duration:this.duration,delay:this.delay,ease:this.ease,update:this.update,context:this})},a.get=function(){return W(this.el,this.name)},a.update=function(a){V(this.el,this.name,a)},a.stop=function(){(this.active||this.nextStyle)&&(this.active=!1,this.nextStyle=null,V(this.el,this.name,this.get()));var a=this.tween;a&&a.context&&a.destroy()},a.convert=function(a,b){if("auto"==a&&this.auto)return a;var c,e="number"==typeof a,f="string"==typeof a;switch(b){case t:if(e)return a;if(f&&""===a.replace(r,""))return+a;c="number(unitless)";break;case u:if(f){if(""===a&&this.original)return this.original;if(b.test(a))return"#"==a.charAt(0)&&7==a.length?a:d(a)}c="hex or rgb string";break;case v:if(e)return a+this.unit;if(f&&b.test(a))return a;c="number(px) or string(unit)";break;case w:if(e)return a+this.unit;if(f&&b.test(a))return a;c="number(px) or string(unit or %)";break;case x:if(e)return a+this.angle;if(f&&b.test(a))return a;c="number(deg) or string(angle)";break;case y:if(e)return a;if(f&&w.test(a))return a;c="number(unitless) or string(unit or %)"}return g(c,a),a},a.redraw=function(){this.el.offsetHeight}}),O=l(N,function(a,b){a.init=function(){b.init.apply(this,arguments),this.original||(this.original=this.convert(this.get(),u))}}),P=l(N,function(a,b){a.init=function(){b.init.apply(this,arguments),this.animate=this.fallback},a.get=function(){return this.$el[this.name]()},a.update=function(a){this.$el[this.name](a)}}),Q=l(N,function(a,b){function c(a,b){var c,d,e,f,g;for(c in a)f=Z[c],e=f[0],d=f[1]||c,g=this.convert(a[c],e),b.call(this,d,g,e)}a.init=function(){b.init.apply(this,arguments),this.current||(this.current={},Z.perspective&&U.perspective&&(this.current.perspective=U.perspective,V(this.el,this.name,this.style(this.current)),this.redraw()))},a.set=function(a){c.call(this,a,function(a,b){this.current[a]=b}),V(this.el,this.name,this.style(this.current)),this.redraw()},a.transition=function(a){var b=this.values(a);this.tween=new T({current:this.current,values:b,duration:this.duration,delay:this.delay,ease:this.ease});var c,d={};for(c in this.current)d[c]=c in b?b[c]:this.current[c];this.active=!0,this.nextStyle=this.style(d)},a.fallback=function(a){var b=this.values(a);this.tween=new T({current:this.current,values:b,duration:this.duration,delay:this.delay,ease:this.ease,update:this.update,context:this})},a.update=function(){V(this.el,this.name,this.style(this.current))},a.style=function(a){var b,c="";for(b in a)c+=b+"("+a[b]+") ";return c},a.values=function(a){var b,d={};return c.call(this,a,function(a,c,e){d[a]=c,void 0===this.current[a]&&(b=0,~a.indexOf("scale")&&(b=1),this.current[a]=this.convert(b,e))}),d}}),R=l(function(b){function c(a){1===n.push(a)&&J(g)}function g(){var a,b,c,d=n.length;if(d)for(J(g),b=K(),a=d;a--;)c=n[a],c&&c.render(b)}function i(b){var c,d=a.inArray(b,n);d>=0&&(c=n.slice(d+1),n.length=d,c.length&&(n=n.concat(c)))}function j(a){return Math.round(a*o)/o}function k(a,b,c){return e(a[0]+c*(b[0]-a[0]),a[1]+c*(b[1]-a[1]),a[2]+c*(b[2]-a[2]))}var l={ease:m.ease[1],from:0,to:1};b.init=function(a){this.duration=a.duration||0,this.delay=a.delay||0;var b=a.ease||l.ease;m[b]&&(b=m[b][1]),"function"!=typeof b&&(b=l.ease),this.ease=b,this.update=a.update||f,this.complete=a.complete||f,this.context=a.context||this,this.name=a.name;var c=a.from,d=a.to;void 0===c&&(c=l.from),void 0===d&&(d=l.to),this.unit=a.unit||"","number"==typeof c&&"number"==typeof d?(this.begin=c,this.change=d-c):this.format(d,c),this.value=this.begin+this.unit,this.start=K(),a.autoplay!==!1&&this.play()},b.play=function(){this.active||(this.start||(this.start=K()),this.active=!0,c(this))},b.stop=function(){this.active&&(this.active=!1,i(this))},b.render=function(a){var b,c=a-this.start;if(this.delay){if(c<=this.delay)return;c-=this.delay}if(c/g, + interpolate : /<%=([\s\S]+?)%>/g, + escape : /<%-([\s\S]+?)%>/g + }; + + // When customizing `templateSettings`, if you don't want to define an + // interpolation, evaluation or escaping regex, we need one that is + // guaranteed not to match. + var noMatch = /(.)^/; + + // Certain characters need to be escaped so that they can be put into a + // string literal. + var escapes = { + "'": "'", + '\\': '\\', + '\r': 'r', + '\n': 'n', + '\u2028': 'u2028', + '\u2029': 'u2029' + }; + + var escaper = /\\|'|\r|\n|\u2028|\u2029/g; + + var escapeChar = function(match) { + return '\\' + escapes[match]; + }; + + // JavaScript micro-templating, similar to John Resig's implementation. + // Underscore templating handles arbitrary delimiters, preserves whitespace, + // and correctly escapes quotes within interpolated code. + // NB: `oldSettings` only exists for backwards compatibility. + _.template = function(text, settings, oldSettings) { + if (!settings && oldSettings) settings = oldSettings; + settings = _.defaults({}, settings, _.templateSettings); + + // Combine delimiters into one regular expression via alternation. + var matcher = RegExp([ + (settings.escape || noMatch).source, + (settings.interpolate || noMatch).source, + (settings.evaluate || noMatch).source + ].join('|') + '|$', 'g'); + + // Compile the template source, escaping string literals appropriately. + var index = 0; + var source = "__p+='"; + text.replace(matcher, function(match, escape, interpolate, evaluate, offset) { + source += text.slice(index, offset).replace(escaper, escapeChar); + index = offset + match.length; + + if (escape) { + source += "'+\n((__t=(" + escape + "))==null?'':_.escape(__t))+\n'"; + } else if (interpolate) { + source += "'+\n((__t=(" + interpolate + "))==null?'':__t)+\n'"; + } else if (evaluate) { + source += "';\n" + evaluate + "\n__p+='"; + } + + // Adobe VMs need the match returned to produce the correct offest. + return match; + }); + source += "';\n"; + + // If a variable is not specified, place data values in local scope. + if (!settings.variable) source = 'with(obj||{}){\n' + source + '}\n'; + + source = "var __t,__p='',__j=Array.prototype.join," + + "print=function(){__p+=__j.call(arguments,'');};\n" + + source + 'return __p;\n'; + + try { + var render = new Function(settings.variable || 'obj', '_', source); + } catch (e) { + e.source = source; + throw e; + } + + var template = function(data) { + return render.call(this, data, _); + }; + + // Provide the compiled source as a convenience for precompilation. + var argument = settings.variable || 'obj'; + template.source = 'function(' + argument + '){\n' + source + '}'; + + return template; + }; + + // Export underscore + return _; + }()); + + /* eslint-enable */ + }); + + var require$$1 = (underscoreCustom && typeof underscoreCustom === 'object' && 'default' in underscoreCustom ? underscoreCustom['default'] : underscoreCustom); + + var webflowLib = __commonjs(function (module) { + /** + * Webflow: Core site library + */ + + var Webflow = {}; + var modules = {}; + var primary = []; + var secondary = window.Webflow || []; + var $ = window.jQuery; + var $win = $(window); + var $doc = $(document); + var isFunction = $.isFunction; + var _ = Webflow._ = require$$1; + var tram = require$$0$2 && $.tram; + var domready = false; + var destroyed = false; + var Modernizr = window.Modernizr; + tram.config.hideBackface = false; + tram.config.keepInherited = true; + + /** + * Webflow.define - Define a named module + * @param {string} name + * @param {function} factory + * @param {object} options + * @return {object} + */ + Webflow.define = function(name, factory, options) { + if (modules[name]) unbindModule(modules[name]); + var instance = modules[name] = factory($, _, options) || {}; + bindModule(instance); + return instance; + }; + + /** + * Webflow.require - Require a named module + * @param {string} name + * @return {object} + */ + Webflow.require = function(name) { + return modules[name]; + }; + + function bindModule(module) { + // If running in Webflow app, subscribe to design/preview events + if (Webflow.env()) { + isFunction(module.design) && $win.on('__wf_design', module.design); + isFunction(module.preview) && $win.on('__wf_preview', module.preview); + } + // Subscribe to front-end destroy event + isFunction(module.destroy) && $win.on('__wf_destroy', module.destroy); + // Look for ready method on module + if (module.ready && isFunction(module.ready)) { + addReady(module); + } + } + + function addReady(module) { + // If domready has already happened, run ready method + if (domready) { + module.ready(); + return; + } + // Otherwise add ready method to the primary queue (only once) + if (_.contains(primary, module.ready)) return; + primary.push(module.ready); + } + + function unbindModule(module) { + // Unsubscribe module from window events + isFunction(module.design) && $win.off('__wf_design', module.design); + isFunction(module.preview) && $win.off('__wf_preview', module.preview); + isFunction(module.destroy) && $win.off('__wf_destroy', module.destroy); + // Remove ready method from primary queue + if (module.ready && isFunction(module.ready)) { + removeReady(module); + } + } + + function removeReady(module) { + primary = _.filter(primary, function(readyFn) { + return readyFn !== module.ready; + }); + } + + /** + * Webflow.push - Add a ready handler into secondary queue + * @param {function} ready Callback to invoke on domready + */ + Webflow.push = function(ready) { + // If domready has already happened, invoke handler + if (domready) { + isFunction(ready) && ready(); + return; + } + // Otherwise push into secondary queue + secondary.push(ready); + }; + + /** + * Webflow.env - Get the state of the Webflow app + * @param {string} mode [optional] + * @return {boolean} + */ + Webflow.env = function(mode) { + var designFlag = window.__wf_design; + var inApp = typeof designFlag !== 'undefined'; + if (!mode) return inApp; + if (mode === 'design') return inApp && designFlag; + if (mode === 'preview') return inApp && !designFlag; + if (mode === 'slug') return inApp && window.__wf_slug; + if (mode === 'editor') return window.WebflowEditor; + if (mode === 'test') return false || window.__wf_test; + if (mode === 'frame') return window !== window.top; + }; + + // Feature detects + browser sniffs ಠ_ಠ + var userAgent = navigator.userAgent.toLowerCase(); + var appVersion = navigator.appVersion.toLowerCase(); + var touch = Webflow.env.touch = ('ontouchstart' in window) || window.DocumentTouch && document instanceof window.DocumentTouch; + var chrome = Webflow.env.chrome = /chrome/.test(userAgent) && /Google/.test(navigator.vendor) && parseInt(appVersion.match(/chrome\/(\d+)\./)[1], 10); + var ios = Webflow.env.ios = Modernizr && Modernizr.ios; + Webflow.env.safari = /safari/.test(userAgent) && !chrome && !ios; + + // Maintain current touch target to prevent late clicks on touch devices + var touchTarget; + // Listen for both events to support touch/mouse hybrid devices + touch && $doc.on('touchstart mousedown', function(evt) { + touchTarget = evt.target; + }); + + /** + * Webflow.validClick - validate click target against current touch target + * @param {HTMLElement} clickTarget Element being clicked + * @return {Boolean} True if click target is valid (always true on non-touch) + */ + Webflow.validClick = touch ? function(clickTarget) { + return clickTarget === touchTarget || $.contains(clickTarget, touchTarget); + } : function() { return true; }; + + /** + * Webflow.resize, Webflow.scroll - throttled event proxies + */ + var resizeEvents = 'resize.webflow orientationchange.webflow load.webflow'; + var scrollEvents = 'scroll.webflow ' + resizeEvents; + Webflow.resize = eventProxy($win, resizeEvents); + Webflow.scroll = eventProxy($win, scrollEvents); + Webflow.redraw = eventProxy(); + + // Create a proxy instance for throttled events + function eventProxy(target, types) { + + // Set up throttled method (using custom frame-based _.throttle) + var handlers = []; + var proxy = {}; + proxy.up = _.throttle(function(evt) { + _.each(handlers, function(h) { h(evt); }); + }); + + // Bind events to target + if (target && types) target.on(types, proxy.up); + + /** + * Add an event handler + * @param {function} handler + */ + proxy.on = function(handler) { + if (typeof handler !== 'function') return; + if (_.contains(handlers, handler)) return; + handlers.push(handler); + }; + + /** + * Remove an event handler + * @param {function} handler + */ + proxy.off = function(handler) { + // If no arguments supplied, clear all handlers + if (!arguments.length) { + handlers = []; + return; + } + // Otherwise, remove handler from the list + handlers = _.filter(handlers, function(h) { + return h !== handler; + }); + }; + + return proxy; + } + + // Webflow.location - Wrap window.location in api + Webflow.location = function(url) { + window.location = url; + }; + + // Webflow.app - Designer-specific methods + Webflow.app = Webflow.env() ? {} : null; + if (Webflow.app) { + + // Trigger redraw for specific elements + var redraw = new Event('__wf_redraw'); + Webflow.app.redrawElement = function(i, el) { el.dispatchEvent(redraw); }; + + // Webflow.location - Re-route location change to trigger an event + Webflow.location = function(url) { + window.dispatchEvent(new CustomEvent('__wf_location', { detail: url })); + }; + } + + // Webflow.ready - Call primary and secondary handlers + Webflow.ready = function() { + domready = true; + + // Restore modules after destroy + if (destroyed) { + restoreModules(); + + // Otherwise run primary ready methods + } else { + _.each(primary, callReady); + } + + // Run secondary ready methods + _.each(secondary, callReady); + + // Trigger resize + Webflow.resize.up(); + }; + + function callReady(readyFn) { + isFunction(readyFn) && readyFn(); + } + + function restoreModules() { + destroyed = false; + _.each(modules, bindModule); + } + + /** + * Webflow.load - Add a window load handler that will run even if load event has already happened + * @param {function} handler + */ + var deferLoad; + Webflow.load = function(handler) { + deferLoad.then(handler); + }; + + function bindLoad() { + // Reject any previous deferred (to support destroy) + if (deferLoad) { + deferLoad.reject(); + $win.off('load', deferLoad.resolve); + } + // Create deferred and bind window load event + deferLoad = new $.Deferred(); + $win.on('load', deferLoad.resolve); + } + + // Webflow.destroy - Trigger a destroy event for all modules + Webflow.destroy = function(options) { + options = options || {}; + destroyed = true; + $win.triggerHandler('__wf_destroy'); + + // Allow domready reset for tests + if (options.domready != null) { + domready = options.domready; + } + + // Unbind modules + _.each(modules, unbindModule); + + // Clear any proxy event handlers + Webflow.resize.off(); + Webflow.scroll.off(); + Webflow.redraw.off(); + + // Clear any queued ready methods + primary = []; + secondary = []; + + // If load event has not yet fired, replace the deferred + if (deferLoad.state() === 'pending') bindLoad(); + }; + + // Listen for domready + $(Webflow.ready); + + // Listen for window.onload and resolve deferred + bindLoad(); + + // Export commonjs module + module.exports = window.Webflow = Webflow; + }); + + var require$$0$1 = (webflowLib && typeof webflowLib === 'object' && 'default' in webflowLib ? webflowLib['default'] : webflowLib); + + var webflowBackgroundVideo = __commonjs(function (module) { + /** + * Webflow: Background Video component + */ + + var Webflow = require$$0$1; + var WebflowEnv = require$$0; + + Webflow.define('backgroundVideo', module.exports = function ($) { + + function ready () { + var backgroundVideoNodes = $(document).find('.w-background-video'); + if (backgroundVideoNodes.length === 0) { + return; + } + + backgroundVideoNodes.each(function (_, node) { + $(node).prepend(createVideoNode(node)); + }); + } + + function createVideoNode (nativeNode) { + var nodeData = $(nativeNode).data(); + + if (!nodeData.videoUrls) { + return $('