[feat] QRコードを飾り付ける

TODO: 動画の差し替え

Author: ski-dot-com

src/pages/vote/index.tsx

@@ -26,7 +26,16 @@ export default function Home(): JSX.Element {
           から五月祭グランプリへの投票をお願いしております。1分ほどで完了しますので、次の動画を参考に投票をお願いします！
         </p>
         <div className={styles.container}>
-          <img src="/img/kf76-vote.png" width={"500px"} height={"500px"}></img>
+          <div className={styles.QRCodeContainer}>
+            <strong>↓↓↓↓↓↓↓↓↓↓</strong>
+            <img
+              src="/img/kf76-vote.png"
+              width={"500px"}
+              height={"500px"}
+              className={styles.QRCodeImage}
+            ></img>
+            <strong>↑↑↑↑↑↑↑↑↑↑</strong>
+          </div>
           <video
             src={howToVoteVideo}
             controls

src/pages/vote/styles.module.css

@@ -7,3 +7,14 @@
 .howToVoteVideo {
   max-height: 700px;
 }
+
+.QRCodeContainer {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  font-size: 3rem;
+}
+
+.QRCodeImage {
+  border: solid black 5px;
+}