website/index.html

125 lines
4.2 KiB
HTML
Raw Normal View History

<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="https://moxxy.org/css/index.css" rel="stylesheet" />
<link rel="shortcut icon" href="https://moxxy.org/img/favicon.ico" sizes="32x32" />
<link href="https://moxxy.org/feed.xml" type="application/atom+xml" rel="alternate" title="Moxxy Blog" />
<meta property="og:description" content="A modern XMPP client" />
<meta property="og:title" content="Moxxy | A modern XMPP client" />
<title>Moxxy | A modern XMPP client</title>
</head>
<body>
<div class="flex flex-col">
<div class="relative h-16 inset-x-0 inset-y-0 px-4 shadow-md grid place-items-center">
<div class="flex flex-row items-center w-full">
<!-- The Moxxy logo -->
<a href="https://moxxy.org/">
<img src="https://moxxy.org/img/logo.png" class="w-12 h-12 p-2" />
</a>
<a href="https://moxxy.org/">
<span class="font-bold">Moxxy</span>
</a>
<!-- Spacer -->
<div class="grow"></div>
<a href="/blog/" class="px-2 text-sky-400">Blog</a>
<a href="https://moxxy.org/developers/" class="px-2 text-sky-400">Developers</a>
<a href="https:&#x2F;&#x2F;codeberg.org&#x2F;moxxy&#x2F;moxxy" class="px-2 text-sky-400">Source</a>
</div>
</div>
<div class="w-full bg-moxxy-purple p-8 flex flex-row justify-center h-fit">
<div class="lg:w-1/2 grid grid-cols-2 gap-4">
<div class="grid grid-cols-1 place-items-center">
<span class="text-neutral-100 text-2xl text-center">An experimental and modern XMPP client</span>
</div>
<div class="grid grid-rows-1 place-items-center">
<img class="rounded-md h-64 lg:h-96" src="https://moxxy.org/img/screenshots/1.png" />
</div>
</div>
</div>
<div class="w-full p-8">
<div class="flex flex-col items-center">
<div class="flex flex-wrap gap-4">
<a href="https:&#x2F;&#x2F;apt.izzysoft.de&#x2F;fdroid&#x2F;index&#x2F;apk&#x2F;org.moxxy.moxxyv2">
<img class="h-24 md:h-16" src="https://moxxy.org/img/badges/IzzyOnDroid.png" />
</a>
<a href="https:&#x2F;&#x2F;codeberg.org&#x2F;moxxy&#x2F;moxxy&#x2F;releases&#x2F;latest">
<img class="h-24 md:h-16" src="https://moxxy.org/img/badges/codeberg.png" />
</a>
</div>
</div>
</div>
<div class="w-full p-8">
<div class="flex flex-col items-center">
<div>
<h1 class="text-3xl font-bold pb-4 place-self-start">Features</h1>
<ul class="list-disc px-4">
<li>End-to-End encryption using OMEMO (0.8.3)</li>
<li>Stickers</li>
<li>Reactions</li>
<li>Retract messages</li>
<li>Voice messages</li>
<li>Swipe-to-quote</li>
<li>Chat background images</li>
<li>Optional privacy-preserving integration with phone contacts</li>
<li>Open-Source</li>
</ul>
</div>
</div>
</div>
<div class="w-full p-8">
<div class="flex flex-col items-center">
<div>
<h1 class="text-3xl font-bold pb-4 place-self-start">Screenshots</h1>
<div class="flex flex-nowrap gap-8 overflow-scroll">
<img class="h-96 rounded-md" src="https://moxxy.org/img/screenshots/1.png" />
<img class="h-96 rounded-md" src="https://moxxy.org/img/screenshots/2.png" />
</div>
</div>
</div>
</div>
</div>
<footer class="h-8 w-full flex flex-row justify-center">
<span class="text-sm text-center">
Made with &lt;3 by
<a class="text-sky-400" href="https://polynom.me" target="_blank" rel="noopener noreferrer">PapaTutuWawa</a>
using <a class="text-sky-400" href="https://tailwindcss.com/" target="_blank" rel="noopener noreferrer">TailwindCSS</a>,
<a class="text-sky-400" href="https://jekyllrb.com/" target="_blank" rel="noopener noreferrer">Jekyll</a> and
<a class="text-sky-400" href="https://heroicons.com/">heroicons</a>.
</span>
</footer>
</body>
</html>