From 98994c86dd368dcc8400cb395428c88283357327 Mon Sep 17 00:00:00 2001
From: nnjyami <y@179.jp>
Date: Sun, 3 Jul 2022 08:20:45 +0900
Subject: [PATCH] =?UTF-8?q?[Add]=20#2=20=E3=83=9A=E3=83=BC=E3=82=B8?=
 =?UTF-8?q?=E3=83=AA=E3=83=B3=E3=82=AF=E8=BF=BD=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/viewer/pages/index.js | 65 ++++++++++++++++++++++++----------
 1 file changed, 46 insertions(+), 19 deletions(-)

diff --git a/frontend/viewer/pages/index.js b/frontend/viewer/pages/index.js
index e36a0c4..feef567 100755
--- a/frontend/viewer/pages/index.js
+++ b/frontend/viewer/pages/index.js
@@ -1,3 +1,4 @@
+import Link from 'next/link';
 import Head from 'next/head';
 import Image from 'next/image';
 import styles from '../styles/Home.module.css';
@@ -37,25 +38,51 @@ export default function Home() {
       <TheHeader />
 
       <main className={styles.cardWrap}>
-        <Card title="What is Lorem Ipsum?">
-          Lorem Ipsum is simply dummy text of the printing and typesetting industry.
-        </Card>
-        <Card title="Why do we use it?">
-          It is a long established fact that a reader will be distracted by the readable content of a page when looking
-          at its layout.{' '}
-        </Card>
-        <Card title="Where does it come from?">Contrary to popular belief, Lorem Ipsum is not simply random text.</Card>
-        <Card title="Where can I get some?">
-          There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in
-          some form, by injected humour, or randomised words which don&apos;t look even slightly believable.
-        </Card>
-        <Card title="What is Lorem Ipsum?">
-          Lorem Ipsum is simply dummy text of the printing and typesetting industry.
-        </Card>
-        <Card title="Why do we use it?">
-          It is a long established fact that a reader will be distracted by the readable content of a page when looking
-          at its layout.{' '}
-        </Card>
+        <Link href="/article">
+          <a>
+            <Card title="What is Lorem Ipsum?">
+              Lorem Ipsum is simply dummy text of the printing and typesetting industry.
+            </Card>
+          </a>
+        </Link>
+        <Link href="/article">
+          <a>
+            <Card title="Why do we use it?">
+              It is a long established fact that a reader will be distracted by the readable content of a page when
+              looking at its layout.{' '}
+            </Card>
+          </a>
+        </Link>
+        <Link href="/article">
+          <a>
+            <Card title="Where does it come from?">
+              Contrary to popular belief, Lorem Ipsum is not simply random text.
+            </Card>
+          </a>
+        </Link>
+        <Link href="/article">
+          <a>
+            <Card title="Where can I get some?">
+              There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration
+              in some form, by injected humour, or randomised words which don&apos;t look even slightly believable.
+            </Card>
+          </a>
+        </Link>
+        <Link href="/article">
+          <a>
+            <Card title="What is Lorem Ipsum?">
+              Lorem Ipsum is simply dummy text of the printing and typesetting industry.
+            </Card>
+          </a>
+        </Link>
+        <Link href="/article">
+          <a>
+            <Card title="Why do we use it?">
+              It is a long established fact that a reader will be distracted by the readable content of a page when
+              looking at its layout.{' '}
+            </Card>
+          </a>
+        </Link>
       </main>
 
       <footer className={styles.footer}>Powered by xyzip</footer>