first commit

This commit is contained in:
pakerpale
2020-06-10 06:21:34 +09:00
commit 20c9739ba9
1913 changed files with 266257 additions and 0 deletions

View File

@@ -0,0 +1,93 @@
<!--Share-->
<div class="shareline">
<ul>
<li class="comment"><a href="">
<span class="icon i-comment active">
<!--[if gte IE 9]><!-->
<svg width="29" height="25" xmlns="http://www.w3.org/2000/svg">
<path
d="M19.5 23.709V17.5H27a1.5 1.5 0 0 0 1.5-1.5V2A1.5 1.5 0 0 0 27 .5H2A1.5 1.5 0 0 0 .5 2v14.017a1.5 1.5 0 0 0 1.487 1.5l11.966.104 5.547 6.088z"
stroke="#aaa" fill="#27afc9" fill-rule="nonzero"></path>
</svg>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<img src="<?php echo THEME_FOLDER?>/mobile/img/social/comment.png" alt="" width="29" height="25">
<![endif]-->
</span>
<span class="count comment-count">376</span>
</a></li>
<li class="heart"><a href="">
<span class="icon i-heart active">
<!--[if gte IE 9]><!-->
<svg width="31" height="26" xmlns="http://www.w3.org/2000/svg">
<path
d="M15.5 25c9-6.328 13.833-12.161 14.5-17.5C31-.508 20.75-2 15.5 6 10.25-2 0-.508 1 7.5c.667 5.339 5.5 11.172 14.5 17.5z"
stroke="#aaa" fill="#f02455" fill-rule="nonzero"></path>
</svg>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<img src="<?php echo THEME_FOLDER?>/mobile/img/social/heart.png" alt="" width="31" height="26">
<![endif]-->
</span>
<span class="count heart-count">52</span>
</a></li>
<li class="facebook"><a href="">
<span class="icon i-circle i-facebook">
<!--[if gte IE 9]><!-->
<svg width="10" height="20" xmlns="http://www.w3.org/2000/svg">
<path
d="M6.496 19.13H2.953v-8.745H0V6.988h2.953V4.49c0-1.432.42-2.55 1.26-3.358C5 .377 6.05 0 7.363 0 8.096 0 8.975.039 10 .117v3.045H8.15c-1.103 0-1.654.495-1.654 1.484v2.342h3.386l-.433 3.397H6.496v8.745z"
fill="#fff" fill-rule="nonzero"></path>
</svg>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<img src="<?php echo THEME_FOLDER?>/mobile/img/social/facebook.png" alt="" width="10" height="20">
<![endif]-->
</span>
<span class="count facebook-count">231</span>
</a></li>
<li class="twitter"><a href="">
<span class="icon i-circle i-twitter">
<!--[if gte IE 9]><!-->
<svg width="17" height="14" xmlns="http://www.w3.org/2000/svg">
<path
d="M17 1.63s-.664 1.072-1.738 1.798c.221 4.924-3.381 10.384-9.922 10.384-3.254 0-5.34-1.578-5.34-1.578s2.56.537 5.15-1.42c-2.622-.158-3.254-2.43-3.254-2.43s.727.19 1.58-.063C.537 7.595.664 4.849.664 4.849s.726.442 1.58.442C-.412 3.239 1.168.619 1.168.619s2.402 3.378 7.205 3.662c-.696-3.82 3.697-5.587 5.94-3.188 1.17-.19 2.244-.852 2.244-.852s-.38 1.294-1.549 1.925C15.957 2.103 17 1.629 17 1.629z"
fill="#fff" fill-rule="nonzero"></path>
</svg>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<img src="<?php echo THEME_FOLDER?>/mobile/img/social/twitter.png" alt="" width="17" height="14">
<![endif]-->
</span>
<span class="count twitter-count"></span>
</a></li>
<li class="kakao"><a href="">
<span class="icon i-circle i-kakao">
<!--[if gte IE 9]><!-->
<svg width="10" height="18" xmlns="http://www.w3.org/2000/svg">
<path d="M.971.925V10H5c0 2-1 3.667-3 5l3 3c2.667-2 4.333-4.667 5-8V.925H.971z" fill="#fff"
fill-rule="nonzero"></path>
</svg>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<img src="<?php echo THEME_FOLDER?>/mobile/img/social/kakao.png" alt="" width="10" height="18">
<![endif]-->
</span>
<span class="count kakao-count"></span>
</a></li>
<li class="url"><a href="">
<span class="icon i-circle i-url">
<!--[if gte IE 9]><!-->
<svg width="24" height="11" xmlns="http://www.w3.org/2000/svg">
<path
d="M7.82.758v6.087c0 1.012-.316 1.811-.949 2.4-.632.588-1.497.882-2.593.882-1.079 0-1.936-.286-2.57-.857-.635-.571-.959-1.356-.972-2.355V.758h1.905v6.1c0 .605.145 1.046.434 1.323.29.278.691.416 1.203.416 1.071 0 1.615-.563 1.632-1.688V.758h1.91zm4.983 5.859h-1.517V10H9.382V.758h3.434c1.092 0 1.934.243 2.526.73.593.486.889 1.174.889 2.063 0 .63-.137 1.156-.41 1.577-.272.421-.686.757-1.24 1.006l2 3.777V10h-2.045l-1.733-3.383zm-1.517-1.543h1.536c.478 0 .849-.121 1.111-.365.262-.243.394-.578.394-1.006 0-.436-.124-.779-.372-1.028-.247-.25-.627-.375-1.14-.375h-1.529v2.774zm8.297 3.396h4.043V10h-5.948V.758h1.905V8.47z"
fill="#fff" fill-rule="nonzero"></path>
</svg>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<img src="<?php echo THEME_FOLDER?>/mobile/img/social/url.png" alt="" width="24" height="11">
<![endif]-->
</span>
</a></li>
</ul>
</div>

