+
{button_text}
diff --git a/src/info/components/identity-card-textbox.js b/src/info/components/identity-card-textbox.js
index 478a899..f241e2b 100644
--- a/src/info/components/identity-card-textbox.js
+++ b/src/info/components/identity-card-textbox.js
@@ -1,3 +1,54 @@
+import Image from "next/image";
+
+export function replaceWithImageTags(index, str, emoji_path) {
+ if (index % 2 === 0) {
+ return
{`${str}`}
;
+ } else {
+ return (
+ <>
+
+
+
+
+ );
+ }
+}
+
+export function formatCustomEmoji(str, emoji_paths) {
+ const emoji_pattern = new RegExp(/(:[A-Za-z_-]+:)/, "g");
+ const values = emoji_pattern[Symbol.split](str);
+ if (Boolean(emoji_paths)) {
+ return (
+ <>
+ {Object.keys(values).map((v) =>
+ replaceWithImageTags(v, values[v], emoji_paths[values[v]])
+ )}
+
+ );
+ } else {
+ return <>;
+ }
+}
+
+export function renderPossibleInfo(info, emoji_paths) {
+ if (Boolean(info)) {
+ let infoarray = info.split("\n");
+ infoarray = infoarray.slice(0, infoarray.length - 1);
+ const infodict = Object.assign({}, infoarray);
+ return Object.keys(infodict).map((info) => (
+
+ {infodict[info] == "" ? (
+
+ ) : (
+ formatCustomEmoji(infodict[info], emoji_paths)
+ )}
+
+ ));
+ } else {
+ return <>;
+ }
+}
+
export default function IdentityCardTextBox({ info }) {
let infoarray = [];
let infodict = {};
@@ -7,12 +58,8 @@ export default function IdentityCardTextBox({ info }) {
infodict = Object.assign({}, infoarray);
}
return (
-
- {Object.keys(infodict).map((i) => (
-
- {infodict[i] == "" ?
: infodict[i]}
-
- ))}
+
+ {renderPossibleInfo(info, {})}
);
}
diff --git a/src/info/components/identity-card.js b/src/info/components/identity-card.js
index b6c1a4f..8c1b6a2 100644
--- a/src/info/components/identity-card.js
+++ b/src/info/components/identity-card.js
@@ -2,7 +2,7 @@ import WCard from "./werefox-card";
export default function IdentityCard({ title, src, alt, children }) {
return (
-
+
{children}
diff --git a/src/info/components/introduction-card.js b/src/info/components/introduction-card.js
index 8dade50..20322cd 100644
--- a/src/info/components/introduction-card.js
+++ b/src/info/components/introduction-card.js
@@ -1,14 +1,57 @@
-export default function introductionCard({ introduction }) {
+import Image from "next/image";
+
+export function replaceWithImageTags(index, str, emoji_path) {
+ if (index % 2 === 0) {
+ return
{`${str}`}
;
+ } else {
+ return (
+ <>
+
+
+
+
+ );
+ }
+}
+
+export function formatCustomEmoji(str, emoji_paths) {
+ const emoji_pattern = new RegExp(/(:[A-Za-z_-]+:)/, "g");
+ const values = emoji_pattern[Symbol.split](str);
+ if (Boolean(emoji_paths)) {
+ return (
+ <>
+ {values.map((v, i) =>
+ replaceWithImageTags(i, v, emoji_paths[v])
+ )}
+
+ );
+ } else {
+ return <>;
+ }
+}
+
+export function renderPossibleInfo(info, emoji_paths) {
+ if (Boolean(info)) {
+ let infoarray = info.split("\n");
+ infoarray = infoarray.slice(0, infoarray.length - 1);
+ return infoarray.map((line) => (
+
+ {line == "" ? (
+
+ ) : (
+ formatCustomEmoji(line, emoji_paths)
+ )}
+
+ ));
+ } else {
+ return <>;
+ }
+}
+
+export default function introductionCard({ introduction, emoji_paths }) {
return (
-
- {Object.keys(introduction).map((info) => (
-
- {introduction[info]}
-
- ))}
+
+ {renderPossibleInfo(introduction, emoji_paths)}
);
}
diff --git a/src/info/components/kofi-donation-widget.js b/src/info/components/kofi-donation-widget.js
index 922e57f..10d4e76 100644
--- a/src/info/components/kofi-donation-widget.js
+++ b/src/info/components/kofi-donation-widget.js
@@ -4,11 +4,11 @@ export default function KofiDonationWidget({ title, url }) {
return (