palnetworks
/
pal-home-front
7
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

.

master
geun1416 2 years ago
parent
6be1e85dac
commit
a3558cec8a
4 changed files with 34 additions and 27 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 20
      html/css/common.css
  2. 1
      html/include/header.html
  3. 2
      html/index.html
  4. 38
      html/js/common.js

20
html/css/common.css
Unescape View File

@ -66,7 +66,7 @@ body,html{overflow-x: hidden;}
.bg04 .inner{padding-top:80px;} .bg04 .inner{padding-top:80px;}
.bg04 ul{width:100%;display:flex;flex-wrap:wrap;} .bg04 ul{width:100%;display:flex;flex-wrap:wrap;}
.bg05{padding:200px 0;} .bg05{padding:200px 0;}
.box{position:relative;display:flex;flex:0 0 33.333%;;margin-top:40px;} .box{position:relative;display:flex;flex:0 0 33.333%;;margin-top:40px;justify-content: center;}
.box > a{width:300px;height:300px;display:block;} .box > a{width:300px;height:300px;display:block;}
.box:hover .list-box{ opacity: 0; } .box:hover .list-box{ opacity: 0; }
.box:hover .line-box{ opacity: 1; } .box:hover .line-box{ opacity: 1; }
@ -332,7 +332,7 @@ padding:18px 20px 15px 20px;font-weight:500;margin: 0px auto;font-size:1rem;box-
.mg_box.on{z-index:9999;} .mg_box.on{z-index:9999;}
.m_gnb{position:absolute; top:0; right:-100%; width:100%; z-index:9; transition:0.3s ease; -webkit-transition:0.3s ease;} .m_gnb{position:absolute; top:0; right:-100%; width:100%; z-index:9; transition:0.3s ease; -webkit-transition:0.3s ease;}
.m_gnb.on{z-index:9999; right:0;} .m_gnb.on{z-index:9999; right:0;}
div.mg_btn{position:absolute; top:15px; right:10px; z-index:99999; div.mg_btn{display:none;position:absolute; top:15px; right:10px; z-index:99999;
transition:0.5s ease; -webkit-transition:0.5s ease; -o-transition:0.5s ease; transition:0.5s ease; -webkit-transition:0.5s ease; -o-transition:0.5s ease;
transition-delay:0.3s; -webkit-transition-delay:0.3s; -o-transition-delay:0.3s; transition-delay:0.3s; -webkit-transition-delay:0.3s; -o-transition-delay:0.3s;
} }
@ -346,7 +346,7 @@ div.mg_btn.on span:last-child{width:42px; transform:translateY(-12px) rotate(90d
.m_gnb div.mg_wrap>ul{padding:100px;} .m_gnb div.mg_wrap>ul{padding:100px;}
.m_gnb div.mg_wrap>ul>li{padding:5px 0;} .m_gnb div.mg_wrap>ul>li{padding:5px 0;}
.m_gnb div.mg_wrap>ul>li>a{font-size:26px; font-weight:900; color:#444!important;} .m_gnb div.mg_wrap>ul>li>a{font-size:26px; font-weight:900; color:#444!important;}
.m_gnb div.mg_wrap>ul>li>ul{display:none;padding:10px 0;} .m_gnb div.mg_wrap>ul>li>ul{display:none;padding:10px 0;height:auto!important}
.m_gnb div.mg_wrap>ul>li>ul>li{padding:5px 0;} .m_gnb div.mg_wrap>ul>li>ul>li{padding:5px 0;}
.m_gnb div.mg_wrap>ul>li>ul>li>a{font-size:20px;color:#444;} .m_gnb div.mg_wrap>ul>li>ul>li>a{font-size:20px;color:#444;}
.m_gnb div.mg_bk{display:none; width:100%; height:100%; background:#222; opacity:0; transition:0.5s ease; -webkit-transition:0.5s ease;} .m_gnb div.mg_bk{display:none; width:100%; height:100%; background:#222; opacity:0; transition:0.5s ease; -webkit-transition:0.5s ease;}
@ -359,11 +359,14 @@ div.mg_btn.on span:last-child{width:42px; transform:translateY(-12px) rotate(90d
@media screen and (max-width:1024px){ @media screen and (max-width:1024px){
#fullpage{display:none} #fullpage{display:none}
.pc-hd{display:none} .pc-hd{display:none}
html,body{height:100%!important;} #fp-nav{display:none;}
div.mg_btn{display:block;}
html,body{}
#hd:hover{background:inherit!important;} #hd:hover{background:inherit!important;}
#mo-main .main-bn{height:520px;background-size:cover;} #mo-main .main-bn{height:520px;background-size:cover;display: flex;align-items: center;}
#mo-main .main-bn.bg04{height:auto;background-size:400px;}
#container{height:100%;} #container{height:100%;}
.inner{width:100%;padding:0 20px;} .inner{width:100%;padding:0 20px;position: inherit;top:0;left:0;transform: inherit;}
.bg-square{width:200px;height:200px;top:-50px} .bg-square{width:200px;height:200px;top:-50px}
.main-txt-box{padding:0 40px;} .main-txt-box{padding:0 40px;}
.main-bn .inner{padding-top:60px;} .main-bn .inner{padding-top:60px;}
@ -374,4 +377,9 @@ div.mg_btn.on span:last-child{width:42px; transform:translateY(-12px) rotate(90d
.main-bn .big{font-size:4rem} .main-bn .big{font-size:4rem}
.main-txt-box b{font-size:2.5rem;} .main-txt-box b{font-size:2.5rem;}
.main-txt-box{font-size:1.25rem;word-break: keep-all;} .main-txt-box{font-size:1.25rem;word-break: keep-all;}
.bg04 .inner{padding-top:0px;}
.line-box{display:none;}
.box > a{width:220px;height:220px;}
.list-box{width:220px;height:220px;}
#footer{position: initial;}
} }

1
html/include/header.html
Unescape View File

@ -20,7 +20,6 @@
}); });
$('html.on #hd_wrapper').css('height', '100vh');
//햄버거메뉴 X버튼 활성화 및 메뉴바 슬라이딩 //햄버거메뉴 X버튼 활성화 및 메뉴바 슬라이딩
$('.mg_btn').click(function(){ $('.mg_btn').click(function(){

2
html/index.html
Unescape View File

@ -52,7 +52,7 @@ body,html{
position: relative; position: relative;
} }
@media screen and(max-width:1024px) { @media screen and(max-width:1024px) {
body,html{overflow-y:auto!important;} body,html{overflow:auto!important;height:100%;}
} }
</style> </style>
<body> <body>

38
html/js/common.js
Unescape View File

@ -8,7 +8,7 @@ $(function(){
licenseKey: '13F1F552-6ACE43B7-95262729-9E0B4778', licenseKey: '13F1F552-6ACE43B7-95262729-9E0B4778',
//options here //options here
anchors:['home', 'works', 'mobility','skills', 'news'], anchors:['home', 'works', 'mobility','skills', 'news'],
// responsiveWidth: 1024, responsiveWidth: 1024,
autoScrolling:true, autoScrolling:true,
scrollHorizontally: true, scrollHorizontally: true,
navigation:true, navigation:true,
@ -20,39 +20,39 @@ $(function(){
} }
if(destination.anchor === 'skills' || destination.anchor === 'news') { if(destination.anchor === 'skills' || destination.anchor === 'news') {
$('.pc-hd .gnb_1da').css('color', '#000'); $('.gnb_1da').css('color', '#000');
$('.pc-hd .wh_logo').css('display', 'none'); $('.wh_logo').css('display', 'none');
$('.pc-hd .color_logo').css('display', 'block'); $('.color_logo').css('display', 'block');
$('#hd').on('mouseenter', function () { $('#hd').on('mouseenter', function () {
$('.pc-hd .wh_logo').css('display', 'block'); $('.wh_logo').css('display', 'block');
$('.pc-hd .color_logo').css('display', 'none'); $('.color_logo').css('display', 'none');
}); });
$('#hd').on('mouseleave', function () { $('#hd').on('mouseleave', function () {
$('.pc-hd .wh_logo').css('display', 'none'); $('.wh_logo').css('display', 'none');
$('.pc-hd .color_logo').css('display', 'block'); $('.color_logo').css('display', 'block');
$('.pc-hd .gnb_1da').css('color', '#000'); $('.gnb_1da').css('color', '#000');
}); });
} else { } else {
$('.pc-hd .gnb_1da').css('color', '#fff'); $('.gnb_1da').css('color', '#fff');
} }
}, },
onLeave: function(origin, destination){ onLeave: function(origin, destination){
new WOW().init(); new WOW().init();
console.log(destination) console.log(destination)
if(destination.anchor === 'skills' || destination.anchor === 'news') { if(destination.anchor === 'skills' || destination.anchor === 'news') {
$('.pc-hd .gnb_1da').css('color', '#fff'); $('.gnb_1da').css('color', '#fff');
} else { } else {
$('.pc-hd .gnb_1da').css('color', '#fff'); $('.gnb_1da').css('color', '#fff');
$('.pc-hd .wh_logo').css('display', 'block'); $('.wh_logo').css('display', 'block');
$('.pc-hd .color_logo').css('display', 'none'); $('.color_logo').css('display', 'none');
$('#hd').on('mouseenter', function () { $('#hd').on('mouseenter', function () {
$('.pc-hd .wh_logo').css('display', 'block'); $('.wh_logo').css('display', 'block');
$('.pc-hd .color_logo').css('display', 'none'); $('.color_logo').css('display', 'none');
}); });
$('#hd').on('mouseleave', function () { $('#hd').on('mouseleave', function () {
$('.pc-hd .wh_logo').css('display', 'block'); $('.wh_logo').css('display', 'block');
$('.pc-hd .color_logo').css('display', 'none'); $('.color_logo').css('display', 'none');
$('.pc-hd .gnb_1da').css('color', '#fff'); $('.gnb_1da').css('color', '#fff');
}); });
} }
}, },

Write Preview
Loading…
Cancel
Save