diff --git a/css/converse.css b/css/converse.css index 4d4e5bf9f..a849905ba 100644 --- a/css/converse.css +++ b/css/converse.css @@ -6883,7 +6883,7 @@ body.reset { z-index: 1031; position: fixed; bottom: 0; - height: 2.7rem; + height: 3em; right: 0; } #conversejs ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ diff --git a/css/website.css b/css/website.css index 8c6eafa50..799910ccd 100644 --- a/css/website.css +++ b/css/website.css @@ -117,6 +117,11 @@ a:hover, a:focus { .outro { background: url("images/bgtr.svg") top right no-repeat, url("images/bgbl.svg") bottom left no-repeat, url("images/overlay.png"), linear-gradient(45deg, #384955, #655361, #85505f); } +section h2 { + color: #E7A151; } +section h3 { + color: #89B7CD; } + .brand-heading { font-family: Futura,Helvetica,Trebuchet MS,Arial,sans-serif; font-weight: normal; @@ -181,7 +186,9 @@ a:hover, a:focus { -moz-animation-timing-function: linear; } .content-section { - padding-top: 100px; } + padding-top: 100px; + padding-top: 100px; + min-height: 100vh; } .donate-section { width: 100%; @@ -194,7 +201,6 @@ a:hover, a:focus { @media (min-width: 767px) { .content-section { - padding-top: 150px; padding-bottom: 50px; } .donate-section { @@ -304,6 +310,8 @@ ul.features { clear: both; font-size: 1.4em; padding: 2em 0 6em 0; } + .sponsors ul { + padding: 0; } .sponsors h2 { text-align: center; } diff --git a/index.html b/index.html index 307609ab1..40bf96f03 100644 --- a/index.html +++ b/index.html @@ -5,7 +5,7 @@ - + @@ -107,7 +107,7 @@

Converse is written in JavaScript and runs in your browser.

You can start using it here immediately, or you can integrate it into your own website.

-

Take a look at the demo page for other examples of how Converse.js can be configured and used. +

Take a look at the demo page for other examples of how Converse can be configured and used.

You can connect to any publically accessible XMPP/Jabber server, @@ -193,7 +193,7 @@ or Mastodon

  • Chat with me via XMPP at jc@opkode.com
  • For technical support, you can ask on Stack Overflow -
  • The Converse.js XMPP chatroom: discuss@conference.conversejs.org.
  • +
  • The Converse XMPP chatroom: discuss@conference.conversejs.org.
  • Please file bugs and feature requests on Github.
  • @@ -217,17 +217,19 @@
    -

    Converse.js is supported by:

    +

    Converse is supported by:

      -
    • KeyCDN
    • -
    • WikiSuite
    • +
    • KeyCDN
    • +
    • WikiSuite
    • +
    • HostPresto
    -

    Converse.js is a software commons; available at no cost to you or anyone else. - Sponsorships allow us to fund further development and improvements and are greatly appreciated. - If you'd like to sponsor this project, please visit Patreon - or Liberapay. +

    Converse is a software commons, available at no cost to you or anyone else. + Sponsorships allow us to fund further development and improvements. + If you'd like to sponsor this project, please visit Patreon, + Liberapay or + contact us.

    diff --git a/logo/hostpresto.png b/logo/hostpresto.png new file mode 100644 index 000000000..4957de815 Binary files /dev/null and b/logo/hostpresto.png differ diff --git a/sass/_core.scss b/sass/_core.scss index 90cea82e6..211c80c5a 100644 --- a/sass/_core.scss +++ b/sass/_core.scss @@ -89,7 +89,7 @@ body.reset { z-index: 1031; // One more than bootstrap navbar position: fixed; bottom: 0; - height: 2.7rem; + height: 3em; right: 0; } diff --git a/sass/_website.scss b/sass/_website.scss index 756370b3d..8e96928bb 100644 --- a/sass/_website.scss +++ b/sass/_website.scss @@ -113,29 +113,37 @@ a:hover, a:focus { .features-section, .outro, .intro { - width: 100%; - padding: 100px 0; - text-align: center; - color: #fff; + width: 100%; + padding: 100px 0; + text-align: center; + color: #fff; } .intro { - background: url(images/header.jpg) no-repeat bottom center scroll; - background-color: #211018; - -webkit-background-size: cover; - -moz-background-size: cover; - background-size: cover; - -o-background-size: cover; + background: url(images/header.jpg) no-repeat bottom center scroll; + background-color: #211018; + -webkit-background-size: cover; + -moz-background-size: cover; + background-size: cover; + -o-background-size: cover; } .features-section { - background: url('images/bgtr.svg') top right no-repeat, url('images/bgbl.svg') bottom left no-repeat, url('images/bgbl.svg') bottom left no-repeat, url('images/overlay.png'), linear-gradient(45deg, #85505f, #384955, #655361); + background: url('images/bgtr.svg') top right no-repeat, url('images/bgbl.svg') bottom left no-repeat, url('images/bgbl.svg') bottom left no-repeat, url('images/overlay.png'), linear-gradient(45deg, #85505f, #384955, #655361); } .features-section a { - color: #82B397; + color: #82B397; } .outro { - background: url('images/bgtr.svg') top right no-repeat, url('images/bgbl.svg') bottom left no-repeat, url('images/overlay.png'), linear-gradient(45deg, #384955, #655361, #85505f); + background: url('images/bgtr.svg') top right no-repeat, url('images/bgbl.svg') bottom left no-repeat, url('images/overlay.png'), linear-gradient(45deg, #384955, #655361, #85505f); } +section { + h2 { + color: #E7A151; + } + h3 { + color: #89B7CD; + } +} .brand-heading { font-family: Futura,Helvetica,Trebuchet MS,Arial,sans-serif; @@ -205,25 +213,26 @@ a:hover, a:focus { } .content-section { - padding-top: 100px; + padding-top: 100px; + padding-top: 100px; + min-height: 100vh; } .donate-section { - width: 100%; - padding: 50px 0; - color: #ffffff; - background-color: #211018; + width: 100%; + padding: 50px 0; + color: #ffffff; + background-color: #211018; } .donate-section p.bitcoin-header { - margin: 0 0 5px; + margin: 0 0 5px; } @media (min-width: 767px) { - .content-section { - padding-top: 150px; - padding-bottom: 50px; - } - .donate-section { - padding: 100px 0; - } + .content-section { + padding-bottom: 50px; + } + .donate-section { + padding: 100px 0; + } } .btn { font-family: Futura,Helvetica,Trebuchet MS,Arial,sans-serif; @@ -332,6 +341,9 @@ ul.features { clear: both; font-size: 1.4em; padding: 2em 0 6em 0; + ul { + padding: 0; + } } .sponsors h2 { text-align: center;