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

Minor adjustments

parent 0649a840
Branches
No related tags found
No related merge requests found
Show whitespace changes
Inline Side-by-side
assets/css/style.css
+ 2
− 2
View file @ d0c7ffbb
body.noscript img[data-src] { body.noscript img[data-src] {
display: none; display: none !important;
} }
img[data-src] { img[data-src] {
...@@ -37,7 +37,7 @@ img[data-src] { ...@@ -37,7 +37,7 @@ img[data-src] {
padding: 1em 0; padding: 1em 0;
} }
.following.bar.qd { body.noscript .following.bar, .following.bar.qd {
background: #0a70c0; background: #0a70c0;
} }
......
assets/js/script.js
+ 0
− 2
View file @ d0c7ffbb
document.body.classList.remove("noscript");
const following_bar = document.querySelector(".following.bar"); const following_bar = document.querySelector(".following.bar");
const update_top_bar = function () { const update_top_bar = function () {
following_bar.classList.toggle("qd", window.scrollY !== 0); following_bar.classList.toggle("qd", window.scrollY !== 0);
......
index.html
+ 4
− 3
View file @ d0c7ffbb
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><title>QuasselDroid</title><meta name="description" content="Chat comfortably, everywhere."><link rel="canonical" href="https://quasseldroid.info/"><link rel="shortcut icon" href="favicon.png"><link rel="shortcut icon" href="favicon.svg"><meta property="og:site_name" content="QuasselDroid"><meta property="og:type" content="website"><meta property="og:title" content="QuasselDroid"><meta property="og:description" content="Chat comfortably, everywhere."><meta property="og:url" content="https://quasseldroid.info/"><meta property="twitter:card" content="summary_large_image"><meta property="twitter:title" content="QuasselDroid"><meta property="twitter:description" content="Chat comfortably, everywhere."><meta property="twitter:url" content="https://quasseldroid.info/"><meta name="generator" content="Human v1.0"><meta name="referrer" content="origin"><meta name="viewport" content="width=device-width, initial-scale=1"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="HandheldFriendly" content="True"><meta name="theme-color" content="#0a70c0"><meta name="msapplication-navbutton-color" content="#0a70c0"><meta name="apple-mobile-web-app-status-bar-style" content="#0a70c0"><link rel="stylesheet" href="assets/css/semantic.css"><link rel="stylesheet" href="assets/css/fonts.css"><link rel="stylesheet" href="assets/css/style.css"></head><body class="noscript" id="page-index"><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"><img class="ui logo left" src="assets/images/icon.svg">QuasselDroid</a><a class="view-ui item" href="blog/">Blog</a><div class="right menu"><a class="view-ui item" href="https://github.com/sandsmark/QuasselDroid"><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/sandsmark/QuasselDroid"><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@thumb35.png 1635w, assets/images/tablet@2180.png 2180w"></noscript><img class="tablet" src="assets/images/tablet@thumb.jpg" 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@thumb35.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"><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 <!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><title>QuasselDroid</title><meta name="description" content="Chat comfortably, everywhere."><link rel="canonical" href="https://quasseldroid.info/"><link rel="shortcut icon" href="favicon.png"><link rel="shortcut icon" href="favicon.svg"><meta property="og:site_name" content="QuasselDroid"><meta property="og:type" content="website"><meta property="og:title" content="QuasselDroid"><meta property="og:description" content="Chat comfortably, everywhere."><meta property="og:url" content="https://quasseldroid.info/"><meta property="twitter:card" content="summary_large_image"><meta property="twitter:title" content="QuasselDroid"><meta property="twitter:description" content="Chat comfortably, everywhere."><meta property="twitter:url" content="https://quasseldroid.info/"><meta name="generator" content="Human v1.0"><meta name="referrer" content="origin"><meta name="viewport" content="width=device-width, initial-scale=1"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="HandheldFriendly" content="True"><meta name="theme-color" content="#0a70c0"><meta name="msapplication-navbutton-color" content="#0a70c0"><meta name="apple-mobile-web-app-status-bar-style" content="#0a70c0"><link rel="stylesheet" href="assets/css/semantic.css"><link rel="stylesheet" href="assets/css/fonts.css"><link rel="stylesheet" href="assets/css/style.css"></head><body class="noscript" id="page-index"><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"><img class="ui logo left" src="assets/images/icon.svg">QuasselDroid</a><a class="view-ui item" href="blog/">Blog</a><div class="right menu"><a class="view-ui item" href="https://github.com/sandsmark/QuasselDroid"><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/sandsmark/QuasselDroid"><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@thumb35.png 1635w, assets/images/tablet@2180.png 2180w"></noscript><img class="tablet" src="assets/images/tablet@thumb.jpg" 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@thumb35.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"><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="http://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"><div class="seven wide column left aligned"><h2 class="ui header">Be up-to-date!</h2><p>Never miss a message with push notifications in QuasselDroid. you left it.</p><a href="http://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"><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.</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"><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 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"><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
......
index.pug
+ 7
− 4
View file @ d0c7ffbb
...@@ -41,6 +41,8 @@ html(lang="en") ...@@ -41,6 +41,8 @@ html(lang="en")
link(rel="stylesheet" href="assets/css/fonts.css") link(rel="stylesheet" href="assets/css/fonts.css")
link(rel="stylesheet" href="assets/css/style.css") link(rel="stylesheet" href="assets/css/style.css")
body#page-index.noscript body#page-index.noscript
script.
document.body.classList.remove("noscript");
.pusher .pusher
.full.height .full.height
.following.bar .following.bar
...@@ -111,11 +113,12 @@ html(lang="en") ...@@ -111,11 +113,12 @@ html(lang="en")
.computer.reversed.row .computer.reversed.row
.seven.wide.column.left.aligned .seven.wide.column.left.aligned
h2.ui.header. h2.ui.header.
Be up-to-date! Never miss a thing
p. p.
Never miss a message with push notifications in QuasselDroid. 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.
.nine.wide.column .nine.wide.column
.ui.one.doubling.cards .ui.one.doubling.cards
.card .card
...@@ -127,7 +130,7 @@ html(lang="en") ...@@ -127,7 +130,7 @@ html(lang="en")
.row .row
.seven.wide.column.left.aligned .seven.wide.column.left.aligned
h2.ui.header. h2.ui.header.
Make it yours. Make it yours
p. p.
With many available themes, and the ability to change every 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
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment