Skip to content
Snippets Groups Projects
Verified Commit 6a00f7d7 authored by Janne Mareike Koschinski's avatar Janne Mareike Koschinski
Browse files

Improved accessibility

parent 11a90f60
No related branches found
No related tags found
No related merge requests found
Show whitespace changes
Inline Side-by-side
_mixins.pug
+ 4
− 4
View file @ 6a00f7d7
mixin responsive_image(thumb, fallback, urls, sizes, aspect_ratio) mixin responsive_image(alt, thumb, fallback, urls, sizes, aspect_ratio)
.responsive.container&attributes(attributes) .responsive.container&attributes(attributes)
.responsive.placeholder(style=`padding-bottom: ${aspect_ratio};background-image: url(${thumb})`) .responsive.placeholder(style=`padding-bottom: ${aspect_ratio};background-image: url(${thumb})`)
noscript noscript
img(src=fallback sizes=sizes srcset=urls) img(src=fallback, sizes=sizes, srcset=urls, alt=alt)
img(data-src=fallback, sizes=sizes, data-srcset=urls) img(data-src=fallback, sizes=sizes, data-srcset=urls)
mixin theme_card(id, name) mixin theme_card(id, name)
a.card(href=`/assets/images/${id}.png`) a.card(href=`/assets/images/${id}.png`)
.image .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", "177.7777777777778%") +responsive_image(name, `/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", "177.7777777777778%")
.content .content
.extra=name .extra=name
\ No newline at end of file
index.html
+ 4
− 4
View file @ 6a00f7d7
...@@ -4,18 +4,18 @@ ...@@ -4,18 +4,18 @@
</style><style>@font-face{font-family:'Lato';src:url("/assets/fonts/Lato-Regular.eot");src:url("/assets/fonts/Lato-Regular.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/Lato-Regular.woff2") format("woff2"),url("/assets/fonts/Lato-Regular.woff") format("woff"),url("/assets/fonts/Lato-Regular.ttf") format("truetype");font-style:normal;font-weight:normal;text-rendering:optimizeLegibility}@font-face{font-family:'Lato';src:url("/assets/fonts/Lato-Bold.eot");src:url("/assets/fonts/Lato-Bold.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/Lato-Bold.woff2") format("woff2"),url("/assets/fonts/Lato-Bold.woff") format("woff"),url("/assets/fonts/Lato-Bold.ttf") format("truetype");font-style:normal;font-weight:bold;text-rendering:optimizeLegibility}@font-face{font-family:'Lato';src:url("/assets/fonts/Lato-BoldItalic.eot");src:url("/assets/fonts/Lato-BoldItalic.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/Lato-BoldItalic.woff2") format("woff2"),url("/assets/fonts/Lato-BoldItalic.woff") format("woff"),url("/assets/fonts/Lato-BoldItalic.ttf") format("truetype");font-style:italic;font-weight:bold;text-rendering:optimizeLegibility}@font-face{font-family:'Lato';src:url("/assets/fonts/Lato-Italic.eot");src:url("/assets/fonts/Lato-Italic.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/Lato-Italic.woff2") format("woff2"),url("/assets/fonts/Lato-Italic.woff") format("woff"),url("/assets/fonts/Lato-Italic.ttf") format("truetype");font-style:italic;font-weight:normal;text-rendering:optimizeLegibility}@font-face{font-family:'IconFont';src:url("/assets/fonts/icons.eot");src:url("/assets/fonts/icons.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/icons.woff2") format("woff2"),url("/assets/fonts/icons.woff") format("woff"),url("/assets/fonts/icons.ttf") format("truetype"),url("/assets/fonts/icons.svg#icons") format("svg");font-style:normal;font-weight:normal;font-variant:normal} </style><style>@font-face{font-family:'Lato';src:url("/assets/fonts/Lato-Regular.eot");src:url("/assets/fonts/Lato-Regular.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/Lato-Regular.woff2") format("woff2"),url("/assets/fonts/Lato-Regular.woff") format("woff"),url("/assets/fonts/Lato-Regular.ttf") format("truetype");font-style:normal;font-weight:normal;text-rendering:optimizeLegibility}@font-face{font-family:'Lato';src:url("/assets/fonts/Lato-Bold.eot");src:url("/assets/fonts/Lato-Bold.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/Lato-Bold.woff2") format("woff2"),url("/assets/fonts/Lato-Bold.woff") format("woff"),url("/assets/fonts/Lato-Bold.ttf") format("truetype");font-style:normal;font-weight:bold;text-rendering:optimizeLegibility}@font-face{font-family:'Lato';src:url("/assets/fonts/Lato-BoldItalic.eot");src:url("/assets/fonts/Lato-BoldItalic.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/Lato-BoldItalic.woff2") format("woff2"),url("/assets/fonts/Lato-BoldItalic.woff") format("woff"),url("/assets/fonts/Lato-BoldItalic.ttf") format("truetype");font-style:italic;font-weight:bold;text-rendering:optimizeLegibility}@font-face{font-family:'Lato';src:url("/assets/fonts/Lato-Italic.eot");src:url("/assets/fonts/Lato-Italic.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/Lato-Italic.woff2") format("woff2"),url("/assets/fonts/Lato-Italic.woff") format("woff"),url("/assets/fonts/Lato-Italic.ttf") format("truetype");font-style:italic;font-weight:normal;text-rendering:optimizeLegibility}@font-face{font-family:'IconFont';src:url("/assets/fonts/icons.eot");src:url("/assets/fonts/icons.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/icons.woff2") format("woff2"),url("/assets/fonts/icons.woff") format("woff"),url("/assets/fonts/icons.ttf") format("truetype"),url("/assets/fonts/icons.svg#icons") format("svg");font-style:normal;font-weight:normal;font-variant:normal}
</style></head><body class="noscript index" id="page-index"><noscript><style>img[data-src] { </style></head><body class="noscript index" id="page-index"><noscript><style>img[data-src] {
display: none !important; 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://git.kuschku.de/justjanne/quasseldroid-ng/"><i class="icon github left"></i><span class="text">Source</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://git.kuschku.de/justjanne/quasseldroid-ng/"><i class="icon github left"></i><span class="text">Source</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://git.kuschku.de/justjanne/quasseldroid-ng/"><i class="icon github left"></i><span class="text">Source</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" aria-label="Download" href="/releases/"><i class="icon download left"></i><span class="text">Download</span></a><a class="ui huge inverted basic button" aria-label="Source" href="https://git.kuschku.de/justjanne/quasseldroid-ng/"><i class="icon github left"></i><span class="text">Source</span></a></div><div class="row"><div class="wide column"><div id="image_container"><img class="phone" alt="Screenshot of Quasseldroid on a 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" alt="Screenshot of Quasseldroid on a 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" alt="Screenshot of Quasseldroid on a 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
to your core, and have all your favourite channels and 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 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 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"><div class="responsive container"><div class="responsive placeholder" style="padding-bottom: 75.5932203389830%; background-image: url(/assets/images/desktop@thumb.jpg);"><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 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><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 about Quassel</a></div><div class="nine wide column"><div class="ui one doubling cards"><div class="card"><div class="image"><div class="responsive container"><div class="responsive placeholder" style="padding-bottom: 75.5932203389830%;background-image: url(/assets/images/desktop@thumb.jpg)"><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" alt="Screenshot of Quassel on desktop"/></noscript><img 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><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 Once you’ve set up the app, it automatically ensures you
always get notifications – without affecting your battery 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"><div class="responsive container"><div class="responsive placeholder" style="padding-bottom: 51.57407407407407%; background-image: url(/assets/images/notifications@thumb.jpg);"><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 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><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 container"><div class="responsive placeholder" style="padding-bottom: 51.57407407407407%;background-image: url(/assets/images/notifications@thumb.jpg)"><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" alt="Screenshot of Quasseldroid notifications"/></noscript><img 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><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 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 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 holidays – are available, and improve your battery life
or just look fancy.</p><a href="https://lithium.kuschku.de/quasseldroid-theme-editor/">Theme Editor</a></div><div class="nine wide column"></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/material_light.png"><div class="image"><div class="responsive container"><div class="responsive placeholder" style="padding-bottom: 177.7777777777778%; background-image: url(/assets/images/material_light@thumb.jpg);"><noscript><img src="/assets/images/material_light@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" srcset="/assets/images/material_light@220.png 220w, /assets/images/material_light@266.png 266w, /assets/images/material_light@335.png 335w, /assets/images/material_light@352.png 352w, /assets/images/material_light@532.png 532w"/></noscript><img data-src="/assets/images/material_light@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" data-srcset="/assets/images/material_light@220.png 220w, /assets/images/material_light@266.png 266w, /assets/images/material_light@335.png 335w, /assets/images/material_light@352.png 352w, /assets/images/material_light@532.png 532w"/></div></div></div><div class="content"><div class="extra">Material Light</div></div></a><a class="card" href="/assets/images/material_dark.png"><div class="image"><div class="responsive container"><div class="responsive placeholder" style="padding-bottom: 177.7777777777778%; background-image: url(/assets/images/material_dark@thumb.jpg);"><noscript><img src="/assets/images/material_dark@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" srcset="/assets/images/material_dark@220.png 220w, /assets/images/material_dark@266.png 266w, /assets/images/material_dark@335.png 335w, /assets/images/material_dark@352.png 352w, /assets/images/material_dark@532.png 532w"/></noscript><img data-src="/assets/images/material_dark@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" data-srcset="/assets/images/material_dark@220.png 220w, /assets/images/material_dark@266.png 266w, /assets/images/material_dark@335.png 335w, /assets/images/material_dark@352.png 352w, /assets/images/material_dark@532.png 532w"/></div></div></div><div class="content"><div class="extra">Material Dark</div></div></a><a class="card" href="/assets/images/solarized_light.png"><div class="image"><div class="responsive container"><div class="responsive placeholder" style="padding-bottom: 177.7777777777778%; background-image: url(/assets/images/solarized_light@thumb.jpg);"><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 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><div class="content"><div class="extra">Solarized Light</div></div></a><a class="card" href="/assets/images/solarized_dark.png"><div class="image"><div class="responsive container"><div class="responsive placeholder" style="padding-bottom: 177.7777777777778%; background-image: url(/assets/images/solarized_dark@thumb.jpg);"><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 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><div class="content"><div class="extra">Solarized Dark</div></div></a><a class="card" href="/assets/images/gruvbox_light.png"><div class="image"><div class="responsive container"><div class="responsive placeholder" style="padding-bottom: 177.7777777777778%; background-image: url(/assets/images/gruvbox_light@thumb.jpg);"><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 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><div class="content"><div class="extra">Gruvbox Light</div></div></a><a class="card" href="/assets/images/gruvbox_dark.png"><div class="image"><div class="responsive container"><div class="responsive placeholder" style="padding-bottom: 177.7777777777778%; background-image: url(/assets/images/gruvbox_dark@thumb.jpg);"><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 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><div class="content"><div class="extra">Gruvbox Dark</div></div></a><a class="card" href="/assets/images/amoled.png"><div class="image"><div class="responsive container"><div class="responsive placeholder" style="padding-bottom: 177.7777777777778%; background-image: url(/assets/images/amoled@thumb.jpg);"><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 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><div class="content"><div class="extra">AMOLED</div></div></a><a class="card" href="/assets/images/dracula.png"><div class="image"><div class="responsive container"><div class="responsive placeholder" style="padding-bottom: 177.7777777777778%; background-image: url(/assets/images/dracula@thumb.jpg);"><noscript><img src="/assets/images/dracula@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" srcset="/assets/images/dracula@220.png 220w, /assets/images/dracula@266.png 266w, /assets/images/dracula@335.png 335w, /assets/images/dracula@352.png 352w, /assets/images/dracula@532.png 532w"/></noscript><img data-src="/assets/images/dracula@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" data-srcset="/assets/images/dracula@220.png 220w, /assets/images/dracula@266.png 266w, /assets/images/dracula@335.png 335w, /assets/images/dracula@352.png 352w, /assets/images/dracula@532.png 532w"/></div></div></div><div class="content"><div class="extra">Dracula</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-1/quasseldroid-1/">Help Translate</a><a class="item" href="https://lithium.kuschku.de/quasseldroid-theme-editor/">Create a Theme</a><a class="item" href="https://git.kuschku.de/justjanne/quasseldroid-ng/issues/">Submit an Issue</a><a class="item" href="ircs://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><a class="item" href="http://github.com/justjanne/quassel-rest-search">Quassel-Rest-Search</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://git.kuschku.de/justjanne/quasseldroid-ng/">Free &amp; Open Source or just look fancy.</p></div><div class="nine wide column"></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/material_light.png"><div class="image"><div class="responsive container"><div class="responsive placeholder" style="padding-bottom: 177.7777777777778%;background-image: url(/assets/images/material_light@thumb.jpg)"><noscript><img src="/assets/images/material_light@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" srcset="/assets/images/material_light@220.png 220w, /assets/images/material_light@266.png 266w, /assets/images/material_light@335.png 335w, /assets/images/material_light@352.png 352w, /assets/images/material_light@532.png 532w" alt="Material Light"/></noscript><img data-src="/assets/images/material_light@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" data-srcset="/assets/images/material_light@220.png 220w, /assets/images/material_light@266.png 266w, /assets/images/material_light@335.png 335w, /assets/images/material_light@352.png 352w, /assets/images/material_light@532.png 532w"/></div></div></div><div class="content"><div class="extra">Material Light</div></div></a><a class="card" href="/assets/images/material_dark.png"><div class="image"><div class="responsive container"><div class="responsive placeholder" style="padding-bottom: 177.7777777777778%;background-image: url(/assets/images/material_dark@thumb.jpg)"><noscript><img src="/assets/images/material_dark@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" srcset="/assets/images/material_dark@220.png 220w, /assets/images/material_dark@266.png 266w, /assets/images/material_dark@335.png 335w, /assets/images/material_dark@352.png 352w, /assets/images/material_dark@532.png 532w" alt="Material Dark"/></noscript><img data-src="/assets/images/material_dark@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" data-srcset="/assets/images/material_dark@220.png 220w, /assets/images/material_dark@266.png 266w, /assets/images/material_dark@335.png 335w, /assets/images/material_dark@352.png 352w, /assets/images/material_dark@532.png 532w"/></div></div></div><div class="content"><div class="extra">Material Dark</div></div></a><a class="card" href="/assets/images/solarized_light.png"><div class="image"><div class="responsive container"><div class="responsive placeholder" style="padding-bottom: 177.7777777777778%;background-image: url(/assets/images/solarized_light@thumb.jpg)"><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" alt="Solarized Light"/></noscript><img 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><div class="content"><div class="extra">Solarized Light</div></div></a><a class="card" href="/assets/images/solarized_dark.png"><div class="image"><div class="responsive container"><div class="responsive placeholder" style="padding-bottom: 177.7777777777778%;background-image: url(/assets/images/solarized_dark@thumb.jpg)"><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" alt="Solarized Dark"/></noscript><img 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><div class="content"><div class="extra">Solarized Dark</div></div></a><a class="card" href="/assets/images/gruvbox_light.png"><div class="image"><div class="responsive container"><div class="responsive placeholder" style="padding-bottom: 177.7777777777778%;background-image: url(/assets/images/gruvbox_light@thumb.jpg)"><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" alt="Gruvbox Light"/></noscript><img 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><div class="content"><div class="extra">Gruvbox Light</div></div></a><a class="card" href="/assets/images/gruvbox_dark.png"><div class="image"><div class="responsive container"><div class="responsive placeholder" style="padding-bottom: 177.7777777777778%;background-image: url(/assets/images/gruvbox_dark@thumb.jpg)"><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" alt="Gruvbox Dark"/></noscript><img 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><div class="content"><div class="extra">Gruvbox Dark</div></div></a><a class="card" href="/assets/images/amoled.png"><div class="image"><div class="responsive container"><div class="responsive placeholder" style="padding-bottom: 177.7777777777778%;background-image: url(/assets/images/amoled@thumb.jpg)"><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" alt="AMOLED"/></noscript><img 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><div class="content"><div class="extra">AMOLED</div></div></a><a class="card" href="/assets/images/dracula.png"><div class="image"><div class="responsive container"><div class="responsive placeholder" style="padding-bottom: 177.7777777777778%;background-image: url(/assets/images/dracula@thumb.jpg)"><noscript><img src="/assets/images/dracula@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" srcset="/assets/images/dracula@220.png 220w, /assets/images/dracula@266.png 266w, /assets/images/dracula@335.png 335w, /assets/images/dracula@352.png 352w, /assets/images/dracula@532.png 532w" alt="Dracula"/></noscript><img data-src="/assets/images/dracula@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" data-srcset="/assets/images/dracula@220.png 220w, /assets/images/dracula@266.png 266w, /assets/images/dracula@335.png 335w, /assets/images/dracula@352.png 352w, /assets/images/dracula@532.png 532w"/></div></div></div><div class="content"><div class="extra">Dracula</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-1/quasseldroid-1/">Help Translate</a><a class="item" href="https://lithium.kuschku.de/quasseldroid-theme-editor/">Create a Theme</a><a class="item" href="https://git.kuschku.de/justjanne/quasseldroid-ng/issues/">Submit an Issue</a><a class="item" href="ircs://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><a class="item" href="http://github.com/justjanne/quassel-rest-search">Quassel-Rest-Search</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://git.kuschku.de/justjanne/quasseldroid-ng/">Free &amp; Open Source
</a></div></div></div></div><script src="/assets/js/intersectionobserver.min.js"></script><script>document.addEventListener("DOMContentLoaded", () => { </a></div></div></div></div><script src="/assets/js/intersectionobserver.min.js"></script><script>document.addEventListener("DOMContentLoaded", () => {
const following_bar = document.querySelector(".following.bar"); const following_bar = document.querySelector(".following.bar");
const update_top_bar = function () { const update_top_bar = function () {
......
index.pug
+ 8
− 10
View file @ 6a00f7d7
...@@ -10,21 +10,21 @@ block content ...@@ -10,21 +10,21 @@ block content
h2.ui.inverted. h2.ui.inverted.
Chat comfortably, everywhere. Chat comfortably, everywhere.
.ui.hidden.divider .ui.hidden.divider
a.ui.huge.inverted.download.button(href="/releases/") a.ui.huge.inverted.download.button(aria-label="Download" href="/releases/")
i.icon.download.left i.icon.download.left
span.text. span.text.
Download Download
a.ui.huge.inverted.basic.button(href="https://git.kuschku.de/justjanne/quasseldroid-ng/") a.ui.huge.inverted.basic.button(aria-label="Source" href="https://git.kuschku.de/justjanne/quasseldroid-ng/")
i.icon.github.left i.icon.github.left
span.text. span.text.
Source Source
.row .row
.wide.column .wide.column
#image_container #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") img.phone(alt="Screenshot of Quasseldroid on a 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 noscript
img(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").tablet img(alt="Screenshot of Quasseldroid on a 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").tablet
img(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").tablet img(alt="Screenshot of Quasseldroid on a 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").tablet
.ui.vertical.stripe.intro.segment .ui.vertical.stripe.intro.segment
.ui.stackable.very.relaxed.center.aligned.grid.container .ui.stackable.very.relaxed.center.aligned.grid.container
.row#built_on_quassel .row#built_on_quassel
...@@ -40,12 +40,12 @@ block content ...@@ -40,12 +40,12 @@ block content
Android or iOS, or via the web. Everything is exactly the way Android or iOS, or via the web. Everything is exactly the way
you left it. you left it.
a(href="https://quassel-irc.org/"). a(href="https://quassel-irc.org/").
Learn More Learn more about Quassel
.nine.wide.column .nine.wide.column
.ui.one.doubling.cards .ui.one.doubling.cards
.card .card
.image .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", "75.5932203389830%") +responsive_image("Screenshot of Quassel on desktop", "/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 .ui.divider
.computer.reversed.row#never_miss_a_thing .computer.reversed.row#never_miss_a_thing
.seven.wide.column.left.aligned .seven.wide.column.left.aligned
...@@ -60,7 +60,7 @@ block content ...@@ -60,7 +60,7 @@ block content
.ui.one.doubling.cards .ui.one.doubling.cards
.card .card
.image .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", "51.57407407407407%") +responsive_image("Screenshot of Quasseldroid notifications", "/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", "51.57407407407407%")
.ui.divider .ui.divider
.row#make_it_yours .row#make_it_yours
.seven.wide.column.left.aligned .seven.wide.column.left.aligned
...@@ -74,8 +74,6 @@ block content ...@@ -74,8 +74,6 @@ block content
Special themes for every situation – be it AMOLED displays Special themes for every situation – be it AMOLED displays
or holidays – are available, and improve your battery life or holidays – are available, and improve your battery life
or just look fancy. or just look fancy.
a(href="https://lithium.kuschku.de/quasseldroid-theme-editor/").
Theme Editor
.nine.wide.column .nine.wide.column
.ui.divider .ui.divider
.row.centered .row.centered
......
package-lock.json
+ 1469
− 6029
View file @ 6a00f7d7
Source diff could not be displayed: it is too large. Options to address this: view the blob.
package.json
+ 4
− 3
View file @ 6a00f7d7
...@@ -15,9 +15,10 @@ ...@@ -15,9 +15,10 @@
"license": "GPL", "license": "GPL",
"homepage": "https://quasseldroid.info/", "homepage": "https://quasseldroid.info/",
"devDependencies": { "devDependencies": {
"node-sass": "^4.7.2", "node-sass": "^4.11.0",
"pug-cli": "^1.0.0-alpha6", "pug-cli": "^1.0.0-alpha6",
"purifycss": "^1.2.6", "purify-css": "^1.2.5",
"uncss": "^0.16.2" "uncss": "^0.16.2",
"jstransformer-markdown-it": "^2.1.0"
} }
} }
releases/index.html
+ 2
− 2
View file @ 6a00f7d7
...@@ -4,9 +4,9 @@ ...@@ -4,9 +4,9 @@
</style><style>@font-face{font-family:'Lato';src:url("/assets/fonts/Lato-Regular.eot");src:url("/assets/fonts/Lato-Regular.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/Lato-Regular.woff2") format("woff2"),url("/assets/fonts/Lato-Regular.woff") format("woff"),url("/assets/fonts/Lato-Regular.ttf") format("truetype");font-style:normal;font-weight:normal;text-rendering:optimizeLegibility}@font-face{font-family:'Lato';src:url("/assets/fonts/Lato-Bold.eot");src:url("/assets/fonts/Lato-Bold.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/Lato-Bold.woff2") format("woff2"),url("/assets/fonts/Lato-Bold.woff") format("woff"),url("/assets/fonts/Lato-Bold.ttf") format("truetype");font-style:normal;font-weight:bold;text-rendering:optimizeLegibility}@font-face{font-family:'Lato';src:url("/assets/fonts/Lato-BoldItalic.eot");src:url("/assets/fonts/Lato-BoldItalic.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/Lato-BoldItalic.woff2") format("woff2"),url("/assets/fonts/Lato-BoldItalic.woff") format("woff"),url("/assets/fonts/Lato-BoldItalic.ttf") format("truetype");font-style:italic;font-weight:bold;text-rendering:optimizeLegibility}@font-face{font-family:'Lato';src:url("/assets/fonts/Lato-Italic.eot");src:url("/assets/fonts/Lato-Italic.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/Lato-Italic.woff2") format("woff2"),url("/assets/fonts/Lato-Italic.woff") format("woff"),url("/assets/fonts/Lato-Italic.ttf") format("truetype");font-style:italic;font-weight:normal;text-rendering:optimizeLegibility}@font-face{font-family:'IconFont';src:url("/assets/fonts/icons.eot");src:url("/assets/fonts/icons.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/icons.woff2") format("woff2"),url("/assets/fonts/icons.woff") format("woff"),url("/assets/fonts/icons.ttf") format("truetype"),url("/assets/fonts/icons.svg#icons") format("svg");font-style:normal;font-weight:normal;font-variant:normal} </style><style>@font-face{font-family:'Lato';src:url("/assets/fonts/Lato-Regular.eot");src:url("/assets/fonts/Lato-Regular.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/Lato-Regular.woff2") format("woff2"),url("/assets/fonts/Lato-Regular.woff") format("woff"),url("/assets/fonts/Lato-Regular.ttf") format("truetype");font-style:normal;font-weight:normal;text-rendering:optimizeLegibility}@font-face{font-family:'Lato';src:url("/assets/fonts/Lato-Bold.eot");src:url("/assets/fonts/Lato-Bold.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/Lato-Bold.woff2") format("woff2"),url("/assets/fonts/Lato-Bold.woff") format("woff"),url("/assets/fonts/Lato-Bold.ttf") format("truetype");font-style:normal;font-weight:bold;text-rendering:optimizeLegibility}@font-face{font-family:'Lato';src:url("/assets/fonts/Lato-BoldItalic.eot");src:url("/assets/fonts/Lato-BoldItalic.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/Lato-BoldItalic.woff2") format("woff2"),url("/assets/fonts/Lato-BoldItalic.woff") format("woff"),url("/assets/fonts/Lato-BoldItalic.ttf") format("truetype");font-style:italic;font-weight:bold;text-rendering:optimizeLegibility}@font-face{font-family:'Lato';src:url("/assets/fonts/Lato-Italic.eot");src:url("/assets/fonts/Lato-Italic.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/Lato-Italic.woff2") format("woff2"),url("/assets/fonts/Lato-Italic.woff") format("woff"),url("/assets/fonts/Lato-Italic.ttf") format("truetype");font-style:italic;font-weight:normal;text-rendering:optimizeLegibility}@font-face{font-family:'IconFont';src:url("/assets/fonts/icons.eot");src:url("/assets/fonts/icons.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/icons.woff2") format("woff2"),url("/assets/fonts/icons.woff") format("woff"),url("/assets/fonts/icons.ttf") format("truetype"),url("/assets/fonts/icons.svg#icons") format("svg");font-style:normal;font-weight:normal;font-variant:normal}
</style></head><body class="noscript releases" id="page-index"><noscript><style>img[data-src] { </style></head><body class="noscript releases" id="page-index"><noscript><style>img[data-src] {
display: none !important; 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" 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://git.kuschku.de/justjanne/quasseldroid-ng/"><i class="icon github left"></i><span class="text">Source</span></a><a class="view-ui item active" href="/releases/"><i class="icon download left"></i><span class="text">Download</span></a></div></div></div></div><div class="ui vertical stripe intro segment"><div class="ui stackable very relaxed center aligned grid container"><div class="row"><div class="column left aligned"><h2 class="ui header">Downloads</h2><p>Quasseldroid is available on F-Droid and the Google Play Store.</p></div></div><div class="row centered"><div class="wide column"><div class="ui four doubling cards"><div class="card"><a href="https://play.google.com/store/apps/details?id=com.iskrembilen.quasseldroid"><img src="/assets/images/badge_play.svg"></a></div><div class="card"><a href="https://f-droid.org/packages/com.iskrembilen.quasseldroid/"><img src="/assets/images/badge_fdroid.svg"></a></div></div></div></div><div class="row"><div class="column left aligned"><p>The latest beta version is available through our <a href="https://repo.kuschku.de/fdroid/repo/?fingerprint=A0CBC2C29E38ED9542F86A1188412A60C5A756FC4D7A31C4C622242D7AD021F2">F-Droid repository</a>, }</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" 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://git.kuschku.de/justjanne/quasseldroid-ng/"><i class="icon github left"></i><span class="text">Source</span></a><a class="view-ui item active" href="/releases/"><i class="icon download left"></i><span class="text">Download</span></a></div></div></div></div><div class="ui vertical stripe intro segment"><div class="ui stackable very relaxed center aligned grid container"><div class="row"><div class="column left aligned"><h2 class="ui header">Downloads</h2><p>Quasseldroid is available on F-Droid and the Google Play Store.</p></div></div><div class="row centered"><div class="wide column"><div class="ui four doubling cards"><div class="card"><a href="https://play.google.com/store/apps/details?id=com.iskrembilen.quasseldroid"><img alt="Google Play" src="/assets/images/badge_play.svg"></a></div><div class="card"><a href="https://f-droid.org/packages/com.iskrembilen.quasseldroid/"><img alt="F-Droid" src="/assets/images/badge_fdroid.svg"></a></div></div></div></div><div class="row"><div class="column left aligned"><p>The latest beta version is available through our <a href="https://repo.kuschku.de/fdroid/repo/?fingerprint=A0CBC2C29E38ED9542F86A1188412A60C5A756FC4D7A31C4C622242D7AD021F2">F-Droid repository</a>,
through the <a href="https://play.google.com/apps/testing/com.iskrembilen.quasseldroid">Play Store Beta</a> through the <a href="https://play.google.com/apps/testing/com.iskrembilen.quasseldroid">Play Store Beta</a>
or through our <a href="https://s3.kuschku.de/minio/releases/quasseldroid-ng/">build archive</a>.</p></div></div><div class="row"><div class="wide column"><div class="ui centered cards"><div class="card"><a href="https://repo.kuschku.de/fdroid/repo/?fingerprint=A0CBC2C29E38ED9542F86A1188412A60C5A756FC4D7A31C4C622242D7AD021F2"><img src="/assets/images/repo.svg"></a></div></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-1/quasseldroid-1/">Help Translate</a><a class="item" href="https://lithium.kuschku.de/quasseldroid-theme-editor/">Create a Theme</a><a class="item" href="https://git.kuschku.de/justjanne/quasseldroid-ng/issues/">Submit an Issue</a><a class="item" href="ircs://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><a class="item" href="http://github.com/justjanne/quassel-rest-search">Quassel-Rest-Search</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://git.kuschku.de/justjanne/quasseldroid-ng/">Free &amp; Open Source or through our <a href="https://s3.kuschku.de/minio/releases/quasseldroid-ng/">build archive</a>.</p></div></div><div class="row"><div class="wide column"><div class="ui centered cards"><div class="card"><a href="https://repo.kuschku.de/fdroid/repo/?fingerprint=A0CBC2C29E38ED9542F86A1188412A60C5A756FC4D7A31C4C622242D7AD021F2"><img alt="F-Droid Repo QR Code" src="/assets/images/repo.svg"></a></div></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-1/quasseldroid-1/">Help Translate</a><a class="item" href="https://lithium.kuschku.de/quasseldroid-theme-editor/">Create a Theme</a><a class="item" href="https://git.kuschku.de/justjanne/quasseldroid-ng/issues/">Submit an Issue</a><a class="item" href="ircs://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><a class="item" href="http://github.com/justjanne/quassel-rest-search">Quassel-Rest-Search</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://git.kuschku.de/justjanne/quasseldroid-ng/">Free &amp; Open Source
</a></div></div></div></div><script src="/assets/js/intersectionobserver.min.js"></script><script>document.addEventListener("DOMContentLoaded", () => { </a></div></div></div></div><script src="/assets/js/intersectionobserver.min.js"></script><script>document.addEventListener("DOMContentLoaded", () => {
const following_bar = document.querySelector(".following.bar"); const following_bar = document.querySelector(".following.bar");
const update_top_bar = function () { const update_top_bar = function () {
......
releases/index.pug
+ 3
− 3
View file @ 6a00f7d7
...@@ -16,10 +16,10 @@ block content ...@@ -16,10 +16,10 @@ block content
.ui.four.doubling.cards .ui.four.doubling.cards
.card .card
a(href="https://play.google.com/store/apps/details?id=com.iskrembilen.quasseldroid") a(href="https://play.google.com/store/apps/details?id=com.iskrembilen.quasseldroid")
img(src="/assets/images/badge_play.svg") img(alt="Google Play" src="/assets/images/badge_play.svg")
.card .card
a(href="https://f-droid.org/packages/com.iskrembilen.quasseldroid/") a(href="https://f-droid.org/packages/com.iskrembilen.quasseldroid/")
img(src="/assets/images/badge_fdroid.svg") img(alt="F-Droid" src="/assets/images/badge_fdroid.svg")
.row .row
.column.left.aligned .column.left.aligned
p. p.
...@@ -31,4 +31,4 @@ block content ...@@ -31,4 +31,4 @@ block content
.ui.centered.cards .ui.centered.cards
.card .card
a(href="https://repo.kuschku.de/fdroid/repo/?fingerprint=A0CBC2C29E38ED9542F86A1188412A60C5A756FC4D7A31C4C622242D7AD021F2") a(href="https://repo.kuschku.de/fdroid/repo/?fingerprint=A0CBC2C29E38ED9542F86A1188412A60C5A756FC4D7A31C4C622242D7AD021F2")
img(src="/assets/images/repo.svg") img(alt="F-Droid Repo QR Code" src="/assets/images/repo.svg")
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment