changed

ProjectInTheClass · Dec 18, 2023 · cae4501 · cae4501
1 parent 989d708
commit cae4501
Show file tree

Hide file tree

Showing 10 changed files with 706 additions and 27 deletions.
diff --git a/docs/images/appIntroduce.svg b/docs/images/appIntroduce.svg
diff --git a/docs/images/appstore.svg b/docs/images/appstore.svg
diff --git a/docs/images/detail.svg b/docs/images/detail.svg
diff --git a/docs/images/first.svg b/docs/images/first.svg
diff --git a/docs/images/heart.svg b/docs/images/heart.svg
diff --git a/docs/images/note.svg b/docs/images/note.svg
diff --git a/docs/images/ocr.svg b/docs/images/ocr.svg
diff --git a/docs/images/readingBook.svg b/docs/images/readingBook.svg
diff --git a/docs/images/search.svg b/docs/images/search.svg
diff --git a/docs/index.html b/docs/index.html
@@ -28,10 +28,7 @@ <h2>편한 독서 기록</h2>
 							</ul>
 						</header>
 						<div class="content">
-							<span class="image main" data-position="center"><img src="images/iPhone 11 Pro-2.svg" alt=""/></span>
-                            <!--                            <div class="gallery">
-                                <a href=""><img src="images/iPhone 11 Pro-2.svg" alt="" /></a>
-                            </div> -->
+                            <span class="image main"><img src="images/appstore.svg" alt="" /></span>
 						</div>
 					</section>
 
@@ -53,14 +50,7 @@ <h2>책 검색</h2>
 						</header>
 						<div class="content">
 							<p><strong>읽고 있는 책 목록에 추가하고 싶은 책을</strong> 간편하게 검색하고 상세 정보를 확인해보세요. ISBN 바코드를 통해서도 간편하게 책을 검색할 수 있습니다. 상세 정보에 있는 알라딘 링크를 통해 간편하게 책을 구매까지 해 보세요. </p>
-							<ul class="feature-icons">
-								<li class="icon solid fa-laptop">Consequat tempus</li>
-								<li class="icon solid fa-bolt">Etiam adipiscing</li>
-								<li class="icon solid fa-signal">Libero nullam</li>
-								<li class="icon solid fa-cog">Blandit condimentum</li>
-								<li class="icon solid fa-map-marker-alt">Lorem ipsum dolor</li>
-								<li class="icon solid fa-code">Nibh amet venenatis</li>
-							</ul>
+                            <span class="image main"><img src="images/search.svg" alt="" /></span>
 							<p>Vehicula ultrices sed ultricies condimentum. Magna sed etiam consequat, et lorem adipiscing sed nulla. Volutpat nisl et tempus et dolor libero, feugiat magna tempus, sed et lorem adipiscing.</p>
 						</div>
 					</section>
@@ -74,11 +64,8 @@ <h2>책 찜하기</h2>
 							<p><strong>읽고싶은 책을</strong> 검색하고 하트 버튼을 통해서 찜해보세요.</p>
 
                             <div class="content">
-                                <div class="gallery">
-                                    <a href="images/gallery/fulls/01.jpg" class="landscape"><img src="images/gallery/thumbs/01.jpg" alt="" /></a>
-                                    <a href="images/gallery/fulls/02.jpg"><img src="images/gallery/thumbs/02.jpg" alt="" /></a>
-                                    <a href="images/gallery/fulls/03.jpg"><img src="images/gallery/thumbs/03.jpg" alt="" /></a>
-                                    <a href="images/gallery/fulls/04.jpg" class="landscape"><img src="images/gallery/thumbs/04.jpg" alt="" /></a>
+                                    <span class="image main"><img src="images/heart.svg" alt="" /></span>
+                                    <span class="image main"><img src="images/detail.svg" alt="" /></span>
                                 </div>
                             </div>
 
@@ -107,11 +94,9 @@ <h2>독서 노트 간편하게 기록하기</h2>
                                     <p><strong>OCR 기능을</strong> 통해서 인상 깊은 책 내용을 간편하게 기록해보세 요. 더 이상 책 내용을 직접 타이핑할 필요가 없습니다.</p>
                                 </header>
                                 <div class="content">
-                                    <div class="gallery">
-                                        <a href="images/gallery/fulls/05.jpg" class="landscape"><img src="images/gallery/thumbs/05.jpg" alt="" /></a>
-                                        <a href="images/gallery/fulls/06.jpg"><img src="images/gallery/thumbs/06.jpg" alt="" /></a>
-                                        <a href="images/gallery/fulls/07.jpg"><img src="images/gallery/thumbs/07.jpg" alt="" /></a>
-                                    </div>
+                                    <span class="image main"><img src="images/note.svg" alt="" /></span>
+                                    <span class="image main"><img src="images/heart.svg" alt="" /></span>
+
                                 </div>
                             </section>
 
@@ -122,11 +107,8 @@ <h2>읽은 책 목록</h2>
                                     <p><strong>읽은 책들을</strong> 나만의 서재에 진열해두고 내가 기록했던 독서 노트 들을 모아서 보세요. </p>
                                 </header>
                                 <div class="content">
-                                    <div class="gallery">
-                                        <a href="images/gallery/fulls/08.jpg" class="portrait"><img src="images/gallery/thumbs/08.jpg" alt="" /></a>
-                                        <a href="images/gallery/fulls/09.jpg" class="portrait"><img src="images/gallery/thumbs/09.jpg" alt="" /></a>
-                                        <a href="images/gallery/fulls/10.jpg" class="landscape"><img src="images/gallery/thumbs/10.jpg" alt="" /></a>
-                                    </div>
+                                    <span class="image main"><img src="images/iPhone11Pro.svg" alt="" /></span>
+
                                 </div>
                             </section>