조수연 / Find_your_own_personal_color

Go to a project
Toggle navigation Toggle navigation pinning
조수연
c04f7b7f 1 parent 287b6d54

flask 배포

Expand all
Inline Side-by-side
Showing 17 changed files with 951 additions and 22 deletions
......@@ -144,7 +144,7 @@ app=Flask(__name__)
@app.route("/", methods=['GET','POST'])
def hello():
if request.method == 'GET':
return render_template('color.html')
return render_template('color-1.html')
elif request.method == 'POST':
f = request.files['img-path']
......@@ -157,6 +157,5 @@ def hello():
elif result == "웜톤(warm)":
return render_template('warm.html')
# post랑 default 안씀
if __name__ == "__main__":
app.run()
\ No newline at end of file
......
certifi==2020.11.8
click==7.1.2
colormath==3.0.0
cycler==0.10.0
decorator==4.4.2
Flask==1.1.2
gunicorn==20.0.4
itsdangerous==1.1.0
Jinja2==2.11.2
joblib==0.17.0
kiwisolver==1.3.1
MarkupSafe==1.1.1
matplotlib==3.3.3
networkx==2.5
numpy==1.19.4
opencv-contrib-python==4.4.0.46
opencv-python==4.4.0.46
Pillow==8.0.1
pyparsing==2.4.7
python-dateutil==2.8.1
scikit-learn==0.23.2
scipy==1.5.4
six==1.15.0
sklearn==0.0
threadpoolctl==2.1.0
Werkzeug==1.0.1
wincertstore==0.2
.u-section-1 {
background-image: linear-gradient(0deg, rgba(0,0,0,0.15), rgba(0,0,0,0.15)),
url(../static/images/main.png);
background-position: 50% 50%;
}
.u-section-1 .u-sheet-1 {
min-height: 751px;
}
.u-section-1 .u-group-1 {
width: 730px;
min-height: 431px;
box-shadow: 0 0 40px 4px rgba(26,26,26,0.8);
margin: 160px auto 60px;
}
.u-section-1 .u-container-layout-1 {
padding: 30px;
}
.u-section-1 .u-text-1 {
text-transform: uppercase;
font-weight: 400;
letter-spacing: 3px;
margin: 89px 0 0;
}
.u-section-1 .u-text-2 {
font-size: 4.5rem;
letter-spacing: 1px;
margin: 19px 0 0;
}
@media (max-width: 1199px) {
.u-section-1 .u-sheet-1 {
min-height: 619px;
}
}
@media (max-width: 991px) {
.u-section-1 .u-sheet-1 {
min-height: 474px;
}
.u-section-1 .u-group-1 {
width: 720px;
}
}
@media (max-width: 767px) {
.u-section-1 .u-sheet-1 {
min-height: 356px;
}
.u-section-1 .u-group-1 {
width: 540px;
}
.u-section-1 .u-text-2 {
font-size: 3.75rem;
}
}
@media (max-width: 575px) {
.u-section-1 .u-sheet-1 {
min-height: 224px;
}
.u-section-1 .u-group-1 {
min-height: 370px;
margin-top: 60px;
margin-right: initial;
margin-left: initial;
width: auto;
}
.u-section-1 .u-container-layout-1 {
padding-left: 10px;
padding-right: 10px;
}
.u-section-1 .u-text-2 {
font-size: 3rem;
}
}.u-section-2 {
background-image: linear-gradient(#be1cb9, black);
}
.u-section-2 .u-sheet-1 {
min-height: 146px;
}.u-section-3 .u-sheet-1 {
min-height: 975px;
}
.u-section-3 .u-text-1 {
margin: 143px auto 0;
}
.u-section-3 .u-text-2 {
margin: 51px auto 0 303px;
}
.u-section-3 .u-text-3 {
margin: 143px auto 0;
}
.u-section-3 .u-text-4 {
font-weight: 700;
font-size: 1.25rem;
margin: 53px 229px 60px 303px;
}
@media (max-width: 1199px) {
.u-section-3 .u-text-1 {
width: auto;
margin-top: 46px;
margin-left: 257px;
}
.u-section-3 .u-text-2 {
width: auto;
margin-top: 31px;
margin-left: 173px;
}
.u-section-3 .u-text-3 {
width: auto;
margin-top: 81px;
}
.u-section-3 .u-text-4 {
width: 412px;
margin-top: 52px;
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 991px) {
.u-section-3 .u-sheet-1 {
min-height: 838px;
}
.u-section-3 .u-text-1 {
margin-top: 52px;
margin-left: 197px;
}
.u-section-3 .u-text-2 {
margin-top: 45px;
margin-left: 96px;
}
.u-section-3 .u-text-3 {
margin-top: 96px;
}
.u-section-3 .u-text-4 {
width: auto;
margin-top: 45px;
margin-right: -96px;
margin-left: 96px;
}
}
@media (max-width: 767px) {
.u-section-3 .u-text-1 {
margin-left: auto;
}
.u-section-3 .u-text-2 {
margin-top: 36px;
margin-right: 0;
margin-left: auto;
}
.u-section-3 .u-text-3 {
margin-top: 87px;
}
.u-section-3 .u-text-4 {
margin-top: 36px;
margin-left: 0;
margin-right: 0;
width: 412px;
}
}
@media (max-width: 575px) {
.u-section-3 .u-sheet-1 {
min-height: 778px;
}
.u-section-3 .u-text-1 {
margin-top: 33px;
}
.u-section-3 .u-text-2 {
margin-top: 60px;
margin-left: 0;
}
.u-section-3 .u-text-3 {
margin-top: 94px;
}
.u-section-3 .u-text-4 {
margin-left: auto;
width: auto;
}
}
\ No newline at end of file
.u-section-1 {
background-image: none;
min-height: 878px;
}
.u-section-1 .u-shape-1 {
height: 65px;
background-image: none;
margin: 377px auto 0 0;
}
.u-section-1 .u-image-1 {
object-position: 100% 100%;
width: 787px;
height: 545px;
margin: -320px calc(((100% - 1140px) / 2) + 164px) 0 auto;
}
.u-section-1 .u-text-1 {
width: 476px;
text-decoration: underline !important;
font-size: 3rem;
font-weight: normal;
font-family: "Playfair Display", serif;
margin: 60px auto 0;
}
.u-section-1 .u-icon-1 {
height: 48px;
width: 48px;
background-image: none;
margin: 50px auto 0;
}
@media (max-width: 1199px) {
.u-section-1 .u-shape-1 {
margin-right: initial;
margin-left: initial;
}
.u-section-1 .u-image-1 {
margin-top: -313px;
margin-right: auto;
}
.u-section-1 .u-text-1 {
width: 525px;
margin-top: 34px;
}
.u-section-1 .u-icon-1 {
margin-top: 27px;
margin-bottom: 23px;
}
}
@media (max-width: 991px) {
.u-section-1 {
min-height: 832px;
}
.u-section-1 .u-image-1 {
width: 720px;
height: 499px;
margin-top: -330px;
}
.u-section-1 .u-text-1 {
margin-top: 10px;
}
.u-section-1 .u-icon-1 {
margin-bottom: 60px;
}
}
@media (max-width: 767px) {
.u-section-1 {
min-height: 707px;
}
.u-section-1 .u-image-1 {
width: 540px;
height: 374px;
margin-top: -320px;
}
.u-section-1 .u-text-1 {
margin-top: 60px;
margin-left: 58px;
margin-right: 58px;
}
}
@media (max-width: 575px) {
.u-section-1 {
min-height: 795px;
}
.u-section-1 .u-shape-1 {
margin-top: 262px;
margin-right: initial;
margin-left: initial;
}
.u-section-1 .u-image-1 {
width: 340px;
height: 235px;
margin-top: -164px;
}
.u-section-1 .u-text-1 {
font-size: 2.25rem;
width: 340px;
margin-top: 46px;
margin-left: auto;
margin-right: auto;
}
.u-section-1 .u-icon-1 {
margin-top: 32px;
}
}.u-section-2 {
background-image: none;
}
.u-section-2 .u-sheet-1 {
min-height: 443px;
}
.u-section-2 .u-layout-wrap-1 {
margin-top: 60px;
margin-bottom: 0;
}
.u-section-2 .u-layout-cell-1 {
min-height: 383px;
}
.u-section-2 .u-container-layout-1 {
padding: 30px;
}
.u-section-2 .u-text-1 {
margin: 23px auto 0;
}
.u-section-2 .u-text-2 {
font-size: 1.25rem;
margin: 35px 198px 0 212px;
}
.u-section-2 .u-btn-1 {
border-style: none;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: 700;
font-size: 1.25rem;
margin: 61px auto 0;
}
@media (max-width: 1199px) {
.u-section-2 .u-sheet-1 {
min-height: 376px;
}
.u-section-2 .u-layout-wrap-1 {
position: relative;
}
.u-section-2 .u-layout-cell-1 {
min-height: 316px;
}
.u-section-2 .u-text-2 {
margin-left: 112px;
margin-right: 98px;
}
}
@media (max-width: 991px) {
.u-section-2 .u-sheet-1 {
min-height: 160px;
}
.u-section-2 .u-layout-cell-1 {
min-height: 100px;
}
.u-section-2 .u-text-2 {
margin-left: 0;
margin-right: 0;
}
}
@media (max-width: 767px) {
.u-section-2 .u-container-layout-1 {
padding-left: 10px;
padding-right: 10px;
}
}
\ No newline at end of file
This diff is collapsed. Click to expand it.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
.u-section-1 {
background-image: none;
min-height: 878px;
}
.u-section-1 .u-shape-1 {
height: 65px;
background-image: none;
margin: 377px auto 0 0;
}
.u-section-1 .u-image-1 {
object-position: 100% 100%;
width: 787px;
height: 545px;
margin: -320px calc(((100% - 1140px) / 2) + 164px) 0 auto;
}
.u-section-1 .u-text-1 {
width: 476px;
text-decoration: underline !important;
font-size: 3rem;
font-weight: normal;
font-family: "Playfair Display", serif;
margin: 60px auto 0;
}
.u-section-1 .u-icon-1 {
height: 48px;
width: 48px;
background-image: none;
margin: 50px auto 0;
}
@media (max-width: 1199px) {
.u-section-1 .u-shape-1 {
margin-right: initial;
margin-left: initial;
}
.u-section-1 .u-image-1 {
margin-top: -313px;
margin-right: auto;
}
.u-section-1 .u-text-1 {
width: 525px;
margin-top: 34px;
}
.u-section-1 .u-icon-1 {
margin-top: 27px;
margin-bottom: 23px;
}
}
@media (max-width: 991px) {
.u-section-1 {
min-height: 832px;
}
.u-section-1 .u-image-1 {
width: 720px;
height: 499px;
margin-top: -330px;
}
.u-section-1 .u-text-1 {
margin-top: 10px;
}
.u-section-1 .u-icon-1 {
margin-bottom: 60px;
}
}
@media (max-width: 767px) {
.u-section-1 {
min-height: 707px;
}
.u-section-1 .u-image-1 {
width: 540px;
height: 374px;
margin-top: -320px;
}
.u-section-1 .u-text-1 {
margin-top: 60px;
margin-left: 58px;
margin-right: 58px;
}
}
@media (max-width: 575px) {
.u-section-1 {
min-height: 795px;
}
.u-section-1 .u-shape-1 {
margin-top: 262px;
margin-right: initial;
margin-left: initial;
}
.u-section-1 .u-image-1 {
width: 340px;
height: 235px;
margin-top: -164px;
}
.u-section-1 .u-text-1 {
font-size: 2.25rem;
width: 340px;
margin-top: 46px;
margin-left: auto;
margin-right: auto;
}
.u-section-1 .u-icon-1 {
margin-top: 32px;
}
}.u-section-2 {
background-image: none;
}
.u-section-2 .u-sheet-1 {
min-height: 443px;
}
.u-section-2 .u-layout-wrap-1 {
margin-top: 60px;
margin-bottom: 0;
}
.u-section-2 .u-layout-cell-1 {
min-height: 383px;
}
.u-section-2 .u-container-layout-1 {
padding: 30px;
}
.u-section-2 .u-text-1 {
margin: 23px auto 0;
}
.u-section-2 .u-text-2 {
font-size: 1.25rem;
margin: 35px 198px 0 212px;
}
.u-section-2 .u-btn-1 {
border-style: none;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: 700;
font-size: 1.25rem;
margin: 61px auto 0;
}
@media (max-width: 1199px) {
.u-section-2 .u-sheet-1 {
min-height: 376px;
}
.u-section-2 .u-layout-wrap-1 {
position: relative;
}
.u-section-2 .u-layout-cell-1 {
min-height: 316px;
}
.u-section-2 .u-text-2 {
margin-left: 112px;
margin-right: 98px;
}
}
@media (max-width: 991px) {
.u-section-2 .u-sheet-1 {
min-height: 160px;
}
.u-section-2 .u-layout-cell-1 {
min-height: 100px;
}
.u-section-2 .u-text-2 {
margin-left: 0;
margin-right: 0;
}
}
@media (max-width: 767px) {
.u-section-2 .u-container-layout-1 {
padding-left: 10px;
padding-right: 10px;
}
}
\ No newline at end of file
<!DOCTYPE html>
<html style="font-size: 16px;">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<meta name="keywords" content="Cool tone">
<meta name="description" content="">
<meta name="page_type" content="np-template-header-footer-from-plugin">
<title>color 1</title>
<link rel="stylesheet" href="{{ url_for('static', filename='nicepage.css') }}" media="screen">
<link rel="stylesheet" href="{{ url_for('static', filename='color-1.css') }}" media="screen">
<script class="u-script" type="text/javascript" src="{{ url_for('static', filename='jquery.js') }}" defer=""></script>
<script class="u-script" type="text/javascript" src="{{ url_for('static', filename='nicepage.js') }}" defer=""></script>
<meta name="generator" content="Nicepage 3.0.9, nicepage.com">
<link id="u-theme-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i">
<link id="u-page-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i">
<script type="application/ld+json">{
"@context": "http://schema.org",
"@type": "Organization",
"name": "",
"url": "{{ url_for('static', filename='index.html') }}",
"logo": "{{ url_for('static', filename='images/logo.png') }}"
}</script>
<meta property="og:title" content="color 1">
<meta property="og:type" content="website">
<meta name="theme-color" content="#478ac9">
<link rel="canonical" href="{{ url_for('static', filename='index.html') }}">
<meta property="og:url" content="{{ url_for('static', filename='index.html') }}">
</head>
<body class="u-body u-overlap u-palette-1-base"><header class="u-align-right u-clearfix u-header u-sticky" id="sec-dbe3"><div class="u-clearfix u-sheet u-valign-bottom-xl u-valign-top-md u-valign-top-sm u-valign-top-xs u-sheet-1">
<a href="https://find-your-color.ml/" class="u-image u-logo u-image-1" title="Personal Color">
<img src="{{ url_for('static', filename='images/logo.png') }}" class="u-logo-image u-logo-image-1" data-image-width="198.857">
</a>
</div></header>
<section class="u-clearfix u-image u-shading u-section-1" id="carousel_2ae0">
<style type='text/css'>
#carousel_2ae0
{
background-image: url("{{ url_for('static',filename = 'images/main.png')}}");
}
</style>
<div class="u-clearfix u-sheet u-valign-top-xs u-sheet-1">
<div class="u-align-center u-border-6 u-border-white u-container-style u-expanded-width-xs u-group u-opacity u-opacity-15 u-group-1">
<div class="u-container-layout u-container-layout-1">
<h6 class="u-custom-font u-text u-text-font u-text-1">TEST YOUR PERSONAL COLOR</h6>
<h1 class="u-custom-font u-font-playfair-display u-text u-title u-text-2"><b>Personal Color</b>
<br>with openCV test
</h1>
</div>
</div>
</div>
</section>
<section class="u-clearfix u-gradient u-section-2" id="sec-2a2c">
<div class="u-clearfix u-sheet u-sheet-1"></div>
</section>
<section class="u-black u-clearfix u-section-3" id="sec-b2d8">
<div class="u-clearfix u-sheet u-sheet-1">
<h1 class="u-align-center u-heading-font u-text u-text-default u-title u-text-1">openCV&nbsp;<br>이미지 분석
</h1>
<h5 class="u-align-center u-text u-text-default u-text-2">openCV를 이용하여 사용자 이미지로부터 평균 색상을 추출하고<br>분석하여 퍼스널 컬러를 알려줍니다.
</h5>
<h5 class="u-align-center u-text u-text-default u-text-3">이미지 업로드 시 유의사항</h5>
<ul class="u-align-left u-text u-text-4">
<li>왼쪽 피부 사진만 올려주세요</li>
<li>최대한 사진 안에 피부색만 나오도록 해주세요</li>
<li>조명의 영향을 줄이기 위해 최대한 자연조명 밑에서 찍어주세요</li>
</ul>
</div>
</section>
<form action="" method="post" enctype="multipart/form-data">
<input type="file", name="img-path">
<button type='submit'>Start Test</button>
</form>
<footer class="u-align-left u-black u-clearfix u-footer u-footer" id="sec-ed9b"><div class="u-clearfix u-sheet u-valign-middle u-sheet-1">
<blockquote class="u-align-center u-text u-text-default u-text-1">2020-2 Opensource Programming<br>Lee Su Bin &amp; Jo Sue Yeon
</blockquote>
</div></footer>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>이미지 업로드</title>
<link rel="stylesheet" href="{{ url_for('static', filename='css/colorcs.css') }}">
</head>
<body>
<p>image upload with opencv</p>
<p>image upload with opencv</p>
<div class="container">
<form class="form">
<div class="file-upload-wrapper" data-text="Select your file!">
<input name="file-upload-field" type="file" class="file-upload-field" value="">
</div>
</form>
</div>
</div>
<form action="" method="post" enctype="multipart/form-data">
<input type="file", name="img-path">
<button type='submit'>Start Test</button>
</form>
<div>
<form action="" method="post" enctype="multipart/form-data">
<input type="file", name="img-path">
<button type='submit'>Start Test</button>
</form>
</div>
</body>
</html>
......
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<html style="font-size: 16px;">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<meta name="keywords" content="Cool tone">
<meta name="description" content="">
<meta name="page_type" content="np-template-header-footer-from-plugin">
<title>cool</title>
</head>
<body>
<p>your color is cool</p>
</body>
<link rel="stylesheet" href="{{ url_for('static', filename='nicepage.css') }}" media="screen">
<link rel="stylesheet" href="{{ url_for('static', filename='cool.css') }}" media="screen">
<script class="u-script" type="text/javascript" src="{{ url_for('static', filename='jquery.js') }}" defer=""></script>
<script class="u-script" type="text/javascript" src="{{ url_for('static', filename='nicepage.js') }}" defer=""></script>
<meta name="generator" content="Nicepage 3.0.9, nicepage.com">
<link id="u-theme-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i">
<link id="u-page-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i">
<script type="application/ld+json">{
"@context": "http://schema.org",
"@type": "Organization",
"name": "",
"url": "{{ url_for('static', filename='index.html') }}",
"logo": "{{ url_for('static', filename='images/logo.png') }}"
}</script>
<meta property="og:title" content="cool">
<meta property="og:type" content="website">
<meta name="theme-color" content="#478ac9">
<link rel="canonical" href="{{ url_for('static', filename='index.html') }}">
<meta property="og:url" content="{{ url_for('static', filename='index.html') }}">
</head>
<body class="u-body u-overlap u-palette-1-base"><header class="u-align-right u-clearfix u-header u-sticky" id="sec-dbe3"><div class="u-clearfix u-sheet u-valign-bottom-xl u-valign-top-md u-valign-top-sm u-valign-top-xs u-sheet-1">
<a href="https://find-your-color.ml/" class="u-image u-logo u-image-1" title="Personal Color">
<img src="{{ url_for('static', filename='images/logo.png') }}" class="u-logo-image u-logo-image-1" data-image-width="198.857">
</a>
</div></header>
<section class="u-align-center u-black u-clearfix u-section-1" id="carousel_fef6">
<div class="u-expanded-width u-shape u-shape-rectangle u-white u-shape-1"></div>
<img class="u-border-2 u-border-grey-75 u-expand-resize u-image u-image-1" src="{{ url_for('static', filename='images/joshua-coleman-iNrBHgUBDSg-unsplash.jpg') }}">
<h1 class="u-custom-font u-font-playfair-display u-text u-text-1">Cool tone</h1><span class="u-icon u-icon-circle u-text-palette-1-base u-icon-1"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 491.996 491.996" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-c128"></use></svg><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" xml:space="preserve" class="u-svg-content" viewBox="0 0 491.996 491.996" x="0px" y="0px" id="svg-c128" style="enable-background:new 0 0 491.996 491.996;"><g><g><path d="M484.132,124.986l-16.116-16.228c-5.072-5.068-11.82-7.86-19.032-7.86c-7.208,0-13.964,2.792-19.036,7.86l-183.84,183.848 L62.056,108.554c-5.064-5.068-11.82-7.856-19.028-7.856s-13.968,2.788-19.036,7.856l-16.12,16.128 c-10.496,10.488-10.496,27.572,0,38.06l219.136,219.924c5.064,5.064,11.812,8.632,19.084,8.632h0.084 c7.212,0,13.96-3.572,19.024-8.632l218.932-219.328c5.072-5.064,7.856-12.016,7.864-19.224 C491.996,136.902,489.204,130.046,484.132,124.986z"></path>
</g>
</g></svg></span>
</section>
<section class="u-black u-clearfix u-section-2" id="sec-e83d">
<div class="u-clearfix u-sheet u-sheet-1">
<div class="u-clearfix u-expanded-width u-layout-wrap u-layout-wrap-1">
<div class="u-layout">
<div class="u-layout-row">
<div class="u-container-style u-layout-cell u-size-60 u-layout-cell-1">
<div class="u-container-layout u-container-layout-1">
<h1 class="u-align-center u-text u-text-default u-text-1">퍼스널 컬러: 쿨톤</h1>
<p class="u-align-center u-text u-text-2">openCV 이미지 분석 결과 당신은 쿨톤입니다.<br>
<br>
</p>
<a href="https://find-your-color.ml/" class="u-btn u-button-style u-hover-palette-1-dark-1 u-palette-1-base u-btn-1">다시 하기</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="u-align-left u-black u-clearfix u-footer u-footer" id="sec-ed9b"><div class="u-clearfix u-sheet u-valign-middle u-sheet-1">
<blockquote class="u-align-center u-text u-text-default u-text-1">2020-2 Opensource Programming<br>Lee Su Bin &amp; Jo Sue Yeon
</blockquote>
</div></footer>
</body>
</html>
\ No newline at end of file
......
<!DOCTYPE html>
<html style="font-size: 16px;">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<meta name="keywords" content="Cool tone">
<meta name="description" content="">
<meta name="page_type" content="np-template-header-footer-from-plugin">
<title>cool</title>
<link rel="stylesheet" href="{{ url_for('static', filename='nicepage.css') }}" media="screen">
<link rel="stylesheet" href="{{ url_for('static', filename='cool.css') }}" media="screen">
<script class="u-script" type="text/javascript" src="{{ url_for('static', filename='jquery.js') }}" defer=""></script>
<script class="u-script" type="text/javascript" src="{{ url_for('static', filename='nicepage.js') }}" defer=""></script>
<meta name="generator" content="Nicepage 3.0.9, nicepage.com">
<link id="u-theme-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i">
<link id="u-page-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i">
<script type="application/ld+json">{
"@context": "http://schema.org",
"@type": "Organization",
"name": "",
"url": "{{ url_for('static', filename='index.html') }}",
"logo": "{{ url_for('static', filename='images/logo.png') }}"
}</script>
<meta property="og:title" content="cool">
<meta property="og:type" content="website">
<meta name="theme-color" content="#478ac9">
<link rel="canonical" href="{{ url_for('static', filename='index.html') }}">
<meta property="og:url" content="{{ url_for('static', filename='index.html') }}">
</head>
<body data-home-page="{{ url_for('static', filename='color-1.html') }}" data-home-page-title="color" class="u-body u-overlap u-palette-1-base"><header class="u-align-right u-clearfix u-header u-sticky" id="sec-dbe3"><div class="u-clearfix u-sheet u-valign-bottom-xl u-valign-top-md u-valign-top-sm u-valign-top-xs u-sheet-1">
<a href="https://find-your-color.ml/" class="u-image u-logo u-image-1" title="Personal Color">
<img src="{{ url_for('static', filename='images/logo.png') }}" class="u-logo-image u-logo-image-1" data-image-width="198.857">
</a>
</div></header>
<section class="u-align-center u-black u-clearfix u-section-1" id="carousel_fef6">
<div class="u-expanded-width u-shape u-shape-rectangle u-white u-shape-1"></div>
<img class="u-border-2 u-border-grey-75 u-expand-resize u-image u-image-1" src="{{ url_for('static', filename='images/joshua-coleman-iNrBHgUBDSg-unsplash.jpg') }}">
<h1 class="u-custom-font u-font-playfair-display u-text u-text-1">Cool tone</h1><span class="u-icon u-icon-circle u-text-palette-1-base u-icon-1"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 491.996 491.996" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-c128"></use></svg><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" xml:space="preserve" class="u-svg-content" viewBox="0 0 491.996 491.996" x="0px" y="0px" id="svg-c128" style="enable-background:new 0 0 491.996 491.996;"><g><g><path d="M484.132,124.986l-16.116-16.228c-5.072-5.068-11.82-7.86-19.032-7.86c-7.208,0-13.964,2.792-19.036,7.86l-183.84,183.848 L62.056,108.554c-5.064-5.068-11.82-7.856-19.028-7.856s-13.968,2.788-19.036,7.856l-16.12,16.128 c-10.496,10.488-10.496,27.572,0,38.06l219.136,219.924c5.064,5.064,11.812,8.632,19.084,8.632h0.084 c7.212,0,13.96-3.572,19.024-8.632l218.932-219.328c5.072-5.064,7.856-12.016,7.864-19.224 C491.996,136.902,489.204,130.046,484.132,124.986z"></path>
</g>
</g></svg></span>
</section>
<section class="u-black u-clearfix u-section-2" id="sec-e83d">
<div class="u-clearfix u-sheet u-sheet-1">
<div class="u-clearfix u-expanded-width u-layout-wrap u-layout-wrap-1">
<div class="u-layout">
<div class="u-layout-row">
<div class="u-container-style u-layout-cell u-size-60 u-layout-cell-1">
<div class="u-container-layout u-container-layout-1">
<h1 class="u-align-center u-text u-text-default u-text-1">퍼스널 컬러: 쿨톤</h1>
<p class="u-align-center u-text u-text-2">openCV 이미지 분석 결과 당신은 쿨톤입니다.<br>
<br>
</p>
<a href="https://find-your-color.ml/" class="u-btn u-button-style u-hover-palette-1-dark-1 u-palette-1-base u-btn-1">다시 하기</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="u-align-left u-black u-clearfix u-footer u-footer" id="sec-ed9b"><div class="u-clearfix u-sheet u-valign-middle u-sheet-1">
<blockquote class="u-align-center u-text u-text-default u-text-1">2020-2 Opensource Programming<br>Lee Su Bin &amp; Jo Sue Yeon
</blockquote>
</div></footer>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<html style="font-size: 16px;">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<meta name="keywords" content="Cool tone">
<meta name="description" content="">
<meta name="page_type" content="np-template-header-footer-from-plugin">
<title>warm</title>
</head>
<body>
<p>your color is warm</p>
</body>
<link rel="stylesheet" href="{{ url_for('static', filename='nicepage.css') }}" media="screen">
<link rel="stylesheet" href="{{ url_for('static', filename='warm.css') }}" media="screen">
<script class="u-script" type="text/javascript" src="{{ url_for('static', filename='jquery.js') }}" defer=""></script>
<script class="u-script" type="text/javascript" src="{{ url_for('static', filename='nicepage.js') }}" defer=""></script>
<meta name="generator" content="Nicepage 3.0.9, nicepage.com">
<link id="u-theme-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i">
<link id="u-page-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i">
<script type="application/ld+json">{
"@context": "http://schema.org",
"@type": "Organization",
"name": "",
"url": "{{ url_for('static', filename='index.html') }}",
"logo": "{{ url_for('static', filename='images/logo.png') }}"
}</script>
<meta property="og:title" content="warm">
<meta property="og:type" content="website">
<meta name="theme-color" content="#478ac9">
<link rel="canonical" href="{{ url_for('static', filename='index.html') }}">
<meta property="og:url" content="{{ url_for('static', filename='index.html') }}">
</head>
<body class="u-body u-overlap u-palette-1-base"><header class="u-align-right u-clearfix u-header u-sticky" id="sec-dbe3"><div class="u-clearfix u-sheet u-valign-bottom-xl u-valign-top-md u-valign-top-sm u-valign-top-xs u-sheet-1">
<a href="https://find-your-color.ml/" class="u-image u-logo u-image-1" title="Personal Color">
<img src="{{ url_for('static', filename='images/logo.png') }}" class="u-logo-image u-logo-image-1" data-image-width="198.857">
</a>
</div></header>
<section class="u-align-center u-black u-clearfix u-section-1" id="carousel_fef6">
<div class="u-expanded-width u-shape u-shape-rectangle u-white u-shape-1"></div>
<img class="u-border-2 u-border-grey-75 u-expand-resize u-image u-image-1" src="{{ url_for('static', filename='images/hamed-daram--5fbmfaInwg-unsplash.jpg') }}">
<h1 class="u-custom-font u-font-playfair-display u-text u-text-1">warm tone</h1><span class="u-icon u-icon-circle u-text-palette-1-base u-icon-1"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 491.996 491.996" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-c128"></use></svg><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" xml:space="preserve" class="u-svg-content" viewBox="0 0 491.996 491.996" x="0px" y="0px" id="svg-c128" style="enable-background:new 0 0 491.996 491.996;"><g><g><path d="M484.132,124.986l-16.116-16.228c-5.072-5.068-11.82-7.86-19.032-7.86c-7.208,0-13.964,2.792-19.036,7.86l-183.84,183.848 L62.056,108.554c-5.064-5.068-11.82-7.856-19.028-7.856s-13.968,2.788-19.036,7.856l-16.12,16.128 c-10.496,10.488-10.496,27.572,0,38.06l219.136,219.924c5.064,5.064,11.812,8.632,19.084,8.632h0.084 c7.212,0,13.96-3.572,19.024-8.632l218.932-219.328c5.072-5.064,7.856-12.016,7.864-19.224 C491.996,136.902,489.204,130.046,484.132,124.986z"></path>
</g>
</g></svg></span>
</section>
<section class="u-black u-clearfix u-section-2" id="sec-e83d">
<div class="u-clearfix u-sheet u-sheet-1">
<div class="u-clearfix u-expanded-width u-layout-wrap u-layout-wrap-1">
<div class="u-layout">
<div class="u-layout-row">
<div class="u-container-style u-layout-cell u-size-60 u-layout-cell-1">
<div class="u-container-layout u-container-layout-1">
<h1 class="u-align-center u-text u-text-default u-text-1">퍼스널 컬러: 웜톤</h1>
<p class="u-align-center u-text u-text-2">openCV 이미지 분석 결과 당신은 웜톤입니다.<br>
<br>
</p>
<a href="https://find-your-color.ml/" class="u-btn u-button-style u-hover-palette-1-dark-1 u-palette-1-base u-btn-1">다시 하기</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="u-align-left u-black u-clearfix u-footer u-footer" id="sec-ed9b"><div class="u-clearfix u-sheet u-valign-middle u-sheet-1">
<blockquote class="u-align-center u-text u-text-default u-text-1">2020-2 Opensource Programming<br>Lee Su Bin &amp; Jo Sue Yeon
</blockquote>
</div></footer>
</body>
</html>
\ No newline at end of file
......