View File

@@ -0,0 +1,378 @@
<!doctype html>
<!--[if lt IE 7]><html class="no-js lt-ie10 lt-ie9 lt-ie8 lt-ie7" lang="kr"><![endif]-->
<!--[if (IE 7)&!(IEMobile)]><html class="no-js lt-ie10 lt-ie9 lt-ie8" lang="kr"><![endif]-->
<!--[if (IE 8)&!(IEMobile)]><html class="no-js lt-ie10 lt-ie9" lang="kr"><![endif]-->
<!--[if (IE 9)&!(IEMobile)]><html class="no-js lt-ie10" lang="kr"><![endif]-->
<!--[if gt IE 9]><!-->
<html class="no-js" lang="kr">
<!--<![endif]-->
<head>
<?php $this->load->view('mobile/news/news-head-meta')?>
<?php $this->load->view('mobile/news/news-head')?>
<link type="text/css" rel="stylesheet" href="https://cdn.jsdelivr.net/jquery.jssocials/1.4.0/jssocials.css" />
<link type="text/css" rel="stylesheet"
href="https://cdn.jsdelivr.net/jquery.jssocials/1.4.0/jssocials-theme-flat.css" />
<style>
.shareline li {
vertical-align: middle;
}
.jssocials-share-link {
border-radius: 50%;
}
.shareline li {
margin-bottom: 0;
}
.jssocials-share-logo {
width: 1em;
vertical-align: top;
font-size: 1.2em;
}
</style>
</head>
<body>
<?php $this->load->view('mobile/news/news-header')?>
<div class="main-container">
<!--Body Container-->
<div class="container articleCon">
<div class="articleBox">
<div class="news-header">
<h2><?php echo $page->postTitle ?></h2>
<a class="atlogo" href="#">
<?php if ($reporter && $reporter->logo_img) {?>
<img src="https://crossmap.co.kr<?php echo $reporter->logo_img?>">
<?php } else { ?>
<img src="https://crossmap.co.kr/files/press/2019/01/296c76310f3141e0caa5ddbceed92c65.png">
<?php }?>
</a>
<div class="function">
<a href="" class="cm-share-email-btn"><img
src="http://www.crossmap.co.kr/renew2/img/ic-email.gif"></a>
<a href="javascript:popup_print();"><img
src="http://www.crossmap.co.kr/renew2/img/ic-print.gif"></a>
<a href="javascript:ts('print_area', 2);"><img
src="http://www.crossmap.co.kr/renew2/img/ic-text-s.gif"></a>
<a href="javascript:ts('print_area', -2);"><img
src="http://www.crossmap.co.kr/renew2/img/ic-text-b.gif"></a>
<a class="cm-share-email">email</a>
</div>
</div>
<div class="time">입력 <?php echo date('Y.m.d H:i', strtotime($page->datePosted)) ?></div>
<?php $this->load->view('mobile/news/news-article-share')?>
<div class="view-article">
<div class="article">
<div class="subTitle"><?php echo $page->postExcerpt ?></div>
<div class="cm-news-article">
<?php echo $page->postContentHTML ?>
</div>
<div class="share-footer">
<div class="heart">
<a href=""><span class="icon i-heart">
<!--[if gte IE 9]><!-->
<svg width="31" height="26" xmlns="http://www.w3.org/2000/svg">
<path
d="M15.5 25c9-6.328 13.833-12.161 14.5-17.5C31-.508 20.75-2 15.5 6 10.25-2 0-.508 1 7.5c.667 5.339 5.5 11.172 14.5 17.5z"
stroke="#aaa" fill="#FFF" fill-rule="nonzero"></path>
</svg>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<img src="<?php echo THEME_FOLDER?>/mobile/img/social/heart.png" alt="" width="31" height="26">
<![endif]-->
</span>
<span class="count heart-count">14</span></a>
</div>
<div class="share-footer-main">
<span class="visible-icons">
<a href="">
<span class="icon i-circle i-facebook">
<!--[if gte IE 9]><!-->
<svg width="10" height="20" xmlns="http://www.w3.org/2000/svg">
<path
d="M6.496 19.13H2.953v-8.745H0V6.988h2.953V4.49c0-1.432.42-2.55 1.26-3.358C5 .377 6.05 0 7.363 0 8.096 0 8.975.039 10 .117v3.045H8.15c-1.103 0-1.654.495-1.654 1.484v2.342h3.386l-.433 3.397H6.496v8.745z"
fill="#fff" fill-rule="nonzero"></path>
</svg>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<img src="<?php echo THEME_FOLDER?>/mobile/img/social/facebook.png" alt="" width="10" height="20">
<![endif]-->
</span>
</a>
<a href="">
<span class="icon i-circle i-twitter">
<!--[if gte IE 9]><!-->
<svg width="17" height="14" xmlns="http://www.w3.org/2000/svg">
<path
d="M17 1.63s-.664 1.072-1.738 1.798c.221 4.924-3.381 10.384-9.922 10.384-3.254 0-5.34-1.578-5.34-1.578s2.56.537 5.15-1.42c-2.622-.158-3.254-2.43-3.254-2.43s.727.19 1.58-.063C.537 7.595.664 4.849.664 4.849s.726.442 1.58.442C-.412 3.239 1.168.619 1.168.619s2.402 3.378 7.205 3.662c-.696-3.82 3.697-5.587 5.94-3.188 1.17-.19 2.244-.852 2.244-.852s-.38 1.294-1.549 1.925C15.957 2.103 17 1.629 17 1.629z"
fill="#fff" fill-rule="nonzero"></path>
</svg>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<img src="<?php echo THEME_FOLDER?>/mobile/img/social/twitter.png" alt="" width="17" height="14">
<![endif]-->
</span>
</a>
</span>
<span class="hidden-icons active">
<a href="">
<span class="icon i-circle i-kakao">
<!--[if gte IE 9]><!-->
<svg width="10" height="18" xmlns="http://www.w3.org/2000/svg">
<path
d="M.971.925V10H5c0 2-1 3.667-3 5l3 3c2.667-2 4.333-4.667 5-8V.925H.971z"
fill="#fff" fill-rule="nonzero"></path>
</svg>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<img src="<?php echo THEME_FOLDER?>/mobile/img/social/kakao.png" alt="" width="10" height="18">
<![endif]-->
</span>
</a>
<a href="">
<span class="icon i-circle i-url">
<!--[if gte IE 9]><!-->
<svg width="24" height="11" xmlns="http://www.w3.org/2000/svg">
<path
d="M7.82.758v6.087c0 1.012-.316 1.811-.949 2.4-.632.588-1.497.882-2.593.882-1.079 0-1.936-.286-2.57-.857-.635-.571-.959-1.356-.972-2.355V.758h1.905v6.1c0 .605.145 1.046.434 1.323.29.278.691.416 1.203.416 1.071 0 1.615-.563 1.632-1.688V.758h1.91zm4.983 5.859h-1.517V10H9.382V.758h3.434c1.092 0 1.934.243 2.526.73.593.486.889 1.174.889 2.063 0 .63-.137 1.156-.41 1.577-.272.421-.686.757-1.24 1.006l2 3.777V10h-2.045l-1.733-3.383zm-1.517-1.543h1.536c.478 0 .849-.121 1.111-.365.262-.243.394-.578.394-1.006 0-.436-.124-.779-.372-1.028-.247-.25-.627-.375-1.14-.375h-1.529v2.774zm8.297 3.396h4.043V10h-5.948V.758h1.905V8.47z"
fill="#fff" fill-rule="nonzero"></path>
</svg>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<img src="<?php echo THEME_FOLDER?>/mobile/img/social/url.png" alt="" width="24" height="11">
<![endif]-->
</span>
</a>
</span>
<span class="icon i-circle i-toggle expanded"
data-toggle=".share-footer-main .hidden-icons">
</span>
</div>
</div>
<div class="copyright">
<p>
<저작권자 ⓒ '종교 신문 1위' 크리스천투데이, 무단전재 및 재배포 금지>​
</p>
<div class="reporter">강혜진 기자</div>
</div>
<div class="related">
<h4>관련기사를 더 보시려면,</h4>
<ul>
<?php foreach($relatedNews as $r) {?>
<li><a href="<?php echo $r->articleURL?>"><?php echo $r->postTitle?></a></li>
<?php }?>
</ul>
</div>
<!--Comment-->
<div class="comment">
<!--댓글-->
<div class="reply">
<div class="reply_tit">댓글
<span class="blue" id="comment_count">0</span>
<span class="delete">본인 삭제 <span>0</span>
<a href="javascript:comment_delete_refresh('5374', '', '1');"><img
src="https://crossmap.co.kr/img/web/icon_refresh.gif"></a></span>
<span class="btn-info float_right" style="padding-left:10px; padding-top:1px;"><a
href="javascript:;" class="comment_policy_btn"><img
src="https://crossmap.co.kr/img/web/icon_info.gif"></a></span>
<span class="btn-tit float_right"><a href="javascript:;" class="comment_policy_btn"
style="color: #bcbcbc;">댓글운영정책</a></span>
</div>
<div class="reply_box">
<div class="reply_social">
<a href="javascript:change_toggle('login_layer');" style="cursor:pointer"><span
class=""><img
src="https://crossmap.co.kr/img/web/img_cm_off.gif"></span></a>
<a href="javascript:twitter_join('comment')" style="cursor:pointer"><span
class="tweet "><img
src="https://crossmap.co.kr/img/web/img_tweet_off.gif"></span></a>
<a href="javascript:checkLoginState();" style="cursor:pointer"><span
class="facebook "><img
src="https://crossmap.co.kr/img/web/img_facebook_off.gif"></span></a>
<a href="javascript:kakako_login()" style="cursor:pointer"><span class=""><img
src="https://crossmap.co.kr/img/web/img_kakao_off.gif"></span></a>
<a href="javascript:naver_login()" style="cursor:pointer"><span class=""><img
src="https://crossmap.co.kr/img/web/img_naver_off.gif"></span></a>
</div>
<div class="reply_write">
<textarea class="form-control replay_text comment_text" name="comment"
id="comment" rows="3" stra="" readonly=""
placeholder="댓글 작성 시 상대방에 대한 배려와 사랑을 담아주세요." style="width:100%;"></textarea>
</div>
<div class="reply_regist"><span class="reply_no"
id="reply_text_count">0/300</span><span class="reply_btn"
onclick="comment_add_proc();" style="cursor: pointer">등록</span>
</div>
</div>
<div class="reply_sort">
<input type="hidden" name="comment_sort" id="comment_sort" value="1">
<span><a href="javascript:change_comment_sort(1);" id="comment_sort1">호감순</a></span>
<span><a href="javascript:change_comment_sort(2);" class="current"
id="comment_sort2">최신순</a></span>
</div>
<div class="reply_contents">
<ul class="reply_list">
<div class="comment_box">
<div id="comment_list">
<div style="height:100px;text-align:center; line-height:100px;">등록된 댓글이
없습니다.</div>
</div>
<div class="viewall" id="comment_all_list"
style="float:right; padding:20px 0 30px 0;display:none;"><a
href="/web/news/news_comment/1257">전체 댓글 보기 &gt;</a></div>
</div>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Banner-->
<div class="mBanner">
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/m-banner.gif"></a>
</div>
<!--많이 본/댓글많은 뉴스-->
<div class="mainBox">
<ul class="titleBoxTab">
<li class="current">많이 본</li>
<li>댓글 많은</li>
</ul>
<div class="thumbList countList">
<ul>
<?php for ($i = 0; $i < 9; $i++) { ?>
<li>
<a class="img-scaleup" href="<?php echo $hotNews[$i]->articleURL?>"><img
src="https://crossmap.co.kr<?php echo $hotNews[$i]->postImage?>"
style="max-height:86px"></a>
<div class="des">
<span class="blue"><?php $i+1?></span>
<p><a
href="<?php echo $hotNews[$i]->articleURL?>"><?php echo $hotNews[$i]->postTitle?></a>
</p>
</div>
</li>
<?php }?>
</ul>
</div>
</div>
<!--포토-->
<div class="mainBox">
<div class="titleBox">
<ul>
<li class="view"><a href="#">포토</a></li>
</ul>
</div>
<div class="mainBox-slider">
<div class="thumbBox">
<ul>
<li>
<a class="img-scaleup"
href="/channel/<?php echo $photoNews[0]->pageID?>/<?php echo $photoNews[0]->postSeq?>"><img
src="https://crossmap.co.kr<?php echo $photoNews[0]->postImage?>"></a>
<div class="des">
<p><a
href="/channel/<?php echo $photoNews[0]->pageID?>/<?php echo $photoNews[0]->postSeq?>"><?php echo $photoNews[0]->postTitle?></a>
</p>
</div>
</li>
<li>
<a class="img-scaleup"
href="/channel/<?php echo $photoNews[1]->pageID?>/<?php echo $photoNews[1]->postSeq?>"><img
src="https://crossmap.co.kr<?php echo $photoNews[1]->postImage?>"></a>
<div class="des">
<p><a
href="/channel/<?php echo $photoNews[1]->pageID?>/<?php echo $photoNews[1]->postSeq?>"><?php echo $photoNews[1]->postTitle?></a>
</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<?php $this->load->view('mobile/news/news-footer')?>
</div>
<!-- container end -->
<?php $this->load->view('mobile/news/news-foot')?>
<script src="//developers.kakao.com/sdk/js/kakao.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/jquery.jssocials/1.4.0/jssocials.min.js"></script>
<script>
$(function() {
var btnSocial = ["facebook", "twitter", "pinterest"];
for (var i in btnSocial) {
$(".shareline ." + btnSocial[i]).jsSocials({
shares: [btnSocial[i]],
showLabel: false,
showCount: false,
shareIn: "popup"
});
};
var shareEmail = $('.cm-share-email').jsSocials({
shares: ['email'],
showLabel: false,
showCount: false,
shareIn: "popup"
}).hide();
$('.cm-share-email-btn').on('click', function(e) {
e.preventDefault();
shareEmail.find('.jssocials-share-email .jssocials-share-logo').trigger('click');
})
Kakao.init('6ff83d5220e4182ba5f996b2cf6dd52c');
$('.shareline .kakao').on('click', function(e) {
e.preventDefault();
Kakao.Link.sendDefault({
objectType: 'feed',
content: {
title: $(".article-header .title").text(),
imageUrl: $(".cm-news-article img").attr('src'),
link: {
mobileWebUrl: location.href,
webUrl: location.href
}
},
buttons: [{
title: '웹으로 보기',
link: {
mobileWebUrl: location.href,
webUrl: location.href
}
}]
});
});
$('.shareline .url').click(function(event) {
event.preventDefault();
var t = document.createElement("textarea");
document.body.appendChild(t);
t.value = window.location.href;
t.select();
document.execCommand('copy');
document.body.removeChild(t);
alert('url이 복사되었습니다.');
});
})
</script>
</body>
</html>

View File

@@ -0,0 +1,36 @@
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.1/min/tiny-slider.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<script src="<?php echo THEME_FOLDER ?>/mobile/js/script.js"></script>
<!--[if (lt IE 9)]>
<script>
var sheets = document.styleSheets;
for (var i = 0, l = sheets.length; i < l; i++) {
sheets[i].disabled = true;
}
</script>
<style>
body { font-family: Helvetica, Arial, sans-serif; }
@media \0screen { img { width: auto; } }
img {
border: 0;
height: auto;
}
</style>
<![endif]-->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.2/jquery.ui.touch-punch.min.js"></script>
<script>
$(document).ready(function() {
$(".mainBox .tagBox ul.owl-carousel").owlCarousel({
itemElement: 'li',
autoWidth: true,
margin: 15,
loop: true
});
$(".mainNav nav").draggable({
axis: "x"
});
});
</script>

View File

@@ -0,0 +1,22 @@
<!--footer start-->
<div class="footer">
<div class="container">
<div class="ftLogo"><a href="/"><img src="<?php echo THEME_FOLDER?>/mobile/img/logo.svg" alt="크로스맵" width="78"
height="22"></a></div>
<ul>
<li><a href="https://hwttjung.wixsite.com/mysite-1" target="https://hwttjung.wixsite.com/mysite-1">회사소개</a>
</li>
<li><a href="/web/rules/privacy">개인정보 취급방침</a></li>
<li><a href="/web/rules/service">이용약관</a></li>
<li><a href="/web/cs/notice">고객센터</a></li>
</ul>
<ul class="social">
<li><a href="#"><i class="fab fa-facebook-f"></i>페이스북</a></li>
<li><a href="#"><i class="fab fa-instagram"></i>인스타그램</a></li>
</ul>
<div class="copy">Copyright &copy; All rights reserved.</div>
<div class="address">서울시 성북구 안암로 53 (안암동5가 1136) <br /> Tel : 02) 598-4564 | Fax : 02) 6008-4204</div>
</div>
</div>
<!--footer end-->

