조수연 / 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__) ...@@ -144,7 +144,7 @@ app=Flask(__name__)
144 @app.route("/", methods=['GET','POST']) 144 @app.route("/", methods=['GET','POST'])
145 def hello(): 145 def hello():
146 if request.method == 'GET': 146 if request.method == 'GET':
147 - return render_template('color.html') 147 + return render_template('color-1.html')
148 148
149 elif request.method == 'POST': 149 elif request.method == 'POST':
150 f = request.files['img-path'] 150 f = request.files['img-path']
...@@ -157,6 +157,5 @@ def hello(): ...@@ -157,6 +157,5 @@ def hello():
157 elif result == "웜톤(warm)": 157 elif result == "웜톤(warm)":
158 return render_template('warm.html') 158 return render_template('warm.html')
159 159
160 - # post랑 default 안씀
161 if __name__ == "__main__": 160 if __name__ == "__main__":
162 app.run() 161 app.run()
...\ No newline at end of file ...\ No newline at end of file
......
1 +certifi==2020.11.8
2 +click==7.1.2
3 +colormath==3.0.0
4 +cycler==0.10.0
5 +decorator==4.4.2
6 +Flask==1.1.2
7 +gunicorn==20.0.4
8 +itsdangerous==1.1.0
9 +Jinja2==2.11.2
10 +joblib==0.17.0
11 +kiwisolver==1.3.1
12 +MarkupSafe==1.1.1
13 +matplotlib==3.3.3
14 +networkx==2.5
15 +numpy==1.19.4
16 +opencv-contrib-python==4.4.0.46
17 +opencv-python==4.4.0.46
18 +Pillow==8.0.1
19 +pyparsing==2.4.7
20 +python-dateutil==2.8.1
21 +scikit-learn==0.23.2
22 +scipy==1.5.4
23 +six==1.15.0
24 +sklearn==0.0
25 +threadpoolctl==2.1.0
26 +Werkzeug==1.0.1
27 +wincertstore==0.2
1 +.u-section-1 {
2 + background-image: linear-gradient(0deg, rgba(0,0,0,0.15), rgba(0,0,0,0.15)),
3 + url(../static/images/main.png);
4 + background-position: 50% 50%;
5 +}
6 +
7 +.u-section-1 .u-sheet-1 {
8 + min-height: 751px;
9 +}
10 +
11 +.u-section-1 .u-group-1 {
12 + width: 730px;
13 + min-height: 431px;
14 + box-shadow: 0 0 40px 4px rgba(26,26,26,0.8);
15 + margin: 160px auto 60px;
16 +}
17 +
18 +.u-section-1 .u-container-layout-1 {
19 + padding: 30px;
20 +}
21 +
22 +.u-section-1 .u-text-1 {
23 + text-transform: uppercase;
24 + font-weight: 400;
25 + letter-spacing: 3px;
26 + margin: 89px 0 0;
27 +}
28 +
29 +.u-section-1 .u-text-2 {
30 + font-size: 4.5rem;
31 + letter-spacing: 1px;
32 + margin: 19px 0 0;
33 +}
34 +
35 +@media (max-width: 1199px) {
36 + .u-section-1 .u-sheet-1 {
37 + min-height: 619px;
38 + }
39 +}
40 +
41 +@media (max-width: 991px) {
42 + .u-section-1 .u-sheet-1 {
43 + min-height: 474px;
44 + }
45 +
46 + .u-section-1 .u-group-1 {
47 + width: 720px;
48 + }
49 +}
50 +
51 +@media (max-width: 767px) {
52 + .u-section-1 .u-sheet-1 {
53 + min-height: 356px;
54 + }
55 +
56 + .u-section-1 .u-group-1 {
57 + width: 540px;
58 + }
59 +
60 + .u-section-1 .u-text-2 {
61 + font-size: 3.75rem;
62 + }
63 +}
64 +
65 +@media (max-width: 575px) {
66 + .u-section-1 .u-sheet-1 {
67 + min-height: 224px;
68 + }
69 +
70 + .u-section-1 .u-group-1 {
71 + min-height: 370px;
72 + margin-top: 60px;
73 + margin-right: initial;
74 + margin-left: initial;
75 + width: auto;
76 + }
77 +
78 + .u-section-1 .u-container-layout-1 {
79 + padding-left: 10px;
80 + padding-right: 10px;
81 + }
82 +
83 + .u-section-1 .u-text-2 {
84 + font-size: 3rem;
85 + }
86 +}.u-section-2 {
87 + background-image: linear-gradient(#be1cb9, black);
88 +}
89 +
90 +.u-section-2 .u-sheet-1 {
91 + min-height: 146px;
92 +}.u-section-3 .u-sheet-1 {
93 + min-height: 975px;
94 +}
95 +
96 +.u-section-3 .u-text-1 {
97 + margin: 143px auto 0;
98 +}
99 +
100 +.u-section-3 .u-text-2 {
101 + margin: 51px auto 0 303px;
102 +}
103 +
104 +.u-section-3 .u-text-3 {
105 + margin: 143px auto 0;
106 +}
107 +
108 +.u-section-3 .u-text-4 {
109 + font-weight: 700;
110 + font-size: 1.25rem;
111 + margin: 53px 229px 60px 303px;
112 +}
113 +
114 +@media (max-width: 1199px) {
115 + .u-section-3 .u-text-1 {
116 + width: auto;
117 + margin-top: 46px;
118 + margin-left: 257px;
119 + }
120 +
121 + .u-section-3 .u-text-2 {
122 + width: auto;
123 + margin-top: 31px;
124 + margin-left: 173px;
125 + }
126 +
127 + .u-section-3 .u-text-3 {
128 + width: auto;
129 + margin-top: 81px;
130 + }
131 +
132 + .u-section-3 .u-text-4 {
133 + width: 412px;
134 + margin-top: 52px;
135 + margin-left: auto;
136 + margin-right: auto;
137 + }
138 +}
139 +
140 +@media (max-width: 991px) {
141 + .u-section-3 .u-sheet-1 {
142 + min-height: 838px;
143 + }
144 +
145 + .u-section-3 .u-text-1 {
146 + margin-top: 52px;
147 + margin-left: 197px;
148 + }
149 +
150 + .u-section-3 .u-text-2 {
151 + margin-top: 45px;
152 + margin-left: 96px;
153 + }
154 +
155 + .u-section-3 .u-text-3 {
156 + margin-top: 96px;
157 + }
158 +
159 + .u-section-3 .u-text-4 {
160 + width: auto;
161 + margin-top: 45px;
162 + margin-right: -96px;
163 + margin-left: 96px;
164 + }
165 +}
166 +
167 +@media (max-width: 767px) {
168 + .u-section-3 .u-text-1 {
169 + margin-left: auto;
170 + }
171 +
172 + .u-section-3 .u-text-2 {
173 + margin-top: 36px;
174 + margin-right: 0;
175 + margin-left: auto;
176 + }
177 +
178 + .u-section-3 .u-text-3 {
179 + margin-top: 87px;
180 + }
181 +
182 + .u-section-3 .u-text-4 {
183 + margin-top: 36px;
184 + margin-left: 0;
185 + margin-right: 0;
186 + width: 412px;
187 + }
188 +}
189 +
190 +@media (max-width: 575px) {
191 + .u-section-3 .u-sheet-1 {
192 + min-height: 778px;
193 + }
194 +
195 + .u-section-3 .u-text-1 {
196 + margin-top: 33px;
197 + }
198 +
199 + .u-section-3 .u-text-2 {
200 + margin-top: 60px;
201 + margin-left: 0;
202 + }
203 +
204 + .u-section-3 .u-text-3 {
205 + margin-top: 94px;
206 + }
207 +
208 + .u-section-3 .u-text-4 {
209 + margin-left: auto;
210 + width: auto;
211 + }
212 +}
...\ No newline at end of file ...\ No newline at end of file
1 +.u-section-1 {
2 + background-image: none;
3 + min-height: 878px;
4 +}
5 +
6 +.u-section-1 .u-shape-1 {
7 + height: 65px;
8 + background-image: none;
9 + margin: 377px auto 0 0;
10 +}
11 +
12 +.u-section-1 .u-image-1 {
13 + object-position: 100% 100%;
14 + width: 787px;
15 + height: 545px;
16 + margin: -320px calc(((100% - 1140px) / 2) + 164px) 0 auto;
17 +}
18 +
19 +.u-section-1 .u-text-1 {
20 + width: 476px;
21 + text-decoration: underline !important;
22 + font-size: 3rem;
23 + font-weight: normal;
24 + font-family: "Playfair Display", serif;
25 + margin: 60px auto 0;
26 +}
27 +
28 +.u-section-1 .u-icon-1 {
29 + height: 48px;
30 + width: 48px;
31 + background-image: none;
32 + margin: 50px auto 0;
33 +}
34 +
35 +@media (max-width: 1199px) {
36 + .u-section-1 .u-shape-1 {
37 + margin-right: initial;
38 + margin-left: initial;
39 + }
40 +
41 + .u-section-1 .u-image-1 {
42 + margin-top: -313px;
43 + margin-right: auto;
44 + }
45 +
46 + .u-section-1 .u-text-1 {
47 + width: 525px;
48 + margin-top: 34px;
49 + }
50 +
51 + .u-section-1 .u-icon-1 {
52 + margin-top: 27px;
53 + margin-bottom: 23px;
54 + }
55 +}
56 +
57 +@media (max-width: 991px) {
58 + .u-section-1 {
59 + min-height: 832px;
60 + }
61 +
62 + .u-section-1 .u-image-1 {
63 + width: 720px;
64 + height: 499px;
65 + margin-top: -330px;
66 + }
67 +
68 + .u-section-1 .u-text-1 {
69 + margin-top: 10px;
70 + }
71 +
72 + .u-section-1 .u-icon-1 {
73 + margin-bottom: 60px;
74 + }
75 +}
76 +
77 +@media (max-width: 767px) {
78 + .u-section-1 {
79 + min-height: 707px;
80 + }
81 +
82 + .u-section-1 .u-image-1 {
83 + width: 540px;
84 + height: 374px;
85 + margin-top: -320px;
86 + }
87 +
88 + .u-section-1 .u-text-1 {
89 + margin-top: 60px;
90 + margin-left: 58px;
91 + margin-right: 58px;
92 + }
93 +}
94 +
95 +@media (max-width: 575px) {
96 + .u-section-1 {
97 + min-height: 795px;
98 + }
99 +
100 + .u-section-1 .u-shape-1 {
101 + margin-top: 262px;
102 + margin-right: initial;
103 + margin-left: initial;
104 + }
105 +
106 + .u-section-1 .u-image-1 {
107 + width: 340px;
108 + height: 235px;
109 + margin-top: -164px;
110 + }
111 +
112 + .u-section-1 .u-text-1 {
113 + font-size: 2.25rem;
114 + width: 340px;
115 + margin-top: 46px;
116 + margin-left: auto;
117 + margin-right: auto;
118 + }
119 +
120 + .u-section-1 .u-icon-1 {
121 + margin-top: 32px;
122 + }
123 +}.u-section-2 {
124 + background-image: none;
125 +}
126 +
127 +.u-section-2 .u-sheet-1 {
128 + min-height: 443px;
129 +}
130 +
131 +.u-section-2 .u-layout-wrap-1 {
132 + margin-top: 60px;
133 + margin-bottom: 0;
134 +}
135 +
136 +.u-section-2 .u-layout-cell-1 {
137 + min-height: 383px;
138 +}
139 +
140 +.u-section-2 .u-container-layout-1 {
141 + padding: 30px;
142 +}
143 +
144 +.u-section-2 .u-text-1 {
145 + margin: 23px auto 0;
146 +}
147 +
148 +.u-section-2 .u-text-2 {
149 + font-size: 1.25rem;
150 + margin: 35px 198px 0 212px;
151 +}
152 +
153 +.u-section-2 .u-btn-1 {
154 + border-style: none;
155 + letter-spacing: 1px;
156 + text-transform: uppercase;
157 + font-weight: 700;
158 + font-size: 1.25rem;
159 + margin: 61px auto 0;
160 +}
161 +
162 +@media (max-width: 1199px) {
163 + .u-section-2 .u-sheet-1 {
164 + min-height: 376px;
165 + }
166 +
167 + .u-section-2 .u-layout-wrap-1 {
168 + position: relative;
169 + }
170 +
171 + .u-section-2 .u-layout-cell-1 {
172 + min-height: 316px;
173 + }
174 +
175 + .u-section-2 .u-text-2 {
176 + margin-left: 112px;
177 + margin-right: 98px;
178 + }
179 +}
180 +
181 +@media (max-width: 991px) {
182 + .u-section-2 .u-sheet-1 {
183 + min-height: 160px;
184 + }
185 +
186 + .u-section-2 .u-layout-cell-1 {
187 + min-height: 100px;
188 + }
189 +
190 + .u-section-2 .u-text-2 {
191 + margin-left: 0;
192 + margin-right: 0;
193 + }
194 +}
195 +
196 +@media (max-width: 767px) {
197 + .u-section-2 .u-container-layout-1 {
198 + padding-left: 10px;
199 + padding-right: 10px;
200 + }
201 +}
...\ No newline at end of file ...\ 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.
1 +.u-section-1 {
2 + background-image: none;
3 + min-height: 878px;
4 +}
5 +
6 +.u-section-1 .u-shape-1 {
7 + height: 65px;
8 + background-image: none;
9 + margin: 377px auto 0 0;
10 +}
11 +
12 +.u-section-1 .u-image-1 {
13 + object-position: 100% 100%;
14 + width: 787px;
15 + height: 545px;
16 + margin: -320px calc(((100% - 1140px) / 2) + 164px) 0 auto;
17 +}
18 +
19 +.u-section-1 .u-text-1 {
20 + width: 476px;
21 + text-decoration: underline !important;
22 + font-size: 3rem;
23 + font-weight: normal;
24 + font-family: "Playfair Display", serif;
25 + margin: 60px auto 0;
26 +}
27 +
28 +.u-section-1 .u-icon-1 {
29 + height: 48px;
30 + width: 48px;
31 + background-image: none;
32 + margin: 50px auto 0;
33 +}
34 +
35 +@media (max-width: 1199px) {
36 + .u-section-1 .u-shape-1 {
37 + margin-right: initial;
38 + margin-left: initial;
39 + }
40 +
41 + .u-section-1 .u-image-1 {
42 + margin-top: -313px;
43 + margin-right: auto;
44 + }
45 +
46 + .u-section-1 .u-text-1 {
47 + width: 525px;
48 + margin-top: 34px;
49 + }
50 +
51 + .u-section-1 .u-icon-1 {
52 + margin-top: 27px;
53 + margin-bottom: 23px;
54 + }
55 +}
56 +
57 +@media (max-width: 991px) {
58 + .u-section-1 {
59 + min-height: 832px;
60 + }
61 +
62 + .u-section-1 .u-image-1 {
63 + width: 720px;
64 + height: 499px;
65 + margin-top: -330px;
66 + }
67 +
68 + .u-section-1 .u-text-1 {
69 + margin-top: 10px;
70 + }
71 +
72 + .u-section-1 .u-icon-1 {
73 + margin-bottom: 60px;
74 + }
75 +}
76 +
77 +@media (max-width: 767px) {
78 + .u-section-1 {
79 + min-height: 707px;
80 + }
81 +
82 + .u-section-1 .u-image-1 {
83 + width: 540px;
84 + height: 374px;
85 + margin-top: -320px;
86 + }
87 +
88 + .u-section-1 .u-text-1 {
89 + margin-top: 60px;
90 + margin-left: 58px;
91 + margin-right: 58px;
92 + }
93 +}
94 +
95 +@media (max-width: 575px) {
96 + .u-section-1 {
97 + min-height: 795px;
98 + }
99 +
100 + .u-section-1 .u-shape-1 {
101 + margin-top: 262px;
102 + margin-right: initial;
103 + margin-left: initial;
104 + }
105 +
106 + .u-section-1 .u-image-1 {
107 + width: 340px;
108 + height: 235px;
109 + margin-top: -164px;
110 + }
111 +
112 + .u-section-1 .u-text-1 {
113 + font-size: 2.25rem;
114 + width: 340px;
115 + margin-top: 46px;
116 + margin-left: auto;
117 + margin-right: auto;
118 + }
119 +
120 + .u-section-1 .u-icon-1 {
121 + margin-top: 32px;
122 + }
123 +}.u-section-2 {
124 + background-image: none;
125 +}
126 +
127 +.u-section-2 .u-sheet-1 {
128 + min-height: 443px;
129 +}
130 +
131 +.u-section-2 .u-layout-wrap-1 {
132 + margin-top: 60px;
133 + margin-bottom: 0;
134 +}
135 +
136 +.u-section-2 .u-layout-cell-1 {
137 + min-height: 383px;
138 +}
139 +
140 +.u-section-2 .u-container-layout-1 {
141 + padding: 30px;
142 +}
143 +
144 +.u-section-2 .u-text-1 {
145 + margin: 23px auto 0;
146 +}
147 +
148 +.u-section-2 .u-text-2 {
149 + font-size: 1.25rem;
150 + margin: 35px 198px 0 212px;
151 +}
152 +
153 +.u-section-2 .u-btn-1 {
154 + border-style: none;
155 + letter-spacing: 1px;
156 + text-transform: uppercase;
157 + font-weight: 700;
158 + font-size: 1.25rem;
159 + margin: 61px auto 0;
160 +}
161 +
162 +@media (max-width: 1199px) {
163 + .u-section-2 .u-sheet-1 {
164 + min-height: 376px;
165 + }
166 +
167 + .u-section-2 .u-layout-wrap-1 {
168 + position: relative;
169 + }
170 +
171 + .u-section-2 .u-layout-cell-1 {
172 + min-height: 316px;
173 + }
174 +
175 + .u-section-2 .u-text-2 {
176 + margin-left: 112px;
177 + margin-right: 98px;
178 + }
179 +}
180 +
181 +@media (max-width: 991px) {
182 + .u-section-2 .u-sheet-1 {
183 + min-height: 160px;
184 + }
185 +
186 + .u-section-2 .u-layout-cell-1 {
187 + min-height: 100px;
188 + }
189 +
190 + .u-section-2 .u-text-2 {
191 + margin-left: 0;
192 + margin-right: 0;
193 + }
194 +}
195 +
196 +@media (max-width: 767px) {
197 + .u-section-2 .u-container-layout-1 {
198 + padding-left: 10px;
199 + padding-right: 10px;
200 + }
201 +}
...\ No newline at end of file ...\ No newline at end of file
1 +<!DOCTYPE html>
2 +<html style="font-size: 16px;">
3 + <head>
4 + <meta name="viewport" content="width=device-width, initial-scale=1.0">
5 + <meta charset="utf-8">
6 + <meta name="keywords" content="Cool tone">
7 + <meta name="description" content="">
8 + <meta name="page_type" content="np-template-header-footer-from-plugin">
9 + <title>color 1</title>
10 + <link rel="stylesheet" href="{{ url_for('static', filename='nicepage.css') }}" media="screen">
11 +<link rel="stylesheet" href="{{ url_for('static', filename='color-1.css') }}" media="screen">
12 + <script class="u-script" type="text/javascript" src="{{ url_for('static', filename='jquery.js') }}" defer=""></script>
13 + <script class="u-script" type="text/javascript" src="{{ url_for('static', filename='nicepage.js') }}" defer=""></script>
14 + <meta name="generator" content="Nicepage 3.0.9, nicepage.com">
15 + <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">
16 + <link id="u-page-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i">
17 +
18 +
19 +
20 +
21 + <script type="application/ld+json">{
22 + "@context": "http://schema.org",
23 + "@type": "Organization",
24 + "name": "",
25 + "url": "{{ url_for('static', filename='index.html') }}",
26 + "logo": "{{ url_for('static', filename='images/logo.png') }}"
27 +}</script>
28 + <meta property="og:title" content="color 1">
29 + <meta property="og:type" content="website">
30 + <meta name="theme-color" content="#478ac9">
31 + <link rel="canonical" href="{{ url_for('static', filename='index.html') }}">
32 + <meta property="og:url" content="{{ url_for('static', filename='index.html') }}">
33 + </head>
34 + <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">
35 + <a href="https://find-your-color.ml/" class="u-image u-logo u-image-1" title="Personal Color">
36 + <img src="{{ url_for('static', filename='images/logo.png') }}" class="u-logo-image u-logo-image-1" data-image-width="198.857">
37 + </a>
38 + </div></header>
39 +
40 + <section class="u-clearfix u-image u-shading u-section-1" id="carousel_2ae0">
41 + <style type='text/css'>
42 + #carousel_2ae0
43 + {
44 + background-image: url("{{ url_for('static',filename = 'images/main.png')}}");
45 + }
46 + </style>
47 + <div class="u-clearfix u-sheet u-valign-top-xs u-sheet-1">
48 + <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">
49 + <div class="u-container-layout u-container-layout-1">
50 + <h6 class="u-custom-font u-text u-text-font u-text-1">TEST YOUR PERSONAL COLOR</h6>
51 + <h1 class="u-custom-font u-font-playfair-display u-text u-title u-text-2"><b>Personal Color</b>
52 + <br>with openCV test
53 + </h1>
54 + </div>
55 + </div>
56 + </div>
57 + </section>
58 + <section class="u-clearfix u-gradient u-section-2" id="sec-2a2c">
59 + <div class="u-clearfix u-sheet u-sheet-1"></div>
60 + </section>
61 + <section class="u-black u-clearfix u-section-3" id="sec-b2d8">
62 + <div class="u-clearfix u-sheet u-sheet-1">
63 + <h1 class="u-align-center u-heading-font u-text u-text-default u-title u-text-1">openCV&nbsp;<br>이미지 분석
64 + </h1>
65 + <h5 class="u-align-center u-text u-text-default u-text-2">openCV를 이용하여 사용자 이미지로부터 평균 색상을 추출하고<br>분석하여 퍼스널 컬러를 알려줍니다.
66 + </h5>
67 + <h5 class="u-align-center u-text u-text-default u-text-3">이미지 업로드 시 유의사항</h5>
68 + <ul class="u-align-left u-text u-text-4">
69 + <li>왼쪽 피부 사진만 올려주세요</li>
70 + <li>최대한 사진 안에 피부색만 나오도록 해주세요</li>
71 + <li>조명의 영향을 줄이기 위해 최대한 자연조명 밑에서 찍어주세요</li>
72 + </ul>
73 + </div>
74 + </section>
75 + <form action="" method="post" enctype="multipart/form-data">
76 + <input type="file", name="img-path">
77 + <button type='submit'>Start Test</button>
78 + </form>
79 +
80 +
81 +
82 + <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">
83 + <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
84 + </blockquote>
85 + </div></footer>
86 + </body>
87 +</html>
...\ No newline at end of file ...\ No newline at end of file
1 -
2 <!DOCTYPE html> 1 <!DOCTYPE html>
3 <html lang="en"> 2 <html lang="en">
4 <head> 3 <head>
5 <meta charset="UTF-8"> 4 <meta charset="UTF-8">
6 <title>이미지 업로드</title> 5 <title>이미지 업로드</title>
6 + <link rel="stylesheet" href="{{ url_for('static', filename='css/colorcs.css') }}">
7 </head> 7 </head>
8 <body> 8 <body>
9 - <p>image upload with opencv</p> 9 + <p>image upload with opencv</p>
10 + <div class="container">
11 + <form class="form">
12 + <div class="file-upload-wrapper" data-text="Select your file!">
13 + <input name="file-upload-field" type="file" class="file-upload-field" value="">
14 + </div>
15 + </form>
16 + </div>
17 + </div>
18 + <form action="" method="post" enctype="multipart/form-data">
19 + <input type="file", name="img-path">
20 + <button type='submit'>Start Test</button>
21 + </form>
10 <div> 22 <div>
11 - <form action="" method="post" enctype="multipart/form-data">
12 - <input type="file", name="img-path">
13 - <button type='submit'>Start Test</button>
14 - </form>
15 </div> 23 </div>
16 </body> 24 </body>
17 </html> 25 </html>
......
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 -<html lang="en"> 2 +<html style="font-size: 16px;">
3 -<head> 3 + <head>
4 - <meta charset="UTF-8"> 4 + <meta name="viewport" content="width=device-width, initial-scale=1.0">
5 + <meta charset="utf-8">
6 + <meta name="keywords" content="Cool tone">
7 + <meta name="description" content="">
8 + <meta name="page_type" content="np-template-header-footer-from-plugin">
5 <title>cool</title> 9 <title>cool</title>
6 -</head> 10 + <link rel="stylesheet" href="{{ url_for('static', filename='nicepage.css') }}" media="screen">
7 -<body> 11 + <link rel="stylesheet" href="{{ url_for('static', filename='cool.css') }}" media="screen">
8 - <p>your color is cool</p> 12 + <script class="u-script" type="text/javascript" src="{{ url_for('static', filename='jquery.js') }}" defer=""></script>
9 -</body> 13 + <script class="u-script" type="text/javascript" src="{{ url_for('static', filename='nicepage.js') }}" defer=""></script>
14 + <meta name="generator" content="Nicepage 3.0.9, nicepage.com">
15 + <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">
16 + <link id="u-page-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i">
17 +
18 +
19 +
20 + <script type="application/ld+json">{
21 + "@context": "http://schema.org",
22 + "@type": "Organization",
23 + "name": "",
24 + "url": "{{ url_for('static', filename='index.html') }}",
25 + "logo": "{{ url_for('static', filename='images/logo.png') }}"
26 +}</script>
27 + <meta property="og:title" content="cool">
28 + <meta property="og:type" content="website">
29 + <meta name="theme-color" content="#478ac9">
30 + <link rel="canonical" href="{{ url_for('static', filename='index.html') }}">
31 + <meta property="og:url" content="{{ url_for('static', filename='index.html') }}">
32 + </head>
33 + <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">
34 + <a href="https://find-your-color.ml/" class="u-image u-logo u-image-1" title="Personal Color">
35 + <img src="{{ url_for('static', filename='images/logo.png') }}" class="u-logo-image u-logo-image-1" data-image-width="198.857">
36 + </a>
37 + </div></header>
38 + <section class="u-align-center u-black u-clearfix u-section-1" id="carousel_fef6">
39 + <div class="u-expanded-width u-shape u-shape-rectangle u-white u-shape-1"></div>
40 + <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') }}">
41 + <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>
42 +</g>
43 +</g></svg></span>
44 + </section>
45 + <section class="u-black u-clearfix u-section-2" id="sec-e83d">
46 + <div class="u-clearfix u-sheet u-sheet-1">
47 + <div class="u-clearfix u-expanded-width u-layout-wrap u-layout-wrap-1">
48 + <div class="u-layout">
49 + <div class="u-layout-row">
50 + <div class="u-container-style u-layout-cell u-size-60 u-layout-cell-1">
51 + <div class="u-container-layout u-container-layout-1">
52 + <h1 class="u-align-center u-text u-text-default u-text-1">퍼스널 컬러: 쿨톤</h1>
53 + <p class="u-align-center u-text u-text-2">openCV 이미지 분석 결과 당신은 쿨톤입니다.<br>
54 + <br>
55 + </p>
56 + <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>
57 + </div>
58 + </div>
59 + </div>
60 + </div>
61 + </div>
62 + </div>
63 + </section>
64 +
65 +
66 + <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">
67 + <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
68 + </blockquote>
69 + </div></footer>
70 + </body>
10 </html> 71 </html>
...\ No newline at end of file ...\ No newline at end of file
......
1 +<!DOCTYPE html>
2 +<html style="font-size: 16px;">
3 + <head>
4 + <meta name="viewport" content="width=device-width, initial-scale=1.0">
5 + <meta charset="utf-8">
6 + <meta name="keywords" content="Cool tone">
7 + <meta name="description" content="">
8 + <meta name="page_type" content="np-template-header-footer-from-plugin">
9 + <title>cool</title>
10 + <link rel="stylesheet" href="{{ url_for('static', filename='nicepage.css') }}" media="screen">
11 +<link rel="stylesheet" href="{{ url_for('static', filename='cool.css') }}" media="screen">
12 + <script class="u-script" type="text/javascript" src="{{ url_for('static', filename='jquery.js') }}" defer=""></script>
13 + <script class="u-script" type="text/javascript" src="{{ url_for('static', filename='nicepage.js') }}" defer=""></script>
14 + <meta name="generator" content="Nicepage 3.0.9, nicepage.com">
15 + <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">
16 + <link id="u-page-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i">
17 +
18 +
19 +
20 + <script type="application/ld+json">{
21 + "@context": "http://schema.org",
22 + "@type": "Organization",
23 + "name": "",
24 + "url": "{{ url_for('static', filename='index.html') }}",
25 + "logo": "{{ url_for('static', filename='images/logo.png') }}"
26 +}</script>
27 + <meta property="og:title" content="cool">
28 + <meta property="og:type" content="website">
29 + <meta name="theme-color" content="#478ac9">
30 + <link rel="canonical" href="{{ url_for('static', filename='index.html') }}">
31 + <meta property="og:url" content="{{ url_for('static', filename='index.html') }}">
32 + </head>
33 + <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">
34 + <a href="https://find-your-color.ml/" class="u-image u-logo u-image-1" title="Personal Color">
35 + <img src="{{ url_for('static', filename='images/logo.png') }}" class="u-logo-image u-logo-image-1" data-image-width="198.857">
36 + </a>
37 + </div></header>
38 + <section class="u-align-center u-black u-clearfix u-section-1" id="carousel_fef6">
39 + <div class="u-expanded-width u-shape u-shape-rectangle u-white u-shape-1"></div>
40 + <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') }}">
41 + <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>
42 +</g>
43 +</g></svg></span>
44 + </section>
45 + <section class="u-black u-clearfix u-section-2" id="sec-e83d">
46 + <div class="u-clearfix u-sheet u-sheet-1">
47 + <div class="u-clearfix u-expanded-width u-layout-wrap u-layout-wrap-1">
48 + <div class="u-layout">
49 + <div class="u-layout-row">
50 + <div class="u-container-style u-layout-cell u-size-60 u-layout-cell-1">
51 + <div class="u-container-layout u-container-layout-1">
52 + <h1 class="u-align-center u-text u-text-default u-text-1">퍼스널 컬러: 쿨톤</h1>
53 + <p class="u-align-center u-text u-text-2">openCV 이미지 분석 결과 당신은 쿨톤입니다.<br>
54 + <br>
55 + </p>
56 + <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>
57 + </div>
58 + </div>
59 + </div>
60 + </div>
61 + </div>
62 + </div>
63 + </section>
64 +
65 +
66 + <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">
67 + <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
68 + </blockquote>
69 + </div></footer>
70 +
71 + </body>
72 +</html>
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 -<html lang="en"> 2 +<html style="font-size: 16px;">
3 -<head> 3 + <head>
4 - <meta charset="UTF-8"> 4 + <meta name="viewport" content="width=device-width, initial-scale=1.0">
5 + <meta charset="utf-8">
6 + <meta name="keywords" content="Cool tone">
7 + <meta name="description" content="">
8 + <meta name="page_type" content="np-template-header-footer-from-plugin">
5 <title>warm</title> 9 <title>warm</title>
6 -</head> 10 + <link rel="stylesheet" href="{{ url_for('static', filename='nicepage.css') }}" media="screen">
7 -<body> 11 +<link rel="stylesheet" href="{{ url_for('static', filename='warm.css') }}" media="screen">
8 - <p>your color is warm</p> 12 + <script class="u-script" type="text/javascript" src="{{ url_for('static', filename='jquery.js') }}" defer=""></script>
9 -</body> 13 + <script class="u-script" type="text/javascript" src="{{ url_for('static', filename='nicepage.js') }}" defer=""></script>
14 + <meta name="generator" content="Nicepage 3.0.9, nicepage.com">
15 + <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">
16 + <link id="u-page-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i">
17 +
18 +
19 +
20 + <script type="application/ld+json">{
21 + "@context": "http://schema.org",
22 + "@type": "Organization",
23 + "name": "",
24 + "url": "{{ url_for('static', filename='index.html') }}",
25 + "logo": "{{ url_for('static', filename='images/logo.png') }}"
26 +}</script>
27 + <meta property="og:title" content="warm">
28 + <meta property="og:type" content="website">
29 + <meta name="theme-color" content="#478ac9">
30 + <link rel="canonical" href="{{ url_for('static', filename='index.html') }}">
31 + <meta property="og:url" content="{{ url_for('static', filename='index.html') }}">
32 + </head>
33 + <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">
34 + <a href="https://find-your-color.ml/" class="u-image u-logo u-image-1" title="Personal Color">
35 + <img src="{{ url_for('static', filename='images/logo.png') }}" class="u-logo-image u-logo-image-1" data-image-width="198.857">
36 + </a>
37 + </div></header>
38 + <section class="u-align-center u-black u-clearfix u-section-1" id="carousel_fef6">
39 + <div class="u-expanded-width u-shape u-shape-rectangle u-white u-shape-1"></div>
40 + <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') }}">
41 + <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>
42 +</g>
43 +</g></svg></span>
44 + </section>
45 + <section class="u-black u-clearfix u-section-2" id="sec-e83d">
46 + <div class="u-clearfix u-sheet u-sheet-1">
47 + <div class="u-clearfix u-expanded-width u-layout-wrap u-layout-wrap-1">
48 + <div class="u-layout">
49 + <div class="u-layout-row">
50 + <div class="u-container-style u-layout-cell u-size-60 u-layout-cell-1">
51 + <div class="u-container-layout u-container-layout-1">
52 + <h1 class="u-align-center u-text u-text-default u-text-1">퍼스널 컬러: 웜톤</h1>
53 + <p class="u-align-center u-text u-text-2">openCV 이미지 분석 결과 당신은 웜톤입니다.<br>
54 + <br>
55 + </p>
56 + <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>
57 + </div>
58 + </div>
59 + </div>
60 + </div>
61 + </div>
62 + </div>
63 + </section>
64 +
65 +
66 + <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">
67 + <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
68 + </blockquote>
69 + </div></footer>
70 + </body>
10 </html> 71 </html>
...\ No newline at end of file ...\ No newline at end of file
......