From 6d0429c21a64914614cfb96c08aceda7df3ce433 Mon Sep 17 00:00:00 2001
From: DrMint <29893320+DrMint@users.noreply.github.com>
Date: Thu, 1 Jun 2023 21:40:48 +0200
Subject: [PATCH] Added angelic font

---
 public/fonts/AngelicAgrippaRegular.woff2 | Bin 0 -> 3948 bytes
 src/components/Markdown/Markdawn.tsx     |   4 ++++
 src/pages/_app.tsx                       |   1 +
 src/pages/dev/editor.tsx                 |   8 ++++++++
 src/pages/index.tsx                      |   2 +-
 src/styles/fonts.css                     |   4 ++++
 tailwind.config.ts                       |   1 +
 7 files changed, 19 insertions(+), 1 deletion(-)
 create mode 100644 public/fonts/AngelicAgrippaRegular.woff2
 create mode 100644 src/styles/fonts.css

diff --git a/public/fonts/AngelicAgrippaRegular.woff2 b/public/fonts/AngelicAgrippaRegular.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..523b4a7c003ca5684f23cc226b31cdd33a640af1
GIT binary patch
literal 3948
zcmV-y50mhBPew8T0RR9101s>c4gdfE04W>*01puW0RR9100000000000000000000
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
G0002+(2+0z

literal 0
HcmV?d00001

diff --git a/src/components/Markdown/Markdawn.tsx b/src/components/Markdown/Markdawn.tsx
index 43dba8e..b76096f 100644
--- a/src/components/Markdown/Markdawn.tsx
+++ b/src/components/Markdown/Markdawn.tsx
@@ -146,6 +146,10 @@ export const Markdawn = ({ className, text: rawText }: MarkdawnProps): JSX.Eleme
             },
           },
 
+          Angelic: {
+            component: (comProps) => <span className="font-angelic">{comProps.children}</span>,
+          },
+
           Video: {
             component: (comProps) => (
               <VideoPlayer
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index 0fe42e5..5a141fc 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -14,6 +14,7 @@ import "styles/formatted.css";
 import "styles/others.css";
 import "styles/rc-slider.css";
 import "styles/tippy.css";
+import "styles/fonts.css";
 
 import { useLocalData } from "contexts/localData";
 import { LightBoxProvider } from "contexts/LightBoxProvider";
diff --git a/src/pages/dev/editor.tsx b/src/pages/dev/editor.tsx
index ea8298b..0007491 100644
--- a/src/pages/dev/editor.tsx
+++ b/src/pages/dev/editor.tsx
@@ -329,6 +329,14 @@ const Editor = (props: Props): JSX.Element => {
           <Button onClick={() => toggleWrap("`")} icon="code" />
         </ToolTip>
 
+        <ToolTip placement="bottom" content={<h3 className="text-lg">Toggle Angelic/Celestial</h3>}>
+          <Button
+            onClick={() => toggleWrap("Angelic", {})}
+            text="m"
+            className="w-14 font-angelic font-bold"
+          />
+        </ToolTip>
+
         <ButtonGroup
           buttonsProps={[
             {
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index da78735..9189b5c 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -45,7 +45,7 @@ const Home = (props: PostStaticProps): JSX.Element => {
             [mask:url('/icons/accords.svg')]"
           />
           <h1 className="mb-0 text-5xl">Accord&rsquo;s Library</h1>
-          <h2 className="-mt-5 text-xl">Discover • Analyze • Translate • Archive</h2>
+          <h2 className="-mt-5 font-angelic text-lg">Discover • Analyze • Translate • Archive</h2>
         </div>
       }
       displayTitle={false}
diff --git a/src/styles/fonts.css b/src/styles/fonts.css
new file mode 100644
index 0000000..2713993
--- /dev/null
+++ b/src/styles/fonts.css
@@ -0,0 +1,4 @@
+@font-face {
+  font-family: "Angelic Agrippa";
+  src: url("/fonts/AngelicAgrippaRegular.woff2") format("woff2");
+}
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 0ad2c4e..76fcd14 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -21,6 +21,7 @@ export default {
       body: "var(--theme-font-body)",
       headers: "var(--theme-font-headers)",
       mono: "var(--theme-font-mono)",
+      angelic: "Angelic Agrippa",
       realmono: `ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
       "Liberation Mono", "Courier New", monospace`,
       ...fonts,