diff --git a/index.html b/index.html index 2c0cbca..8f00797 100644 --- a/index.html +++ b/index.html @@ -67,7 +67,7 @@

Unbap Member Profile

-      유정섭    유정섭 John

     별명: 컴공대장
@@ -97,7 +97,7 @@

Unbap Member Profile

-      임정현 +     임정현  Elena

     별명: 주식대장
@@ -126,7 +126,7 @@

Unbap Member Profile

-      전소명 +     전소명  Noah

     별명: 먹방대장
@@ -150,26 +150,26 @@

Unbap Member Profile

- -
- -
-

-      정주영 -  Peter

-      별명: 패션왕
-      학교: 한동대학교
-      전공: 컴퓨터공학심화 -

-
- -
- -
-
+ +
+ +
+

+     정주영 +  Peter

+      별명: 패션왕
+      학교: 한동대학교
+      전공: 컴퓨터공학심화 +

+
+ +
+ +
+
@@ -184,12 +184,12 @@

Unbap Member Profile

-      최혜림 Joy

-      별명: - 오케왕
-      학교: 한동대학교
+     최혜림 Joy

+      별명: 오케왕
+      학교: 한동대학교
     전공: 컴퓨터공학심화

@@ -214,7 +214,7 @@

Unbap Member Profile

-      홍석찬 +     홍석찬  Freddie

     별명: 팀장님
diff --git a/language/c#.png b/language/c#.png new file mode 100644 index 0000000..e4ee20c Binary files /dev/null and b/language/c#.png differ diff --git a/language/c++.jpg b/language/c++.jpg new file mode 100644 index 0000000..85a1700 Binary files /dev/null and b/language/c++.jpg differ diff --git a/language/c1.png b/language/c1.png new file mode 100644 index 0000000..3865f18 Binary files /dev/null and b/language/c1.png differ diff --git a/language/css.jpg b/language/css.jpg new file mode 100644 index 0000000..a7ebc5e Binary files /dev/null and b/language/css.jpg differ diff --git a/language/flutter.png b/language/flutter.png new file mode 100644 index 0000000..3f9894c Binary files /dev/null and b/language/flutter.png differ diff --git a/language/goc.png b/language/goc.png new file mode 100644 index 0000000..be31b9d Binary files /dev/null and b/language/goc.png differ diff --git a/language/golang.png b/language/golang.png new file mode 100644 index 0000000..3410dc3 Binary files /dev/null and b/language/golang.png differ diff --git a/language/html.png b/language/html.png new file mode 100644 index 0000000..479ec7a Binary files /dev/null and b/language/html.png differ diff --git a/language/java.jpg b/language/java.jpg new file mode 100644 index 0000000..7cb09a6 Binary files /dev/null and b/language/java.jpg differ diff --git a/language/js.png b/language/js.png new file mode 100644 index 0000000..e2e1934 Binary files /dev/null and b/language/js.png differ diff --git a/language/python.jpg b/language/python.jpg new file mode 100644 index 0000000..042e566 Binary files /dev/null and b/language/python.jpg differ diff --git a/language/react.jpg b/language/react.jpg new file mode 100644 index 0000000..dc362aa Binary files /dev/null and b/language/react.jpg differ diff --git a/part-2.js b/part-2.js new file mode 100644 index 0000000..8e0c718 --- /dev/null +++ b/part-2.js @@ -0,0 +1,51 @@ +var slideIndex = 0; //slide index + +// HTML 로드가 끝난 후 동작 +window.onload=function(){ + showSlides(slideIndex); + + // Auto Move Slide +// var sec = 3000; +// setInterval(function(){ +// slideIndex++; +// showSlides(slideIndex); + +// }, sec); +} + + +// Next/previous controls +function moveSlides(n) { + slideIndex = slideIndex + n + showSlides(slideIndex); +} + +// Thumbnail image controls +function currentSlide(n) { + slideIndex = n; + showSlides(slideIndex); +} + +function showSlides(n) { + + var slides = document.getElementsByClassName("mySlides"); + var dots = document.getElementsByClassName("dot"); + var size = slides.length; + + if ((n+1) > size) { + slideIndex = 0; n = 0; + }else if (n < 0) { + slideIndex = (size-1); + n = (size-1); + } + + for (i = 0; i < slides.length; i++) { + slides[i].style.display = "none"; + } + for (i = 0; i < dots.length; i++) { + dots[i].className = dots[i].className.replace(" active", ""); + } + + slides[n].style.display = "block"; + dots[n].className += " active"; +} \ No newline at end of file diff --git a/privateProfile.html b/privateProfile.html new file mode 100644 index 0000000..9c074a8 --- /dev/null +++ b/privateProfile.html @@ -0,0 +1,136 @@ + + + + + + + + + + + + + + + + + UNBAP + + + +

