joinlemmy-site/src/shared/components/apps.tsx

124 lines
3.9 KiB
TypeScript
Raw Normal View History

import { Component } from "inferno";
import { AppDetails } from "./app-details";
import { Helmet } from "inferno-helmet";
import { i18n } from "../i18next";
const title = i18n.t("apps_title");
export class Apps extends Component<any, any> {
constructor(props: any, context: any) {
super(props, context);
}
render() {
return (
<div>
<Helmet title={title}>
<meta property={"title"} content={title} />
</Helmet>
<div class="container">
<h1>{i18n.t("lemmy_apps")}</h1>
<p>{i18n.t("choose_from_apps")}</p>
<div class="row">
<div class="card col-6">
<AppDetails
name="lemmur"
description="A Lemmy client for Android, Linux, and Windows."
2021-12-06 13:16:33 +00:00
link="https://github.com/LemmurOrg/lemmur"
icon="/static/assets/images/lemmur.svg"
banner="/static/assets/images/lemmur_screen.webp"
links={[
{
link: "https://f-droid.org/packages/com.krawieck.lemmur",
icon: "f-droid",
},
{
link:
"https://play.google.com/store/apps/details?id=com.krawieck.lemmur",
icon: "googleplay",
},
{
2021-12-06 13:16:33 +00:00
link: "https://github.com/LemmurOrg/lemmur",
icon: "github",
},
]}
/>
</div>
<div class="card col-6">
<AppDetails
name="remmel"
description="An iOS client for lemmy."
link="https://github.com/uuttff8/Lemmy-iOS"
icon="/static/assets/images/remmel.webp"
banner="/static/assets/images/remmel_screen.webp"
links={[
{
link:
"https://apps.apple.com/us/app/remmel-for-lemmy/id1547988171",
icon: "appleinc",
},
{
link: "https://github.com/uuttff8/Lemmy-iOS",
icon: "github",
},
]}
/>
</div>
</div>
<h1>{i18n.t("web_apps")}</h1>
<div class="row">
<div class="card col-6">
<AppDetails
name="lemmy-ui"
description="The official web app for lemmy."
link="https://github.com/LemmyNet/lemmy-ui"
banner="/static/assets/images/mobile_pic.webp"
links={[
{
link: "https://github.com/LemmyNet/lemmy-ui",
icon: "github",
},
]}
/>
</div>
<div class="card col-6">
<AppDetails
name="lemmy-lite"
description="A static, JSless, touch-friendly Lemmy frontend built for legacy web clients and maximum performance"
link="https://github.com/IronOxidizer/lemmy-lite"
banner="/static/assets/images/lemmy_lite_screen.webp"
links={[
{
link: "https://github.com/IronOxidizer/lemmy-lite",
icon: "github",
},
]}
/>
</div>
</div>
<h1>{i18n.t("api_libraries")}</h1>
<ul>
<li>
<a href="https://github.com/LemmyNet/lemmy-js-client">
lemmy-js-client
</a>{" "}
- a javascript / typescript client.
</li>
<li>
2021-12-06 13:16:33 +00:00
<a href="https://github.com/LemmurOrg/lemmy_api_client">
lemmy-dart client
</a>{" "}
- a dart / flutter client.
</li>
</ul>
</div>
</div>
);
}
}