first commit
This commit is contained in:
93
public/theme/crossmap/mobile/news/news-article-share.php
Executable file
93
public/theme/crossmap/mobile/news/news-article-share.php
Executable 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>
|
||||
378
public/theme/crossmap/mobile/news/news-article.php
Executable file
378
public/theme/crossmap/mobile/news/news-article.php
Executable 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">전체 댓글 보기 ></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>
|
||||
36
public/theme/crossmap/mobile/news/news-foot.php
Executable file
36
public/theme/crossmap/mobile/news/news-foot.php
Executable 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>
|
||||
22
public/theme/crossmap/mobile/news/news-footer.php
Executable file
22
public/theme/crossmap/mobile/news/news-footer.php
Executable 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 © All rights reserved.</div>
|
||||
<div class="address">서울시 성북구 안암로 53 (안암동5가 1136) <br /> Tel : 02) 598-4564 | Fax : 02) 6008-4204</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--footer end-->
|
||||
|
||||
19
public/theme/crossmap/mobile/news/news-head-meta.php
Executable file
19
public/theme/crossmap/mobile/news/news-head-meta.php
Executable 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">
|
||||
30
public/theme/crossmap/mobile/news/news-head.php
Executable file
30
public/theme/crossmap/mobile/news/news-head.php
Executable 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>
|
||||
67
public/theme/crossmap/mobile/news/news-header.php
Executable file
67
public/theme/crossmap/mobile/news/news-header.php
Executable 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>
|
||||
319
public/theme/crossmap/mobile/news/news-home.php
Executable file
319
public/theme/crossmap/mobile/news/news-home.php
Executable 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>
|
||||
176
public/theme/crossmap/mobile/news/news-section.php
Executable file
176
public/theme/crossmap/mobile/news/news-section.php
Executable 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>
|
||||
Reference in New Issue
Block a user