+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ I AM +  JOHN
+
+ 자기소개입니다.
+ 안녕하세요. 한동대학교에 재학 중인 2학년 유정섭입니다.넹 그렇습니다.
+ 세번째줄입니다. 네 그렇습니다.
+ 마지막줄이네요. 네 맥시멈입니다.
+
+

+ 프로젝트 +

+
+ + +
+ + + + +
+
+ + + +
+ +
+ + + +
+ + +
+

tool

+
+
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+
+
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+
+
+ +
+ +
+ +
+
+
+ + + + \ No newline at end of file diff --git a/project-2.css b/project-2.css index 9aa6221..f4dfcfe 100644 --- a/project-2.css +++ b/project-2.css @@ -21,10 +21,25 @@ width: 45%; height: 100%; border-right: 5px solid white; - /* overflow: hidden; */ float: left; background-color: aquamarine; - /* margin-right: 10%; */ +} + +.part-2 .box2 { + width: 30%; + height: 30%; + float: left; + margin: 5vh 15vh 2vh 23vh; +} + +.part-2 .box3 { + width: 80px; + height: 80px; + /* border-right: 5px solid white; */ + float: left; + /* background-color: aquamarine; */ + margin: 0.5vh 0.5vh 0.5vh 0.5vh; + border: solid 1px black; } .part-2 .img { @@ -32,6 +47,22 @@ height: 100%; object-fit: cover; overflow: hidden; + +} + +.part-2 .img2 { + width: 100%; + height: 100%; + object-fit: cover; + overflow: hidden; +} + +.part-2 .img3 { + width: 100%; + height: 100%; + object-fit: cover; + overflow: hidden; + filter: grayscale(80%) } .part-2 .name { @@ -159,3 +190,150 @@ -o-transform: scale(1.8); transform: scale(1.8); } +/* * { + margin: 0; + padding: 0; + box-sizing:border-box; +} */ + +/* Slideshow container */ +.part-2 .slideshow-container { + width: 18vh; + height: 12vh; + /* position: relative; + margin: auto; */ + object-fit: cover; + overflow: hidden; + border: solid 10px rgba(128, 128, 128, 0.5); + text-align:center; + float:left; + margin: 2vh 2vh 2vh 0; +} +.part-2 .slideshow-container .mySlides img { + height: 100px; +} + +/* Hide the images by default */ +.part-2 .mySlides { + display: none; +} +/* 세세히 알아볼것 */ + +/* Next & previous buttons */ +.part-2 .prev, .next { + cursor: pointer; + text-align: center; + padding: 10px; + color: #F8BBD0; + font-weight: bold; + font-size: 30px; + transition: 0.6s ease; + border-radius: 0 3px 3px 0; + user-select: none; +} + +.part-2 .prev { + margin:4vh 2vh 2vh 3vh; +} +/* Position the "next button" to the right */ +.part-2 .next { + margin:0 10px 0 10px; + /* top: 300px; */ + /* right: 30px; */ + /* left:915px; */ + border-radius: 3px 0 0 3px; +} + +/* On hover, add a black background color with a little bit see-through */ +.part-2 .prev:hover, .next:hover { + background-color: rgba(128,128,128,0.8); +} + +/* Caption text */ +.part-2 .text { + color: blue; + font-size: 1rem; + padding: 8px 12px; + position: absolute; + /* bottom: 8px; + width: 100%; */ + text-align: center; + margin-left:30px; + text-decoration: underline 5px dotted; +} + +/* Number text (1/3 etc) */ +.part-2 .numbertext { + color: red; + font-size: 12px; + padding: 8px 12px; + position: absolute; + top: 15; + /* top이 위치 조정 */ +} + +/* 애니메이션 효과 && 물어볼 것 */ +/* + */ + +/* 알아볼것 +@-webkit-keyframes fade { + from {opacity: .4} + to {opacity: 1} +} + +@keyframes fade { + from {opacity: .4} + to {opacity: 1} +} */ + +/* The dots/bullets/indicators */ +/* .dot { + cursor: pointer; + height: 15px; + width: 15px; + margin: 0 2px; + background-color: #bbb; + border-radius: 50%; + display: inline-block; + transition: background-color 0.6s ease; +} */ + +/* .active, .dot:hover { + background-color: #717171; +} */ + +/* Fading animation */ + +.part-2 .table { + /* border:solid 1px red; */ + margin:2vh 0 0 4vh; + max-width: 70% +} + +.part-2 .self { + /* border:solid 1px red; */ + text-align:left; + font-size: 4vh; +} + +.part-2 .engn { + color: pink; + font-size: 5rem; +} + +.part-2 .selfint{ + /* border:solid 1px red; */ + font-size: 1rem; + padding:3vh 0 -2vh 3vh; +} + +/* .part-2 .selfin{ + margin-left:-2vh; +} */ + +.part-2 .tit{ + /* border:solid 1px red; */ + text-decoration:overline 5px dotted #F8BBD0; + font-size:3vh; +}