View File

@@ -0,0 +1,19 @@
<meta charset="utf-8">
<meta name="naver-site-verification" content="894ba0807460988349b1e131377b26966e347fc1">
<meta name="google-site-verification" content="CitaOJM4btglyBtNxZFYymBBzh3g7Pb9PxKl9YF8jDg">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
<!-- <meta http-equiv="cleartype" content="on"> -->
<title>크리스천포털 크로스맵</title>
<meta name="description" content="">
<meta name="author" content="">
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta property="fb:app_id" content="961578337335000">
<!-- favicons -->
<link rel="shortcut icon" href="<?php echo THEME_FOLDER?>/img/shortcut_icon.png">
<link rel="shortcut icon" href="<?php echo THEME_FOLDER?>/img/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="<?php echo THEME_FOLDER?>/img/shortcut_icon.png">
<link rel="apple-touch-startup-image" href="<?php echo THEME_FOLDER?>/img/shortcut_icon.png">

View File

@@ -0,0 +1,30 @@
<!-- css -->
<link rel="stylesheet" href="<?php echo THEME_FOLDER ?>/mobile/css/main.css">
<link rel="stylesheet" href="<?php echo THEME_FOLDER ?>/mobile/css/section.css">
<!-- Font -->
<link href="https://fonts.googleapis.com/css?family=Nanum+Gothic" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Nanum+Myeongjo" rel="stylesheet">
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.min.css">
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.1/tiny-slider.css">
<!--[if (lt IE 9)]><script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.1/min/tiny-slider.helper.ie8.js"></script><![endif]-->
<!-- javascript -->
<!--[if (lt IE 9)]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<script src="assets/js/ie.min.js"></script>
<link href="http://externalcdn.com/respond-proxy.html" id="respond-proxy" rel="respond-proxy" />
<link href="assets/cross-domain/respond.proxy.gif" id="respond-redirect" rel="respond-redirect" />
<script src="assets/cross-domain/respond.proxy.js"></script>
<![endif]-->
<style>
.tagBox ul li {
float: left;
width: 250px;
padding-right: 0;
}
.cm-second-nav{display:none}
</style>

