송민겸 / EMOJI-HUMAN

Go to a project
Toggle navigation Toggle navigation pinning
rtdtbb8
848b449d 1 parent 7024af1c

2/2

Inline Side-by-side
Showing 9 changed files with 38 additions and 65 deletions
......@@ -389,12 +389,13 @@ p
a,
a:hover,
a:focus,
a:active,{
a:active,
h2{
color: none;/*hover-highlight over,active-highlisht when clicked,focus-highlight when under use*/
outline: none; /*gives outline to an element*/
}
h2,
h3,
h3
{
font-family: Noto Sans KR, Bold;
text-transform: uppercase;
......
......@@ -262,12 +262,13 @@ p
a,
a:hover,
a:focus,
a:active,{
color: #99CED4;/*hover-highlight over,active-highlisht when clicked,focus-highlight when under use*/
a:active,
h2
{color: #99CED4;/*hover-highlight over,active-highlisht when clicked,focus-highlight when under use*/
outline: none; /*gives outline to an element*/
}
h2,
h3,
h3
{
font-family: Noto Sans Kr, Bold;
text-transform: uppercase;
......@@ -346,7 +347,7 @@ header .intro .skills {
font-weight: 700;
border: none;
}
}
.navbar-custom .navbar-nav {
letter-spacing: 1px;
}
......
/* 내비 */
body {
font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-family: Noto Sans Kr, Bold;
overflow-x: hidden;
}
.center
......@@ -21,7 +21,7 @@ a:active {
h2,
h3
{
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-family: Noto Sans Kr, Bold;
text-transform: uppercase;
font-weight: 700;
font-size: 30px;
......@@ -70,7 +70,7 @@ header .container {
}
header .intro .name {
display: block;
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-family: Noto Sans Kr, Bold;
text-transform: uppercase;
font-weight: 700;
font-size: 2em;
......@@ -93,7 +93,7 @@ header .intro .skills {
}
.navbar-custom {
background: #2C3E50;
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-family: Noto Sans Kr, Bold;
text-transform: uppercase;
font-weight: 700;
border: none;
......@@ -163,12 +163,15 @@ footer .footer-below {
padding: 0;
}
html, body {
height: 100%;
height: 200vh;
}
section {
position: relative;
width: 100%;
height: 50%;
background-size: 80vw 80vw;
background-repeat: no-repeat;
}
section::after {
position: absolute;
......@@ -177,6 +180,7 @@ section::after {
content: '';
width: 100%;
height: 80%;
/* background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 80%,rgba(0,0,0,.8) 100%); */
/* background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 80%,rgba(0,0,0,.8) 100%); */
}
......@@ -309,7 +313,7 @@ section h3 {
/* 메세지 버블 */
/* body {
font-family: "Helvetica Neue";
font-family: "Noto Sans Kr, regular";
font-size: 20px;
font-weight: normal;
} */
......
......@@ -49,7 +49,9 @@
</div>
</nav>
<!-- 내비게이션 -->
<!-- 배경 스크롤 -->
<section id="section01" class="demo">
......@@ -80,7 +82,6 @@
<a href="#section02"><span></span></a>
</section>
<section id="section02" class="demo">
<!-- 1번 대화 -->
<section>
......@@ -100,7 +101,8 @@
<br>
<br>
<br>
<br>
<br>
<img src="emojihuman1-05.png" width="550px", height="500px">
<div class="from-them">
<p>안녕하세요!!<br>
저는 이모지 인간이라고 해요 @.@ <br>
......@@ -109,10 +111,6 @@
</div>
<div class="clear"></div>
<br>
<br>
<br>
<div class="from-me slam">
<p>이모지 인간에게 인사하기</p>
</div>
......@@ -138,15 +136,20 @@
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<div class="from-me gentle">
<p>이모지 인간은 뭔가요...?</p>
</div>
<div class="clear"></div>
<br>
<br>
<br>
<img src="emojihuman2-05.png" width="550px", height="500px">
<div class="from-them">
<p>이모지 인간은 말그대로
......@@ -177,9 +180,7 @@
</div>
<div class="clear"></div>
<br>
<br>
<br>
<img src="emojihuman3-05.png" width="550px", height="500px">
<div class="from-them">
<p>요즘 10대-20대들은 SNS 사용시,
......@@ -200,20 +201,13 @@
<section>
<br>
<br>
<br>
<br>
<br>
<br>
<div class="from-me gentle">
<p>그럼 이모지 인간은 뭘할 수 있나요?</p>
</div>
<div class="clear"></div>
<br>
<br>
<br>
<img src="emojihuman4-05.png" width="550px", height="500px">
<div class="from-them">
<p>첫째, 저와의 간단한 대화!
......@@ -222,13 +216,7 @@
</div>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<div class="from-them">
<p>첫번째...보다는
......@@ -252,14 +240,7 @@
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<div class="from-them">
<p>이모지 MBTI 카드는 EMOTI라고 해요.
여러 이모지들을 활용해서 각 16개 mbti
......@@ -290,17 +271,6 @@
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<div class="from-me gentle">
......@@ -308,10 +278,7 @@
</div>
<div class="clear"></div>
<br>
<br>
<br>
<img src="emojihuman5-05.png" width="550px", height="500px">
<div class="from-them">
<p>This page cannot be found</p>
</div>
......