58 lines
1.6 KiB
HTML
58 lines
1.6 KiB
HTML
|
---
|
||
|
|
layout: default
|
||
|
|
title: A modern XMPP client | Moxxy
|
||
|
|
---
|
||
|
|
|
||
|
|
<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">{{ site.index.heroText }}</span>
|
||
|
|
</div>
|
||
|
|
<div class="grid grid-rows-1 place-items-center">
|
||
|
|
<img class="rounded-md h-64 lg:h-96" src="{{ site.index.mainScreenshotUrl }}" />
|
||
|
|
</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="{{ site.index.badges.izzy.url }}">
|
||
|
|
<img class="h-24 md:h-16" src="/assets/img/badges/IzzyOnDroid.png" />
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<a href="{{ site.index.badges.codeberg.url }}">
|
||
|
|
<img class="h-24 md:h-16" src="/assets/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">
|
||
|
|
{% for feature in site.index.features %}
|
||
|
|
<li>{{ feature }}</li>
|
||
|
|
{% endfor %}
|
||
|
|
</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">
|
||
|
|
{% for screenshot in site.index.screenshots %}
|
||
|
|
<img class="h-96 rounded-md" src="{{ screenshot }}" />
|
||
|
|
{% endfor %}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|