View File

@@ -0,0 +1,67 @@
<noscript>
<p class="enable-js">
To enjoy our website, you'll need to enable <b>JavaScript</b> in your web browser. Please <a
href="http://enable-javascript.com/" target="_blank"><b>click here</b></a> to learn how.
</p>
</noscript>
<!--[if lte IE 8]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/" target="_blank">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<!-- Mobile nav Overlayer -->
<div class="offcanvas" aria-hidden="true">
<div class="nav-wrap">
<button class="btn-close" data-remove=".nav-wrap"><i class="fas fa-times"></i></button>
<nav class="site-nav">
<ul>
<li><a href="index.html">홈</a></li>
<li><a href="index.html">뉴스</a></li>
<li><a href="index.html">웹툰</a></li>
<li><a href="index.html">은혜충전</a></li>
<li><a href="index.html">기도공감</a></li>
<li><a href="index.html">바이블잼</a></li>
<li><a href="index.html">크로스맵 TV</a></li>
<li><a href="index.html">자료실</a></li>
<li class="login"><a href="#">로그인</a></li>
</ul>
</nav>
</div>
</div>
<header class="site-head">
<div class="topHead">
<div class="container">
<button class="nav-toggle" data-toggle=".nav-wrap"><img
src="<?php echo THEME_FOLDER ?>/mobile/img/ic-menu.gif"></button>
<div class="logo"><a href="/"><img src="<?php echo THEME_FOLDER ?>/mobile/img/cm-symbol.gif" alt="크로스맵"
height="34"></a>
<a href="/news" class="sectionTitle">뉴스</a>
</div>
<button class="search-toggle" data-add=".search"><img
src="<?php echo THEME_FOLDER ?>/mobile/img/ic-mag.gif"></button>
</div>
</div>
<div class="container">
<div class="mainNav">
<nav>
<ul>
<?php echo $this->uri->segment(2) ? '<li>' : '<li class="current">' ?><a href="/news">홈</a></li>
<?php echo preg_replace('/^<[^>]+>|<\/[^>]+>$/', '', hooskNav('news', '/news')) ?>
</ul>
</nav>
</div>
</div>
<!-- Search Over -->
<div class="search">
<div class="container">
<button class="btn-close" data-remove=".search"><img
src="<?php echo THEME_FOLDER ?>/mobile/img/ic-close.gif"></button>
<form action="" class="site-head-search">
<input type="text" name="" id="site-head-search" placeholder="검색어를 입력하세요">
<button type="submit"><i class="fa fa-search"></i></button>
</form>
</div>
</div>
</header>

View File

