New byline: messaging freedom
This commit is contained in:
parent
a2a81adef3
commit
14a7a19e95
@ -5084,6 +5084,26 @@ h1, h2, h3, h4, h5, h6 {
|
|||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
letter-spacing: 1px; }
|
letter-spacing: 1px; }
|
||||||
|
|
||||||
|
.hidden {
|
||||||
|
display: none !important; }
|
||||||
|
|
||||||
|
.indiechat {
|
||||||
|
font-size: 100px !important;
|
||||||
|
margin-bottom: 0 !important; }
|
||||||
|
.indiechat .subdued {
|
||||||
|
opacity: 0.15;
|
||||||
|
font-size: 95%;
|
||||||
|
word-spacing: 50px; }
|
||||||
|
|
||||||
|
#about p {
|
||||||
|
opacity: 0.9; }
|
||||||
|
|
||||||
|
.byline {
|
||||||
|
font-family: Futura,Helvetica,Trebuchet MS,Arial,sans-serif;
|
||||||
|
font-size: 28px;
|
||||||
|
opacity: 0.6;
|
||||||
|
margin-bottom: 3em; }
|
||||||
|
|
||||||
p {
|
p {
|
||||||
margin: 0 0 25px;
|
margin: 0 0 25px;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
@ -5230,15 +5250,9 @@ section h4 {
|
|||||||
.brand-heading-embedded {
|
.brand-heading-embedded {
|
||||||
margin-top: 1.5em; }
|
margin-top: 1.5em; }
|
||||||
|
|
||||||
.intro-text {
|
|
||||||
font-family: Futura,Helvetica,Trebuchet MS,Arial,sans-serif;
|
|
||||||
font-size: 18px; }
|
|
||||||
|
|
||||||
@media (min-width: 767px) {
|
@media (min-width: 767px) {
|
||||||
.intro {
|
.intro {
|
||||||
padding: 0; }
|
padding: 0; } }
|
||||||
.intro-text {
|
|
||||||
font-size: 25px; } }
|
|
||||||
|
|
||||||
.btn-circle {
|
.btn-circle {
|
||||||
width: 70px;
|
width: 70px;
|
||||||
|
45
index.html
45
index.html
@ -72,7 +72,7 @@
|
|||||||
<section id="intro" class="intro" class="container">
|
<section id="intro" class="intro" class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-12 col-md-offset-2">
|
<div class="col-md-12 col-md-offset-2">
|
||||||
<h1 class="brand-heading converse-brand-heading">
|
<h1 class="brand-heading converse-brand-heading hidden">
|
||||||
<svg class="converse-svg-logo"
|
<svg class="converse-svg-logo"
|
||||||
xmlns:svg="http://www.w3.org/2000/svg"
|
xmlns:svg="http://www.w3.org/2000/svg"
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
@ -94,13 +94,33 @@
|
|||||||
</svg>
|
</svg>
|
||||||
<span>converse</span></h1>
|
<span>converse</span></h1>
|
||||||
|
|
||||||
<p class="intro-text">A free and open-source XMPP chat client in your browser</p>
|
<h1 class="brand-heading indiechat">
|
||||||
<p>Try out the <a href="/fullscreen.html">fullpage</a> version</p>
|
<svg class="converse-svg-logo"
|
||||||
|
xmlns:svg="http://www.w3.org/2000/svg"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||||
|
viewBox="0 0 364 364">
|
||||||
|
<title>Converse</title>
|
||||||
|
<g class="cls-1" id="g904">
|
||||||
|
<g data-name="Layer 2">
|
||||||
|
<g data-name="Layer 7">
|
||||||
|
<path
|
||||||
|
class="cls-3"
|
||||||
|
d="M221.46,103.71c0,18.83-29.36,18.83-29.12,0C192.1,84.88,221.46,84.88,221.46,103.71Z" />
|
||||||
|
<path
|
||||||
|
class="cls-4"
|
||||||
|
d="M179.9,4.15A175.48,175.48,0,1,0,355.38,179.63,175.48,175.48,0,0,0,179.9,4.15Zm-40.79,264.5c-.23-17.82,27.58-17.82,27.58,0S138.88,286.48,139.11,268.65ZM218.6,168.24A79.65,79.65,0,0,1,205.15,174a12.76,12.76,0,0,0-6.29,4.65L167.54,222a1.36,1.36,0,0,1-2.46-.8v-35.8a2.58,2.58,0,0,0-3.06-2.53c-15.43,3-30.23,7.7-42.73,19.94-38.8,38-29.42,105.69,16.09,133.16a162.25,162.25,0,0,1-91.47-67.27C-3.86,182.26,34.5,47.25,138.37,25.66c46.89-9.75,118.25,5.16,123.73,62.83C265.15,120.64,246.56,152.89,218.6,168.24Z" />
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
converse<span class="subdued">.js</span></h1>
|
||||||
|
|
||||||
|
<p class="byline">messaging freedom</p>
|
||||||
<p>
|
<p>
|
||||||
<a href="https://inverse.chat/#converse/room?jid=discuss@conference.conversejs.org"
|
<a href="https://inverse.chat/#converse/room?jid=discuss@conference.conversejs.org"
|
||||||
target="_blank" rel="noopener"><img src="https://inverse.chat/badge.svg?room=discuss@conference.conversejs.org"/></a>
|
target="_blank" rel="noopener"><img src="https://inverse.chat/badge.svg?room=discuss@conference.conversejs.org"/></a>
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<div class="page-scroll">
|
<div class="page-scroll">
|
||||||
<a href="#about" class="btn btn-default btn-lg"><span class="btn-text">Learn More</span></a>
|
<a href="#about" class="btn btn-default btn-lg"><span class="btn-text">Learn More</span></a>
|
||||||
</div>
|
</div>
|
||||||
@ -120,19 +140,22 @@
|
|||||||
<section id="about" class="container content-section text-center">
|
<section id="about" class="container content-section text-center">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-12 col-lg-offset-2">
|
<div class="col-lg-12 col-lg-offset-2">
|
||||||
|
<h2>What is Converse?</h2>
|
||||||
|
<p>Converse is a free and open-source XMPP chat client that runs in a web browser.</p>
|
||||||
|
|
||||||
<h2>Converse is easy to set up</h2>
|
<h2>Converse is easy to set up</h2>
|
||||||
<p class="text-left">You can start using it here immediately, or you can <a href="/docs/html/index.html">integrate it into your own website</a>.</p>
|
<p>You can use it here, host it yourself, or <a href="/docs/html/index.html">integrate it into your own website</a>.
|
||||||
<p class="text-left">Take a look at the <a href="/demo">demo page</a> for other examples of how Converse can be configured and used.</a>
|
It's possible to connect to any publically accessible <a href="https://xmpp.org" target="_blank" rel="noopener">XMPP/Jabber</a> server.
|
||||||
<p class="text-left">You can connect to any publically accessible <a href="https://xmpp.org" target="_blank" rel="noopener">XMPP/Jabber</a> server.</p>
|
Take a look at the <a href="/demo">demo page</a> for other examples of how Converse can be configured and used.</a>
|
||||||
|
</p>
|
||||||
|
|
||||||
<h3>Need an XMPP/Jabber account?</h3>
|
<h3>Need an XMPP/Jabber account?</h3>
|
||||||
<p class="text-left">No problem! With Converse you can register an account on any public XMPP server that allows in-band registration,
|
<p>No problem! With Converse you can register an account on any public XMPP server that allows in-band registration,
|
||||||
including our own at <span style="color: #89B7CD">conversejs.org</span>.</p>
|
including our own at <span style="color: #89B7CD">conversejs.org</span>.</p>
|
||||||
|
|
||||||
<h2>Converse is a community</h2>
|
<h2>Converse is a community</h2>
|
||||||
<p class="text-left">Over 130 people have contributed features, bugfixes and translations, and many more have integrated it into their own websites or applications.</p>
|
<p>Over 130 people have contributed features, bugfixes and translations, and many more have integrated it into their own websites or applications.</p>
|
||||||
<p class="text-left">Come and chat with us at <a href="https://inverse.chat/#converse/room?jid=discuss@conference.conversejs.org" class="xmpp JSnocheck" title="Converse chat room">discuss@conference.conversejs.org</a>.</p>
|
<p>Come and chat with us at <a href="https://inverse.chat/#converse/room?jid=discuss@conference.conversejs.org" class="xmpp JSnocheck" title="Converse chat room">discuss@conference.conversejs.org</a>.</p>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
@ -41,6 +41,34 @@ h1, h2, h3, h4, h5, h6 {
|
|||||||
letter-spacing: 1px;
|
letter-spacing: 1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.hidden {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.indiechat {
|
||||||
|
font-size: 100px !important;
|
||||||
|
margin-bottom: 0 !important;
|
||||||
|
.subdued {
|
||||||
|
opacity: 0.15;
|
||||||
|
font-size: 95%;
|
||||||
|
word-spacing: 50px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#about {
|
||||||
|
p {
|
||||||
|
opacity: 0.9;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.byline {
|
||||||
|
font-family: Futura,Helvetica,Trebuchet MS,Arial,sans-serif;
|
||||||
|
font-size: 28px;
|
||||||
|
opacity: 0.6;
|
||||||
|
// color: #E7A151;
|
||||||
|
margin-bottom: 3em;
|
||||||
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
margin: 0 0 25px;
|
margin: 0 0 25px;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
@ -221,17 +249,10 @@ section {
|
|||||||
.brand-heading-embedded {
|
.brand-heading-embedded {
|
||||||
margin-top: 1.5em;
|
margin-top: 1.5em;
|
||||||
}
|
}
|
||||||
.intro-text {
|
|
||||||
font-family: Futura,Helvetica,Trebuchet MS,Arial,sans-serif;
|
|
||||||
font-size: 18px;
|
|
||||||
}
|
|
||||||
@media (min-width: 767px) {
|
@media (min-width: 767px) {
|
||||||
.intro {
|
.intro {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
.intro-text {
|
|
||||||
font-size: 25px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
.btn-circle {
|
.btn-circle {
|
||||||
width: 70px;
|
width: 70px;
|
||||||
|
Loading…
Reference in New Issue
Block a user