From 74ee896ee65f364d7c97ff2db2e9d1bd8c07a3bc Mon Sep 17 00:00:00 2001 From: JC Brand Date: Thu, 24 May 2018 16:18:47 +0200 Subject: [PATCH] Add new sponsor and some website style improvements --- css/converse.css | 2 +- css/website.css | 12 +++++++-- index.html | 22 ++++++++------- logo/hostpresto.png | Bin 0 -> 6042 bytes sass/_core.scss | 2 +- sass/_website.scss | 64 ++++++++++++++++++++++++++------------------ 6 files changed, 62 insertions(+), 40 deletions(-) create mode 100644 logo/hostpresto.png 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 0000000000000000000000000000000000000000..4957de815dc9584d3b4d6c72bbee34bed5182a56 GIT binary patch literal 6042 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 U!)f94N&o-=07*qoM6N<$f}^0L4*&oF literal 0 HcmV?d00001 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;