Changes

Page history
bi-lingual start page authored by Roland Alton's avatar Roland Alton
Hide whitespace changes
Inline Side-by-side
fairchat-start-page-content.md
View page @ fc4bbbb0
Finally we are bi-lingual:
``` ```
<div> <style>
<div class="button" style="position: relative; top: 0px; left: 0px;"> .contBody {
<a href="https://fairchat.eu"><img width="200" height="50" src="https://fairchat.net/rcstatic/img/fairchat_logo.png"></a> display: none;
<br> }
<div align="center" text-align="center"> </style>
<button id="fairloginbutton1" class="button" style="background-color:#82ad29;color:#fff;margin-top:20px;" type="fairlogin" value="fairlogin" onclick="Meteor.loginWithFairlogin({})"><i class="icon-key"></i> Sign-in with fairlogin <br>or get a free account <b>here</b></button>
</div>
</div>
<br>&nbsp;<br>
<h5>Connect <br>
</h5>
<p class="landingpage2">Create your own public or private chat groups.
<br>After login, fairchat does NOT copy your address book. So your contacts do not automatically show up here.<br>
<a href="mailto:?subject=Join%20fairchat.net &body=Personal invitation to join fairchat. Register now at https://fairchat.net">Tell your friends by e-mail</a> to join the fairchat community. Meet in public or private groups then.
<!--- <br>After first login, set your user name and avatar in your <a href="https://fairchat.net/account/profile">profile</a>. </p>
--->
<p class="landingpage2">Read the list of <a href="https://fairkom.eu/fairchat" target="_blank">features and FAQs here</a>. Ask your question in the <a href="https://fairchat.net/channel/fairchat-welcome">fairchat-welcome channel</a>.</p>
<p class="landingpage2"> <i class="icon-germany"></i> <a href="https://fairchat.net/channel/willkommen-bei-fairchat">Hier ist unser Willkommenskanal in deutscher Sprache</a> zum Ausprobieren. <br>
<a href="mailto:?subject=Einladung%20zu%20fairchat.net &body=fairchat ist ein Messenger aus Österreich. Jetzt registrieren auf https://fairchat.net">Lade Freunde per E-mail ein</a>. Über die Kugel <i class="icon-globe"></i> links oben kannst du jemanden suchen und in einen Chatraum einladen.
</p>
<div lang="en" id="en_body" class="contBody">
<h5>Apps <a href="https://play.google.com/store/apps/details?id=com.osalliance.rocketchatMobile" target="_blank"><i class="icon-android"></i></a> <a href="https://itunes.apple.com/us/app/fairchat/id1301616129" target="_blank"><i class="icon-apple"></i></a> </h5> <!--
<br> <div class="button">
<p class="landingpage2"> <a href="https://id.fairkom.net/auth/realms/fairlogin/protocol/openid-connect/auth?client_id=fairchat-E7771575-954A-4FA5-9841-320FB2ACE2DD&redirect_uri=https%3A%2F%2Ffairchat.net%2F_oauth%2Ffairlogin&response_type=code&state=eyJsb2dpblN0eWxlIjoicmVkaXJlY3QiLCJjcmVkZW50aWFsVG9rZW4iOiJTaGlGNHlrQUlKQzZZZHptRW9TQ0dZYm1rS2lNcmpaT3hJX2kwSnBQTmFXIiwiaXNDb3Jkb3ZhIjpmYWxzZSwicmVkaXJlY3RVcmwiOiJodHRwczovL2ZhaXJjaGF0Lm5ldC9ob21lIn0%3D&scope=openid"><button id="fairloginbutton1" class="button" style="background-color:#82ad29;color:#fff;margin-top:20px;" type="fairlogin" value="fairlogin" <i class="icon-key"></i> Sign-in with fairlogin <br>or get a free account <b>here</b></button></a> &nbsp;&nbsp;&nbsp; <a href="https://id.fairkom.net/auth/realms/fairlogin/protocol/openid-connect/auth?client_id=fairchat-E7771575-954A-4FA5-9841-320FB2ACE2DD&redirect_uri=https%3A%2F%2Ffairchat.net%2F_oauth%2Ffairlogin&response_type=code&state=eyJsb2dpblN0eWxlIjoicmVkaXJlY3QiLCJjcmVkZW50aWFsVG9rZW4iOiJTaGlGNHlrQUlKQzZZZHptRW9TQ0dZYm1rS2lNcmpaT3hJX2kwSnBQTmFXIiwiaXNDb3Jkb3ZhIjpmYWxzZSwicmVkaXJlY3RVcmwiOiJodHRwczovL2ZhaXJjaGF0Lm5ldC9ob21lIn0%3D&scope=openid"><button id="fairloginbutton2" class="button" style="background-color:#82ad29;color:#fff;margin-top:20px;" type="fairlogin" value="fairlogin" <i class="icon-key"></i> Anmelden mit fairlogin <br>oder <b>hier</b> registrieren</button></a></div>
Get Android App from <a href="https://play.google.com/store/apps/details?id=com.osalliance.rocketchatMobile" target="_blank">Play Store</a> or sideload the <a href="http://repo.fairkom.net/download/fairchat.apk">apk</a> with the new design. Get iOS App from <a href="https://itunes.apple.com/us/app/fairchat/id1301616129" target="_blank">iTunes</a>. <br> -->
Authenticate with <a href="https://id.fairkom.net/auth/realms/fairlogin/account" target="_blank">fairlogin</a> (= your privacy aware digital identity, also supporting social ID providers).
</p>
<br>
<div> <div>
<button id="fairloginbutton2" class="button" style="background-color:#82ad29;color:#fff;" type="fairlogin" value="fairlogin" onclick="Meteor.loginWithFairlogin({})"><i class="icon-key"></i> Login or register</button> <div
<button class="button" style="background-color:#82ad29;color:#fff;" value="invite" onclick="window.location.href='mailto:?subject=Say%20hello%20with%20fairchat&amp;body=I%20use%20fairchat,%20join%20this%20great%20messenger.%20Register%20at%20https%3A%2F%2Ffairchat.net%20%0A%0AIch%20bin%20in%20fairchat%2C%20dem%20alternativen%20Messenger%20aus%20den%20Alpen.%20Melde%20dich%20auch%20an%2C%20damit%20wir%20chatten%20k%C3%B6nnen%3A%20https%3A%2F%2Ffairchat.net%20oder%20hol%20dir%20die%20App.';"><i class="icon-mail"></i> Invite your friends </button> style="display: flex; justify-content: space-between; align-items: center"
>
<h1
class="rc-header__block"
style="font-weight: normal; display: inline; height: min-content"
>
<span style="font-size: xx-large"
>Welcome to your organic messenger!</span
><br />
Secure, fast and GDPR compliant.
</h1>
<a href="https://fairchat.eu" style="margin-left: 100px"
><img src="https://repo.fairkom.net/img/logos/fairchat.png" /></a
><br /><br />
</div>
<p class="landingpage2">
Browse public channels or login and create your own public or private chat
groups. <br />After login (use blue box top left), fairchat does NOT copy
your address book (like other messengers do). So your contacts do not
automatically show up here.<br />
<a
href="mailto:?subject=Join%20fairchat.net &body=Personal invitation to join fairchat. Register now at https://fairchat.net"
>Tell your friends by e-mail</a
>
to join the fairchat community or invite directly from public or private
groups with an invite link.
<!--- <br>After first login, set your user name and avatar in your <a href="https://fairchat.net/account/profile">profile</a>. </p>
--->
</p>
<p></p>
<div class="landingpage2">
<b>fairchat</b> features include:
<ul style="margin-left: 1rem">
<li>
<i class="icon-chat"></i>text, video and audio messages with threading
</li>
<li><i class="icon-chat"></i>high quality video meetings</li>
<li>
<i class="icon-chat"></i>notification on smartphone, desktop or by
e-mail (and answering by e-mail)
</li>
<li>
<i class="icon-chat"></i>allows to embed a public channel as a forum
on your website
</li>
<li>
<i class="icon-chat"></i>climate neutral hosted in the European Union
</li>
</ul>
Read the
<a href="https://fairkom.eu/fairchat" target="_blank">FAQs here</a>. Or
ask your question in the
<a href="https://fairchat.net/channel/fairapps">fairapps channel</a>.
</div>
<span>
<p class="landingpage2">
<!--- <i class="icon-germany"></i> <a href="https://fairchat.net/channel/willkommen-bei-fairchat">Hier ist unser Willkommenskanal in deutscher Sprache</a> zum Ausprobieren. <br>--->
<a
href="mailto:?subject=Einladung%20zu%20fairchat.net &body=fairchat ist ein datenschutzkonformer Messenger. Jetzt registrieren auf https://fairchat.net"
>Invite friends via email.</a
>
Log in at the top left, the search ball will appear there<i
class="icon-globe"
></i>
or send an invitation link directly from a chat room.
</p>
</span>
<!---
<div>
<button id="fairloginbutton2" class="button" style="background-color:#82ad29;color:#fff;" type="fairlogin" value="fairlogin" onclick="Meteor.loginWithFairlogin({})"><i class="icon-key"></i> Login or register</button>
<button class="button" style="background-color:#82ad29;color:#fff;" value="invite" onclick="window.location.href='mailto:?subject=Say%20hello%20with%20fairchat&amp;body=I%20use%20fairchat,%20join%20this%20great%20messenger.%20Register%20at%20https%3A%2F%2Ffairchat.net%20%0A%0AIch%20bin%20in%20fairchat%2C%20dem%20alternativen%20Messenger%20aus%20den%20Alpen.%20Melde%20dich%20auch%20an%2C%20damit%20wir%20chatten%20k%C3%B6nnen%3A%20https%3A%2F%2Ffairchat.net%20oder%20hol%20dir%20die%20App.';"><i class="icon-mail"></i> Invite your friends </button>
</div>
<br> --->
<h5 style="font-size: 42px">
Apps
<a
href="https://play.google.com/store/apps/details?id=com.osalliance.rocketchatMobile"
target="_blank"
><i class="icon-android bigicon"></i></a
><a
href="https://itunes.apple.com/us/app/fairchat/id1301616129"
target="_blank"
><i class="icon-apple bigicon"></i
></a>
Desktop
<a
href="https://github.com/RocketChat/Rocket.Chat.Electron/releases/download/3.2.3/rocketchat-setup-3.2.3.exe"
target="_blank"
><i class="icon-windows bigicon"></i
></a>
<a
href="https://github.com/RocketChat/Rocket.Chat.Electron/releases/download/3.2.3/rocketchat-3.2.3.dmg"
target="_blank"
><i class="icon-apple bigicon"></i
></a>
<a
href="https://github.com/RocketChat/Rocket.Chat.Electron/releases/download/3.2.3/rocketchat_3.2.3_amd64.deb"
target="_blank"
><i class="icon-linux bigicon"></i
></a>
</h5>
<br />
<p class="landingpage2">
Get our Android App from
<a
href="https://play.google.com/store/apps/details?id=com.osalliance.rocketchatMobile"
target="_blank"
>Play Store</a
>
or sideload the
<a href="https://faircloud.eu/nextcloud/index.php/s/rYSYetj8DEnq5Yf"
>apk</a
>
directly. Get the iOS App from
<a
href="https://itunes.apple.com/us/app/fairchat/id1301616129"
target="_blank"
>iTunes</a
>. <br />Or download a desktop app for
<a
href="https://github.com/RocketChat/Rocket.Chat.Electron/releases/download/3.2.3/rocketchat-setup-3.2.3.exe"
target="_blank"
>Windows</a
>,
<a
href="https://github.com/RocketChat/Rocket.Chat.Electron/releases/download/3.2.3/rocketchat-3.2.3.dmg"
target="_blank"
>Apple</a
>
or
<a
href="https://github.com/RocketChat/Rocket.Chat.Electron/releases/download/3.2.3/rocketchat_3.2.3_amd64.deb"
target="_blank"
>Linux</a
>
and set as server <i>https://fairchat.net</i> .
<br />
Authenticate with
<a
href="https://id.fairkom.net/auth/realms/fairlogin/account"
target="_blank"
>fairlogin</a
>
(= your privacy aware digital identity, also supporting social ID
providers).
</p>
<!---
<h5>Meet <i class="icon-videocam"></i></h5>
<p class="landingpage2">Or try <a href="https://fairmeeting.net">fairmeeting</a> for instant one-time video conferencing and chatting. </p>
<div>
<button class="button" style="background-color:#82ad29;color:#fff;" padding=15px type="jitsimeet" value="room" onclick="(function(event){
var jitsiurl = document.getElementById('jitsimeetroom');
if (jitsiurl.value != '') {
var location = 'https://'+Meteor.settings.Jitsi_Domain+'/'+jitsiurl.value;
window.open(location,'_blank');
}
})()"> <i class="icon-videocam"></i>Start a video chat now </button>
<input type="text" class="button" style="background-color:#82AD29;color:#fff;" name="room" id="jitsimeetroom" placeholder="[enter room name]">
</div>
--->
</div> </div>
<br> <h5 style="font-size: 42px">More <i class="icon-cloud bigicon"></i></h5>
<h5>Meet <i class="icon-videocam"></i></h5> <p class="landingpage2">
<p class="landingpage2">Or try <a href="https://fairmeeting.net">fairmeeting</a> for instant video conferencing. </p> Check out more <a href="https://fairapps.net">fairapps</a> for video
conferencing, file sharing, calendar, addressbook, teaching ... at
<a href="https://fairapps.net"> fairapps.net</a>.
</p>
</div>
<div lang="de" id="de_body" class="contBody">
<div> <div>
<button class="button" style="background-color:#82ad29;color:#fff;" padding=15px type="jitsimeet" value="room" onclick="(function(event){ <div
var jitsiurl = document.getElementById('jitsimeetroom'); style="display: flex; justify-content: space-between; align-items: center"
if (jitsiurl.value != '') { >
var location = 'https://'+Meteor.settings.Jitsi_Domain+'/'+jitsiurl.value; <h1
window.open(location,'_blank'); class="rc-header__block"
} style="font-weight: normal; display: inline; height: min-content"
})()"> <i class="icon-videocam"></i>Start a video chat now </button> >
<input type="text" class="button" style="background-color:#9cd482;color:#fff;" name="room" id="jitsimeetroom" placeholder="[enter room name]"> <span style="font-size: xx-large">Willkommen beim fairchat Messenger!</span
</div> ><br />
Sicher, schnell und DSGVO-konform.
</h1>
<a href="https://fairchat.eu" style="margin-left: 100px"
><img src="https://repo.fairkom.net/img/logos/fairchat.png" /></a
><br /><br />
</div>
<p class="landingpage2">
Stöbere in öffentlichen Kanälen oder melde dich an und erstelle
eigene öffentliche oder private Chatgruppen. <br />Nach dem
Login (blaue Box oben links benutzen) kopiert fairchat NICHT dein
Adressbuch (wie andere Messenger). Deine Kontakte werden also nicht
automatisch hier angezeigt.<br />
<a
href="mailto:?subject=Einladung%20zu%20fairchat &body=Das ist eine persönliche Einladung fairchat hier beizutreten https://fairchat.net"
>Schicke Freunden per E-Mail eine Nachricht,</a
>
der fairchat-Community beizutreten oder lade sie direkt aus
öffentlichen oder privaten Gruppen mit einem Einladungslink ein.
</p>
<p></p>
<div class="landingpage2">
<b>fairchat</b> Funktionen umfassen;
<ul style="margin-left: 1rem">
<li>
<i class="icon-chat"></i>Text-, Video- und Audionachrichten mit Threading
</li>
<li><i class="icon-chat"></i>hochwertige Videokonferenzen</li>
<li>
<i class="icon-chat"></i>Benachrichtigung auf Smartphone, Desktop oder
per E-Mail (und Beantwortung per E-Mail)
</li>
<li>
<i class="icon-chat"></i>ermöglicht das Einbetten eines öffentlichen
Kanals als Forum auf deiner Webseite
</li>
<li><i class="icon-chat"></i>klimaneutral gehostet in der EU</li>
</ul>
Weitere Infos gibt es in den
<a href="https://fairkom.eu/fairchat" target="_blank">FAQs</a>. Oder
stelle deine Frage im
<a href="https://fairchat.net/channel/fairapps">fairapps Kanal</a>.
</div>
<span>
<p class="landingpage2">
<a
href="mailto:?subject=Einladung%20zu%20fairchat.net &body=fairchat ist ein datenschutzkonformer Messenger. Jetzt registrieren auf https://fairchat.net"
>Lade Freunde per E-Mail ein</a
>. Melde dich links oben an, dort erscheint dann die Such-Kugel<i
class="icon-globe"
></i>
oder schicke aus einem Chatraum direkt einen Einladungslink.
</p>
</span>
<h5 style="font-size: 42px">
Apps
<a
href="https://play.google.com/store/apps/details?id=com.osalliance.rocketchatMobile"
target="_blank"
><i class="icon-android bigicon"></i></a
><a
href="https://itunes.apple.com/us/app/fairchat/id1301616129"
target="_blank"
><i class="icon-apple bigicon"></i
></a>
Desktop
<a
href="https://github.com/RocketChat/Rocket.Chat.Electron/releases/download/3.2.3/rocketchat-setup-3.2.3.exe"
target="_blank"
><i class="icon-windows bigicon"></i
></a>
<a
href="https://github.com/RocketChat/Rocket.Chat.Electron/releases/download/3.2.3/rocketchat-3.2.3.dmg"
target="_blank"
><i class="icon-apple bigicon"></i
></a>
<a
href="https://github.com/RocketChat/Rocket.Chat.Electron/releases/download/3.2.3/rocketchat_3.2.3_amd64.deb"
target="_blank"
><i class="icon-linux bigicon"></i
></a>
</h5>
<br />
<p class="landingpage2">
Hol dir unsere Android App vom
<a
href="https://play.google.com/store/apps/details?id=com.osalliance.rocketchatMobile"
target="_blank"
>Play Store</a
>
oder
<a href="https://faircloud.eu/nextcloud/index.php/s/rYSYetj8DEnq5Yf"
>downloade sie dir direkt von unserer Webseite</a
>
. Hol dir die iOS App von
<a
href="https://itunes.apple.com/us/app/fairchat/id1301616129"
target="_blank"
>iTunes</a
>. <br />Oder download dir ein Programm für
<a
href="https://github.com/RocketChat/Rocket.Chat.Electron/releases/download/3.2.3/rocketchat-setup-3.2.3.exe"
target="_blank"
>Windows</a
>,
<a
href="https://github.com/RocketChat/Rocket.Chat.Electron/releases/download/3.2.3/rocketchat-3.2.3.dmg"
target="_blank"
>Apple</a
>
oder
<a
href="https://github.com/RocketChat/Rocket.Chat.Electron/releases/download/3.2.3/rocketchat_3.2.3_amd64.deb"
target="_blank"
>Linux</a
>
und konfiguriere als Server <i>https://fairchat.net</i>.
<br />
Authentifizierung mit
<a
href="https://id.fairkom.net/auth/realms/fairlogin/account"
target="_blank"
>fairlogin</a
>
(= deine datenschutzbewusste digitale Identität für alle fairkom Dienste).
</p>
</div>
<h5 style="font-size: 42px">Mehr <i class="icon-cloud bigicon"></i></h5>
<p class="landingpage2">
Weitere fairapps für Videokonferenzen, Dateiablage, Kalender, Adressbuch, Videos teilen und mehr auf
<a href="https://fairapps.net"> fairapps.net</a>.
</p>
</div> </div>
<h5>More <i class="icon-cloud"></i></h5> ```
<p class="landingpage2">Check out more <a href="https://fairapps.net">fairapps</a> for file sharing, calendar, addressbook, URL shortener ... at <a href="https://fairapps.net"> fairapps.net</a>. </p> \ No newline at end of file
```

gitlab project and software management by fairkom.eu - more open source web apps at fairapps.net