Sync in-facto-web

ykpythemind · Jun 9, 2024 · 58c80b5 · 58c80b5
1 parent 20182b6
commit 58c80b5
Show file tree

Hide file tree

Showing 7 changed files with 31 additions and 10 deletions.
diff --git a/website/app/(main)/(sub)/about/page.tsx b/website/app/(main)/(sub)/about/page.tsx
@@ -1,5 +1,4 @@
 import Link from "next/link";
-import { Twitter, Youtube } from "@icons-pack/react-simple-icons";
 import { PageTitle } from "../../components/PageTitle";
 import { A } from "../../components/A";
 import { contactUrl } from "../layout";
@@ -35,7 +34,7 @@ const Page = () => {
             target="_blank"
             rel={"noopener noreferrer"}
           >
-            Twitter
+            X
           </A>
 
           <A href={contactUrl} target="_blank" rel={"noopener noreferrer"}>
@@ -128,7 +127,7 @@ const Member = (props: {
                 target={"_blank"}
                 rel="noreferrer"
               >
-                <Twitter size={16} />
+                <X />
               </a>
             </div>
           )}
@@ -144,6 +143,10 @@ const Member = (props: {
   );
 };
 
+const X = () => {
+  return <img src={"/x.svg"} alt="" width={15} height={15} />;
+};
+
 export const metadata: Metadata = generateSharedMetadata({
   title: "About",
 });

diff --git a/website/app/(main)/(sub)/videos/video.tsx b/website/app/(main)/(sub)/videos/video.tsx
@@ -33,7 +33,9 @@ export const VideoComponent = (props: Props) => {
       <div className="text-sm">
         {v.youtube && (
           <div className="mb-2">
-            <YouTube videoId={v.youtube} opts={opts} />
+            <div className="iframeOuter">
+              <YouTube videoId={v.youtube} opts={opts} />
+            </div>
           </div>
         )}
 

diff --git a/website/lib/api.ts b/website/lib/api.ts
@@ -69,7 +69,7 @@ export function getAllVideos(fields: string[] = []) {
   const records = csv.parse(content, options);
   const videos = records.reverse();
 
-  console.log(records);
+  // console.log(records);
 
   // // NEXT_PUBLIC_IS_PREVIEW=trueのときは、公開日が未来の記事も表示する
   // if (!isPreviewEnv) {

diff --git a/website/package.json b/website/package.json
@@ -12,7 +12,7 @@
     "auth": "op read 'op://z5y3wu5bo5fzjgqiv5dk7xghaa/uiwehtjrslt5bddd53tpg5hpfi/add more/client_secret_163350424381-10lqmoqi1t50ambc2dp8jit1sabve9fa.apps.googleusercontent.com.json' > credentials.json"
   },
   "dependencies": {
-    "@icons-pack/react-simple-icons": "^5.8.0",
+    "@icons-pack/react-simple-icons": "^9.5.0",
     "clsx": "^1.2.1",
     "csv-parse": "^5.5.5",
     "date-fns": "^2.29.3",

diff --git a/website/public/x.svg b/website/public/x.svg
diff --git a/website/styles/globals.css b/website/styles/globals.css
@@ -102,3 +102,18 @@ height: 100%;
   color: gray;
   font-size: 0.85rem;
 }
+
+.iframeOuter {
+  position: relative;
+  height: 0;
+  padding: 0 0 56.25%;
+  overflow: hidden;
+}
+
+.iframeOuter iframe {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
diff --git a/website/yarn.lock b/website/yarn.lock
@@ -364,10 +364,10 @@
   resolved "https://registry.yarnpkg.com/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz#b520529ec21d8e5945a1851dfd1c32e94e39ff45"
   integrity sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==
 
-"@icons-pack/react-simple-icons@^5.8.0":
-  version "5.8.0"
-  resolved "https://registry.yarnpkg.com/@icons-pack/react-simple-icons/-/react-simple-icons-5.8.0.tgz#d8e3714dfa13928e94113d97734aeacdca0d468d"
-  integrity sha512-5szUSKt/jslgOsNmH+uRs9wfRVl399Xhwf4//V28H5TXgMXZPaqQ+w82mMwmapsMW6DigFkgynLHZcic43PQRw==
+"@icons-pack/react-simple-icons@^11.0":
+  version "9.5.0"
+  resolved "https://registry.yarnpkg.com/@icons-pack/react-simple-icons/-/react-simple-icons-9.5.0.tgz#81e32fc64d7b7f7c945188f375bae9f6c2dd92b8"
+  integrity sha512-+y7GW8magFYS4bmlInrsW1q6NOy0dd3eNwjKashlg9hyhPF6PKTWB401qkXaH23mieb5TMMyf/U4mDDPfrjgGQ==
 
 "@istanbuljs/load-nyc-config@^1.0.0":
   version "1.1.0"