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

More accessibility tags

parent 7ab9e511
No related branches found
No related tags found
No related merge requests found
Expand all Hide whitespace changes
Inline Side-by-side
_mixins.pug
+ 1
− 1
View file @ 2ae3a63c
......@@ -7,7 +7,7 @@ mixin responsive_image(alt, thumb, fallback, urls, sizes, aspect_ratio)
mixin theme_card(id, name)
a.card(href=`/assets/images/${id}.png`)
.image(aria-hidden="true")
.image(aria-hidden="true" role="img")
+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
.extra=name
\ No newline at end of file
_template.pug
+ 6
− 6
View file @ 2ae3a63c
......@@ -60,17 +60,17 @@ html(lang="en")
.ui.container
.ui.large.secondary.menu.inverted
a.view-ui.item(href="/", class=(page === 'index' ? 'active' : ''))
img.ui.logo.left(src="/assets/images/icon.svg" aria-hidden="true")
img.ui.logo.left(src="/assets/images/icon.svg" aria-hidden="true" role="img")
| Quasseldroid
a.view-ui.item(href="/docs/")
| Docs
.right.menu
a.view-ui.item(href="https://git.kuschku.de/justjanne/quasseldroid-ng/")
i.icon.github.left(aria-hidden="true")
a.view-ui.item(aria-label="Source" href="https://git.kuschku.de/justjanne/quasseldroid-ng/")
i.icon.github.left(aria-hidden="true" role="img")
span.text.
Source
a.view-ui.item(href="/releases/", class=(page === 'releases' ? 'active' : ''))
i.icon.download.left(aria-hidden="true")
a.view-ui.item(aria-label="Download" href="/releases/", class=(page === 'releases' ? 'active' : ''))
i.icon.download.left(aria-hidden="true" role="img")
span.text.
Download
block content
......@@ -109,7 +109,7 @@ html(lang="en")
Quassel-Rest-Search
.ui.inverted.section.divider
img.ui.centered.mini.image(src="/assets/images/icon.svg" aria-hidden="true")
img.ui.centered.mini.image(src="/assets/images/icon.svg" aria-hidden="true" role="img")
.ui.horizontal.inverted.small.divided.link.list
a.item(href="https://git.kuschku.de/justjanne/quasseldroid-ng/").
......
index.html
+ 4
− 4
View file @ 2ae3a63c
This diff is collapsed.
index.pug
+ 4
− 4
View file @ 2ae3a63c
......@@ -11,11 +11,11 @@ block content
Chat comfortably, everywhere.
.ui.hidden.divider
a.ui.huge.inverted.download.button(aria-label="Download" href="/releases/")
i.icon.download.left(aria-hidden="true")
i.icon.download.left(aria-hidden="true" role="img")
span.text.
Download
a.ui.huge.inverted.basic.button(aria-label="Source" href="https://git.kuschku.de/justjanne/quasseldroid-ng/")
i.icon.github.left(aria-hidden="true")
i.icon.github.left(aria-hidden="true" role="img")
span.text.
Source
.row
......@@ -44,7 +44,7 @@ block content
.nine.wide.column
.ui.one.doubling.cards
.card
.image(aria-hidden="true")
.image(aria-hidden="true" role="img")
+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
.computer.reversed.row#never_miss_a_thing
......@@ -59,7 +59,7 @@ block content
.nine.wide.column
.ui.one.doubling.cards
.card
.image(aria-hidden="true")
.image(aria-hidden="true" role="img")
+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
.row#make_it_yours
......
privacy-policy/index.html
+ 2
− 2
View file @ 2ae3a63c
......@@ -4,7 +4,7 @@
</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;font-display:fallback;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;font-display:fallback;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;font-display:fallback;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;font-display:fallback;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;font-display:swap}
</style></head><body class="noscript privacy-policy" 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" href="/"><img class="ui logo left" src="/assets/images/icon.svg" aria-hidden="true">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" aria-hidden="true"></i><span class="text">Source</span></a><a class="view-ui item" href="/releases/"><i class="icon download left" aria-hidden="true"></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">Privacy Policy</h2><h3 class="ui header">Website</h3><p>While visiting our website, your computer transmits various pieces of data to our website. These vary based
}</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" aria-hidden="true" role="img">Quasseldroid</a><a class="view-ui item" href="/docs/">Docs</a><div class="right menu"><a class="view-ui item" aria-label="Source" href="https://git.kuschku.de/justjanne/quasseldroid-ng/"><i class="icon github left" aria-hidden="true" role="img"></i><span class="text">Source</span></a><a class="view-ui item" aria-label="Download" href="/releases/"><i class="icon download left" aria-hidden="true" role="img"></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">Privacy Policy</h2><h3 class="ui header">Website</h3><p>While visiting our website, your computer transmits various pieces of data to our website. These vary based
on browser and operating system, and usually include:</p><ul class="ui list"><li>Browser and version</li><li>Operating system and version</li><li>The previously visited website (Referrer URL)</li><li>Hostname and/or IP address of your computer</li><li>Time and date of the access</li></ul><p>We currently collect and store your IP address, URLs you access and your user agent for up to 2 weeks to be
able to analyze active security threats. These logs are not transferred to any third party.
</p><h3 class="ui header">App</h3><p>The app supports automatic crash reporting. In version 0.11 this is currently disabled, in later releases
......@@ -13,7 +13,7 @@ all collected crash reports are stored locally and have to be sent by the user m
server, and cannot be policed by us.
</p><h3 class="ui header">Further Questions
</h3><p>For further questions regarding our privacy policy, please contact
<a href="mailto:support@kuschku.de">support@kuschku.de</a>.</p></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" aria-hidden="true"><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 href="mailto:support@kuschku.de">support@kuschku.de</a>.</p></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" aria-hidden="true" role="img"><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", () => {
const following_bar = document.querySelector(".following.bar");
const update_top_bar = function () {
......
releases/index.html
+ 2
− 2
View file @ 2ae3a63c
......@@ -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;font-display:fallback;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;font-display:fallback;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;font-display:fallback;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;font-display:fallback;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;font-display:swap}
</style></head><body class="noscript releases" 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" href="/"><img class="ui logo left" src="/assets/images/icon.svg" aria-hidden="true">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" aria-hidden="true"></i><span class="text">Source</span></a><a class="view-ui item active" href="/releases/"><i class="icon download left" aria-hidden="true"></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>,
}</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" aria-hidden="true" role="img">Quasseldroid</a><a class="view-ui item" href="/docs/">Docs</a><div class="right menu"><a class="view-ui item" aria-label="Source" href="https://git.kuschku.de/justjanne/quasseldroid-ng/"><i class="icon github left" aria-hidden="true" role="img"></i><span class="text">Source</span></a><a class="view-ui item active" aria-label="Download" href="/releases/"><i class="icon download left" aria-hidden="true" role="img"></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>
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" aria-hidden="true"><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" aria-hidden="true" role="img"><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", () => {
const following_bar = document.querySelector(".following.bar");
const update_top_bar = function () {
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment