mirror of
https://github.com/LemmyNet/joinlemmy-site.git
synced 2024-12-24 11:51:29 +00:00
123 lines
3.9 KiB
TypeScript
123 lines
3.9 KiB
TypeScript
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."
|
|
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",
|
|
},
|
|
{
|
|
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>
|
|
<a href="https://github.com/LemmurOrg/lemmy_api_client">
|
|
lemmy-dart client
|
|
</a>{" "}
|
|
- a dart / flutter client.
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
}
|