add footer

monodyle · Aug 31, 2023 · 70a4ee9 · 70a4ee9
1 parent e7449e2
commit 70a4ee9
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 0 deletions.
diff --git a/src/app.module.css b/src/app.module.css
@@ -33,3 +33,22 @@
   color: var(--stone-600);
   text-align: center;
 }
+
+.footer {
+  margin-top: auto;
+  padding: 24px;
+  text-align: center;
+  font-size: 12px;
+  color: var(--stone-500);
+}
+
+.footer a {
+  display: inline-block;
+  color: var(--stone-600);
+  text-decoration: none;
+  border-bottom: 1px dashed;
+}
+
+.footer a:hover {
+  color: var(--primary);
+}
diff --git a/src/app.tsx b/src/app.tsx
@@ -15,6 +15,25 @@ function App() {
         </div>
         <Demo />
       </div>
+      <footer className={styles.footer}>
+        © monodyle 2023+
+        <br />
+        <a
+          href="https://github.com/monodyle/hiki"
+          target="_blank"
+          rel="noreferrer noopener"
+        >
+          github
+        </a>{" "}
+        /{" "}
+        <a
+          href="https://ko-fi.com/monodyle"
+          target="_blank"
+          rel="noreferrer noopener"
+        >
+          buy me a coffee
+        </a>
+      </footer>
     </main>
   );
 }