add git mirror

src/components/footer.jsx

@@ -0,0 +1,18 @@
+import React from "react"
+
+const Footer = () => (
+    <footer class="footer footer-center p-10 mt-15 bg-base-200 text-base-content rounded gap-2">
+        <div class="grid grid-flow-col gap-4">
+            <a class="link link-hover" href="https://discord.gg/5Hus6fM">Contact</a>
+            <a class="link link-hover" href="https://github.com/recloudstream/">Github</a>
+            <a class="link link-hover" href="https://gitdab.com/recloudstream">Git Mirror</a>
+            <a class="link link-hover" href="https://discord.gg/5Hus6fM">Discord</a>
+            <a class="link link-hover" href="https://matrix.to/#/#lagrapps:matrix.org">Matrix</a>
+            <a class="link link-hover" onClick={() => {window.open("https://www.youtube.com/watch?v=f-UIBVsRSDQ")}}>DMCA</a>
+        </div>
+        <div>
+            <p>Website by <a className="link" href="https://wilkins.ml" target="_blank">Cloudburst</a></p>
+        </div>
+    </footer>)
+
+export default Footer

src/components/icons/gitdab.jsx

@@ -0,0 +1,14 @@
+import React from "react";
+
+const GitDab = () => <svg
+    stroke="currentColor"
+    fill="currentColor"
+    stroke-width="0"
+    viewBox="0 0 321.3053 321.32161"
+    height="1em"
+    width="1em"
+    xmlns="http://www.w3.org/2000/svg">
+        <path d="M 160.65265,0 C 150.6835,0 140.70364,3.835735 133.06476,11.474609 L 11.458312,133.08106 c -15.2777492,15.27775 -15.2777492,39.89802 0,55.17577 l 93.237308,93.23731 0.025,-39.99023 c 0.0275,-32.824 -0.0625,-40.25879 -0.48825,-40.25879 -0.286,0 -6.302897,2.34077 -13.378897,5.17578 -18.381005,7.36599 -21.270123,7.5822 -26.245123,2.07519 -5.907998,-6.54 -3.581757,-14.02473 6.323243,-20.38574 a 2319.37,2319.37 0 0 0 12.695312,-8.25195 l 8.30078,-5.41993 -3.125,-3.10057 C 65.527687,148.2999 78.185133,109.72115 110.40914,103.36915 h -0.26863 c 26.65,-5.210005 50.9352,19.93051 45.8252,47.43652 -0.26,1.402 -0.40337,2.62495 -0.31737,2.70995 0.145,0.145 3.50286,-0.76537 5.29786,-1.44042 0.44,-0.165 1.51257,-0.51525 2.39257,-0.78125 3.469,-1.048 3.78418,-1.27183 3.78418,-2.46583 0,-16.273 21.53289,-24.59794 33.83789,-13.08594 2.888,2.701 2.5186,2.63888 6.9336,1.17188 1.896,-0.63 5.37625,-1.76964 7.73926,-2.51464 l 4.29687,-1.34277 v -2.68555 c 0.0275,-17.975 21.3962,-26.96907 34.0332,-14.33105 15.874,15.873 -2.87463,41.85093 -22.97363,31.83592 -2.16,-1.077 -3.04639,-1.22712 -4.15039,-0.65913 -0.622,0.31901 -7.85829,2.67103 -16.11329,5.24903 -3.33,1.04 -4.39452,1.74386 -4.39452,2.88086 0,1.772 -2.59979,6.16724 -5.17579,8.74024 -4.193,4.18699 -8.78903,5.95902 -15.33203,5.95703 -3.729,-0.002 -7.5179,1.16937 -15.7959,4.8584 -0.932,0.416 -1.84436,0.75687 -2.02636,0.75687 -0.181,0 -1.0675,0.36563 -1.97754,0.80563 -0.91,0.43999 -1.81196,0.78125 -2.00196,0.78125 -0.19,0 -1.092,0.36562 -2.00195,0.80562 -0.91,0.44 -1.8412,0.80563 -2.0752,0.80563 -0.234,0 -0.741,0.14775 -1.123,0.34175 -0.382,0.19499 -1.13462,0.54087 -1.68457,0.75687 -0.55,0.216 -1.49462,0.6055 -2.09962,0.8545 -0.605,0.25 -1.5496,0.6345 -2.09961,0.8545 -0.55,0.22 -1.4946,0.6045 -2.0996,0.8545 a 202.282,202.282 0 0 1 -4.00452,1.58692 c -0.495,0.19 -1.35429,0.53688 -1.90429,0.75688 l -2.00196,0.80562 -2.00195,0.78125 c -0.55,0.22001 -1.4093,0.56688 -1.9043,0.75688 a 199.01,199.01 0 0 0 -3.97949,1.58687 l -2.19726,0.92775 c -1.604,0.661 -2.62598,1.041 -3.41798,1.29394 -0.662,0.212 -0.68362,3.28588 -0.68362,57.42188 0,39.07381 -0.13363,56.35871 -0.415,56.68946 l 4.73633,4.73633 c 15.27775,15.27775 39.89803,15.27775 55.17578,0 L 309.847,188.25685 c 15.27775,-15.27775 15.27775,-39.89803 0,-55.17578 L 188.24054,11.474609 C 180.60166,3.835735 170.6218,0 160.65265,0 Z" />
+    </svg>
+
+export default GitDab

