From aeea2b64f746d40e949f01c4fd676f058b88b30a Mon Sep 17 00:00:00 2001
From: hyowon Shin <at96@ajou.ac.kr>
Date: Sat, 27 May 2023 18:38:59 +0900
Subject: [PATCH] =?UTF-8?q?=EC=9D=B4=EB=AF=B8=EC=A7=80=20=EC=9D=B4?=
=?UTF-8?q?=EB=A6=84=EA=B3=BC=20=EA=B2=BD=EB=A1=9C=20=EB=B3=80=EA=B2=BD,?=
=?UTF-8?q?=20=EB=8B=A4=EC=9A=B4=EB=A1=9C=EB=93=9C=20=EA=B8=B0=EB=8A=A5=20?=
=?UTF-8?q?=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
index.html | 129 ++++++++++++++++++++++++++++-------------------------
style.css | 5 +++
2 files changed, 74 insertions(+), 60 deletions(-)
diff --git a/index.html b/index.html
index 93f1735..bd7bb48 100644
--- a/index.html
+++ b/index.html
@@ -12,75 +12,84 @@
crossorigin="anonymous"
/>
- <link rel="stylesheet" href="app.css" />
+ <link rel="stylesheet" href="style.css" />
</head>
<body>
- <div class="navbar navbar-dark bg-dark shadow-sm">
- <div class="container">
- <a href="#" class="navbar-brand d-flex align-items-center">
- <svg
- xmlns="http://www.w3.org/2000/svg"
- width="20"
- height="20"
- fill="none"
- stroke="currentColor"
- stroke-linecap="round"
- stroke-linejoin="round"
- stroke-width="2"
- aria-hidden="true"
- class="me-2"
- viewBox="0 0 24 24"
- >
- <path
- d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"
- />
- <circle cx="12" cy="13" r="4" />
- </svg>
- <strong>Image processing </strong>
- </a>
- </div>
- </div>
- <div class="container text-center">
- <div class="row">
- <div class="col-lg-6">
- <img class="img-size" src="./images/man.jpg" alt="" />
- <p>원본 이미지 525 x 700 px</p>
- </div>
- <div class="col-lg-6">
- <img class="img-size" src="./images/man-Dall_E2.png" alt="" />
- <p>배경 확장된 이미지 1024 x 1024 px</p>
+ <div>
+ <div class="navbar navbar-dark bg-dark shadow-sm">
+ <div class="container">
+ <a href="#" class="navbar-brand d-flex align-items-center">
+ <svg
+ xmlns="http://www.w3.org/2000/svg"
+ width="20"
+ height="20"
+ fill="none"
+ stroke="currentColor"
+ stroke-linecap="round"
+ stroke-linejoin="round"
+ stroke-width="2"
+ aria-hidden="true"
+ class="me-2"
+ viewBox="0 0 24 24"
+ >
+ <path
+ d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"
+ />
+ <circle cx="12" cy="13" r="4" />
+ </svg>
+ <strong>Image processing </strong>
+ </a>
</div>
</div>
- <div class="row">
- <div class="col">
- <img class="img-size" src="./images/man.jpg" alt="" />
- <p>Person</p>
+ <div class="container text-center">
+ <div class="row">
+ <div class="col-lg-6">
+ <img class="img-size" src="./images/man.jpg" alt="" />
+ <p>원본 이미지 525 x 700 px</p>
+ </div>
+ <div class="col-lg-6">
+ <img class="img-size" src="./images/man-Dall_E2.png" alt="" />
+ <p>배경 확장된 이미지 1024 x 1024 px</p>
+ </div>
</div>
- <div class="col">
- <img class="img-size" src="./images/man-top.jpg" alt="" />
- <p>Top</p>
+ <div class="row">
+ <div class="col">
+ <img class="img-size" src="./images/man.jpg" alt="" />
+ <p>Person</p>
+ </div>
+ <div class="col">
+ <img class="img-size" src="./images/man-top.jpg" alt="" />
+ <p>Top</p>
+ </div>
+ <div class="col">
+ <img src="./images/man_panorama_withFace.png" alt="" />
+ <p>panorama_withFace</p>
+ </div>
</div>
- <div class="col">
- <img src="./images/man_panorama_withFace.png" alt="" />
- <p>panorama_withFace</p>
- </div>
- </div>
- <div class="row">
- <div class="col">
- <img src="./images/OutputImage2.png" alt="" />
- <p>배경 삭제된 이미지</p>
+ <div class="row">
+ <div class="col">
+ <a href="./images/removeBgImage.png" download="다운로드"
+ ><img src="./images/removeBgImage.png" alt=""
+ /></a>
+ <p>배경 삭제된 이미지</p>
+ <div class="">이미지를 누르면 다운로드 됩니다.</div>
+ </div>
+ <div class="col">
+ <a href="./images/removeBgImage_black.png" download="다운로드"
+ ><img src="./images/removeBgImage_black.png" alt=""
+ /></a>
+ <p>배경 검은색</p>
+ <div class="">이미지를 누르면 다운로드 됩니다.</div>
+ </div>
</div>
- <div class="col">
- <img src="./images/OutputImage_black.png" alt="" />
- <p>배경 검은색</p>
- </div>
- </div>
- <button type="button" class="btn btn-primary btn-lg">배경 흰색</button>
- <button type="button" class="btn btn-secondary btn-lg">
- 배경 검정색
- </button>
+ <button type="button" class="btn btn-primary btn-lg">배경 흰색</button>
+ <button type="button" class="btn btn-secondary btn-lg">
+ 배경 검정색
+ </button>
+ </div>
</div>
+
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4"
diff --git a/style.css b/style.css
index ae58148..6102ce1 100644
--- a/style.css
+++ b/style.css
@@ -2,3 +2,8 @@
max-width: 100%;
margin-top: 20px;
}
+
+button {
+ margin: 10px;
+ margin-bottom: 30px;
+}
--
GitLab