From 361f2b90070d99ce4676f4aed088e83f31eac325 Mon Sep 17 00:00:00 2001
From: 安竹洋平 <61961825+yasutakeyohei@users.noreply.github.com>
Date: Wed, 31 Jan 2024 00:36:03 +0900
Subject: initial commit

---
 src/components/BlockQuote.js         | 13 +++++++++++++
 src/components/BlockQuote.module.css |  3 +++
 src/components/ExternalLink.js       | 11 +++++++++++
 src/components/Highlight.js          | 10 ++++++++++
 src/components/Highlight.module.css  |  6 ++++++
 5 files changed, 43 insertions(+)
 create mode 100644 src/components/BlockQuote.js
 create mode 100644 src/components/BlockQuote.module.css
 create mode 100644 src/components/ExternalLink.js
 create mode 100644 src/components/Highlight.js
 create mode 100644 src/components/Highlight.module.css

diff --git a/src/components/BlockQuote.js b/src/components/BlockQuote.js
new file mode 100644
index 00000000..7c8a5f5c
--- /dev/null
+++ b/src/components/BlockQuote.js
@@ -0,0 +1,13 @@
+import React from 'react';
+import ExternalLink from './ExternalLink.js';
+import styles from './BlockQuote.module.css';
+import { Icon } from '@iconify/react'; // Import the entire Iconify library.
+
+export default function BlockQuote({children, refs, href}) {
+  return (
+    <blockquote class={styles.qt}>
+        {children}
+        <footer><cite><ExternalLink href={href}><Icon inline icon="zondicons:book-reference" height="18"/> {refs}</ExternalLink></cite></footer>
+    </blockquote>
+  );
+}
\ No newline at end of file
diff --git a/src/components/BlockQuote.module.css b/src/components/BlockQuote.module.css
new file mode 100644
index 00000000..0b8256e7
--- /dev/null
+++ b/src/components/BlockQuote.module.css
@@ -0,0 +1,3 @@
+.qt {
+    background-color: var(--ifm-code-background);
+}
\ No newline at end of file
diff --git a/src/components/ExternalLink.js b/src/components/ExternalLink.js
new file mode 100644
index 00000000..82c87300
--- /dev/null
+++ b/src/components/ExternalLink.js
@@ -0,0 +1,11 @@
+import React from 'react';
+//import styles from './ExternalLink.module.css';
+import ExternalLinkIcon from '@theme/Icon/ExternalLink';
+
+export default function ExternalLink({children, href}) {
+  return (
+    <a href={href} rel={"noopener noreferrer"} target={"_blank"}>
+      {children} <ExternalLinkIcon />
+    </a>
+  );
+}
\ No newline at end of file
diff --git a/src/components/Highlight.js b/src/components/Highlight.js
new file mode 100644
index 00000000..427b8029
--- /dev/null
+++ b/src/components/Highlight.js
@@ -0,0 +1,10 @@
+import React from 'react';
+import styles from './Highlight.module.css';
+
+export default function Highlight({children}) {
+    return(
+        <span className={styles.span}>
+            {children}
+        </span>
+    );
+}
\ No newline at end of file
diff --git a/src/components/Highlight.module.css b/src/components/Highlight.module.css
new file mode 100644
index 00000000..a1eb5491
--- /dev/null
+++ b/src/components/Highlight.module.css
@@ -0,0 +1,6 @@
+.span {
+    background-color: yellow;
+    border-radius: '2px';
+    color: '#fff';
+    padding: '0.2rem';
+}
\ No newline at end of file
-- 
cgit v1.2.3-54-g00ecf