@@ -0,0 +1,319 @@
<!doctype html>
<!--[if lt IE 7]><html class="no-js lt-ie10 lt-ie9 lt-ie8 lt-ie7" lang="kr"><![endif]-->
<!--[if (IE 7)&!(IEMobile)]><html class="no-js lt-ie10 lt-ie9 lt-ie8" lang="kr"><![endif]-->
<!--[if (IE 8)&!(IEMobile)]><html class="no-js lt-ie10 lt-ie9" lang="kr"><![endif]-->
<!--[if (IE 9)&!(IEMobile)]><html class="no-js lt-ie10" lang="kr"><![endif]-->
<!--[if gt IE 9]><!-->
<html class="no-js" lang="kr">
<!--<![endif]-->
<head>
<?php $this->load->view('mobile/news/news-head-meta')?>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
<?php $this->load->view('mobile/news/news-head')?>
</head>
<body>
<?php $this->load->view('mobile/news/news-header')?>
<div class="main-container">
<!--Body Container-->
<div class="container">
<!--Main Slide-->
<div class="mainNews">
<a href="<?php echo $sortByPosted[0]->articleURL?>">
<div class="photo"
style="background:url('https://crossmap.co.kr<?php echo $sortByPosted[0]->postImage?>') no-repeat center; background-size:cover;">
</div>
</a>
<div class="mainNewsTitle">
<h2><a href="<?php echo $sortByPosted[0]->articleURL?>"><?php echo $sortByPosted[0]->postTitle?></a>
</h2>
<ul>
<li>
<a
href="<?php echo $sortByPosted[1]->articleURL?>"><?php echo $sortByPosted[1]->postTitle?></a>
</li>
<li><a
href="<?php echo $sortByPosted[2]->articleURL?>"><?php echo $sortByPosted[2]->postTitle?></a>
</li>
</ul>
</div>
</div>
<!--Banner-->
<div class="mBanner">
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/m-banner.gif"></a>
</div>
<div class="mainBox">
<div class="thumbList">
<ul>
<?php foreach(array_slice($sortByPosted, 3, 6) as $a) {?>
<li>
<a class="img-scaleup" href="<?php echo $a->articleURL?>"><img
src="https://crossmap.co.kr<?php echo $a->postImage?>" style="max-height:86px"></a>
<div class="des">
<p><a href="<?php echo $a->articleURL?>">
<span
class="blue"><?php echo $a->sectionCategory['title'] == '오피니언' ? '['.$a->sectionCategory['title'].']':''?></span>
<?php echo $a->postTitle?></a>
</p>
</div>
</li>
<?php }?>
</ul>
</div>
</div>
<div class="mainBox">
<div class="tagBox">
<ul class='owl-carousel'>
<?php foreach(array_slice($sortByPosted, 9, 9) as $a) {?>
<li>
<a class="img-scaleup" href="<?php echo $a->articleURL?>"><img
src="https://crossmap.co.kr<?php echo $a->postImage?>" style="max-height:141px"></a>
<h3><a
href="<?php echo $a->articleURL?>"><?php echo mb_strimwidth($a->postTitle, 0, 30, '...', 'utf-8')?></a>
</h3>
</li>
<?php }?>
</ul>
</div>
</div>
<!--Banner-->
<div class="mBanner">
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/m-banner.gif"></a>
</div>
<div class="mainBox">
<div class="thumbList">
<ul>
<?php
$seciontNames = array_keys(NEWS_SECTION_CATEGORY);
shuffle($seciontNames);
foreach($seciontNames as $sn) {
if(!count($posts[$sn]))continue;
?>
<li>
<a class="img-scaleup" href="<?php echo $posts[$sn][0]->articleURL?>"><img
src="https://crossmap.co.kr<?php echo $posts[$sn][0]->postImage?>"
style="max-height:86px"></a>
<div class="des">
<div class="blue"><?php echo $posts[$sn][0]->sectionCategory['title']?></div>
<p><a
href="<?php echo $posts[$sn][0]->articleURL?>"><?php echo $posts[$sn][0]->postTitle?></a>
</p>
</div>
</li>
<?php }?>
</ul>
</div>
</div>
<!--Banner-->
<div class="mBanner">
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/m-banner.gif"></a>
</div>
<!--선교/국제-->
<div class="mainBox">
<div class="titleBox">
<ul>
<li class="view"><a href="#">선교/국제</a></li>
</ul>
</div>
<div class="mainBox-slider">
<div class="thumbBox">
<ul>
<li>
<a class="img-scaleup" href="<?php echo $posts['mission'][1]->articleURL?>"><img
src="https://crossmap.co.kr<?php echo $posts['mission'][1]->postImage?>"></a>
<div class="des">
<p><a
href="<?php echo $posts['mission'][1]->articleURL?>"><?php echo $posts['mission'][1]->postTitle?></a>
</p>
</div>
</li>
<li>
<a class="img-scaleup" href="<?php echo $posts['mission'][2]->articleURL?>"><img
src="https://crossmap.co.kr<?php echo $posts['mission'][2]->postImage?>"></a>
<div class="des">
<p><a
href="<?php echo $posts['mission'][2]->articleURL?>"><?php echo $posts['mission'][2]->postTitle?></a>
</p>
</div>
</li>
</ul>
</div>
<div class="thumbList newsList">
<ul>
<?php foreach(array_slice($posts['mission'], 3, 4) as $a) {?>
<li>
<p><a href="<?php echo $a->articleURL?>"><?php echo $a->postTitle?></a></p>
</li>
<?php }?>
</ul>
</div>
</div>
</div>
<!--사회-->
<div class="mainBox">
<div class="titleBox">
<ul>
<li class="view"><a href="#">사회</a></li>
</ul>
</div>
<div class="mainBox-slider">
<div class="thumbBox">
<ul>
<li>
<a class="img-scaleup" href="<?php echo $posts['society'][1]->articleURL?>"><img
src="https://crossmap.co.kr<?php echo $posts['society'][1]->postImage?>"></a>
<div class="des">
<p><a
href="<?php echo $posts['society'][1]->articleURL?>"><?php echo $posts['society'][1]->postTitle?></a>
</p>
</div>
</li>
<li>
<a class="img-scaleup" href="<?php echo $posts['society'][2]->articleURL?>"><img
src="https://crossmap.co.kr<?php echo $posts['society'][2]->postImage?>"></a>
<div class="des">
<p><a
href="<?php echo $posts['society'][2]->articleURL?>"><?php echo $posts['society'][2]->postTitle?></a>
</p>
</div>
</li>
</ul>
</div>
<div class="thumbList newsList">
<ul>
<?php foreach(array_slice($posts['society'], 3, 4) as $a) {?>
<li>
<p><a href="<?php echo $a->articleURL?>"><?php echo $a->postTitle?></a></p>
</li>
<?php }?>
</ul>
</div>
</div>
</div>
<!--문화-->
<div class="mainBox">
<div class="titleBox">
<ul>
<li class="view"><a href="#">문화</a></li>
</ul>
</div>
<div class="mainBox-slider">
<div class="thumbBox">
<ul>
<li>
<a class="img-scaleup" href="<?php echo $posts['culture'][1]->articleURL?>"><img
src="https://crossmap.co.kr<?php echo $posts['culture'][1]->postImage?>"></a>
<div class="des">
<p><a
href="<?php echo $posts['culture'][1]->articleURL?>"><?php echo $posts['culture'][1]->postTitle?></a>
</p>
</div>
</li>
<li>
<a class="img-scaleup" href="<?php echo $posts['culture'][2]->articleURL?>"><img
src="https://crossmap.co.kr<?php echo $posts['culture'][2]->postImage?>"></a>
<div class="des">
<p><a
href="<?php echo $posts['culture'][2]->articleURL?>"><?php echo $posts['culture'][2]->postTitle?></a>
</p>
</div>
</li>
</ul>
</div>
<div class="thumbList newsList">
<ul>
<?php foreach(array_slice($posts['culture'], 3, 4) as $a) {?>
<li>
<p><a href="<?php echo $a->articleURL?>"><?php echo $a->postTitle?></a></p>
</li>
<?php }?>
</ul>
</div>
</div>
</div>
<!--많이 본/댓글많은 뉴스-->
<div class="mainBox">
<ul class="titleBoxTab">
<li class="current">많이 본</li>
<li>댓글 많은</li>
</ul>
<div class="thumbList countList">
<ul>
<?php for ($i = 0; $i < 9; $i++) { ?>
<li>
<a class="img-scaleup" href="<?php echo $hotNews[$i]->articleURL?>"><img
src="https://crossmap.co.kr<?php echo $hotNews[$i]->postImage?>"
style="max-height:86px"></a>
<div class="des">
<span class="blue"><?php $i+1?></span>
<p><a
href="<?php echo $hotNews[$i]->articleURL?>"><?php echo $hotNews[$i]->postTitle?></a>
</p>
</div>
</li>
<?php }?>
</ul>
</div>
</div>
<!--기도소식-->
<div class="mainBox">
<div class="titleBox">
<ul>
<li class="view"><a href="#">기도소식</a></li>
</ul>
</div>
<div class="mainBox-slider">
<div class="thumbBox">
<ul>
<li>
<a class="img-scaleup"
href="/channel/<?php echo $prayNews[0]->pageID?>/<?php echo $prayNews[0]->postID?>"><img
src="https://crossmap.co.kr<?php echo $prayNews[0]->postImage?>"></a>
<div class="des">
<p><a
href="/channel/<?php echo $prayNews[0]->pageID?>/<?php echo $prayNews[0]->postID?>"><?php echo $prayNews[0]->postTitle?></a>
</p>
</div>
</li>
<li>
<a class="img-scaleup"
href="/channel/<?php echo $prayNews[1]->pageID?>/<?php echo $prayNews[1]->postID?>"><img
src="https://crossmap.co.kr<?php echo $prayNews[1]->postImage?>"></a>
<div class="des">
<p><a
href="/channel/<?php echo $prayNews[1]->pageID?>/<?php echo $prayNews[1]->postID?>"><?php echo $prayNews[1]->postTitle?></a>
</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<?php $this->load->view('mobile/news/news-footer')?>
</div>
<!-- container end -->
<?php $this->load->view('mobile/news/news-foot')?>
</body>
</html>

