You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
279 lines
12 KiB
HTML
279 lines
12 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<html>
|
|
<head>
|
|
|
|
<meta charset="utf-8" />
|
|
|
|
<title>Hermes Official Website</title>
|
|
|
|
<meta name="identifier-url" content="https://hermes.im" />
|
|
|
|
<meta name="title" content="Hermes Official Website" />
|
|
|
|
<meta name="description" content="The cutest messenger in the Matrix network" />
|
|
|
|
<meta name="abstract" content="Hermes is the cutest messenger in the Matrix network" />
|
|
|
|
<meta name="keywords" content="Hermes, Matrix, Flutter, App" />
|
|
|
|
<meta name="author" content="Krille Fear" />
|
|
|
|
<meta name="revisit-after" content="15" />
|
|
|
|
<meta name="language" content="EN" />
|
|
|
|
<meta name="robots" content="All" />
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
|
|
<link rel="icon" type="image/x-icon" href="favicon.png" />
|
|
|
|
<link href="tailwind.css" rel="stylesheet" />
|
|
</head
|
|
>
|
|
<body
|
|
class="flex min-h-screen w-full flex-col items-center bg-gradient-to-t from-purple-200 to-blue-50 dark:from-purple-900 dark:to-slate-900"
|
|
style="font-family: 'Zen Kurenaido', sans-serif"
|
|
>
|
|
|
|
<div class="mb-8 min-h-12 w-full px-4 py-4 md:h-12 md:py-0">
|
|
|
|
<nav class="m-auto flex h-full w-full max-w-4xl flex-wrap items-center justify-center space-x-6">
|
|
<a
|
|
href="https://ko-fi.com/krille/posts"
|
|
class="text-lg hover:text-purple-800 dark:text-white dark:hover:text-purple-400"
|
|
>News</a
|
|
> <a
|
|
href="https://github.com/allomanta/hermes/blob/main/CHANGELOG.md"
|
|
class="text-lg hover:text-purple-800 dark:text-white dark:hover:text-purple-400"
|
|
>Changelog</a
|
|
> <a
|
|
href="https://github.com/allomanta/hermes/wiki"
|
|
class="text-lg hover:text-purple-800 dark:text-white dark:hover:text-purple-400"
|
|
>Wiki</a
|
|
> <a
|
|
href="https://github.com/allomanta/hermes"
|
|
class="text-lg hover:text-purple-800 dark:text-white dark:hover:text-purple-400"
|
|
>Code</a
|
|
>
|
|
<div class="md:flex-grow"> </div>
|
|
<a href="https://ko-fi.com/C1C86VN53" target="_blank" class="m-2 transition-transform hover:scale-110"
|
|
><img
|
|
class="h-7"
|
|
src="https://storage.ko-fi.com/cdn/kofi2.png?v=3"
|
|
border="0"
|
|
alt="Buy Me a Coffee at ko-fi.com" /></a
|
|
> <a href="https://troet.cafe/@krille" rel="me" class="m-2 transition-transform hover:scale-110"
|
|
><img src="mastodon.svg" class="h-7" /></a
|
|
>
|
|
</nav>
|
|
|
|
</div>
|
|
<img src="info-logo.png" alt="Hermes Logo" class="h-56" />
|
|
<p class="mb-8 text-xl text-gray-700 dark:text-gray-200">
|
|
The cutest messenger in [<a
|
|
href="https://matrix.org"
|
|
target="_blank"
|
|
class="text-xl underline hover:text-purple-800 dark:hover:text-purple-400"
|
|
>matrix</a
|
|
>]
|
|
</p>
|
|
|
|
<div class="mb-16 flex w-full flex-wrap justify-center gap-4 px-8">
|
|
<img
|
|
src="screenshots/mobile.png"
|
|
alt="Mobile screenshot"
|
|
class="h-96 w-auto rounded-xl border border-gray-300 object-contain shadow-xl"
|
|
/> <img
|
|
src="screenshots/desktop.png"
|
|
alt="Desktop screenshot"
|
|
class="h-96 w-auto rounded-xl border border-gray-300 object-contain shadow-xl"
|
|
/>
|
|
</div>
|
|
|
|
<div class="mb-16 flex max-w-lg flex-wrap justify-center">
|
|
<a href="https://apps.apple.com/app/hermes/id1551469600"
|
|
><img src="appstore-badge.png" class="mb-2 inline w-36 pr-2 transition-transform hover:scale-105" /></a
|
|
> <a href="https://play.google.com/store/apps/details?id=chat.pantheon.hermes"
|
|
><img src="google-play-badge.png" class="mb-2 inline w-36 pr-2 transition-transform hover:scale-105" /> </a
|
|
><a href="https://f-droid.org/packages/chat.pantheon.hermes/"
|
|
><img src="fdroid_button.png" class="mb-2 inline w-36 pr-2 transition-transform hover:scale-105" /> </a
|
|
> <a href="https://hermes.im/web"
|
|
> <img src="browser-badge.png" class="mb-2 inline w-36 pr-2 transition-transform hover:scale-105" /></a
|
|
> <a href="https://snapcraft.io/hermes"
|
|
><img src="snap-store-badge.svg" class="mb-2 inline w-36 pr-2 transition-transform hover:scale-105" /></a
|
|
> <a href="https://flathub.org/apps/details/im.pantheon.Hermes"
|
|
><img src="flathub-badge-en.png" class="mb-2 inline w-36 pr-2 transition-transform hover:scale-105" /></a
|
|
>
|
|
</div>
|
|
|
|
<div class="mb-16 grid w-full max-w-4xl justify-center md:grid-cols-3 md:grid-rows-3">
|
|
|
|
<div class="flex flex-col items-center justify-center p-8">
|
|
<img alt="Animated dancing woman" loading="lazy" src="feature1.gif" class="h-32" />
|
|
<h1 class="text-2xl text-purple-500 dark:text-purple-300">Easy to use</h1>
|
|
|
|
<p class="text-center dark:text-white">
|
|
Hermes is designed to be as easy to use as possible. No one should be left behind.
|
|
</p>
|
|
|
|
</div>
|
|
|
|
<div class="flex flex-col items-center justify-center p-8">
|
|
<img alt="Animated pencil" loading="lazy" src="feature2.gif" class="h-32" />
|
|
<h1 class="text-2xl text-purple-500 dark:text-purple-300">Material You</h1>
|
|
|
|
<p class="text-center dark:text-white">
|
|
The well polished design is based on Material You and works great on all platforms.
|
|
</p>
|
|
|
|
</div>
|
|
|
|
<div class="flex flex-col items-center justify-center p-8">
|
|
<img alt="Animated mechanical arm" loading="lazy" src="feature3.gif" class="h-32" />
|
|
<h1 class="text-2xl text-purple-500 dark:text-purple-300">Secure</h1>
|
|
|
|
<p class="text-center dark:text-white">
|
|
With end-to-end encryption, cross-signing and encrypted backups, Hermes is one of the most secure messenger
|
|
out there.
|
|
</p>
|
|
|
|
</div>
|
|
|
|
<div class="flex flex-col items-center justify-center p-8">
|
|
<img alt="Animated planet earth" loading="lazy" src="feature4.gif" class="h-32" />
|
|
<h1 class="text-2xl text-purple-500 dark:text-purple-300">Decentral</h1>
|
|
|
|
<p class="text-center dark:text-white">
|
|
You can choose the <a
|
|
href="https://joinmatrix.org"
|
|
class="underline hover:text-purple-800 dark:hover:text-purple-400"
|
|
>server</a
|
|
> you want to use or even <a
|
|
href="https://matrix.org/ecosystem/servers/"
|
|
class="underline hover:text-purple-800 dark:hover:text-purple-400"
|
|
>self-host</a
|
|
> your own!
|
|
</p>
|
|
|
|
</div>
|
|
|
|
<div class="flex flex-col items-center justify-center p-8">
|
|
<img alt="Animated bell" loading="lazy" src="feature5.gif" class="h-32" />
|
|
<h1 class="text-2xl text-purple-500 dark:text-purple-300">Push Notifications</h1>
|
|
|
|
<p class="text-center dark:text-white">
|
|
You can choose between Firebase Cloud Messaging or the more privacy focused <a
|
|
href="https://unifiedpush.org"
|
|
class="underline hover:text-purple-800 dark:hover:text-purple-400"
|
|
>Unified Push</a
|
|
>.
|
|
</p>
|
|
|
|
</div>
|
|
|
|
<div class="flex flex-col items-center justify-center p-8">
|
|
<img alt="Animated rocket" loading="lazy" src="feature6.gif" class="h-32" />
|
|
<h1 class="text-2xl text-purple-500 dark:text-purple-300">Spaces</h1>
|
|
|
|
<p class="text-center dark:text-white">
|
|
With spaces you can join or create a community which organizes chats and users. Using sub-spaces you can
|
|
even nest your communities.
|
|
</p>
|
|
|
|
</div>
|
|
|
|
<div class="flex flex-col items-center justify-center p-8">
|
|
<img alt="Animated glass sphere" loading="lazy" src="feature7.gif" class="h-32" />
|
|
<h1 class="text-2xl text-purple-500 dark:text-purple-300">Video calls</h1>
|
|
|
|
<p class="text-center dark:text-white">
|
|
Still an experimental feature but you can already try out video and audio calls, compatible with other
|
|
[matrix] clients.
|
|
</p>
|
|
|
|
</div>
|
|
|
|
<div class="flex flex-col items-center justify-center p-8">
|
|
<img alt="Animated chick" loading="lazy" src="feature8.gif" class="h-32" />
|
|
<h1 class="text-2xl text-purple-500 dark:text-purple-300">Stickers</h1>
|
|
|
|
<p class="text-center dark:text-white">
|
|
Create your own sticker sets and share them with your friends. You can even use them as inline emojis.
|
|
</p>
|
|
|
|
</div>
|
|
|
|
<div class="flex flex-col items-center justify-center p-8">
|
|
<img alt="Animated whoa emoji" loading="lazy" src="feature9.gif" class="h-32" />
|
|
<h1 class="text-2xl text-purple-500 dark:text-purple-300">Compatible</h1>
|
|
|
|
<p class="text-center dark:text-white">
|
|
Hermes is compatible with any other [matrix] client like <a
|
|
href="https://element.io"
|
|
class="underline hover:text-purple-800 dark:hover:text-purple-400"
|
|
>Element</a
|
|
>, <a
|
|
href="https://nheko-reborn.github.io/"
|
|
class="underline hover:text-purple-800 dark:hover:text-purple-400"
|
|
>Nheko</a
|
|
>, <a href="https://cinny.in" class="underline hover:text-purple-800 dark:hover:text-purple-400">Cinny</a>
|
|
or <a
|
|
href="https://apps.kde.org/de/neochat/"
|
|
class="underline hover:text-purple-800 dark:hover:text-purple-400"
|
|
>NeoChat</a
|
|
>.
|
|
</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<!--Footer-->
|
|
<div class="flex w-full justify-center">
|
|
|
|
<footer class="w-full max-w-4xl p-4 text-center text-slate-700 dark:text-slate-200">
|
|
<a
|
|
class="text-sm text-slate-700 no-underline hover:text-purple-800 dark:text-slate-200"
|
|
href="https://liberapay.com/KrilleChritzelius"
|
|
>Liberapay</a
|
|
> - <a
|
|
class="text-sm text-slate-700 no-underline hover:text-purple-800 dark:text-slate-200"
|
|
href="https://github.com/allomanta/hermes"
|
|
>Source code</a
|
|
> - <a
|
|
class="text-sm text-slate-700 no-underline hover:text-purple-800 dark:text-slate-200"
|
|
href="https://github.com/allomanta/hermes/blob/main/PRIVACY.md"
|
|
>Privacy</a
|
|
> - <a
|
|
class="text-sm text-slate-700 no-underline hover:text-purple-800 dark:text-slate-200"
|
|
href="https://github.com/allomanta/hermes/blob/main/CHANGELOG.md"
|
|
>Changelog</a
|
|
> - <a
|
|
class="text-sm text-slate-700 no-underline hover:text-purple-800 dark:text-slate-200"
|
|
href="https://hosted.weblate.org/projects/hermes/"
|
|
>Translations</a
|
|
> - <a
|
|
class="text-sm text-slate-700 no-underline hover:text-purple-800 dark:text-slate-200"
|
|
href="https://googlefonts.github.io/noto-emoji-animation/"
|
|
>Noto Animated Emojis</a
|
|
> - <a
|
|
class="text-sm text-slate-700 no-underline hover:text-purple-800 dark:text-slate-200"
|
|
href="https://keys.mailvelope.com/pks/lookup?op=get&search=christian-pauly%40posteo.de"
|
|
>Contact</a
|
|
> - <a
|
|
class="text-sm text-slate-700 no-underline hover:text-purple-800 dark:text-slate-200"
|
|
href="https://krille-chan.github.io"
|
|
>Created by Krille-chan</a
|
|
>
|
|
</footer>
|
|
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html>
|
|
|
|
</html>
|