diff --git a/_mixins.pug b/_mixins.pug index 5ec3641326c2ba2ab857f931a028cfa455a74035..88fe820694787417840b0d81c9a395708ddbc5d3 100644 --- a/_mixins.pug +++ b/_mixins.pug @@ -1,11 +1,12 @@ -mixin responsive_image(thumb, fallback, urls, sizes) - noscript - img(src=fallback sizes=sizes srcset=urls)&attributes(attributes) - img(src=thumb, data-src=fallback, sizes=sizes, data-srcset=urls)&attributes(attributes) +mixin responsive_image(thumb, fallback, urls, sizes, aspect_ratio) + .responsive.placeholder(style="padding-bottom: #{aspect_ratio") + noscript + img(src=fallback sizes=sizes srcset=urls)&attributes(attributes) + img(src=thumb, data-src=fallback, sizes=sizes, data-srcset=urls)&attributes(attributes) mixin theme_card(id, name) a.card(href="/assets/images/#{id}.png") .image - +responsive_image(`/assets/images/${id}@thumb.jpg`, `/assets/images/${id}@266.png`, `/assets/images/${id}@220.png 220w, /assets/images/${id}@266.png 266w, /assets/images/${id}@335.png 335w, /assets/images/${id}@352.png 352w, /assets/images/${id}@532.png 532w`, "(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px") + +responsive_image(`/assets/images/${id}@thumb.jpg`, `/assets/images/${id}@266.png`, `/assets/images/${id}@220.png 220w, /assets/images/${id}@266.png 266w, /assets/images/${id}@335.png 335w, /assets/images/${id}@352.png 352w, /assets/images/${id}@532.png 532w`, "(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px", "316.6666666666667%") .content .extra=name \ No newline at end of file diff --git a/assets/css/style.css b/assets/css/style.css index f43fc5a8ef893efd95d69d8485434dad55597abb..ca87f52437469b37133378c05d261d739ab5a7da 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -1 +1 @@ -body:not(.noscript) img[data-src]{filter:blur(2px) !important}.following.bar{position:fixed !important;top:0 !important;z-index:900 !important;left:0 !important;padding:2em 0 !important;width:100% !important;box-shadow:0 0 0 0 transparent !important;border-bottom:1px solid transparent !important;transition:padding 0.5s ease, background 0.5s ease, box-shadow 0.5s ease, border 0.5s ease !important}body:not(.index) .following.bar{position:sticky !important}.ui.logo{opacity:.9 !important;float:none !important;margin:0 .35714286em 0 0 !important;height:1em !important}.secondary.menu .item{line-height:1.6rem !important}.secondary.menu .item>i.icon{height:1.6rem !important}.following.bar{padding:1em 0 !important}body:not(.index) .following.bar,body.noscript .following.bar,.following.bar.qd{background:#0a70c0 !important}.masthead{position:relative !important;overflow:hidden !important;text-align:center !important;color:rgba(255,255,255,0.9) !important;margin-bottom:0 !important;border-bottom:none !important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 1440 810'%3E%3Cpath fill='%23124e99' fill-opacity='.25' d='M334.24 0L539.8 205.54 745.32 0h-411.1z'/%3E%3Cpath fill='%23124e99' fill-opacity='.3' d='M1366.24 0l-516 516 44.04 44.04L1440 14.32V0h-73.76z'/%3E%3Cpath fill='%230291e7' fill-opacity='.64' d='M745.33 0L539.8 205.54 850.23 516l516-516h-620.9z'/%3E%3Cpath fill='%230291e7' fill-opacity='.57' d='M1440 14.32L894.28 560.04l128.08 128.08 150.1-150.1L1440 270.5V14.32z'/%3E%3Cpath fill='%230291e7' fill-opacity='.28' d='M1440 270.48l-267.55 267.55L1440 805.58v-535.1z'/%3E%3Cpath fill='%23124e99' fill-opacity='.71' d='M1022.36 688.12L1144.24 810H1440v-4.42l-267.55-267.55-150.1 150.1z'/%3E%3Cpath fill='%230291e7' fill-opacity='.46' d='M0 0v455.43L354.57 810h789.67l-810-810H0z'/%3E%3Cpath fill='%23124e99' fill-opacity='.68' d='M0 455.43v80.96L273.6 810h80.97L0 455.43z'/%3E%3Cpath fill='%230291e7' fill-opacity='.4' d='M0 536.4V810h273.6L0 536.4z'/%3E%3C/svg%3E") center center no-repeat,linear-gradient(148deg, #124E99 7%, #105a94 20%, #0a70c0 27%, #0291E7 60%, #0271B3 100%) !important;background-size:cover, cover !important;padding:10rem 0 !important;max-height:100vh !important}@media (max-width: 500px){.masthead .segment{min-height:100vh !important}}@media (max-width: 1024px){.masthead .segment{padding:6rem 0 0 !important}}.masthead:after{content:"" !important;bottom:-100px;position:absolute !important;left:0 !important;right:0 !important;background:#fff;width:120%;height:200px;transform:rotate(-4deg)}.introduction h1.header{font-size:4.5rem !important}.ui.grid .row+.ui.divider{margin-top:3rem !important;margin-bottom:3rem !important}#image_container img.phone{display:inline-block !important;max-height:33vw !important;max-width:355px !important;vertical-align:middle !important}#image_container img.tablet{display:inline-block !important;max-height:33vw !important;max-width:633px !important;vertical-align:middle !important}.vertical.segment{box-shadow:none !important}.introduction{perspective:500px !important;text-shadow:0 0 10px rgba(0,0,0,0.2) !important;margin-left:auto !important;margin-right:auto !important;margin-bottom:6rem !important}.introduction .ui.header{font-weight:normal !important}@media (max-width: 1024px){.introduction{margin-bottom:2rem !important}.introduction h1.header{font-size:3rem !important}.introduction h2{font-size:1.4rem !important}}.image{overflow:hidden !important}.pusher{display:flex;flex-direction:column;min-height:100vh}.pusher .stripe{padding:5rem 0 !important;border-radius:0 !important;margin:0 !important}@media (max-width: 1024px){.pusher .stripe{padding:2rem 0 !important}}.pusher .stripe.alternate.stripe{background-color:#F2F3F5 !important}.pusher .stripe h1{font-size:40px !important}.pusher .stripe h2{font-size:26px !important}.pusher .stripe .column>p{font-size:16px !important;line-height:1.6 !important;margin:1em 0 !important}.pusher .intro.segment h1+p{font-size:22px !important}.pusher>.full.height{flex-grow:1}.pusher>.footer{clear:both !important;margin:0 !important;border-radius:0 !important;padding:4em 0 !important}.pusher>.footer .grid{display:block !important}.pusher>.footer .grid .column{margin-left:2rem !important;margin-right:2rem !important}@media (max-width: 359px){.ui.menu .item{font-size:0.9rem !important}}@media (max-width: 500px){.ui.menu .item>span.text{display:none !important}.ui.menu .item>i.icon{margin-right:0 !important}}@media (max-width: 800px), (max-height: 720px){#image_container img.tablet{display:none !important}#image_container img.phone{max-width:calc(50vw + 100px) !important;max-height:100vh !important;margin-bottom:calc(-33vh) !important}.ui.huge.button,.ui.huge.buttons .button,.ui.huge.buttons .or{font-size:1rem !important}}@media (min-width: 800px) and (max-height: 800px){#image_container img.tablet{display:none !important}#image_container img.phone{max-width:calc(50vw + 100px) !important;max-height:100vh !important;margin-bottom:calc(-33vh) !important}.ui.huge.button,.ui.huge.buttons .button,.ui.huge.buttons .or{font-size:1rem !important}.introduction,.introduction+.row{display:inline-block !important;margin-left:4rem !important;margin-right:4rem !important}}@media (max-height: 500px){.masthead.segment{max-height:initial !important}#image_container img.tablet{display:none !important}#image_container img.phone{max-width:calc(50vw + 100px) !important;max-height:100vh !important;margin-bottom:calc(-22vh) !important}.ui.huge.button,.ui.huge.buttons .button,.ui.huge.buttons .or{font-size:1rem !important}.introduction,.introduction+.row{display:inline-block !important;margin-left:4rem !important;margin-right:4rem !important}} +body:not(.noscript) img[data-src]{filter:blur(2px) !important}.following.bar{position:fixed !important;top:0 !important;z-index:900 !important;left:0 !important;padding:2em 0 !important;width:100% !important;box-shadow:0 0 0 0 transparent !important;border-bottom:1px solid transparent !important;transition:padding 0.5s ease, background 0.5s ease, box-shadow 0.5s ease, border 0.5s ease !important}body:not(.index) .following.bar{position:sticky !important}.ui.logo{opacity:.9 !important;float:none !important;margin:0 .35714286em 0 0 !important;height:1em !important}.secondary.menu .item{line-height:1.6rem !important}.secondary.menu .item>i.icon{height:1.6rem !important}.following.bar{padding:1em 0 !important}body:not(.index) .following.bar,body.noscript .following.bar,.following.bar.qd{background:#0a70c0 !important}.masthead{position:relative !important;overflow:hidden !important;text-align:center !important;color:rgba(255,255,255,0.9) !important;margin-bottom:0 !important;border-bottom:none !important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 1440 810'%3E%3Cpath fill='%23124e99' fill-opacity='.25' d='M334.24 0L539.8 205.54 745.32 0h-411.1z'/%3E%3Cpath fill='%23124e99' fill-opacity='.3' d='M1366.24 0l-516 516 44.04 44.04L1440 14.32V0h-73.76z'/%3E%3Cpath fill='%230291e7' fill-opacity='.64' d='M745.33 0L539.8 205.54 850.23 516l516-516h-620.9z'/%3E%3Cpath fill='%230291e7' fill-opacity='.57' d='M1440 14.32L894.28 560.04l128.08 128.08 150.1-150.1L1440 270.5V14.32z'/%3E%3Cpath fill='%230291e7' fill-opacity='.28' d='M1440 270.48l-267.55 267.55L1440 805.58v-535.1z'/%3E%3Cpath fill='%23124e99' fill-opacity='.71' d='M1022.36 688.12L1144.24 810H1440v-4.42l-267.55-267.55-150.1 150.1z'/%3E%3Cpath fill='%230291e7' fill-opacity='.46' d='M0 0v455.43L354.57 810h789.67l-810-810H0z'/%3E%3Cpath fill='%23124e99' fill-opacity='.68' d='M0 455.43v80.96L273.6 810h80.97L0 455.43z'/%3E%3Cpath fill='%230291e7' fill-opacity='.4' d='M0 536.4V810h273.6L0 536.4z'/%3E%3C/svg%3E") center center no-repeat,linear-gradient(148deg, #124E99 7%, #105a94 20%, #0a70c0 27%, #0291E7 60%, #0271B3 100%) !important;background-size:cover, cover !important;padding:10rem 0 !important;max-height:100vh !important}@media (max-width: 500px){.masthead .segment{min-height:100vh !important}}@media (max-width: 1024px){.masthead .segment{padding:6rem 0 0 !important}}.masthead:after{content:"" !important;bottom:-100px;position:absolute !important;left:0 !important;right:0 !important;background:#fff;width:120%;height:200px;transform:rotate(-4deg)}.introduction h1.header{font-size:4.5rem !important}.ui.grid .row+.ui.divider{margin-top:3rem !important;margin-bottom:3rem !important}#image_container img.phone{display:inline-block !important;max-height:33vw !important;max-width:355px !important;vertical-align:middle !important}#image_container img.tablet{display:inline-block !important;max-height:33vw !important;max-width:633px !important;vertical-align:middle !important}.responsive.placeholder img{position:absolute;top:0;left:0;right:0}.vertical.segment{box-shadow:none !important}.introduction{perspective:500px !important;text-shadow:0 0 10px rgba(0,0,0,0.2) !important;margin-left:auto !important;margin-right:auto !important;margin-bottom:6rem !important}.introduction .ui.header{font-weight:normal !important}@media (max-width: 1024px){.introduction{margin-bottom:2rem !important}.introduction h1.header{font-size:3rem !important}.introduction h2{font-size:1.4rem !important}}.image{overflow:hidden !important}.pusher{display:flex;flex-direction:column;min-height:100vh}.pusher .stripe{padding:5rem 0 !important;border-radius:0 !important;margin:0 !important}@media (max-width: 1024px){.pusher .stripe{padding:2rem 0 !important}}.pusher .stripe.alternate.stripe{background-color:#F2F3F5 !important}.pusher .stripe h1{font-size:40px !important}.pusher .stripe h2{font-size:26px !important}.pusher .stripe .column>p{font-size:16px !important;line-height:1.6 !important;margin:1em 0 !important}.pusher .intro.segment h1+p{font-size:22px !important}.pusher>.full.height{flex-grow:1}.pusher>.footer{clear:both !important;margin:0 !important;border-radius:0 !important;padding:4em 0 !important}.pusher>.footer .grid{display:block !important}.pusher>.footer .grid .column{margin-left:2rem !important;margin-right:2rem !important}@media (max-width: 359px){.ui.menu .item{font-size:0.9rem !important}}@media (max-width: 500px){.ui.menu .item>span.text{display:none !important}.ui.menu .item>i.icon{margin-right:0 !important}}@media (max-width: 800px), (max-height: 720px){#image_container img.tablet{display:none !important}#image_container img.phone{max-width:calc(50vw + 100px) !important;max-height:100vh !important;margin-bottom:calc(-33vh) !important}.ui.huge.button,.ui.huge.buttons .button,.ui.huge.buttons .or{font-size:1rem !important}}@media (min-width: 800px) and (max-height: 800px){#image_container img.tablet{display:none !important}#image_container img.phone{max-width:calc(50vw + 100px) !important;max-height:100vh !important;margin-bottom:calc(-33vh) !important}.ui.huge.button,.ui.huge.buttons .button,.ui.huge.buttons .or{font-size:1rem !important}.introduction,.introduction+.row{display:inline-block !important;margin-left:4rem !important;margin-right:4rem !important}}@media (max-height: 500px){.masthead.segment{max-height:initial !important}#image_container img.tablet{display:none !important}#image_container img.phone{max-width:calc(50vw + 100px) !important;max-height:100vh !important;margin-bottom:calc(-22vh) !important}.ui.huge.button,.ui.huge.buttons .button,.ui.huge.buttons .or{font-size:1rem !important}.introduction,.introduction+.row{display:inline-block !important;margin-left:4rem !important;margin-right:4rem !important}} diff --git a/assets/css/style.sass b/assets/css/style.sass index 359053f664f4f3dbd72456486ae3b7d653a916c7..9c1b3c18ef1a2c8e986219d2b2c2917f5c68c2c9 100644 --- a/assets/css/style.sass +++ b/assets/css/style.sass @@ -84,6 +84,13 @@ body:not(.index) .following.bar, body.noscript .following.bar, .following.bar.qd max-width: 633px !important vertical-align: middle !important +.responsive.placeholder + img + position: absolute + top: 0 + left: 0 + right: 0 + .vertical.segment box-shadow: none !important diff --git a/index.html b/index.html index c71859e6881d6cfeb15d082a1931dc540ef98c58..19d419e96b33f855faae21cde94d208595a4d419 100644 --- a/index.html +++ b/index.html @@ -56,7 +56,7 @@ * http://opensource.org/licenses/MIT * */.ui.items>.item{display:-webkit-box;display:-ms-flexbox;display:flex;margin:1em 0em;width:100%;min-height:0px;background:transparent;padding:0em;border:none;border-radius:0rem;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:-webkit-box-shadow 0.1s ease;transition:-webkit-box-shadow 0.1s ease;transition:box-shadow 0.1s ease;transition:box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease;z-index:''}.ui.items>.item a{cursor:pointer}.ui.items{margin:1.5em 0em}.ui.items:first-child{margin-top:0em !important}.ui.items:last-child{margin-bottom:0em !important}.ui.items>.item:after{display:block;content:' ';height:0px;clear:both;overflow:hidden;visibility:hidden}.ui.items>.item:first-child{margin-top:0em}.ui.items>.item:last-child{margin-bottom:0em}.ui.items>.item>.image{position:relative;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:block;float:none;margin:0em;padding:0em;max-height:'';-ms-flex-item-align:top;align-self:top}.ui.items>.item>.image>img{display:block;width:100%;height:auto;border-radius:0.125rem;border:none}.ui.items>.item>.image:only-child>img{border-radius:0rem}.ui.items>.item>.content{display:block;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;background:none;margin:0em;padding:0em;-webkit-box-shadow:none;box-shadow:none;font-size:1em;border:none;border-radius:0em}.ui.items>.item>.content:after{display:block;content:' ';height:0px;clear:both;overflow:hidden;visibility:hidden}.ui.items>.item>.image+.content{min-width:0;width:auto;display:block;margin-left:0em;-ms-flex-item-align:top;align-self:top;padding-left:1.5em}.ui.items>.item>.content>.header{display:inline-block;margin:-0.21425em 0em 0em;font-family:'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;font-weight:bold;color:rgba(0,0,0,0.85)}.ui.items>.item>.content>.header:not(.ui){font-size:1.28571429em}.ui.items>.item [class*="left floated"]{float:left}.ui.items>.item [class*="right floated"]{float:right}.ui.items>.item .content img{-ms-flex-item-align:middle;align-self:middle;width:''}.ui.items>.item img.avatar,.ui.items>.item .avatar img{width:'';height:'';border-radius:500rem}.ui.items>.item>.content>.description{margin-top:0.6em;max-width:auto;font-size:1em;line-height:1.4285em;color:rgba(0,0,0,0.87)}.ui.items>.item>.content p{margin:0em 0em 0.5em}.ui.items>.item>.content p:last-child{margin-bottom:0em}.ui.items>.item .meta{margin:0.5em 0em 0.5em;font-size:1em;line-height:1em;color:rgba(0,0,0,0.6)}.ui.items>.item .meta *{margin-right:0.3em}.ui.items>.item .meta :last-child{margin-right:0em}.ui.items>.item .meta [class*="right floated"]{margin-right:0em;margin-left:0.3em}.ui.items>.item>.content a:not(.ui){color:'';-webkit-transition:color 0.1s ease;transition:color 0.1s ease}.ui.items>.item>.content a:not(.ui):hover{color:''}.ui.items>.item>.content>a.header{color:rgba(0,0,0,0.85)}.ui.items>.item>.content>a.header:hover{color:#1e70bf}.ui.items>.item .meta>a:not(.ui){color:rgba(0,0,0,0.4)}.ui.items>.item .meta>a:not(.ui):hover{color:rgba(0,0,0,0.87)}.ui.items>.item>.content .favorite.icon{cursor:pointer;opacity:0.75;-webkit-transition:color 0.1s ease;transition:color 0.1s ease}.ui.items>.item>.content .favorite.icon:hover{opacity:1;color:#FFB70A}.ui.items>.item>.content .active.favorite.icon{color:#FFE623}.ui.items>.item>.content .like.icon{cursor:pointer;opacity:0.75;-webkit-transition:color 0.1s ease;transition:color 0.1s ease}.ui.items>.item>.content .like.icon:hover{opacity:1;color:#FF2733}.ui.items>.item>.content .active.like.icon{color:#FF2733}.ui.items>.item .extra{display:block;position:relative;background:none;margin:0.5rem 0em 0em;width:100%;padding:0em 0em 0em;top:0em;left:0em;color:rgba(0,0,0,0.4);-webkit-box-shadow:none;box-shadow:none;-webkit-transition:color 0.1s ease;transition:color 0.1s ease;border-top:none}.ui.items>.item .extra>*{margin:0.25rem 0.5rem 0.25rem 0em}.ui.items>.item .extra>[class*="right floated"]{margin:0.25rem 0em 0.25rem 0.5rem}.ui.items>.item .extra:after{display:block;content:' ';height:0px;clear:both;overflow:hidden;visibility:hidden}.ui.items>.item>.image:not(.ui){width:175px}@media only screen and (min-width: 768px) and (max-width: 991px){.ui.items>.item{margin:1em 0em}.ui.items>.item>.image:not(.ui){width:150px}.ui.items>.item>.image+.content{display:block;padding:0em 0em 0em 1em}}@media only screen and (max-width: 767px){.ui.items:not(.unstackable)>.item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:2em 0em}.ui.items:not(.unstackable)>.item>.image{display:block;margin-left:auto;margin-right:auto}.ui.items:not(.unstackable)>.item>.image,.ui.items:not(.unstackable)>.item>.image>img{max-width:100% !important;width:auto !important;max-height:250px !important}.ui.items:not(.unstackable)>.item>.image+.content{display:block;padding:1.5em 0em 0em}}.ui.items>.item>.image+[class*="top aligned"].content{-ms-flex-item-align:start;align-self:flex-start}.ui.items>.item>.image+[class*="middle aligned"].content{-ms-flex-item-align:center;align-self:center}.ui.items>.item>.image+[class*="bottom aligned"].content{-ms-flex-item-align:end;align-self:flex-end}.ui.relaxed.items>.item{margin:1.5em 0em}.ui[class*="very relaxed"].items>.item{margin:2em 0em}.ui.divided.items>.item{border-top:1px solid rgba(34,36,38,0.15);margin:0em;padding:1em 0em}.ui.divided.items>.item:first-child{border-top:none;margin-top:0em !important;padding-top:0em !important}.ui.divided.items>.item:last-child{margin-bottom:0em !important;padding-bottom:0em !important}.ui.relaxed.divided.items>.item{margin:0em;padding:1.5em 0em}.ui[class*="very relaxed"].divided.items>.item{margin:0em;padding:2em 0em}.ui.items a.item:hover,.ui.link.items>.item:hover{cursor:pointer}.ui.items a.item:hover .content .header,.ui.link.items>.item:hover .content .header{color:#1e70bf}.ui.items>.item{font-size:1em}@media only screen and (max-width: 767px){.ui.unstackable.items>.item>.image,.ui.unstackable.items>.item>.image>img{width:125px !important}} -</style><style>body:not(.noscript) img[data-src]{filter:blur(2px) !important}.following.bar{position:fixed !important;top:0 !important;z-index:900 !important;left:0 !important;padding:2em 0 !important;width:100% !important;box-shadow:0 0 0 0 transparent !important;border-bottom:1px solid transparent !important;transition:padding 0.5s ease, background 0.5s ease, box-shadow 0.5s ease, border 0.5s ease !important}body:not(.index) .following.bar{position:sticky !important}.ui.logo{opacity:.9 !important;float:none !important;margin:0 .35714286em 0 0 !important;height:1em !important}.secondary.menu .item{line-height:1.6rem !important}.secondary.menu .item>i.icon{height:1.6rem !important}.following.bar{padding:1em 0 !important}body:not(.index) .following.bar,body.noscript .following.bar,.following.bar.qd{background:#0a70c0 !important}.masthead{position:relative !important;overflow:hidden !important;text-align:center !important;color:rgba(255,255,255,0.9) !important;margin-bottom:0 !important;border-bottom:none !important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 1440 810'%3E%3Cpath fill='%23124e99' fill-opacity='.25' d='M334.24 0L539.8 205.54 745.32 0h-411.1z'/%3E%3Cpath fill='%23124e99' fill-opacity='.3' d='M1366.24 0l-516 516 44.04 44.04L1440 14.32V0h-73.76z'/%3E%3Cpath fill='%230291e7' fill-opacity='.64' d='M745.33 0L539.8 205.54 850.23 516l516-516h-620.9z'/%3E%3Cpath fill='%230291e7' fill-opacity='.57' d='M1440 14.32L894.28 560.04l128.08 128.08 150.1-150.1L1440 270.5V14.32z'/%3E%3Cpath fill='%230291e7' fill-opacity='.28' d='M1440 270.48l-267.55 267.55L1440 805.58v-535.1z'/%3E%3Cpath fill='%23124e99' fill-opacity='.71' d='M1022.36 688.12L1144.24 810H1440v-4.42l-267.55-267.55-150.1 150.1z'/%3E%3Cpath fill='%230291e7' fill-opacity='.46' d='M0 0v455.43L354.57 810h789.67l-810-810H0z'/%3E%3Cpath fill='%23124e99' fill-opacity='.68' d='M0 455.43v80.96L273.6 810h80.97L0 455.43z'/%3E%3Cpath fill='%230291e7' fill-opacity='.4' d='M0 536.4V810h273.6L0 536.4z'/%3E%3C/svg%3E") center center no-repeat,linear-gradient(148deg, #124E99 7%, #105a94 20%, #0a70c0 27%, #0291E7 60%, #0271B3 100%) !important;background-size:cover, cover !important;padding:10rem 0 !important;max-height:100vh !important}@media (max-width: 500px){.masthead .segment{min-height:100vh !important}}@media (max-width: 1024px){.masthead .segment{padding:6rem 0 0 !important}}.masthead:after{content:"" !important;bottom:-100px;position:absolute !important;left:0 !important;right:0 !important;background:#fff;width:120%;height:200px;transform:rotate(-4deg)}.introduction h1.header{font-size:4.5rem !important}.ui.grid .row+.ui.divider{margin-top:3rem !important;margin-bottom:3rem !important}#image_container img.phone{display:inline-block !important;max-height:33vw !important;max-width:355px !important;vertical-align:middle !important}#image_container img.tablet{display:inline-block !important;max-height:33vw !important;max-width:633px !important;vertical-align:middle !important}.vertical.segment{box-shadow:none !important}.introduction{perspective:500px !important;text-shadow:0 0 10px rgba(0,0,0,0.2) !important;margin-left:auto !important;margin-right:auto !important;margin-bottom:6rem !important}.introduction .ui.header{font-weight:normal !important}@media (max-width: 1024px){.introduction{margin-bottom:2rem !important}.introduction h1.header{font-size:3rem !important}.introduction h2{font-size:1.4rem !important}}.image{overflow:hidden !important}.pusher{display:flex;flex-direction:column;min-height:100vh}.pusher .stripe{padding:5rem 0 !important;border-radius:0 !important;margin:0 !important}@media (max-width: 1024px){.pusher .stripe{padding:2rem 0 !important}}.pusher .stripe.alternate.stripe{background-color:#F2F3F5 !important}.pusher .stripe h1{font-size:40px !important}.pusher .stripe h2{font-size:26px !important}.pusher .stripe .column>p{font-size:16px !important;line-height:1.6 !important;margin:1em 0 !important}.pusher .intro.segment h1+p{font-size:22px !important}.pusher>.full.height{flex-grow:1}.pusher>.footer{clear:both !important;margin:0 !important;border-radius:0 !important;padding:4em 0 !important}.pusher>.footer .grid{display:block !important}.pusher>.footer .grid .column{margin-left:2rem !important;margin-right:2rem !important}@media (max-width: 359px){.ui.menu .item{font-size:0.9rem !important}}@media (max-width: 500px){.ui.menu .item>span.text{display:none !important}.ui.menu .item>i.icon{margin-right:0 !important}}@media (max-width: 800px), (max-height: 720px){#image_container img.tablet{display:none !important}#image_container img.phone{max-width:calc(50vw + 100px) !important;max-height:100vh !important;margin-bottom:calc(-33vh) !important}.ui.huge.button,.ui.huge.buttons .button,.ui.huge.buttons .or{font-size:1rem !important}}@media (min-width: 800px) and (max-height: 800px){#image_container img.tablet{display:none !important}#image_container img.phone{max-width:calc(50vw + 100px) !important;max-height:100vh !important;margin-bottom:calc(-33vh) !important}.ui.huge.button,.ui.huge.buttons .button,.ui.huge.buttons .or{font-size:1rem !important}.introduction,.introduction+.row{display:inline-block !important;margin-left:4rem !important;margin-right:4rem !important}}@media (max-height: 500px){.masthead.segment{max-height:initial !important}#image_container img.tablet{display:none !important}#image_container img.phone{max-width:calc(50vw + 100px) !important;max-height:100vh !important;margin-bottom:calc(-22vh) !important}.ui.huge.button,.ui.huge.buttons .button,.ui.huge.buttons .or{font-size:1rem !important}.introduction,.introduction+.row{display:inline-block !important;margin-left:4rem !important;margin-right:4rem !important}} +</style><style>body:not(.noscript) img[data-src]{filter:blur(2px) !important}.following.bar{position:fixed !important;top:0 !important;z-index:900 !important;left:0 !important;padding:2em 0 !important;width:100% !important;box-shadow:0 0 0 0 transparent !important;border-bottom:1px solid transparent !important;transition:padding 0.5s ease, background 0.5s ease, box-shadow 0.5s ease, border 0.5s ease !important}body:not(.index) .following.bar{position:sticky !important}.ui.logo{opacity:.9 !important;float:none !important;margin:0 .35714286em 0 0 !important;height:1em !important}.secondary.menu .item{line-height:1.6rem !important}.secondary.menu .item>i.icon{height:1.6rem !important}.following.bar{padding:1em 0 !important}body:not(.index) .following.bar,body.noscript .following.bar,.following.bar.qd{background:#0a70c0 !important}.masthead{position:relative !important;overflow:hidden !important;text-align:center !important;color:rgba(255,255,255,0.9) !important;margin-bottom:0 !important;border-bottom:none !important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 1440 810'%3E%3Cpath fill='%23124e99' fill-opacity='.25' d='M334.24 0L539.8 205.54 745.32 0h-411.1z'/%3E%3Cpath fill='%23124e99' fill-opacity='.3' d='M1366.24 0l-516 516 44.04 44.04L1440 14.32V0h-73.76z'/%3E%3Cpath fill='%230291e7' fill-opacity='.64' d='M745.33 0L539.8 205.54 850.23 516l516-516h-620.9z'/%3E%3Cpath fill='%230291e7' fill-opacity='.57' d='M1440 14.32L894.28 560.04l128.08 128.08 150.1-150.1L1440 270.5V14.32z'/%3E%3Cpath fill='%230291e7' fill-opacity='.28' d='M1440 270.48l-267.55 267.55L1440 805.58v-535.1z'/%3E%3Cpath fill='%23124e99' fill-opacity='.71' d='M1022.36 688.12L1144.24 810H1440v-4.42l-267.55-267.55-150.1 150.1z'/%3E%3Cpath fill='%230291e7' fill-opacity='.46' d='M0 0v455.43L354.57 810h789.67l-810-810H0z'/%3E%3Cpath fill='%23124e99' fill-opacity='.68' d='M0 455.43v80.96L273.6 810h80.97L0 455.43z'/%3E%3Cpath fill='%230291e7' fill-opacity='.4' d='M0 536.4V810h273.6L0 536.4z'/%3E%3C/svg%3E") center center no-repeat,linear-gradient(148deg, #124E99 7%, #105a94 20%, #0a70c0 27%, #0291E7 60%, #0271B3 100%) !important;background-size:cover, cover !important;padding:10rem 0 !important;max-height:100vh !important}@media (max-width: 500px){.masthead .segment{min-height:100vh !important}}@media (max-width: 1024px){.masthead .segment{padding:6rem 0 0 !important}}.masthead:after{content:"" !important;bottom:-100px;position:absolute !important;left:0 !important;right:0 !important;background:#fff;width:120%;height:200px;transform:rotate(-4deg)}.introduction h1.header{font-size:4.5rem !important}.ui.grid .row+.ui.divider{margin-top:3rem !important;margin-bottom:3rem !important}#image_container img.phone{display:inline-block !important;max-height:33vw !important;max-width:355px !important;vertical-align:middle !important}#image_container img.tablet{display:inline-block !important;max-height:33vw !important;max-width:633px !important;vertical-align:middle !important}.responsive.placeholder img{position:absolute;top:0;left:0;right:0}.vertical.segment{box-shadow:none !important}.introduction{perspective:500px !important;text-shadow:0 0 10px rgba(0,0,0,0.2) !important;margin-left:auto !important;margin-right:auto !important;margin-bottom:6rem !important}.introduction .ui.header{font-weight:normal !important}@media (max-width: 1024px){.introduction{margin-bottom:2rem !important}.introduction h1.header{font-size:3rem !important}.introduction h2{font-size:1.4rem !important}}.image{overflow:hidden !important}.pusher{display:flex;flex-direction:column;min-height:100vh}.pusher .stripe{padding:5rem 0 !important;border-radius:0 !important;margin:0 !important}@media (max-width: 1024px){.pusher .stripe{padding:2rem 0 !important}}.pusher .stripe.alternate.stripe{background-color:#F2F3F5 !important}.pusher .stripe h1{font-size:40px !important}.pusher .stripe h2{font-size:26px !important}.pusher .stripe .column>p{font-size:16px !important;line-height:1.6 !important;margin:1em 0 !important}.pusher .intro.segment h1+p{font-size:22px !important}.pusher>.full.height{flex-grow:1}.pusher>.footer{clear:both !important;margin:0 !important;border-radius:0 !important;padding:4em 0 !important}.pusher>.footer .grid{display:block !important}.pusher>.footer .grid .column{margin-left:2rem !important;margin-right:2rem !important}@media (max-width: 359px){.ui.menu .item{font-size:0.9rem !important}}@media (max-width: 500px){.ui.menu .item>span.text{display:none !important}.ui.menu .item>i.icon{margin-right:0 !important}}@media (max-width: 800px), (max-height: 720px){#image_container img.tablet{display:none !important}#image_container img.phone{max-width:calc(50vw + 100px) !important;max-height:100vh !important;margin-bottom:calc(-33vh) !important}.ui.huge.button,.ui.huge.buttons .button,.ui.huge.buttons .or{font-size:1rem !important}}@media (min-width: 800px) and (max-height: 800px){#image_container img.tablet{display:none !important}#image_container img.phone{max-width:calc(50vw + 100px) !important;max-height:100vh !important;margin-bottom:calc(-33vh) !important}.ui.huge.button,.ui.huge.buttons .button,.ui.huge.buttons .or{font-size:1rem !important}.introduction,.introduction+.row{display:inline-block !important;margin-left:4rem !important;margin-right:4rem !important}}@media (max-height: 500px){.masthead.segment{max-height:initial !important}#image_container img.tablet{display:none !important}#image_container img.phone{max-width:calc(50vw + 100px) !important;max-height:100vh !important;margin-bottom:calc(-22vh) !important}.ui.huge.button,.ui.huge.buttons .button,.ui.huge.buttons .or{font-size:1rem !important}.introduction,.introduction+.row{display:inline-block !important;margin-left:4rem !important;margin-right:4rem !important}} </style><style>@font-face font-family: 'Lato' src: url('/assets/fonts/Lato-Regular.eot') @@ -91,18 +91,18 @@ </style></head><body class="noscript index" id="page-index"><noscript><style>img[data-src] { display: none !important; -}</style></noscript><script>document.body.classList.remove("noscript");</script><div class="pusher"><div class="full height"><div class="following bar"><div class="ui container"><div class="ui large secondary menu inverted"><a class="view-ui item active" href="/"><img class="ui logo left" src="/assets/images/icon.svg">QuasselDroid</a><a class="view-ui item" href="/docs/">Docs</a><div class="right menu"><a class="view-ui item" href="https://github.com/justjanne/quasseldroid-ng"><i class="icon github left"></i><span class="text">GitHub</span></a><a class="view-ui item" href="/releases/"><i class="icon download left"></i><span class="text">Download</span></a></div></div></div></div><div class="masthead segment"><div class="ui container"><div class="introduction"><h1 class="ui inverted header">QuasselDroid</h1><h2 class="ui inverted">Chat comfortably, everywhere.</h2><div class="ui hidden divider"></div><a class="ui huge inverted download button" href="/releases/"><i class="icon download left"></i><span class="text">Download</span></a><a class="ui huge inverted basic button" href="https://github.com/justjanne/quasseldroid-ng"><i class="icon github left"></i><span class="text">GitHub</span></a></div><div class="row"><div class="wide column"><div id="image_container"><img class="phone" src="/assets/images/phone@400.png" sizes="(max-height: 800px) calc(50vw + 101px), (max-width: 800px) calc(50vw + 101px), calc(33vw + 1px)" srcset="/assets/images/phone@220.png 220w, /assets/images/phone@300.png 300w, /assets/images/phone@400.png 400w, /assets/images/phone@520.png 520w, /assets/images/phone@640.png 640w, /assets/images/phone@800.png 800w, /assets/images/phone@1000.png 1000w, /assets/images/phone@1220.png 1220w"><noscript><img class="tablet" src="/assets/images/tablet@1090.png" sizes="calc(33vw + 1px)" srcset="/assets/images/tablet@545.png 545w, /assets/images/tablet@640.png 640w, /assets/images/tablet@720.png 720w, /assets/images/tablet@800.png 800w, /assets/images/tablet@880.png 880w, /assets/images/tablet@960.png 960w, /assets/images/tablet@1090.png 1090w, /assets/images/tablet@1635.png 1635w, /assets/images/tablet@2180.png 2180w"/></noscript><img class="tablet" src="/assets/images/tablet@thumb.png" data-src="/assets/images/tablet@1090.png" sizes="calc(33vw + 1px)" data-srcset="/assets/images/tablet@545.png 545w, /assets/images/tablet@640.png 640w, /assets/images/tablet@720.png 720w, /assets/images/tablet@800.png 800w, /assets/images/tablet@880.png 880w, /assets/images/tablet@960.png 960w, /assets/images/tablet@1090.png 1090w, /assets/images/tablet@1635.png 1635w, /assets/images/tablet@2180.png 2180w"/></div></div></div></div></div><div class="ui vertical stripe intro segment"><div class="ui stackable very relaxed center aligned grid container"><div class="row" id="built_on_quassel"><div class="seven wide column left aligned"><h2 class="ui header">Built on Quassel</h2><p>Quassel makes IRC fun again – open a client anywhere, connect +}</style></noscript><script>document.body.classList.remove("noscript");</script><div class="pusher"><div class="full height"><div class="following bar"><div class="ui container"><div class="ui large secondary menu inverted"><a class="view-ui item active" href="/"><img class="ui logo left" src="/assets/images/icon.svg">QuasselDroid</a><a class="view-ui item" href="/docs/">Docs</a><div class="right menu"><a class="view-ui item" href="https://github.com/justjanne/quasseldroid-ng"><i class="icon github left"></i><span class="text">GitHub</span></a><a class="view-ui item" href="/releases/"><i class="icon download left"></i><span class="text">Download</span></a></div></div></div></div><div class="masthead segment"><div class="ui container"><div class="introduction"><h1 class="ui inverted header">QuasselDroid</h1><h2 class="ui inverted">Chat comfortably, everywhere.</h2><div class="ui hidden divider"></div><a class="ui huge inverted download button" href="/releases/"><i class="icon download left"></i><span class="text">Download</span></a><a class="ui huge inverted basic button" href="https://github.com/justjanne/quasseldroid-ng"><i class="icon github left"></i><span class="text">GitHub</span></a></div><div class="row"><div class="wide column"><div id="image_container"><img class="phone" src="/assets/images/phone@400.png" sizes="(max-height: 800px) calc(50vw + 101px), (max-width: 800px) calc(50vw + 101px), calc(33vw + 1px)" srcset="/assets/images/phone@220.png 220w, /assets/images/phone@300.png 300w, /assets/images/phone@400.png 400w, /assets/images/phone@520.png 520w, /assets/images/phone@640.png 640w, /assets/images/phone@800.png 800w, /assets/images/phone@1000.png 1000w, /assets/images/phone@1220.png 1220w"><div class="responsive placeholder" style="padding-bottom: #{aspect_ratio;"><noscript><img class="tablet" src="/assets/images/tablet@1090.png" sizes="calc(33vw + 1px)" srcset="/assets/images/tablet@545.png 545w, /assets/images/tablet@640.png 640w, /assets/images/tablet@720.png 720w, /assets/images/tablet@800.png 800w, /assets/images/tablet@880.png 880w, /assets/images/tablet@960.png 960w, /assets/images/tablet@1090.png 1090w, /assets/images/tablet@1635.png 1635w, /assets/images/tablet@2180.png 2180w"/></noscript><img class="tablet" src="/assets/images/tablet@thumb.png" data-src="/assets/images/tablet@1090.png" sizes="calc(33vw + 1px)" data-srcset="/assets/images/tablet@545.png 545w, /assets/images/tablet@640.png 640w, /assets/images/tablet@720.png 720w, /assets/images/tablet@800.png 800w, /assets/images/tablet@880.png 880w, /assets/images/tablet@960.png 960w, /assets/images/tablet@1090.png 1090w, /assets/images/tablet@1635.png 1635w, /assets/images/tablet@2180.png 2180w"/></div></div></div></div></div></div><div class="ui vertical stripe intro segment"><div class="ui stackable very relaxed center aligned grid container"><div class="row" id="built_on_quassel"><div class="seven wide column left aligned"><h2 class="ui header">Built on Quassel</h2><p>Quassel makes IRC fun again – open a client anywhere, connect to your core, and have all your favourite channels and networks right there.</p><p>Be it at home with Windows, macOS, Linux, on the go with Android or iOS, or via the web. Everything is exactly the way -you left it.</p><a href="https://quassel-irc.org/">Learn More</a></div><div class="nine wide column"><div class="ui one doubling cards"><div class="card"><div class="image"><noscript><img src="/assets/images/desktop@590.png" sizes="(max-width: 767px) calc(100vw + 1px), (max-width: 991px) 364px, (max-width: 1199px) 475px, 591px" srcset="/assets/images/desktop@363.png 363w, /assets/images/desktop@474.png 474w, /assets/images/desktop@590.png 590w, /assets/images/desktop@726.png 726w, /assets/images/desktop@948.png 948w, /assets/images/desktop@1180.png 1180w"/></noscript><img src="/assets/images/desktop@thumb.jpg" data-src="/assets/images/desktop@590.png" sizes="(max-width: 767px) calc(100vw + 1px), (max-width: 991px) 364px, (max-width: 1199px) 475px, 591px" data-srcset="/assets/images/desktop@363.png 363w, /assets/images/desktop@474.png 474w, /assets/images/desktop@590.png 590w, /assets/images/desktop@726.png 726w, /assets/images/desktop@948.png 948w, /assets/images/desktop@1180.png 1180w"/></div></div></div></div></div><div class="ui divider"></div><div class="computer reversed row" id="never_miss_a_thing"><div class="seven wide column left aligned"><h2 class="ui header">Never miss a thing</h2><p>Always be up to date with push notifications in QuasselDroid. +you left it.</p><a href="https://quassel-irc.org/">Learn More</a></div><div class="nine wide column"><div class="ui one doubling cards"><div class="card"><div class="image"><div class="responsive placeholder" style="padding-bottom: #{aspect_ratio;"><noscript><img src="/assets/images/desktop@590.png" sizes="(max-width: 767px) calc(100vw + 1px), (max-width: 991px) 364px, (max-width: 1199px) 475px, 591px" srcset="/assets/images/desktop@363.png 363w, /assets/images/desktop@474.png 474w, /assets/images/desktop@590.png 590w, /assets/images/desktop@726.png 726w, /assets/images/desktop@948.png 948w, /assets/images/desktop@1180.png 1180w"/></noscript><img src="/assets/images/desktop@thumb.jpg" data-src="/assets/images/desktop@590.png" sizes="(max-width: 767px) calc(100vw + 1px), (max-width: 991px) 364px, (max-width: 1199px) 475px, 591px" data-srcset="/assets/images/desktop@363.png 363w, /assets/images/desktop@474.png 474w, /assets/images/desktop@590.png 590w, /assets/images/desktop@726.png 726w, /assets/images/desktop@948.png 948w, /assets/images/desktop@1180.png 1180w"/></div></div></div></div></div></div><div class="ui divider"></div><div class="computer reversed row" id="never_miss_a_thing"><div class="seven wide column left aligned"><h2 class="ui header">Never miss a thing</h2><p>Always be up to date with push notifications in QuasselDroid. Once you’ve set up the app, it automatically ensures you always get notifications – without affecting your battery -runtime.</p></div><div class="nine wide column"><div class="ui one doubling cards"><div class="card"><div class="image"><noscript><img src="/assets/images/notifications@590.png" sizes="(max-width: 767px) calc(100vw + 1px), (max-width: 991px) 364px, (max-width: 1199px) 475px, 591px" srcset="/assets/images/notifications@363.png 363w, /assets/images/notifications@474.png 474w, /assets/images/notifications@590.png 590w"/></noscript><img src="/assets/images/notifications@thumb.jpg" data-src="/assets/images/notifications@590.png" sizes="(max-width: 767px) calc(100vw + 1px), (max-width: 991px) 364px, (max-width: 1199px) 475px, 591px" data-srcset="/assets/images/notifications@363.png 363w, /assets/images/notifications@474.png 474w, /assets/images/notifications@590.png 590w"/></div></div></div></div></div><div class="ui divider"></div><div class="row" id="make_it_yours"><div class="seven wide column left aligned"><h2 class="ui header">Make it yours</h2><p>With many available themes, and the ability to change every +runtime.</p></div><div class="nine wide column"><div class="ui one doubling cards"><div class="card"><div class="image"><div class="responsive placeholder" style="padding-bottom: #{aspect_ratio;"><noscript><img src="/assets/images/notifications@590.png" sizes="(max-width: 767px) calc(100vw + 1px), (max-width: 991px) 364px, (max-width: 1199px) 475px, 591px" srcset="/assets/images/notifications@363.png 363w, /assets/images/notifications@474.png 474w, /assets/images/notifications@590.png 590w"/></noscript><img src="/assets/images/notifications@thumb.jpg" data-src="/assets/images/notifications@590.png" sizes="(max-width: 767px) calc(100vw + 1px), (max-width: 991px) 364px, (max-width: 1199px) 475px, 591px" data-srcset="/assets/images/notifications@363.png 363w, /assets/images/notifications@474.png 474w, /assets/images/notifications@590.png 590w"/></div></div></div></div></div></div><div class="ui divider"></div><div class="row" id="make_it_yours"><div class="seven wide column left aligned"><h2 class="ui header">Make it yours</h2><p>With many available themes, and the ability to change every little bit of the UI to your liking, you can truly customize QuasselDroid however you’d like.</p><p>Special themes for every situation – be it AMOLED displays or holidays – are available, and improve your battery life -or just look fancy.</p></div><div class="nine wide column"><div class="ui one doubling cards"><div class="card"><div class="image"><noscript><img src="/assets/images/themes@1180.png 1180w" sizes="(max-width: 767px) calc(100vw + 1px), (max-width: 991px) 364px, (max-width: 1199px) 475px, 591px" srcset="/assets/images/themes@363.png 363w, /assets/images/themes@474.png 474w, /assets/images/themes@590.png 590w, /assets/images/themes@726.png 726w, /assets/images/themes@948.png 948w, /assets/images/themes@1180.png 1180w"/></noscript><img src="/assets/images/themes@thumb.jpg" data-src="/assets/images/themes@1180.png 1180w" sizes="(max-width: 767px) calc(100vw + 1px), (max-width: 991px) 364px, (max-width: 1199px) 475px, 591px" data-srcset="/assets/images/themes@363.png 363w, /assets/images/themes@474.png 474w, /assets/images/themes@590.png 590w, /assets/images/themes@726.png 726w, /assets/images/themes@948.png 948w, /assets/images/themes@1180.png 1180w"/></div></div></div></div></div><div class="ui divider"></div><div class="row centered"><div class="wide column"><div class="ui four doubling cards"><a class="card" href="/assets/images/#{id}.png"><div class="image"><noscript><img src="/assets/images/quassel_light@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" srcset="/assets/images/quassel_light@220.png 220w, /assets/images/quassel_light@266.png 266w, /assets/images/quassel_light@335.png 335w, /assets/images/quassel_light@352.png 352w, /assets/images/quassel_light@532.png 532w"/></noscript><img src="/assets/images/quassel_light@thumb.jpg" data-src="/assets/images/quassel_light@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" data-srcset="/assets/images/quassel_light@220.png 220w, /assets/images/quassel_light@266.png 266w, /assets/images/quassel_light@335.png 335w, /assets/images/quassel_light@352.png 352w, /assets/images/quassel_light@532.png 532w"/></div><div class="content"><div class="extra">Quassel Light</div></div></a><a class="card" href="/assets/images/#{id}.png"><div class="image"><noscript><img src="/assets/images/quassel_dark@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" srcset="/assets/images/quassel_dark@220.png 220w, /assets/images/quassel_dark@266.png 266w, /assets/images/quassel_dark@335.png 335w, /assets/images/quassel_dark@352.png 352w, /assets/images/quassel_dark@532.png 532w"/></noscript><img src="/assets/images/quassel_dark@thumb.jpg" data-src="/assets/images/quassel_dark@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" data-srcset="/assets/images/quassel_dark@220.png 220w, /assets/images/quassel_dark@266.png 266w, /assets/images/quassel_dark@335.png 335w, /assets/images/quassel_dark@352.png 352w, /assets/images/quassel_dark@532.png 532w"/></div><div class="content"><div class="extra">Quassel Dark</div></div></a><a class="card" href="/assets/images/#{id}.png"><div class="image"><noscript><img src="/assets/images/solarized_light@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" srcset="/assets/images/solarized_light@220.png 220w, /assets/images/solarized_light@266.png 266w, /assets/images/solarized_light@335.png 335w, /assets/images/solarized_light@352.png 352w, /assets/images/solarized_light@532.png 532w"/></noscript><img src="/assets/images/solarized_light@thumb.jpg" data-src="/assets/images/solarized_light@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" data-srcset="/assets/images/solarized_light@220.png 220w, /assets/images/solarized_light@266.png 266w, /assets/images/solarized_light@335.png 335w, /assets/images/solarized_light@352.png 352w, /assets/images/solarized_light@532.png 532w"/></div><div class="content"><div class="extra">Solarized Light</div></div></a><a class="card" href="/assets/images/#{id}.png"><div class="image"><noscript><img src="/assets/images/solarized_dark@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" srcset="/assets/images/solarized_dark@220.png 220w, /assets/images/solarized_dark@266.png 266w, /assets/images/solarized_dark@335.png 335w, /assets/images/solarized_dark@352.png 352w, /assets/images/solarized_dark@532.png 532w"/></noscript><img src="/assets/images/solarized_dark@thumb.jpg" data-src="/assets/images/solarized_dark@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" data-srcset="/assets/images/solarized_dark@220.png 220w, /assets/images/solarized_dark@266.png 266w, /assets/images/solarized_dark@335.png 335w, /assets/images/solarized_dark@352.png 352w, /assets/images/solarized_dark@532.png 532w"/></div><div class="content"><div class="extra">Solarized Dark</div></div></a><a class="card" href="/assets/images/#{id}.png"><div class="image"><noscript><img src="/assets/images/gruvbox_light@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" srcset="/assets/images/gruvbox_light@220.png 220w, /assets/images/gruvbox_light@266.png 266w, /assets/images/gruvbox_light@335.png 335w, /assets/images/gruvbox_light@352.png 352w, /assets/images/gruvbox_light@532.png 532w"/></noscript><img src="/assets/images/gruvbox_light@thumb.jpg" data-src="/assets/images/gruvbox_light@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" data-srcset="/assets/images/gruvbox_light@220.png 220w, /assets/images/gruvbox_light@266.png 266w, /assets/images/gruvbox_light@335.png 335w, /assets/images/gruvbox_light@352.png 352w, /assets/images/gruvbox_light@532.png 532w"/></div><div class="content"><div class="extra">Gruvbox Light</div></div></a><a class="card" href="/assets/images/#{id}.png"><div class="image"><noscript><img src="/assets/images/gruvbox_dark@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" srcset="/assets/images/gruvbox_dark@220.png 220w, /assets/images/gruvbox_dark@266.png 266w, /assets/images/gruvbox_dark@335.png 335w, /assets/images/gruvbox_dark@352.png 352w, /assets/images/gruvbox_dark@532.png 532w"/></noscript><img src="/assets/images/gruvbox_dark@thumb.jpg" data-src="/assets/images/gruvbox_dark@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" data-srcset="/assets/images/gruvbox_dark@220.png 220w, /assets/images/gruvbox_dark@266.png 266w, /assets/images/gruvbox_dark@335.png 335w, /assets/images/gruvbox_dark@352.png 352w, /assets/images/gruvbox_dark@532.png 532w"/></div><div class="content"><div class="extra">Gruvbox Dark</div></div></a><a class="card" href="/assets/images/#{id}.png"><div class="image"><noscript><img src="/assets/images/amoled@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" srcset="/assets/images/amoled@220.png 220w, /assets/images/amoled@266.png 266w, /assets/images/amoled@335.png 335w, /assets/images/amoled@352.png 352w, /assets/images/amoled@532.png 532w"/></noscript><img src="/assets/images/amoled@thumb.jpg" data-src="/assets/images/amoled@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" data-srcset="/assets/images/amoled@220.png 220w, /assets/images/amoled@266.png 266w, /assets/images/amoled@335.png 335w, /assets/images/amoled@352.png 352w, /assets/images/amoled@532.png 532w"/></div><div class="content"><div class="extra">AMOLED</div></div></a></div></div></div></div></div></div><div class="ui black inverted vertical footer segment"><div class="ui center aligned container"><div class="ui stackable inverted grid"><div class="three wide column"><h4 class="ui inverted header">Community</h4><div class="ui inverted link list"><a class="item" href="https://www.transifex.com/quasseldroid/quasseldroid/">Help Translate</a><a class="item" href="https://github.com/sandsmark/quasseldroid/issues/">Submit an Issue</a><a class="item" href="irc://chat.freenode.org/#quasseldroid">Join our Chat</a><a class="item" href="/docs/">Documentation</a><a class="item" href="/privacy-policy/">Privacy Policy</a></div></div><div class="three wide column"><h4 class="ui inverted header">Discover More</h4><div class="ui inverted link list"><a class="item" href="https://quassel-irc.org/">Quassel</a><a class="item" href="https://github.com/magne4000/quassel-webserver/">quassel-webserver</a><a class="item" href="https://github.com/phhusson/quassel-irssi">quassel-irssi</a><a class="item" href="https://woboq.com/iquassel.html">iQuassel</a></div></div></div><div class="ui inverted section divider"></div><img class="ui centered mini image" src="/assets/images/icon.svg"><div class="ui horizontal inverted small divided link list"><a class="item" href="https://github.com/sandsmark/QuasselDroid">Free & Open Source +or just look fancy.</p></div><div class="nine wide column"><div class="ui one doubling cards"><div class="card"><div class="image"><div class="responsive placeholder" style="padding-bottom: #{aspect_ratio;"><noscript><img src="/assets/images/themes@1180.png 1180w" sizes="(max-width: 767px) calc(100vw + 1px), (max-width: 991px) 364px, (max-width: 1199px) 475px, 591px" srcset="/assets/images/themes@363.png 363w, /assets/images/themes@474.png 474w, /assets/images/themes@590.png 590w, /assets/images/themes@726.png 726w, /assets/images/themes@948.png 948w, /assets/images/themes@1180.png 1180w"/></noscript><img src="/assets/images/themes@thumb.jpg" data-src="/assets/images/themes@1180.png 1180w" sizes="(max-width: 767px) calc(100vw + 1px), (max-width: 991px) 364px, (max-width: 1199px) 475px, 591px" data-srcset="/assets/images/themes@363.png 363w, /assets/images/themes@474.png 474w, /assets/images/themes@590.png 590w, /assets/images/themes@726.png 726w, /assets/images/themes@948.png 948w, /assets/images/themes@1180.png 1180w"/></div></div></div></div></div></div><div class="ui divider"></div><div class="row centered"><div class="wide column"><div class="ui four doubling cards"><a class="card" href="/assets/images/#{id}.png"><div class="image"><div class="responsive placeholder" style="padding-bottom: #{aspect_ratio;"><noscript><img src="/assets/images/quassel_light@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" srcset="/assets/images/quassel_light@220.png 220w, /assets/images/quassel_light@266.png 266w, /assets/images/quassel_light@335.png 335w, /assets/images/quassel_light@352.png 352w, /assets/images/quassel_light@532.png 532w"/></noscript><img src="/assets/images/quassel_light@thumb.jpg" data-src="/assets/images/quassel_light@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" data-srcset="/assets/images/quassel_light@220.png 220w, /assets/images/quassel_light@266.png 266w, /assets/images/quassel_light@335.png 335w, /assets/images/quassel_light@352.png 352w, /assets/images/quassel_light@532.png 532w"/></div></div><div class="content"><div class="extra">Quassel Light</div></div></a><a class="card" href="/assets/images/#{id}.png"><div class="image"><div class="responsive placeholder" style="padding-bottom: #{aspect_ratio;"><noscript><img src="/assets/images/quassel_dark@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" srcset="/assets/images/quassel_dark@220.png 220w, /assets/images/quassel_dark@266.png 266w, /assets/images/quassel_dark@335.png 335w, /assets/images/quassel_dark@352.png 352w, /assets/images/quassel_dark@532.png 532w"/></noscript><img src="/assets/images/quassel_dark@thumb.jpg" data-src="/assets/images/quassel_dark@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" data-srcset="/assets/images/quassel_dark@220.png 220w, /assets/images/quassel_dark@266.png 266w, /assets/images/quassel_dark@335.png 335w, /assets/images/quassel_dark@352.png 352w, /assets/images/quassel_dark@532.png 532w"/></div></div><div class="content"><div class="extra">Quassel Dark</div></div></a><a class="card" href="/assets/images/#{id}.png"><div class="image"><div class="responsive placeholder" style="padding-bottom: #{aspect_ratio;"><noscript><img src="/assets/images/solarized_light@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" srcset="/assets/images/solarized_light@220.png 220w, /assets/images/solarized_light@266.png 266w, /assets/images/solarized_light@335.png 335w, /assets/images/solarized_light@352.png 352w, /assets/images/solarized_light@532.png 532w"/></noscript><img src="/assets/images/solarized_light@thumb.jpg" data-src="/assets/images/solarized_light@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" data-srcset="/assets/images/solarized_light@220.png 220w, /assets/images/solarized_light@266.png 266w, /assets/images/solarized_light@335.png 335w, /assets/images/solarized_light@352.png 352w, /assets/images/solarized_light@532.png 532w"/></div></div><div class="content"><div class="extra">Solarized Light</div></div></a><a class="card" href="/assets/images/#{id}.png"><div class="image"><div class="responsive placeholder" style="padding-bottom: #{aspect_ratio;"><noscript><img src="/assets/images/solarized_dark@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" srcset="/assets/images/solarized_dark@220.png 220w, /assets/images/solarized_dark@266.png 266w, /assets/images/solarized_dark@335.png 335w, /assets/images/solarized_dark@352.png 352w, /assets/images/solarized_dark@532.png 532w"/></noscript><img src="/assets/images/solarized_dark@thumb.jpg" data-src="/assets/images/solarized_dark@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" data-srcset="/assets/images/solarized_dark@220.png 220w, /assets/images/solarized_dark@266.png 266w, /assets/images/solarized_dark@335.png 335w, /assets/images/solarized_dark@352.png 352w, /assets/images/solarized_dark@532.png 532w"/></div></div><div class="content"><div class="extra">Solarized Dark</div></div></a><a class="card" href="/assets/images/#{id}.png"><div class="image"><div class="responsive placeholder" style="padding-bottom: #{aspect_ratio;"><noscript><img src="/assets/images/gruvbox_light@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" srcset="/assets/images/gruvbox_light@220.png 220w, /assets/images/gruvbox_light@266.png 266w, /assets/images/gruvbox_light@335.png 335w, /assets/images/gruvbox_light@352.png 352w, /assets/images/gruvbox_light@532.png 532w"/></noscript><img src="/assets/images/gruvbox_light@thumb.jpg" data-src="/assets/images/gruvbox_light@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" data-srcset="/assets/images/gruvbox_light@220.png 220w, /assets/images/gruvbox_light@266.png 266w, /assets/images/gruvbox_light@335.png 335w, /assets/images/gruvbox_light@352.png 352w, /assets/images/gruvbox_light@532.png 532w"/></div></div><div class="content"><div class="extra">Gruvbox Light</div></div></a><a class="card" href="/assets/images/#{id}.png"><div class="image"><div class="responsive placeholder" style="padding-bottom: #{aspect_ratio;"><noscript><img src="/assets/images/gruvbox_dark@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" srcset="/assets/images/gruvbox_dark@220.png 220w, /assets/images/gruvbox_dark@266.png 266w, /assets/images/gruvbox_dark@335.png 335w, /assets/images/gruvbox_dark@352.png 352w, /assets/images/gruvbox_dark@532.png 532w"/></noscript><img src="/assets/images/gruvbox_dark@thumb.jpg" data-src="/assets/images/gruvbox_dark@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" data-srcset="/assets/images/gruvbox_dark@220.png 220w, /assets/images/gruvbox_dark@266.png 266w, /assets/images/gruvbox_dark@335.png 335w, /assets/images/gruvbox_dark@352.png 352w, /assets/images/gruvbox_dark@532.png 532w"/></div></div><div class="content"><div class="extra">Gruvbox Dark</div></div></a><a class="card" href="/assets/images/#{id}.png"><div class="image"><div class="responsive placeholder" style="padding-bottom: #{aspect_ratio;"><noscript><img src="/assets/images/amoled@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" srcset="/assets/images/amoled@220.png 220w, /assets/images/amoled@266.png 266w, /assets/images/amoled@335.png 335w, /assets/images/amoled@352.png 352w, /assets/images/amoled@532.png 532w"/></noscript><img src="/assets/images/amoled@thumb.jpg" data-src="/assets/images/amoled@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" data-srcset="/assets/images/amoled@220.png 220w, /assets/images/amoled@266.png 266w, /assets/images/amoled@335.png 335w, /assets/images/amoled@352.png 352w, /assets/images/amoled@532.png 532w"/></div></div><div class="content"><div class="extra">AMOLED</div></div></a></div></div></div></div></div></div><div class="ui black inverted vertical footer segment"><div class="ui center aligned container"><div class="ui stackable inverted grid"><div class="three wide column"><h4 class="ui inverted header">Community</h4><div class="ui inverted link list"><a class="item" href="https://www.transifex.com/quasseldroid/quasseldroid/">Help Translate</a><a class="item" href="https://github.com/sandsmark/quasseldroid/issues/">Submit an Issue</a><a class="item" href="irc://chat.freenode.org/#quasseldroid">Join our Chat</a><a class="item" href="/docs/">Documentation</a><a class="item" href="/privacy-policy/">Privacy Policy</a></div></div><div class="three wide column"><h4 class="ui inverted header">Discover More</h4><div class="ui inverted link list"><a class="item" href="https://quassel-irc.org/">Quassel</a><a class="item" href="https://github.com/magne4000/quassel-webserver/">quassel-webserver</a><a class="item" href="https://github.com/phhusson/quassel-irssi">quassel-irssi</a><a class="item" href="https://woboq.com/iquassel.html">iQuassel</a></div></div></div><div class="ui inverted section divider"></div><img class="ui centered mini image" src="/assets/images/icon.svg"><div class="ui horizontal inverted small divided link list"><a class="item" href="https://github.com/sandsmark/QuasselDroid">Free & Open Source </a></div></div></div></div><script src="/assets/js/intersectionobserver.min.js"></script><script>const following_bar = document.querySelector(".following.bar"); const update_top_bar = function () { following_bar.classList.toggle("qd", window.scrollY !== 0); diff --git a/index.pug b/index.pug index 601e835742255aa88ece6bd19ba93333d1fb8f1d..5c4108d1787481b0a47294c38eb96f18704f5e6c 100644 --- a/index.pug +++ b/index.pug @@ -22,7 +22,7 @@ block content .wide.column #image_container img.phone(src="/assets/images/phone@400.png" sizes="(max-height: 800px) calc(50vw + 101px), (max-width: 800px) calc(50vw + 101px), calc(33vw + 1px)" srcset="/assets/images/phone@220.png 220w, /assets/images/phone@300.png 300w, /assets/images/phone@400.png 400w, /assets/images/phone@520.png 520w, /assets/images/phone@640.png 640w, /assets/images/phone@800.png 800w, /assets/images/phone@1000.png 1000w, /assets/images/phone@1220.png 1220w") - +responsive_image("/assets/images/tablet@thumb.png", "/assets/images/tablet@1090.png", "/assets/images/tablet@545.png 545w, /assets/images/tablet@640.png 640w, /assets/images/tablet@720.png 720w, /assets/images/tablet@800.png 800w, /assets/images/tablet@880.png 880w, /assets/images/tablet@960.png 960w, /assets/images/tablet@1090.png 1090w, /assets/images/tablet@1635.png 1635w, /assets/images/tablet@2180.png 2180w", "calc(33vw + 1px)")(class="tablet") + +responsive_image("/assets/images/tablet@thumb.png", "/assets/images/tablet@1090.png", "/assets/images/tablet@545.png 545w, /assets/images/tablet@640.png 640w, /assets/images/tablet@720.png 720w, /assets/images/tablet@800.png 800w, /assets/images/tablet@880.png 880w, /assets/images/tablet@960.png 960w, /assets/images/tablet@1090.png 1090w, /assets/images/tablet@1635.png 1635w, /assets/images/tablet@2180.png 2180w", "calc(33vw + 1px)", "61.92660550458716%")(class="tablet") .ui.vertical.stripe.intro.segment .ui.stackable.very.relaxed.center.aligned.grid.container .row#built_on_quassel @@ -43,7 +43,7 @@ block content .ui.one.doubling.cards .card .image - +responsive_image("/assets/images/desktop@thumb.jpg", "/assets/images/desktop@590.png", "/assets/images/desktop@363.png 363w, /assets/images/desktop@474.png 474w, /assets/images/desktop@590.png 590w, /assets/images/desktop@726.png 726w, /assets/images/desktop@948.png 948w, /assets/images/desktop@1180.png 1180w", "(max-width: 767px) calc(100vw + 1px), (max-width: 991px) 364px, (max-width: 1199px) 475px, 591px") + +responsive_image("/assets/images/desktop@thumb.jpg", "/assets/images/desktop@590.png", "/assets/images/desktop@363.png 363w, /assets/images/desktop@474.png 474w, /assets/images/desktop@590.png 590w, /assets/images/desktop@726.png 726w, /assets/images/desktop@948.png 948w, /assets/images/desktop@1180.png 1180w", "(max-width: 767px) calc(100vw + 1px), (max-width: 991px) 364px, (max-width: 1199px) 475px, 591px", "75.5932203389830%") .ui.divider .computer.reversed.row#never_miss_a_thing .seven.wide.column.left.aligned @@ -58,7 +58,7 @@ block content .ui.one.doubling.cards .card .image - +responsive_image("/assets/images/notifications@thumb.jpg", "/assets/images/notifications@590.png", "/assets/images/notifications@363.png 363w, /assets/images/notifications@474.png 474w, /assets/images/notifications@590.png 590w", "(max-width: 767px) calc(100vw + 1px), (max-width: 991px) 364px, (max-width: 1199px) 475px, 591px") + +responsive_image("/assets/images/notifications@thumb.jpg", "/assets/images/notifications@590.png", "/assets/images/notifications@363.png 363w, /assets/images/notifications@474.png 474w, /assets/images/notifications@590.png 590w", "(max-width: 767px) calc(100vw + 1px), (max-width: 991px) 364px, (max-width: 1199px) 475px, 591px", "45.33106960950764%") .ui.divider .row#make_it_yours .seven.wide.column.left.aligned @@ -76,7 +76,7 @@ block content .ui.one.doubling.cards .card .image - +responsive_image("/assets/images/themes@thumb.jpg", "/assets/images/themes@1180.png 1180w", "/assets/images/themes@363.png 363w, /assets/images/themes@474.png 474w, /assets/images/themes@590.png 590w, /assets/images/themes@726.png 726w, /assets/images/themes@948.png 948w, /assets/images/themes@1180.png 1180w", "(max-width: 767px) calc(100vw + 1px), (max-width: 991px) 364px, (max-width: 1199px) 475px, 591px") + +responsive_image("/assets/images/themes@thumb.jpg", "/assets/images/themes@1180.png 1180w", "/assets/images/themes@363.png 363w, /assets/images/themes@474.png 474w, /assets/images/themes@590.png 590w, /assets/images/themes@726.png 726w, /assets/images/themes@948.png 948w, /assets/images/themes@1180.png 1180w", "(max-width: 767px) calc(100vw + 1px), (max-width: 991px) 364px, (max-width: 1199px) 475px, 591px", "62.64855687606112%") .ui.divider .row.centered .wide.column diff --git a/privacy-policy/index.html b/privacy-policy/index.html index 7055be61181cea2a85cd556d817e5528c381d12c..8a75baf7d8a80b74c2d3d8f60c41a47173e1037a 100644 --- a/privacy-policy/index.html +++ b/privacy-policy/index.html @@ -56,7 +56,7 @@ * http://opensource.org/licenses/MIT * */.ui.items>.item{display:-webkit-box;display:-ms-flexbox;display:flex;margin:1em 0em;width:100%;min-height:0px;background:transparent;padding:0em;border:none;border-radius:0rem;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:-webkit-box-shadow 0.1s ease;transition:-webkit-box-shadow 0.1s ease;transition:box-shadow 0.1s ease;transition:box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease;z-index:''}.ui.items>.item a{cursor:pointer}.ui.items{margin:1.5em 0em}.ui.items:first-child{margin-top:0em !important}.ui.items:last-child{margin-bottom:0em !important}.ui.items>.item:after{display:block;content:' ';height:0px;clear:both;overflow:hidden;visibility:hidden}.ui.items>.item:first-child{margin-top:0em}.ui.items>.item:last-child{margin-bottom:0em}.ui.items>.item>.image{position:relative;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:block;float:none;margin:0em;padding:0em;max-height:'';-ms-flex-item-align:top;align-self:top}.ui.items>.item>.image>img{display:block;width:100%;height:auto;border-radius:0.125rem;border:none}.ui.items>.item>.image:only-child>img{border-radius:0rem}.ui.items>.item>.content{display:block;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;background:none;margin:0em;padding:0em;-webkit-box-shadow:none;box-shadow:none;font-size:1em;border:none;border-radius:0em}.ui.items>.item>.content:after{display:block;content:' ';height:0px;clear:both;overflow:hidden;visibility:hidden}.ui.items>.item>.image+.content{min-width:0;width:auto;display:block;margin-left:0em;-ms-flex-item-align:top;align-self:top;padding-left:1.5em}.ui.items>.item>.content>.header{display:inline-block;margin:-0.21425em 0em 0em;font-family:'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;font-weight:bold;color:rgba(0,0,0,0.85)}.ui.items>.item>.content>.header:not(.ui){font-size:1.28571429em}.ui.items>.item [class*="left floated"]{float:left}.ui.items>.item [class*="right floated"]{float:right}.ui.items>.item .content img{-ms-flex-item-align:middle;align-self:middle;width:''}.ui.items>.item img.avatar,.ui.items>.item .avatar img{width:'';height:'';border-radius:500rem}.ui.items>.item>.content>.description{margin-top:0.6em;max-width:auto;font-size:1em;line-height:1.4285em;color:rgba(0,0,0,0.87)}.ui.items>.item>.content p{margin:0em 0em 0.5em}.ui.items>.item>.content p:last-child{margin-bottom:0em}.ui.items>.item .meta{margin:0.5em 0em 0.5em;font-size:1em;line-height:1em;color:rgba(0,0,0,0.6)}.ui.items>.item .meta *{margin-right:0.3em}.ui.items>.item .meta :last-child{margin-right:0em}.ui.items>.item .meta [class*="right floated"]{margin-right:0em;margin-left:0.3em}.ui.items>.item>.content a:not(.ui){color:'';-webkit-transition:color 0.1s ease;transition:color 0.1s ease}.ui.items>.item>.content a:not(.ui):hover{color:''}.ui.items>.item>.content>a.header{color:rgba(0,0,0,0.85)}.ui.items>.item>.content>a.header:hover{color:#1e70bf}.ui.items>.item .meta>a:not(.ui){color:rgba(0,0,0,0.4)}.ui.items>.item .meta>a:not(.ui):hover{color:rgba(0,0,0,0.87)}.ui.items>.item>.content .favorite.icon{cursor:pointer;opacity:0.75;-webkit-transition:color 0.1s ease;transition:color 0.1s ease}.ui.items>.item>.content .favorite.icon:hover{opacity:1;color:#FFB70A}.ui.items>.item>.content .active.favorite.icon{color:#FFE623}.ui.items>.item>.content .like.icon{cursor:pointer;opacity:0.75;-webkit-transition:color 0.1s ease;transition:color 0.1s ease}.ui.items>.item>.content .like.icon:hover{opacity:1;color:#FF2733}.ui.items>.item>.content .active.like.icon{color:#FF2733}.ui.items>.item .extra{display:block;position:relative;background:none;margin:0.5rem 0em 0em;width:100%;padding:0em 0em 0em;top:0em;left:0em;color:rgba(0,0,0,0.4);-webkit-box-shadow:none;box-shadow:none;-webkit-transition:color 0.1s ease;transition:color 0.1s ease;border-top:none}.ui.items>.item .extra>*{margin:0.25rem 0.5rem 0.25rem 0em}.ui.items>.item .extra>[class*="right floated"]{margin:0.25rem 0em 0.25rem 0.5rem}.ui.items>.item .extra:after{display:block;content:' ';height:0px;clear:both;overflow:hidden;visibility:hidden}.ui.items>.item>.image:not(.ui){width:175px}@media only screen and (min-width: 768px) and (max-width: 991px){.ui.items>.item{margin:1em 0em}.ui.items>.item>.image:not(.ui){width:150px}.ui.items>.item>.image+.content{display:block;padding:0em 0em 0em 1em}}@media only screen and (max-width: 767px){.ui.items:not(.unstackable)>.item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:2em 0em}.ui.items:not(.unstackable)>.item>.image{display:block;margin-left:auto;margin-right:auto}.ui.items:not(.unstackable)>.item>.image,.ui.items:not(.unstackable)>.item>.image>img{max-width:100% !important;width:auto !important;max-height:250px !important}.ui.items:not(.unstackable)>.item>.image+.content{display:block;padding:1.5em 0em 0em}}.ui.items>.item>.image+[class*="top aligned"].content{-ms-flex-item-align:start;align-self:flex-start}.ui.items>.item>.image+[class*="middle aligned"].content{-ms-flex-item-align:center;align-self:center}.ui.items>.item>.image+[class*="bottom aligned"].content{-ms-flex-item-align:end;align-self:flex-end}.ui.relaxed.items>.item{margin:1.5em 0em}.ui[class*="very relaxed"].items>.item{margin:2em 0em}.ui.divided.items>.item{border-top:1px solid rgba(34,36,38,0.15);margin:0em;padding:1em 0em}.ui.divided.items>.item:first-child{border-top:none;margin-top:0em !important;padding-top:0em !important}.ui.divided.items>.item:last-child{margin-bottom:0em !important;padding-bottom:0em !important}.ui.relaxed.divided.items>.item{margin:0em;padding:1.5em 0em}.ui[class*="very relaxed"].divided.items>.item{margin:0em;padding:2em 0em}.ui.items a.item:hover,.ui.link.items>.item:hover{cursor:pointer}.ui.items a.item:hover .content .header,.ui.link.items>.item:hover .content .header{color:#1e70bf}.ui.items>.item{font-size:1em}@media only screen and (max-width: 767px){.ui.unstackable.items>.item>.image,.ui.unstackable.items>.item>.image>img{width:125px !important}} -</style><style>body:not(.noscript) img[data-src]{filter:blur(2px) !important}.following.bar{position:fixed !important;top:0 !important;z-index:900 !important;left:0 !important;padding:2em 0 !important;width:100% !important;box-shadow:0 0 0 0 transparent !important;border-bottom:1px solid transparent !important;transition:padding 0.5s ease, background 0.5s ease, box-shadow 0.5s ease, border 0.5s ease !important}body:not(.index) .following.bar{position:sticky !important}.ui.logo{opacity:.9 !important;float:none !important;margin:0 .35714286em 0 0 !important;height:1em !important}.secondary.menu .item{line-height:1.6rem !important}.secondary.menu .item>i.icon{height:1.6rem !important}.following.bar{padding:1em 0 !important}body:not(.index) .following.bar,body.noscript .following.bar,.following.bar.qd{background:#0a70c0 !important}.masthead{position:relative !important;overflow:hidden !important;text-align:center !important;color:rgba(255,255,255,0.9) !important;margin-bottom:0 !important;border-bottom:none !important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 1440 810'%3E%3Cpath fill='%23124e99' fill-opacity='.25' d='M334.24 0L539.8 205.54 745.32 0h-411.1z'/%3E%3Cpath fill='%23124e99' fill-opacity='.3' d='M1366.24 0l-516 516 44.04 44.04L1440 14.32V0h-73.76z'/%3E%3Cpath fill='%230291e7' fill-opacity='.64' d='M745.33 0L539.8 205.54 850.23 516l516-516h-620.9z'/%3E%3Cpath fill='%230291e7' fill-opacity='.57' d='M1440 14.32L894.28 560.04l128.08 128.08 150.1-150.1L1440 270.5V14.32z'/%3E%3Cpath fill='%230291e7' fill-opacity='.28' d='M1440 270.48l-267.55 267.55L1440 805.58v-535.1z'/%3E%3Cpath fill='%23124e99' fill-opacity='.71' d='M1022.36 688.12L1144.24 810H1440v-4.42l-267.55-267.55-150.1 150.1z'/%3E%3Cpath fill='%230291e7' fill-opacity='.46' d='M0 0v455.43L354.57 810h789.67l-810-810H0z'/%3E%3Cpath fill='%23124e99' fill-opacity='.68' d='M0 455.43v80.96L273.6 810h80.97L0 455.43z'/%3E%3Cpath fill='%230291e7' fill-opacity='.4' d='M0 536.4V810h273.6L0 536.4z'/%3E%3C/svg%3E") center center no-repeat,linear-gradient(148deg, #124E99 7%, #105a94 20%, #0a70c0 27%, #0291E7 60%, #0271B3 100%) !important;background-size:cover, cover !important;padding:10rem 0 !important;max-height:100vh !important}@media (max-width: 500px){.masthead .segment{min-height:100vh !important}}@media (max-width: 1024px){.masthead .segment{padding:6rem 0 0 !important}}.masthead:after{content:"" !important;bottom:-100px;position:absolute !important;left:0 !important;right:0 !important;background:#fff;width:120%;height:200px;transform:rotate(-4deg)}.introduction h1.header{font-size:4.5rem !important}.ui.grid .row+.ui.divider{margin-top:3rem !important;margin-bottom:3rem !important}#image_container img.phone{display:inline-block !important;max-height:33vw !important;max-width:355px !important;vertical-align:middle !important}#image_container img.tablet{display:inline-block !important;max-height:33vw !important;max-width:633px !important;vertical-align:middle !important}.vertical.segment{box-shadow:none !important}.introduction{perspective:500px !important;text-shadow:0 0 10px rgba(0,0,0,0.2) !important;margin-left:auto !important;margin-right:auto !important;margin-bottom:6rem !important}.introduction .ui.header{font-weight:normal !important}@media (max-width: 1024px){.introduction{margin-bottom:2rem !important}.introduction h1.header{font-size:3rem !important}.introduction h2{font-size:1.4rem !important}}.image{overflow:hidden !important}.pusher{display:flex;flex-direction:column;min-height:100vh}.pusher .stripe{padding:5rem 0 !important;border-radius:0 !important;margin:0 !important}@media (max-width: 1024px){.pusher .stripe{padding:2rem 0 !important}}.pusher .stripe.alternate.stripe{background-color:#F2F3F5 !important}.pusher .stripe h1{font-size:40px !important}.pusher .stripe h2{font-size:26px !important}.pusher .stripe .column>p{font-size:16px !important;line-height:1.6 !important;margin:1em 0 !important}.pusher .intro.segment h1+p{font-size:22px !important}.pusher>.full.height{flex-grow:1}.pusher>.footer{clear:both !important;margin:0 !important;border-radius:0 !important;padding:4em 0 !important}.pusher>.footer .grid{display:block !important}.pusher>.footer .grid .column{margin-left:2rem !important;margin-right:2rem !important}@media (max-width: 359px){.ui.menu .item{font-size:0.9rem !important}}@media (max-width: 500px){.ui.menu .item>span.text{display:none !important}.ui.menu .item>i.icon{margin-right:0 !important}}@media (max-width: 800px), (max-height: 720px){#image_container img.tablet{display:none !important}#image_container img.phone{max-width:calc(50vw + 100px) !important;max-height:100vh !important;margin-bottom:calc(-33vh) !important}.ui.huge.button,.ui.huge.buttons .button,.ui.huge.buttons .or{font-size:1rem !important}}@media (min-width: 800px) and (max-height: 800px){#image_container img.tablet{display:none !important}#image_container img.phone{max-width:calc(50vw + 100px) !important;max-height:100vh !important;margin-bottom:calc(-33vh) !important}.ui.huge.button,.ui.huge.buttons .button,.ui.huge.buttons .or{font-size:1rem !important}.introduction,.introduction+.row{display:inline-block !important;margin-left:4rem !important;margin-right:4rem !important}}@media (max-height: 500px){.masthead.segment{max-height:initial !important}#image_container img.tablet{display:none !important}#image_container img.phone{max-width:calc(50vw + 100px) !important;max-height:100vh !important;margin-bottom:calc(-22vh) !important}.ui.huge.button,.ui.huge.buttons .button,.ui.huge.buttons .or{font-size:1rem !important}.introduction,.introduction+.row{display:inline-block !important;margin-left:4rem !important;margin-right:4rem !important}} +</style><style>body:not(.noscript) img[data-src]{filter:blur(2px) !important}.following.bar{position:fixed !important;top:0 !important;z-index:900 !important;left:0 !important;padding:2em 0 !important;width:100% !important;box-shadow:0 0 0 0 transparent !important;border-bottom:1px solid transparent !important;transition:padding 0.5s ease, background 0.5s ease, box-shadow 0.5s ease, border 0.5s ease !important}body:not(.index) .following.bar{position:sticky !important}.ui.logo{opacity:.9 !important;float:none !important;margin:0 .35714286em 0 0 !important;height:1em !important}.secondary.menu .item{line-height:1.6rem !important}.secondary.menu .item>i.icon{height:1.6rem !important}.following.bar{padding:1em 0 !important}body:not(.index) .following.bar,body.noscript .following.bar,.following.bar.qd{background:#0a70c0 !important}.masthead{position:relative !important;overflow:hidden !important;text-align:center !important;color:rgba(255,255,255,0.9) !important;margin-bottom:0 !important;border-bottom:none !important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 1440 810'%3E%3Cpath fill='%23124e99' fill-opacity='.25' d='M334.24 0L539.8 205.54 745.32 0h-411.1z'/%3E%3Cpath fill='%23124e99' fill-opacity='.3' d='M1366.24 0l-516 516 44.04 44.04L1440 14.32V0h-73.76z'/%3E%3Cpath fill='%230291e7' fill-opacity='.64' d='M745.33 0L539.8 205.54 850.23 516l516-516h-620.9z'/%3E%3Cpath fill='%230291e7' fill-opacity='.57' d='M1440 14.32L894.28 560.04l128.08 128.08 150.1-150.1L1440 270.5V14.32z'/%3E%3Cpath fill='%230291e7' fill-opacity='.28' d='M1440 270.48l-267.55 267.55L1440 805.58v-535.1z'/%3E%3Cpath fill='%23124e99' fill-opacity='.71' d='M1022.36 688.12L1144.24 810H1440v-4.42l-267.55-267.55-150.1 150.1z'/%3E%3Cpath fill='%230291e7' fill-opacity='.46' d='M0 0v455.43L354.57 810h789.67l-810-810H0z'/%3E%3Cpath fill='%23124e99' fill-opacity='.68' d='M0 455.43v80.96L273.6 810h80.97L0 455.43z'/%3E%3Cpath fill='%230291e7' fill-opacity='.4' d='M0 536.4V810h273.6L0 536.4z'/%3E%3C/svg%3E") center center no-repeat,linear-gradient(148deg, #124E99 7%, #105a94 20%, #0a70c0 27%, #0291E7 60%, #0271B3 100%) !important;background-size:cover, cover !important;padding:10rem 0 !important;max-height:100vh !important}@media (max-width: 500px){.masthead .segment{min-height:100vh !important}}@media (max-width: 1024px){.masthead .segment{padding:6rem 0 0 !important}}.masthead:after{content:"" !important;bottom:-100px;position:absolute !important;left:0 !important;right:0 !important;background:#fff;width:120%;height:200px;transform:rotate(-4deg)}.introduction h1.header{font-size:4.5rem !important}.ui.grid .row+.ui.divider{margin-top:3rem !important;margin-bottom:3rem !important}#image_container img.phone{display:inline-block !important;max-height:33vw !important;max-width:355px !important;vertical-align:middle !important}#image_container img.tablet{display:inline-block !important;max-height:33vw !important;max-width:633px !important;vertical-align:middle !important}.responsive.placeholder img{position:absolute;top:0;left:0;right:0}.vertical.segment{box-shadow:none !important}.introduction{perspective:500px !important;text-shadow:0 0 10px rgba(0,0,0,0.2) !important;margin-left:auto !important;margin-right:auto !important;margin-bottom:6rem !important}.introduction .ui.header{font-weight:normal !important}@media (max-width: 1024px){.introduction{margin-bottom:2rem !important}.introduction h1.header{font-size:3rem !important}.introduction h2{font-size:1.4rem !important}}.image{overflow:hidden !important}.pusher{display:flex;flex-direction:column;min-height:100vh}.pusher .stripe{padding:5rem 0 !important;border-radius:0 !important;margin:0 !important}@media (max-width: 1024px){.pusher .stripe{padding:2rem 0 !important}}.pusher .stripe.alternate.stripe{background-color:#F2F3F5 !important}.pusher .stripe h1{font-size:40px !important}.pusher .stripe h2{font-size:26px !important}.pusher .stripe .column>p{font-size:16px !important;line-height:1.6 !important;margin:1em 0 !important}.pusher .intro.segment h1+p{font-size:22px !important}.pusher>.full.height{flex-grow:1}.pusher>.footer{clear:both !important;margin:0 !important;border-radius:0 !important;padding:4em 0 !important}.pusher>.footer .grid{display:block !important}.pusher>.footer .grid .column{margin-left:2rem !important;margin-right:2rem !important}@media (max-width: 359px){.ui.menu .item{font-size:0.9rem !important}}@media (max-width: 500px){.ui.menu .item>span.text{display:none !important}.ui.menu .item>i.icon{margin-right:0 !important}}@media (max-width: 800px), (max-height: 720px){#image_container img.tablet{display:none !important}#image_container img.phone{max-width:calc(50vw + 100px) !important;max-height:100vh !important;margin-bottom:calc(-33vh) !important}.ui.huge.button,.ui.huge.buttons .button,.ui.huge.buttons .or{font-size:1rem !important}}@media (min-width: 800px) and (max-height: 800px){#image_container img.tablet{display:none !important}#image_container img.phone{max-width:calc(50vw + 100px) !important;max-height:100vh !important;margin-bottom:calc(-33vh) !important}.ui.huge.button,.ui.huge.buttons .button,.ui.huge.buttons .or{font-size:1rem !important}.introduction,.introduction+.row{display:inline-block !important;margin-left:4rem !important;margin-right:4rem !important}}@media (max-height: 500px){.masthead.segment{max-height:initial !important}#image_container img.tablet{display:none !important}#image_container img.phone{max-width:calc(50vw + 100px) !important;max-height:100vh !important;margin-bottom:calc(-22vh) !important}.ui.huge.button,.ui.huge.buttons .button,.ui.huge.buttons .or{font-size:1rem !important}.introduction,.introduction+.row{display:inline-block !important;margin-left:4rem !important;margin-right:4rem !important}} </style><style>@font-face font-family: 'Lato' src: url('/assets/fonts/Lato-Regular.eot') diff --git a/releases/index.html b/releases/index.html index ce6b78ad29a0bd1d130de6175b0a4feff331883e..d93c4ee974401eb1e1d30afffe15c27ac79fea3f 100644 --- a/releases/index.html +++ b/releases/index.html @@ -56,7 +56,7 @@ * http://opensource.org/licenses/MIT * */.ui.items>.item{display:-webkit-box;display:-ms-flexbox;display:flex;margin:1em 0em;width:100%;min-height:0px;background:transparent;padding:0em;border:none;border-radius:0rem;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:-webkit-box-shadow 0.1s ease;transition:-webkit-box-shadow 0.1s ease;transition:box-shadow 0.1s ease;transition:box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease;z-index:''}.ui.items>.item a{cursor:pointer}.ui.items{margin:1.5em 0em}.ui.items:first-child{margin-top:0em !important}.ui.items:last-child{margin-bottom:0em !important}.ui.items>.item:after{display:block;content:' ';height:0px;clear:both;overflow:hidden;visibility:hidden}.ui.items>.item:first-child{margin-top:0em}.ui.items>.item:last-child{margin-bottom:0em}.ui.items>.item>.image{position:relative;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:block;float:none;margin:0em;padding:0em;max-height:'';-ms-flex-item-align:top;align-self:top}.ui.items>.item>.image>img{display:block;width:100%;height:auto;border-radius:0.125rem;border:none}.ui.items>.item>.image:only-child>img{border-radius:0rem}.ui.items>.item>.content{display:block;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;background:none;margin:0em;padding:0em;-webkit-box-shadow:none;box-shadow:none;font-size:1em;border:none;border-radius:0em}.ui.items>.item>.content:after{display:block;content:' ';height:0px;clear:both;overflow:hidden;visibility:hidden}.ui.items>.item>.image+.content{min-width:0;width:auto;display:block;margin-left:0em;-ms-flex-item-align:top;align-self:top;padding-left:1.5em}.ui.items>.item>.content>.header{display:inline-block;margin:-0.21425em 0em 0em;font-family:'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;font-weight:bold;color:rgba(0,0,0,0.85)}.ui.items>.item>.content>.header:not(.ui){font-size:1.28571429em}.ui.items>.item [class*="left floated"]{float:left}.ui.items>.item [class*="right floated"]{float:right}.ui.items>.item .content img{-ms-flex-item-align:middle;align-self:middle;width:''}.ui.items>.item img.avatar,.ui.items>.item .avatar img{width:'';height:'';border-radius:500rem}.ui.items>.item>.content>.description{margin-top:0.6em;max-width:auto;font-size:1em;line-height:1.4285em;color:rgba(0,0,0,0.87)}.ui.items>.item>.content p{margin:0em 0em 0.5em}.ui.items>.item>.content p:last-child{margin-bottom:0em}.ui.items>.item .meta{margin:0.5em 0em 0.5em;font-size:1em;line-height:1em;color:rgba(0,0,0,0.6)}.ui.items>.item .meta *{margin-right:0.3em}.ui.items>.item .meta :last-child{margin-right:0em}.ui.items>.item .meta [class*="right floated"]{margin-right:0em;margin-left:0.3em}.ui.items>.item>.content a:not(.ui){color:'';-webkit-transition:color 0.1s ease;transition:color 0.1s ease}.ui.items>.item>.content a:not(.ui):hover{color:''}.ui.items>.item>.content>a.header{color:rgba(0,0,0,0.85)}.ui.items>.item>.content>a.header:hover{color:#1e70bf}.ui.items>.item .meta>a:not(.ui){color:rgba(0,0,0,0.4)}.ui.items>.item .meta>a:not(.ui):hover{color:rgba(0,0,0,0.87)}.ui.items>.item>.content .favorite.icon{cursor:pointer;opacity:0.75;-webkit-transition:color 0.1s ease;transition:color 0.1s ease}.ui.items>.item>.content .favorite.icon:hover{opacity:1;color:#FFB70A}.ui.items>.item>.content .active.favorite.icon{color:#FFE623}.ui.items>.item>.content .like.icon{cursor:pointer;opacity:0.75;-webkit-transition:color 0.1s ease;transition:color 0.1s ease}.ui.items>.item>.content .like.icon:hover{opacity:1;color:#FF2733}.ui.items>.item>.content .active.like.icon{color:#FF2733}.ui.items>.item .extra{display:block;position:relative;background:none;margin:0.5rem 0em 0em;width:100%;padding:0em 0em 0em;top:0em;left:0em;color:rgba(0,0,0,0.4);-webkit-box-shadow:none;box-shadow:none;-webkit-transition:color 0.1s ease;transition:color 0.1s ease;border-top:none}.ui.items>.item .extra>*{margin:0.25rem 0.5rem 0.25rem 0em}.ui.items>.item .extra>[class*="right floated"]{margin:0.25rem 0em 0.25rem 0.5rem}.ui.items>.item .extra:after{display:block;content:' ';height:0px;clear:both;overflow:hidden;visibility:hidden}.ui.items>.item>.image:not(.ui){width:175px}@media only screen and (min-width: 768px) and (max-width: 991px){.ui.items>.item{margin:1em 0em}.ui.items>.item>.image:not(.ui){width:150px}.ui.items>.item>.image+.content{display:block;padding:0em 0em 0em 1em}}@media only screen and (max-width: 767px){.ui.items:not(.unstackable)>.item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:2em 0em}.ui.items:not(.unstackable)>.item>.image{display:block;margin-left:auto;margin-right:auto}.ui.items:not(.unstackable)>.item>.image,.ui.items:not(.unstackable)>.item>.image>img{max-width:100% !important;width:auto !important;max-height:250px !important}.ui.items:not(.unstackable)>.item>.image+.content{display:block;padding:1.5em 0em 0em}}.ui.items>.item>.image+[class*="top aligned"].content{-ms-flex-item-align:start;align-self:flex-start}.ui.items>.item>.image+[class*="middle aligned"].content{-ms-flex-item-align:center;align-self:center}.ui.items>.item>.image+[class*="bottom aligned"].content{-ms-flex-item-align:end;align-self:flex-end}.ui.relaxed.items>.item{margin:1.5em 0em}.ui[class*="very relaxed"].items>.item{margin:2em 0em}.ui.divided.items>.item{border-top:1px solid rgba(34,36,38,0.15);margin:0em;padding:1em 0em}.ui.divided.items>.item:first-child{border-top:none;margin-top:0em !important;padding-top:0em !important}.ui.divided.items>.item:last-child{margin-bottom:0em !important;padding-bottom:0em !important}.ui.relaxed.divided.items>.item{margin:0em;padding:1.5em 0em}.ui[class*="very relaxed"].divided.items>.item{margin:0em;padding:2em 0em}.ui.items a.item:hover,.ui.link.items>.item:hover{cursor:pointer}.ui.items a.item:hover .content .header,.ui.link.items>.item:hover .content .header{color:#1e70bf}.ui.items>.item{font-size:1em}@media only screen and (max-width: 767px){.ui.unstackable.items>.item>.image,.ui.unstackable.items>.item>.image>img{width:125px !important}} -</style><style>body:not(.noscript) img[data-src]{filter:blur(2px) !important}.following.bar{position:fixed !important;top:0 !important;z-index:900 !important;left:0 !important;padding:2em 0 !important;width:100% !important;box-shadow:0 0 0 0 transparent !important;border-bottom:1px solid transparent !important;transition:padding 0.5s ease, background 0.5s ease, box-shadow 0.5s ease, border 0.5s ease !important}body:not(.index) .following.bar{position:sticky !important}.ui.logo{opacity:.9 !important;float:none !important;margin:0 .35714286em 0 0 !important;height:1em !important}.secondary.menu .item{line-height:1.6rem !important}.secondary.menu .item>i.icon{height:1.6rem !important}.following.bar{padding:1em 0 !important}body:not(.index) .following.bar,body.noscript .following.bar,.following.bar.qd{background:#0a70c0 !important}.masthead{position:relative !important;overflow:hidden !important;text-align:center !important;color:rgba(255,255,255,0.9) !important;margin-bottom:0 !important;border-bottom:none !important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 1440 810'%3E%3Cpath fill='%23124e99' fill-opacity='.25' d='M334.24 0L539.8 205.54 745.32 0h-411.1z'/%3E%3Cpath fill='%23124e99' fill-opacity='.3' d='M1366.24 0l-516 516 44.04 44.04L1440 14.32V0h-73.76z'/%3E%3Cpath fill='%230291e7' fill-opacity='.64' d='M745.33 0L539.8 205.54 850.23 516l516-516h-620.9z'/%3E%3Cpath fill='%230291e7' fill-opacity='.57' d='M1440 14.32L894.28 560.04l128.08 128.08 150.1-150.1L1440 270.5V14.32z'/%3E%3Cpath fill='%230291e7' fill-opacity='.28' d='M1440 270.48l-267.55 267.55L1440 805.58v-535.1z'/%3E%3Cpath fill='%23124e99' fill-opacity='.71' d='M1022.36 688.12L1144.24 810H1440v-4.42l-267.55-267.55-150.1 150.1z'/%3E%3Cpath fill='%230291e7' fill-opacity='.46' d='M0 0v455.43L354.57 810h789.67l-810-810H0z'/%3E%3Cpath fill='%23124e99' fill-opacity='.68' d='M0 455.43v80.96L273.6 810h80.97L0 455.43z'/%3E%3Cpath fill='%230291e7' fill-opacity='.4' d='M0 536.4V810h273.6L0 536.4z'/%3E%3C/svg%3E") center center no-repeat,linear-gradient(148deg, #124E99 7%, #105a94 20%, #0a70c0 27%, #0291E7 60%, #0271B3 100%) !important;background-size:cover, cover !important;padding:10rem 0 !important;max-height:100vh !important}@media (max-width: 500px){.masthead .segment{min-height:100vh !important}}@media (max-width: 1024px){.masthead .segment{padding:6rem 0 0 !important}}.masthead:after{content:"" !important;bottom:-100px;position:absolute !important;left:0 !important;right:0 !important;background:#fff;width:120%;height:200px;transform:rotate(-4deg)}.introduction h1.header{font-size:4.5rem !important}.ui.grid .row+.ui.divider{margin-top:3rem !important;margin-bottom:3rem !important}#image_container img.phone{display:inline-block !important;max-height:33vw !important;max-width:355px !important;vertical-align:middle !important}#image_container img.tablet{display:inline-block !important;max-height:33vw !important;max-width:633px !important;vertical-align:middle !important}.vertical.segment{box-shadow:none !important}.introduction{perspective:500px !important;text-shadow:0 0 10px rgba(0,0,0,0.2) !important;margin-left:auto !important;margin-right:auto !important;margin-bottom:6rem !important}.introduction .ui.header{font-weight:normal !important}@media (max-width: 1024px){.introduction{margin-bottom:2rem !important}.introduction h1.header{font-size:3rem !important}.introduction h2{font-size:1.4rem !important}}.image{overflow:hidden !important}.pusher{display:flex;flex-direction:column;min-height:100vh}.pusher .stripe{padding:5rem 0 !important;border-radius:0 !important;margin:0 !important}@media (max-width: 1024px){.pusher .stripe{padding:2rem 0 !important}}.pusher .stripe.alternate.stripe{background-color:#F2F3F5 !important}.pusher .stripe h1{font-size:40px !important}.pusher .stripe h2{font-size:26px !important}.pusher .stripe .column>p{font-size:16px !important;line-height:1.6 !important;margin:1em 0 !important}.pusher .intro.segment h1+p{font-size:22px !important}.pusher>.full.height{flex-grow:1}.pusher>.footer{clear:both !important;margin:0 !important;border-radius:0 !important;padding:4em 0 !important}.pusher>.footer .grid{display:block !important}.pusher>.footer .grid .column{margin-left:2rem !important;margin-right:2rem !important}@media (max-width: 359px){.ui.menu .item{font-size:0.9rem !important}}@media (max-width: 500px){.ui.menu .item>span.text{display:none !important}.ui.menu .item>i.icon{margin-right:0 !important}}@media (max-width: 800px), (max-height: 720px){#image_container img.tablet{display:none !important}#image_container img.phone{max-width:calc(50vw + 100px) !important;max-height:100vh !important;margin-bottom:calc(-33vh) !important}.ui.huge.button,.ui.huge.buttons .button,.ui.huge.buttons .or{font-size:1rem !important}}@media (min-width: 800px) and (max-height: 800px){#image_container img.tablet{display:none !important}#image_container img.phone{max-width:calc(50vw + 100px) !important;max-height:100vh !important;margin-bottom:calc(-33vh) !important}.ui.huge.button,.ui.huge.buttons .button,.ui.huge.buttons .or{font-size:1rem !important}.introduction,.introduction+.row{display:inline-block !important;margin-left:4rem !important;margin-right:4rem !important}}@media (max-height: 500px){.masthead.segment{max-height:initial !important}#image_container img.tablet{display:none !important}#image_container img.phone{max-width:calc(50vw + 100px) !important;max-height:100vh !important;margin-bottom:calc(-22vh) !important}.ui.huge.button,.ui.huge.buttons .button,.ui.huge.buttons .or{font-size:1rem !important}.introduction,.introduction+.row{display:inline-block !important;margin-left:4rem !important;margin-right:4rem !important}} +</style><style>body:not(.noscript) img[data-src]{filter:blur(2px) !important}.following.bar{position:fixed !important;top:0 !important;z-index:900 !important;left:0 !important;padding:2em 0 !important;width:100% !important;box-shadow:0 0 0 0 transparent !important;border-bottom:1px solid transparent !important;transition:padding 0.5s ease, background 0.5s ease, box-shadow 0.5s ease, border 0.5s ease !important}body:not(.index) .following.bar{position:sticky !important}.ui.logo{opacity:.9 !important;float:none !important;margin:0 .35714286em 0 0 !important;height:1em !important}.secondary.menu .item{line-height:1.6rem !important}.secondary.menu .item>i.icon{height:1.6rem !important}.following.bar{padding:1em 0 !important}body:not(.index) .following.bar,body.noscript .following.bar,.following.bar.qd{background:#0a70c0 !important}.masthead{position:relative !important;overflow:hidden !important;text-align:center !important;color:rgba(255,255,255,0.9) !important;margin-bottom:0 !important;border-bottom:none !important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 1440 810'%3E%3Cpath fill='%23124e99' fill-opacity='.25' d='M334.24 0L539.8 205.54 745.32 0h-411.1z'/%3E%3Cpath fill='%23124e99' fill-opacity='.3' d='M1366.24 0l-516 516 44.04 44.04L1440 14.32V0h-73.76z'/%3E%3Cpath fill='%230291e7' fill-opacity='.64' d='M745.33 0L539.8 205.54 850.23 516l516-516h-620.9z'/%3E%3Cpath fill='%230291e7' fill-opacity='.57' d='M1440 14.32L894.28 560.04l128.08 128.08 150.1-150.1L1440 270.5V14.32z'/%3E%3Cpath fill='%230291e7' fill-opacity='.28' d='M1440 270.48l-267.55 267.55L1440 805.58v-535.1z'/%3E%3Cpath fill='%23124e99' fill-opacity='.71' d='M1022.36 688.12L1144.24 810H1440v-4.42l-267.55-267.55-150.1 150.1z'/%3E%3Cpath fill='%230291e7' fill-opacity='.46' d='M0 0v455.43L354.57 810h789.67l-810-810H0z'/%3E%3Cpath fill='%23124e99' fill-opacity='.68' d='M0 455.43v80.96L273.6 810h80.97L0 455.43z'/%3E%3Cpath fill='%230291e7' fill-opacity='.4' d='M0 536.4V810h273.6L0 536.4z'/%3E%3C/svg%3E") center center no-repeat,linear-gradient(148deg, #124E99 7%, #105a94 20%, #0a70c0 27%, #0291E7 60%, #0271B3 100%) !important;background-size:cover, cover !important;padding:10rem 0 !important;max-height:100vh !important}@media (max-width: 500px){.masthead .segment{min-height:100vh !important}}@media (max-width: 1024px){.masthead .segment{padding:6rem 0 0 !important}}.masthead:after{content:"" !important;bottom:-100px;position:absolute !important;left:0 !important;right:0 !important;background:#fff;width:120%;height:200px;transform:rotate(-4deg)}.introduction h1.header{font-size:4.5rem !important}.ui.grid .row+.ui.divider{margin-top:3rem !important;margin-bottom:3rem !important}#image_container img.phone{display:inline-block !important;max-height:33vw !important;max-width:355px !important;vertical-align:middle !important}#image_container img.tablet{display:inline-block !important;max-height:33vw !important;max-width:633px !important;vertical-align:middle !important}.responsive.placeholder img{position:absolute;top:0;left:0;right:0}.vertical.segment{box-shadow:none !important}.introduction{perspective:500px !important;text-shadow:0 0 10px rgba(0,0,0,0.2) !important;margin-left:auto !important;margin-right:auto !important;margin-bottom:6rem !important}.introduction .ui.header{font-weight:normal !important}@media (max-width: 1024px){.introduction{margin-bottom:2rem !important}.introduction h1.header{font-size:3rem !important}.introduction h2{font-size:1.4rem !important}}.image{overflow:hidden !important}.pusher{display:flex;flex-direction:column;min-height:100vh}.pusher .stripe{padding:5rem 0 !important;border-radius:0 !important;margin:0 !important}@media (max-width: 1024px){.pusher .stripe{padding:2rem 0 !important}}.pusher .stripe.alternate.stripe{background-color:#F2F3F5 !important}.pusher .stripe h1{font-size:40px !important}.pusher .stripe h2{font-size:26px !important}.pusher .stripe .column>p{font-size:16px !important;line-height:1.6 !important;margin:1em 0 !important}.pusher .intro.segment h1+p{font-size:22px !important}.pusher>.full.height{flex-grow:1}.pusher>.footer{clear:both !important;margin:0 !important;border-radius:0 !important;padding:4em 0 !important}.pusher>.footer .grid{display:block !important}.pusher>.footer .grid .column{margin-left:2rem !important;margin-right:2rem !important}@media (max-width: 359px){.ui.menu .item{font-size:0.9rem !important}}@media (max-width: 500px){.ui.menu .item>span.text{display:none !important}.ui.menu .item>i.icon{margin-right:0 !important}}@media (max-width: 800px), (max-height: 720px){#image_container img.tablet{display:none !important}#image_container img.phone{max-width:calc(50vw + 100px) !important;max-height:100vh !important;margin-bottom:calc(-33vh) !important}.ui.huge.button,.ui.huge.buttons .button,.ui.huge.buttons .or{font-size:1rem !important}}@media (min-width: 800px) and (max-height: 800px){#image_container img.tablet{display:none !important}#image_container img.phone{max-width:calc(50vw + 100px) !important;max-height:100vh !important;margin-bottom:calc(-33vh) !important}.ui.huge.button,.ui.huge.buttons .button,.ui.huge.buttons .or{font-size:1rem !important}.introduction,.introduction+.row{display:inline-block !important;margin-left:4rem !important;margin-right:4rem !important}}@media (max-height: 500px){.masthead.segment{max-height:initial !important}#image_container img.tablet{display:none !important}#image_container img.phone{max-width:calc(50vw + 100px) !important;max-height:100vh !important;margin-bottom:calc(-22vh) !important}.ui.huge.button,.ui.huge.buttons .button,.ui.huge.buttons .or{font-size:1rem !important}.introduction,.introduction+.row{display:inline-block !important;margin-left:4rem !important;margin-right:4rem !important}} </style><style>@font-face font-family: 'Lato' src: url('/assets/fonts/Lato-Regular.eot')