View File

@@ -0,0 +1,176 @@
<!doctype html>
<!--[if lt IE 7]><html class="no-js lt-ie10 lt-ie9 lt-ie8 lt-ie7" lang="kr"><![endif]-->
<!--[if (IE 7)&!(IEMobile)]><html class="no-js lt-ie10 lt-ie9 lt-ie8" lang="kr"><![endif]-->
<!--[if (IE 8)&!(IEMobile)]><html class="no-js lt-ie10 lt-ie9" lang="kr"><![endif]-->
<!--[if (IE 9)&!(IEMobile)]><html class="no-js lt-ie10" lang="kr"><![endif]-->
<!--[if gt IE 9]><!-->
<html class="no-js" lang="kr">
<!--<![endif]-->
<head>
<?php $this->load->view('mobile/news/news-head-meta')?>
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
<?php $this->load->view('mobile/news/news-head')?>
</head>
<body>
<?php $this->load->view('mobile/news/news-header')?>
<div class="main-container">
<!--Body Container-->
<div class="container">
<!--Main Slide-->
<div class="mainNews">
<a href="#">
<div class="photo"
style="background:url('https://crossmap.co.kr<?php echo $posts[0]->postImage ?>') no-repeat center; background-size:cover;">
</div>
</a>
<div class="mainNewsTitle">
<h2><a href="/news/<?php echo $this->uri->segment(2) ?>/<?php echo $posts[0]->postSeq ?>"><?php echo $posts[0]->postTitle ?></a>
</h2>
<ul>
<?php foreach($relatedNews as $a) {?>
<li><a href="/news/<?php echo $this->uri->segment(2) ?>/<?php echo $a->postID ?>"><?php echo $a->postTitle ?></a>
</li>
<?php }?>
</ul>
</div>
</div>
<div class="mainBox">
<div class="thumbList">
<ul>
<?php foreach(array_slice($posts, 1, 6) as $a) {?>
<li>
<a class="img-scaleup" href="/news/<?php echo $this->uri->segment(2) ?>/<?php echo $a->postSeq ?>"><img
src="https://crossmap.co.kr<?php echo $a->postImage ?>" style="max-height:86px"></a>
<div class="des">
<p><a href="/news/<?php echo $this->uri->segment(2) ?>/<?php echo $a->postSeq ?>"><?php echo $a->postTitle ?></a></p>
<div><i class="far fa-clock"></i> <?php echo date('Y.m.d', strtotime($a->datePosted)) ?>
</div>
</div>
</li>
<?php }?>
</ul>
</div>
</div>
<!--Banner-->
<div class="mBanner">
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/m-banner.gif"></a>
</div>
<!--Tag-->
<div class="mainBox">
<div class="tagBox">
<ul class='owl-carousel'>
<?php foreach(array_slice($posts, 7, 9) as $a) {?>
<li>
<a class="img-scaleup" href="/news/<?php echo $this->uri->segment(2) ?>/<?php echo $a->postSeq ?>"><img
src="https://crossmap.co.kr<?php echo $a->postImage?>" style="max-height:141px"></a>
<h3><a
href="/news/<?php echo $this->uri->segment(2) ?>/<?php echo $a->postSeq ?>"><?php echo mb_strimwidth($a->postTitle, 0, 30, '...', 'utf-8')?></a>
</h3>
</li>
<?php }?>
</ul>
</div>
</div>
<div class="mainBox">
<div class="thumbList">
<ul>
<?php foreach(array_slice($posts, 16) as $a) {?>
<li>
<a class="img-scaleup" href="/news/<?php echo $this->uri->segment(2) ?>/<?php echo $a->postSeq ?>"><img
src="https://crossmap.co.kr<?php echo $a->postImage?>" style="max-height:86px"></a>
<div class="des">
<p><a href="/news/<?php echo $this->uri->segment(2) ?>/<?php echo $a->postSeq ?>"><?php echo $a->postTitle?></a></p>
<div><i class="far fa-clock"></i> <?php echo date('Y.m.d', strtotime($a->datePosted)) ?>
</div>
</div>
</li>
<?php }?>
<li class="more"><a href="#">더보기 <i class="fas fa-chevron-down"></i></a></li>
</ul>
</div>
</div>
<!--Banner-->
<div class="mBanner">
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/m-banner.gif"></a>
</div>
<!--많이 본/댓글많은 뉴스-->
<div class="mainBox">
<ul class="titleBoxTab">
<li class="current">많이 본</li>
<li>댓글 많은</li>
</ul>
<div class="thumbList countList">
<ul>
<?php for ($i = 0; $i < 9; $i++) { ?>
<li>
<a class="img-scaleup" href="/news/<?php echo $this->uri->segment(2) ?>/<?php echo $hotNews[$i]->postID ?>"><img
src="https://crossmap.co.kr<?php echo $hotNews[$i]->postImage?>"
style="max-height:86px"></a>
<div class="des">
<span class="blue"><?php $i+1?></span>
<p><a
href="/news/<?php echo $this->uri->segment(2) ?>/<?php echo $hotNews[$i]->postID ?>"><?php echo $hotNews[$i]->postTitle?></a>
</p>
</div>
</li>
<?php }?>
</ul>
</div>
</div>
<!--포토-->
<div class="mainBox">
<div class="titleBox">
<ul>
<li class="view"><a href="#">포토</a></li>
</ul>
</div>
<div class="mainBox-slider">
<div class="thumbBox">
<ul>
<li>
<a class="img-scaleup"
href="/channel/<?php echo $photoNews[0]->pageID?>/<?php echo $photoNews[0]->postSeq?>"><img
src="https://crossmap.co.kr<?php echo $photoNews[0]->postImage?>"></a>
<div class="des">
<p><a
href="/channel/<?php echo $photoNews[0]->pageID?>/<?php echo $photoNews[0]->postSeq?>"><?php echo $photoNews[0]->postTitle?></a>
</p>
</div>
</li>
<li>
<a class="img-scaleup"
href="/channel/<?php echo $photoNews[1]->pageID?>/<?php echo $photoNews[1]->postSeq?>"><img
src="https://crossmap.co.kr<?php echo $photoNews[1]->postImage?>"></a>
<div class="des">
<p><a
href="/channel/<?php echo $photoNews[1]->pageID?>/<?php echo $photoNews[1]->postSeq?>"><?php echo $photoNews[1]->postTitle?></a>
</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<?php $this->load->view('mobile/news/news-footer')?>
</div>
<!-- container end -->
<?php $this->load->view('mobile/news/news-foot')?>
</body>
</html>