src/components/layout.jsx

@@ -2,6 +2,7 @@ import React from "react"
 
 import Navbar from "./navbar"
 import Drawer from "./drawer"
+import Footer from "./footer"
 
 import './layout.css'
 
@@ -13,18 +14,7 @@ const Layout = ({ children }) => (
             <div className="pb-10 w-full text-base-content grow">
                 {children}
             </div>
-            <footer class="footer footer-center p-10 mt-15 bg-base-200 text-base-content rounded gap-2">
+            <Footer />
-                <div class="grid grid-flow-col gap-4">
-                    <a class="link link-hover" href="https://discord.gg/5Hus6fM">Contact</a>
-                    <a class="link link-hover" href="https://github.com/recloudstream/">Github</a>
-                    <a class="link link-hover" href="https://discord.gg/5Hus6fM">Discord</a>
-                    <a class="link link-hover" href="https://matrix.to/#/#lagrapps:matrix.org">Matrix</a>
-                    <a class="link link-hover" onClick={() => {window.open("https://www.youtube.com/watch?v=f-UIBVsRSDQ")}}>DMCA</a>
-                </div>
-                <div>
-                    <p>Website by <a className="link" href="https://wilkins.ml" target="_blank">Cloudburst</a></p>
-                </div>
-            </footer>
         </div>
         <div className="drawer-side">
             <label for="drawer" className="drawer-overlay backdrop-blur-sm"></label>

src/components/navbar.jsx

@@ -2,6 +2,7 @@ import React from "react"
 
 import {FaDiscord, FaGithub, FaBars} from "react-icons/fa"
 import {SiMatrix} from "react-icons/si"
+import GitDab from "./icons/gitdab"
 import Button from "./navbar/button"
 
 import logo from "../media/icon.svg"
@@ -24,12 +25,15 @@ const Navbar = () => (
             </Link>
         </div>
         <div className="flex flex-0 navbar-end text-base-content">
-            <Button name="Discord" url="https://discord.gg/5Hus6fM">
-                <FaDiscord />
-            </Button>
             <Button name="Matrix" url="https://matrix.to/#/#lagrapps:matrix.org">
                 <SiMatrix />
             </Button>
+            <Button name="Git Mirror" url="https://gitdab.com/recloudstream">
+                <GitDab />
+            </Button>
+            <Button name="Discord" url="https://discord.gg/5Hus6fM">
+                <FaDiscord />
+            </Button>
             <Button name="GitHub" url="https://github.com/recloudstream/">
                 <FaGithub />
             </Button>

src/components/navbar/button.jsx

@@ -1,12 +1,11 @@
 import React from "react"
-import { Link } from "gatsby"
 
 const Button = ({url, children, name}) => (
     <span className="tooltip tooltip-bottom before:text-xs before:content-[attr(data-tip)]" data-tip={name}>
     <div className="flex-none items-center">
-        <Link className="btn btn-ghost drawer-button btn-square text-xl" to={url || "#!"}>
+        <a className="btn btn-ghost drawer-button btn-square text-xl" href={url || "#!"} target="_blank">
             {children}
-        </Link>
+        </a>
     </div>
 </span>
 )