Add subscription and community components (#47)

Close #46 Same as those in [blog](https://gitea.com/gitea/blog/pulls/272), but for docs and api Ejected DocPage (unsafe to eject) and ApiDoc (safe to eject) for layout changes ![Screen Shot 2023-07-17 at 15.32.29](/attachments/74f992c7-b60d-4d71-bb50-8c085e6783fe)![Screen Shot 2023-07-17 at 15.32.40](/attachments/0df35cba-0797-4f21-abbe-bb61736c1e1f) Screenshots ![Screen Shot 2023-07-17 at 15.27.29](/attachments/39e09cee-5043-4349-aaaa-7ab585aefbc4)![Screen Shot 2023-07-17 at 15.27.36](/attachments/396a9ae1-bbae-42b5-b1ab-c4158a2be78d)![Screen Shot 2023-07-17 at 15.27.53](/attachments/e12a35eb-625c-4950-960e-61226eda4ad4)![Screen Shot 2023-07-17 at 15.28.11](/attachments/578bd742-8a8b-4324-82d4-b9dc47d7f511)![Screen Shot 2023-07-17 at 15.28.19](/attachments/f304bb80-c6cb-4af4-b16f-b19fa2099ba5) Co-authored-by: techknowlogick <[email protected]> Co-authored-by: techknowlogick <[email protected]> Reviewed-on: https://gitea.com/gitea/gitea-docusaurus/pulls/47 Co-authored-by: HesterG <[email protected]> Co-committed-by: HesterG <[email protected]>
2026-09-18 12:08:51 +00:00 · 2023-07-21 10:57:22 +00:00
parent c77d0e0e34
commit 02b0ebc9e1
22 changed files with 699 additions and 3 deletions
@@ -0,0 +1,31 @@
+import React from "react";
+import style from "./styles.module.css";
+import clsx from "clsx";
+
+export const Section = ({
+  fullWidth,
+  children,
+  odd,
+  accent,
+  row,
+  noGap,
+  center,
+  className = "",
+}) => (
+  <div
+    className={clsx(
+      style.root,
+      {
+        [style.odd]: odd,
+        [style.accent]: accent,
+        [style.row]: row,
+        [style.fullWidth]: fullWidth,
+        [style.noGap]: noGap,
+        [style.center]: center,
+      },
+      className,
+    )}
+  >
+    {children}
+  </div>
+)
@@ -0,0 +1,41 @@
+.root {
+  display: flex;
+  flex-direction: column;
+  max-width: var(--ifm-container-width);
+  width: 100%;
+  padding: 2rem 1rem;
+  margin: 0 auto;
+}
+
+@media screen and (min-width: 900px) {
+  .root {
+    padding: 4.5rem 2rem;
+  }
+}
+
+.row {
+  flex-direction: row;
+}
+
+.odd {
+  background-color: var(--theme-section-odd-bg-color);
+}
+
+.accent {
+  --ifm-link-hover-color: var(--palette-pink);
+  --ifm-link-color: var(--palette-pink);
+  padding-top: 7rem;
+  padding-bottom: 7.5rem;
+}
+
+.fullWidth {
+  max-width: 100%;
+}
+
+.noGap {
+  padding: 0;
+}
+
+.center {
+  align-items: center;
+}