Adding about page (#55)

* Adding about page

* Updating submodules

* Updating submodules

* Fix adding lemmy-docs to update_submodules

* Externalized about page text.

joinlemmy-translations

@@ -1 +1 @@
-Subproject commit 19ff27de57476beb1e6294707c594003ff9d55e2
+Subproject commit 74ec39c7c6f6eb7b5dbf60193736912f232c7866

lemmy-docs

@@ -1 +1 @@
-Subproject commit 98cf34ba2c68e112ac7f685395d57632acb9be74
+Subproject commit 089ddd39d86de05ac501c9fb8b128e858e5b2fd8

lemmy-instance-stats

@@ -1 +1 @@
-Subproject commit c8841c0dcd9024091752198c9167ae1fba6ee559
+Subproject commit e397d2da34f4cb33a653ca4faef1f0ae0a919f18

lemmy-translations

@@ -1 +1 @@
-Subproject commit cb91fdeb05054ed28cb1a47ee3e4e39ab83cde33
+Subproject commit f9c26e8d45161059eb9fb59cda31dea44fac837b

src/assets/css/main.css

@@ -52,6 +52,6 @@ img {
   max-width: unset;
 }
 .footer-name {
-  display: inline-block !important; 
+  display: inline-block !important;
   padding: 0px 6px 0px 6px !important;
 }

src/shared/components/about.tsx

@@ -0,0 +1,38 @@
+import { Component } from "inferno";
+import { Helmet } from "inferno-helmet";
+import { i18n } from "../i18next";
+import { T } from "inferno-i18next";
+
+const title = i18n.t("about_title");
+
+export class About 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("about_title")}</h1>
+          <T i18nKey="about_text">
+            <p>#</p>
+            <p>#</p>
+            <p>#</p>
+            <p>#</p>
+            <p>#</p>
+            <p>#</p>
+            <p>#</p>
+            <p>#</p>
+            <p>#</p>
+            <p>#</p>
+            <p>#</p>
+            <i class="is-right">#</i>
+          </T>
+        </div>
+      </div>
+    );
+  }
+}

src/shared/components/link-line.tsx

@@ -11,6 +11,7 @@ export class LinkLine extends Component<any, any> {
     return (
       <>
         <Link to="/instances">{i18n.t("join")}</Link>
+        <Link to="/about">{i18n.t("about")}</Link>
         <Link to="/apps">{i18n.t("apps")}</Link>
         <Link to="/support">{i18n.t("support")}</Link>
         <a href={`/docs/${getDocsLanguage(i18n.language)}/index.html`}>

src/shared/routes.ts

@@ -4,6 +4,7 @@ import { Apps } from "./components/apps";
 import { Instances } from "./components/instances";
 import { Contact } from "./components/contact";
 import { Support } from "./components/support";
+import { About } from "./components/about";
 
 export const routes: IRouteProps[] = [
   {
@@ -16,6 +17,11 @@ export const routes: IRouteProps[] = [
     exact: true,
     component: Apps,
   },
+  {
+    path: `/about`,
+    exact: true,
+    component: About,
+  },
   {
     path: `/instances`,
     exact: true,

update_submodules.sh

@@ -20,6 +20,7 @@ git submodule update --remote
 git add joinlemmy-translations
 git add lemmy-translations
 git add lemmy-instance-stats
+git add lemmy-docs
 
 git commit -m"Updating submodules"
 git push