조수연

update

......@@ -24,7 +24,7 @@
또한, 원본 알고리즘은 웜톤과 쿨톤의 스탠다드 값을 연예인들의 이미지를 학습시켜 평균치를 구했는데, 본래 이미지를 통해서 확인하는 퍼스널 컬러는 조명, 화이트 밸런스, 화장 여부 등에 의해 영향을 많이 받기 때문에 이 부분을 수정하였습니다. 퍼스널 컬러 대표 색 이미지들의 Lab b값을 training시켜, 그 평균치를 스탠다드 값으로 업데이트 하였습니다.
# 빌드 방법
## https://find-your-color.netlify.app/
## http://www.find-your-color.ml
# 사용 방법
......
<link rel= "stylesheet" type="text/css" href="css.css">
<script class="jsbin" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<h2><center><br><strong>이미지 업로드</strong></center></h2>
<div class="file-upload">
<button class="file-upload-btn" type="button" onclick="$('.file-upload-input').trigger( 'click' )">Add Image</button>
......@@ -17,41 +18,4 @@
</div>
</div>
<h5><center>Copyright (c) 2020 by Aaron Vanston (https://codepen.io/aaronvanston/pen/yNYOXR)</center></h5>
<script>
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function(e) {
$('.image-upload-wrap').hide();
$('.file-upload-image').attr('src', e.target.result);
$('.file-upload-content').show();
$('.image-title').html(input.files[0].name);
};
reader.readAsDataURL(input.files[0]);
} else {
removeUpload();
}
}
function removeUpload() {
$('.file-upload-input').replaceWith($('.file-upload-input').clone());
$('.file-upload-content').hide();
$('.image-upload-wrap').show();
}
$('.image-upload-wrap').bind('dragover', function () {
$('.image-upload-wrap').addClass('image-dropping');
});
$('.image-upload-wrap').bind('dragleave', function () {
$('.image-upload-wrap').removeClass('image-dropping');
});
</script>
\ No newline at end of file
<h5><center>Copyright (c) 2020 by Aaron Vanston</center></h5>
\ No newline at end of file
......
This diff could not be displayed because it is too large.
......@@ -157,7 +157,7 @@ a:focus {
.tm-hero-text-container {
width: 100%;
height: 100%;
height: 110%;
display: flex;
flex-flow: column;
justify-content: center;
......@@ -217,8 +217,8 @@ a:focus {
}
.tm-intro-text {
font-size: 1.2rem;
line-height: 1.4;
font-size: 1rem;
line-height: 1.5;
}
.tm-icon {
......@@ -232,7 +232,7 @@ a:focus {
.tm-work-description {
max-width: 650px;
width: 100%;
font-size: 0.9rem;
font-size: 1.2rem;
}
.tm-gallery-container {
......@@ -408,7 +408,7 @@ figure.effect-honey:hover h2 i {
#contact {
color: white;
background-image: url(../img/the-town-bg-02.jpg);
background-image: url(../img/color.jpg);
background-position: center;
background-repeat: no-repeat;
min-height: 850px;
......

80.7 KB | W: | H:

636 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
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.
......@@ -5,4 +5,154 @@
* @author Chris Wojcik
* @version 1.2.1
*/
"function"!=typeof Object.create&&(Object.create=function(a){function b(){}return b.prototype=a,new b}),function(a,b,c,d){"use strict";var e={init:function(c,d){this.options=a.extend({},a.fn.singlePageNav.defaults,c),this.container=d,this.$container=a(d),this.$links=this.$container.find("a"),""!==this.options.filter&&(this.$links=this.$links.filter(this.options.filter)),this.$window=a(b),this.$htmlbody=a("html, body"),this.$links.on("click.singlePageNav",a.proxy(this.handleClick,this)),this.didScroll=!1,this.checkPosition(),this.setTimer()},handleClick:function(b){var c=this,d=b.currentTarget,e=a(d.hash);b.preventDefault(),e.length&&(c.clearTimer(),"function"==typeof c.options.beforeStart&&c.options.beforeStart(),c.setActiveLink(d.hash),c.scrollTo(e,function(){c.options.updateHash&&history.pushState&&history.pushState(null,null,d.hash),c.setTimer(),"function"==typeof c.options.onComplete&&c.options.onComplete()}))},scrollTo:function(a,b){var c=this,d=c.getCoords(a).top,e=!1;c.$htmlbody.stop().animate({scrollTop:d},{duration:c.options.speed,easing:c.options.easing,complete:function(){"function"!=typeof b||e||b(),e=!0}})},setTimer:function(){var a=this;a.$window.on("scroll.singlePageNav",function(){a.didScroll=!0}),a.timer=setInterval(function(){a.didScroll&&(a.didScroll=!1,a.checkPosition())},250)},clearTimer:function(){clearInterval(this.timer),this.$window.off("scroll.singlePageNav"),this.didScroll=!1},checkPosition:function(){var a=this.$window.scrollTop(),b=this.getCurrentSection(a);null!==b&&this.setActiveLink(b)},getCoords:function(a){return{top:Math.round(a.offset().top)-this.options.offset}},setActiveLink:function(a){var b=this.$container.find("a[href$='"+a+"']");b.hasClass(this.options.currentClass)||(this.$links.removeClass(this.options.currentClass),b.addClass(this.options.currentClass))},getCurrentSection:function(d){var e,f,g,h;for(e=0;e<this.$links.length;e++)f=this.$links[e].hash,a(f).length&&(g=this.getCoords(a(f)),d>=g.top-this.options.threshold&&(h=f));var i=a(c).height()-a(b).height();if(d==i){var j=this.$links.length;j>0&&(h=this.$links[j-1].hash)}return h||(0===this.$links.length?null:this.$links[0].hash)}};a.fn.singlePageNav=function(a){return this.each(function(){var b=Object.create(e);b.init(a,this)})},a.fn.singlePageNav.defaults={offset:0,threshold:120,speed:400,currentClass:"current",easing:"swing",updateHash:!1,filter:"",onComplete:!1,beforeStart:!1}}(jQuery,window,document);
\ No newline at end of file
"function" != typeof Object.create && (Object.create = function (a) {
function b() {}
return b.prototype = a,
new b
}),
function (a, b, c, d) {
"use strict";
var e = {
init: function (c, d) {
this.options = a.extend({}, a.fn.singlePageNav.defaults, c),
this.container = d,
this.$container = a(d),
this.$links = this
.$container
.find("a"),
"" !== this.options.filter && (
this.$links = this.$links.filter(this.options.filter)
),
this.$window = a(b),
this.$htmlbody = a("html, body"),
this
.$links
.on("click.singlePageNav", a.proxy(this.handleClick, this)),
this.didScroll = !1,
this.checkPosition(),
this.setTimer()
},
handleClick: function (b) {
var c = this,
d = b.currentTarget,
e = a(d.hash);
b.preventDefault(),
e.length && (
c.clearTimer(),
"function" == typeof c.options.beforeStart && c.options.beforeStart(),
c.setActiveLink(d.hash),
c.scrollTo(e, function () {
c.options.updateHash && history.pushState && history.pushState(
null,
null,
d.hash
),
c.setTimer(),
"function" == typeof c.options.onComplete && c
.options
.onComplete()
})
)
},
scrollTo: function (a, b) {
var c = this,
d = c
.getCoords(a)
.top,
e = !1;
c
.$htmlbody
.stop()
.animate({
scrollTop: d
}, {
duration: c.options.speed,
easing: c.options.easing,
complete: function () {
"function" != typeof b || e || b(),
e = !0
}
})
},
setTimer: function () {
var a = this;
a
.$window
.on("scroll.singlePageNav", function () {
a.didScroll = !0
}),
a.timer = setInterval(function () {
a.didScroll && (a.didScroll = !1, a.checkPosition())
}, 250)
},
clearTimer: function () {
clearInterval(this.timer),
this
.$window
.off("scroll.singlePageNav"),
this.didScroll = !1
},
checkPosition: function () {
var a = this
.$window
.scrollTop(),
b = this.getCurrentSection(a);
null !== b && this.setActiveLink(b)
},
getCoords: function (a) {
return {
top: Math.round(a.offset().top) - this.options.offset
}
},
setActiveLink: function (a) {
var b = this
.$container
.find("a[href$='" + a + "']");
b.hasClass(this.options.currentClass) || (
this.$links.removeClass(this.options.currentClass),
b.addClass(this.options.currentClass)
)
},
getCurrentSection: function (d) {
var e,
f,
g,
h;
for (e = 0; e < this.$links.length; e++)
f = this
.$links[e]
.hash,
a(f).length && (
g = this.getCoords(a(f)),
d >= g.top - this.options.threshold && (h = f)
);
var i = a(c).height() - a(b).height();
if (d == i) {
var j = this.$links.length;
j > 0 && (h = this.$links[j - 1].hash)
}
return h || (
0 === this.$links.length
? null
: this.$links[0].hash
)
}
};
a.fn.singlePageNav = function (a) {
return this.each(function () {
var b = Object.create(e);
b.init(a, this)
})
},
a.fn.singlePageNav.defaults = {
offset: 0,
threshold: 120,
speed: 400,
currentClass: "current",
easing: "swing",
updateHash: !1,
filter: "",
onComplete: !1,
beforeStart: !1
}
}(jQuery, window, document);
\ No newline at end of file
......