Skip to content

Z
ZhongWeiXin
Commit bd6ff1f6 by 邓丽
Options

zwxWeb

parent b1d36cdd
Showing with 199 additions and 788 deletions
dist/css/style.css
......@@ -563,7 +563,6 @@ a.cd-read-more:hover {
overflow: hidden;
margin: 10% auto;
position: relative;
background: url('../images/dot.gif') 110px top repeat-y;
}
#dates {
width: 115px;
......@@ -579,7 +578,6 @@ a.cd-read-more:hover {
font-size: 24px;
padding-right: 20px;
text-align: right;
background: url('../images/biggerdot.png') 107px center no-repeat;
}
#dates a {
line-height: 38px;
......@@ -1530,19 +1528,19 @@ a.cd-read-more:hover {
}
.publicCon h2 {
color: #fff;
font-size: 1.8rem;
font-size: 16px;
line-height: 40px;
}
.publicCon small {
display: block;
color: #aaa;
font-size: 15px;
font-size: 14px;
font-weight: 500;
margin: 0.5rem 0 1rem 0;
}
.publicCon p {
color: #cbcbcb;
line-height: 22px;
line-height: 20px;
font-size: 14px;
text-align: left;
word-break: normal;
......@@ -1617,6 +1615,11 @@ a.cd-read-more:hover {
overflow: hidden;
}
.mobileTop .title {
color: #fff;
position: absolute;
z-index: 10;
width: 100%;
text-align: center;
top: 38%;
}
.mobileTop .title h2 {
......@@ -1631,6 +1634,9 @@ a.cd-read-more:hover {
letter-spacing: 1px;
word-spacing: 2px;
}
.mobileTop .title p a {
color: #c9c9c9;
}
.bgImg {
position: absolute;
top: 0;
......@@ -1655,7 +1661,7 @@ a.cd-read-more:hover {
}
.returnCon > span {
display: inline-block;
font-size: 1.6rem;
font-size: 1.8rem;
color: #fff;
letter-spacing: 1px;
word-spacing: 0rem;
......@@ -1858,11 +1864,11 @@ a.cd-read-more:hover {
padding: 10px 0px 0px 0px;
margin-top: 10px;
}
.am-modal-dialog .am-modal-bd .icon span {
.am-modal-dialog .am-modal-bd .icon a {
display: inline-block;
margin-right: 10px;
}
.am-modal-dialog .am-modal-bd .icon span i {
.am-modal-dialog .am-modal-bd .icon a i {
display: inline-block;
vertical-align: middle;
}
......
dist/html/biography.html
......@@ -12,17 +12,14 @@
<meta name="author" content="wos">
<!-- Android -->
<meta name="mobile-web-app-capable" content="yes">
<link rel="icon" sizes="192x192" href="src/images/icon/app.png">
<!--Safari on iOS -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="Amaze UI"/>
<link rel="apple-touch-icon-precomposed" href="src/images/icon/app.png">
<!--Win8 or 10 -->
<meta name="msapplication-TileImage" content="images/i/app.png">
<meta name="msapplication-TileColor" content="#e1652f">
<link rel="icon" type="image/png" href="src/images/icon/favicon.png">
<link rel="stylesheet" href="../assets/css/amazeui.min.css">
<link rel="stylesheet" href="../css/style.css">
......@@ -36,6 +33,15 @@
<![endif]-->
<script src="../assets/js/amazeui.min.js"></script>
<script src="../js/public.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-86315104-1', 'auto');
ga('send', 'pageview');
</script>
<!-- <link rel="stylesheet" href="../css/timeLine.css" />-->
<style type="text/css">
h2.top_title{border-bottom:none;background:none;text-align:center;line-height:32px; font-size:20px}
......@@ -81,10 +87,10 @@
<p>Tel: <b>15236999412</b></p>
<p>email:<b class="blue">7495879552@qq.com</b></p>
<div class="icon">
<span class="icon1"><i class="icon-tuite"></i></span>
<span class="icon2"><i class="icon-facebook"></i></span>
<span class="icon3"><i class="icon-instagram"></i></span>
<span class="icon4"><i class="icon-pinterest"></i></span>
<a herf=""><i class="icon-tuite"></i></a>
<a herf=""><i class="icon-facebook"></i></a>
<a herf=""><i class="icon-instagram"></i></a>
<a herf=""><i class="icon-pinterest"></i></a>
</div>
</div>
</div>
......
dist/html/exhibition.html
......@@ -13,17 +13,14 @@
<meta name="author" content="wos">
<!-- Android -->
<meta name="mobile-web-app-capable" content="yes">
<link rel="icon" sizes="192x192" href="src/images/icon/app.png">
<!--Safari on iOS -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="Amaze UI"/>
<link rel="apple-touch-icon-precomposed" href="src/images/icon/app.png">
<!--Win8 or 10 -->
<meta name="msapplication-TileImage" content="images/i/app.png">
<meta name="msapplication-TileColor" content="#e1652f">
<link rel="icon" type="image/png" href="src/images/icon/favicon.png">
<link rel="stylesheet" href="../assets/css/amazeui.min.css">
<link rel="stylesheet" href="../css/style.css">
......@@ -37,6 +34,15 @@
<![endif]-->
<script src="../assets/js/amazeui.min.js"></script>
<script src="../js/public.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-86315104-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
......@@ -78,10 +84,10 @@
<p>Tel: <b>15236999412</b></p>
<p>email:<b class="blue">7495879552@qq.com</b></p>
<div class="icon">
<span class="icon1"><i class="icon-tuite"></i></span>
<span class="icon2"><i class="icon-facebook"></i></span>
<span class="icon3"><i class="icon-instagram"></i></span>
<span class="icon4"><i class="icon-pinterest"></i></span>
<a herf=""><i class="icon-tuite"></i></a>
<a herf=""><i class="icon-facebook"></i></a>
<a herf=""><i class="icon-instagram"></i></a>
<a herf=""><i class="icon-pinterest"></i></a>
</div>
</div>
</div>
......@@ -92,7 +98,7 @@
<ul class="am-gallery am-avg-sm-1 am-avg-md-2 am-avg-lg-2 am-gallery-overlay" id="exhibitionsUl" data-am-gallery="{ pureview: true }" >
<li>
<div class="am-gallery-item">
<a href="./exhibitionDetail.html">
<a href="./publicationsDetail.html">
<img src="../images/testImg1.png" alt=""/>
<h3 class="am-gallery-title">portfolio</h3>
</a>
......@@ -100,7 +106,7 @@
</li>
<li>
<div class="am-gallery-item">
<a href="./exhibitionDetail.html">
<a href="./publicationsDetail.html"">
<img src="../images/testImg2.png" alt=""/>
<h3 class="am-gallery-title">portfolio</h3>
</a>
......@@ -108,7 +114,7 @@
</li>
<li>
<div class="am-gallery-item">
<a href="./exhibitionDetail.html">
<a href="./publicationsDetail.html">
<img src="../images/testImg3.png" alt=""/>
<h3 class="am-gallery-title">portfolio</h3>
</a>
......@@ -116,7 +122,7 @@
</li>
<li>
<div class="am-gallery-item">
<a href="./exhibitionDetail.html">
<a href="./publicationsDetail.html">
<img src="../images/testImg2.png" alt=""/>
<h3 class="am-gallery-title">portfolio</h3>
</a>
......@@ -133,20 +139,5 @@
</a>
</div>
<input id="linkTitle" value="exhibition" />
<!--<script>
function autoHeight(obj,bi){
var imgHeight;
var Width= $(obj).find("li").width();
imgHeight=parseInt(Width*bi);
$(obj).find('li').height(imgHeight);
}
$(window).resize(function() {
autoHeight('#exhibitionsUl',0.55);
});
window.onload = function(){
autoHeight('#exhibitionsUl',0.55);
}
</script>-->
</body>
</html>
\ No newline at end of file
dist/html/index.html
......@@ -3,27 +3,24 @@
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="keywords" content="钟维兴影像,摄影家钟维兴,钟维兴摄影,失落园" />
<meta name="description" content="钟维兴，中国摄影家协会会员、中国摄影家协会图片产业委员会专家委员。2003年开始系统性摄影艺术创作，历年来创作了《天路》、《失落园》、《天玄地黄》、《马达加斯加影像日记》、《秘鲁影像日记·山巅上的乌兹托克》、《斯里兰卡影像日记·化相重合的瞬间》、《恒河系列》、《美国西海岸》等摄影艺术作品。部分重要作品发表刊登在《中国摄影》、《像素》、《西藏人文地理》等公开发行杂志。" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<title>钟维兴影像</title>
<!--360 browser -->
<meta name="renderer" content="webkit">
<meta name="author" content="wos">
<!-- Android -->
<meta name="mobile-web-app-capable" content="yes">
<link rel="icon" sizes="192x192" href="src/images/icon/app.png">
<!--Safari on iOS -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="Amaze UI"/>
<link rel="apple-touch-icon-precomposed" href="src/images/icon/app.png">
<!--Win8 or 10 -->
<meta name="msapplication-TileImage" content="images/i/app.png">
<meta name="msapplication-TileColor" content="#e1652f">
<link rel="icon" type="image/png" href="src/images/icon/favicon.png">
<link rel="stylesheet" href="../assets/css/amazeui.min.css">
<link rel="stylesheet" href="../css/style.css">
......@@ -37,12 +34,21 @@
<![endif]-->
<script src="../assets/js/amazeui.min.js"></script>
<script src="../js/public.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-86315104-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<div class="am-container">
<div class="am-slider am-slider-default mobileTop" data-am-flexslider="{playAfterPaused: 8000}">
<ul class="am-slides" id="portfolioDel" class="indexSlide">
<ul class="am-slides indexSlide" id="portfolioDel">
<li>
<div>
<img src="../images/testImg1.png" />
......@@ -106,10 +112,6 @@
</div>
<script>
/* window.onload = function(){
var winHeight = document.documentElement.clientHeight;
$("#portfolioDel li").css("max-height",winHeight);
}*/
$('.am-slider').flexslider({
slideshow: true, // Boolean: 是否自动播放
mousewheel: false, // Boolean: 是否开启鼠标滚轮控制
......
dist/html/news.html
......@@ -3,26 +3,23 @@
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="keywords" content="作品名称,摄影师名称,作品关键词" />
<meta name="description" content="关于钟维兴及其作品的新闻" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<title>新闻</title>
<!--360 browser -->
<meta name="renderer" content="webkit">
<meta name="author" content="wos">
<!-- Android -->
<meta name="mobile-web-app-capable" content="yes">
<link rel="icon" sizes="192x192" href="src/images/icon/app.png">
<!--Safari on iOS -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="Amaze UI"/>
<link rel="apple-touch-icon-precomposed" href="src/images/icon/app.png">
<!--Win8 or 10 -->
<meta name="msapplication-TileImage" content="images/i/app.png">
<meta name="msapplication-TileColor" content="#e1652f">
<link rel="icon" type="image/png" href="src/images/icon/favicon.png">
<link rel="stylesheet" href="../assets/css/amazeui.min.css">
<link rel="stylesheet" href="../css/style.css">
......@@ -36,7 +33,15 @@
<![endif]-->
<script src="../assets/js/amazeui.min.js"></script>
<script src="../js/public.js"></script>
<!-- <link rel="stylesheet" href="../css/timeLine.css" />-->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-86315104-1', 'auto');
ga('send', 'pageview');
</script>
<style type="text/css">
h2.top_title{border-bottom:none;background:none;text-align:center;line-height:32px; font-size:20px}
h2.top_title span{font-size:12px; color:#666;font-weight:500}
......@@ -81,10 +86,10 @@
<p>Tel: <b>15236999412</b></p>
<p>email:<b class="blue">7495879552@qq.com</b></p>
<div class="icon">
<span class="icon1"><i class="icon-tuite"></i></span>
<span class="icon2"><i class="icon-facebook"></i></span>
<span class="icon3"><i class="icon-instagram"></i></span>
<span class="icon4"><i class="icon-pinterest"></i></span>
<a herf=""><i class="icon-tuite"></i></a>
<a herf=""><i class="icon-facebook"></i></a>
<a herf=""><i class="icon-instagram"></i></a>
<a herf=""><i class="icon-pinterest"></i></a>
</div>
</div>
</div>
......@@ -95,7 +100,7 @@
<div id="news" >
<ul>
<li>
<a href="">
<a href="./publicationsDetail.html">
<div class="blog">
<h2>HTML5+CSS3实现的响应式垂直时间轴</h2>
<span class="date">2016年10月</span>
......@@ -105,13 +110,13 @@
<div class="right brief">
<p>网页时间轴一般用于展示以时间为主线的事件，如企业网站常见的公司发展历程等。本文将给大家介绍一款基于HTML5和CSS3的漂亮的垂直时间轴，它可以响应页面布局，适用于HTML5开发的PC和移动手机WEB应用。
网页时间轴一般用于展示以时间为主线的事件，如企业网站常见的公司发展历程等。动手机WEB应用。般用于展示以时间为主线般用于展示以时间为主线 <b>...</b></p>
<a href="" class="moreBtn"> more >> </a>
<a href="./publicationsDetail.html" class="moreBtn"> more >> </a>
</div>
</div>
</a>
</li>
<li>
<a href="">
<a href="./publicationsDetail.html">
<div class="blog">
<h2>HTML5+CS轴</h2>
<span class="date">2016年3月</span>
......@@ -120,7 +125,7 @@
</div>
<div class="right brief">
<p>网页时间轴一般用于展示以时间为主线的事件，如企业网站常见的公司发展历程等。本文将给大家介绍一款基于HTML5和CSS3的漂亮的垂直时间轴，它可以响应页面布局，适用于HTML5开发的PC和移动手机WEB应用。<b>...</b></p>
<a href="" class="moreBtn"> more >> </a>
<a href="./publicationsDetail.html" class="moreBtn"> more >> </a>
</div>
</div>
</a>
......@@ -137,16 +142,6 @@
</a>
</div>
<input id="linkTitle" value="news" />
<script>
/* var winHeight = document.documentElement.clientHeight;
var winWidth = document.documentElement.clientWidth;
function newsHeight(obj,bi){
var imgHeight;
var thumbnail=$(obj).find("div.thumbnail").eq(0);
var Width=thumbnail .width();
imgHeight=parseInt(Width*bi);
$(obj).find("div.thumbnail,div.brief").height(imgHeight);
}*/
</script>
</body>
</html>
\ No newline at end of file
dist/html/portfolio.html
......@@ -12,17 +12,14 @@
<meta name="author" content="wos">
<!-- Android -->
<meta name="mobile-web-app-capable" content="yes">
<link rel="icon" sizes="192x192" href="src/images/icon/app.png">
<!--Safari on iOS -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="Amaze UI"/>
<link rel="apple-touch-icon-precomposed" href="src/images/icon/app.png">
<!--Win8 or 10 -->
<meta name="msapplication-TileImage" content="images/i/app.png">
<meta name="msapplication-TileColor" content="#e1652f">
<link rel="icon" type="image/png" href="src/images/icon/favicon.png">
<link rel="stylesheet" href="../assets/css/amazeui.min.css">
<link rel="stylesheet" href="../css/style.css">
......@@ -36,6 +33,15 @@
<![endif]-->
<script src="../assets/js/amazeui.min.js"></script>
<script src="../js/public.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-86315104-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<!--header-->
......@@ -76,10 +82,10 @@
<p>Tel: <b>15236999412</b></p>
<p>email:<b class="blue">7495879552@qq.com</b></p>
<div class="icon">
<span class="icon1"><i class="icon-tuite"></i></span>
<span class="icon2"><i class="icon-facebook"></i></span>
<span class="icon3"><i class="icon-instagram"></i></span>
<span class="icon4"><i class="icon-pinterest"></i></span>
<a herf=""><i class="icon-tuite"></i></a>
<a herf=""><i class="icon-facebook"></i></a>
<a herf=""><i class="icon-instagram"></i></a>
<a herf=""><i class="icon-pinterest"></i></a>
</div>
</div>
</div>
......
dist/html/portfolioDetail.html
......@@ -13,17 +13,14 @@
<meta name="author" content="wos">
<!-- Android -->
<meta name="mobile-web-app-capable" content="yes">
<link rel="icon" sizes="192x192" href="src/images/icon/app.png">
<!--Safari on iOS -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="Amaze UI"/>
<link rel="apple-touch-icon-precomposed" href="src/images/icon/app.png">
<!--Win8 or 10 -->
<meta name="msapplication-TileImage" content="images/i/app.png">
<meta name="msapplication-TileColor" content="#e1652f">
<link rel="icon" type="image/png" href="src/images/icon/favicon.png">
<link rel="stylesheet" href="../assets/css/amazeui.min.css">
<link rel="stylesheet" href="../css/style.css">
......@@ -37,6 +34,15 @@
<![endif]-->
<script src="../assets/js/amazeui.min.js"></script>
<script src="../js/public.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-86315104-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<!--返回上一页-->
......
dist/html/project.html
......@@ -13,17 +13,14 @@
<meta name="author" content="wos">
<!-- Android -->
<meta name="mobile-web-app-capable" content="yes">
<link rel="icon" sizes="192x192" href="src/images/icon/app.png">
<!--Safari on iOS -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="Amaze UI"/>
<link rel="apple-touch-icon-precomposed" href="src/images/icon/app.png">
<!--Win8 or 10 -->
<meta name="msapplication-TileImage" content="images/i/app.png">
<meta name="msapplication-TileColor" content="#e1652f">
<link rel="icon" type="image/png" href="src/images/icon/favicon.png">
<link rel="stylesheet" href="../assets/css/amazeui.min.css">
<link rel="stylesheet" href="../css/style.css">
......@@ -37,6 +34,15 @@
<![endif]-->
<script src="../assets/js/amazeui.min.js"></script>
<script src="../js/public.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-86315104-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
......@@ -79,10 +85,10 @@
<p>Tel: <b>15236999412</b></p>
<p>email:<b class="blue">7495879552@qq.com</b></p>
<div class="icon">
<span class="icon1"><i class="icon-tuite"></i></span>
<span class="icon2"><i class="icon-facebook"></i></span>
<span class="icon3"><i class="icon-instagram"></i></span>
<span class="icon4"><i class="icon-pinterest"></i></span>
<a herf=""><i class="icon-tuite"></i></a>
<a herf=""><i class="icon-facebook"></i></a>
<a herf=""><i class="icon-instagram"></i></a>
<a herf=""><i class="icon-pinterest"></i></a>
</div>
</div>
</div>
......@@ -94,7 +100,7 @@
<div class="projectCon">
<ul class="am-gallery am-avg-sm-1 am-avg-md-6 am-avg-lg-6 am-gallery-overlay" id="projectUl" data-am-gallery="{ pureview: true }" >
<li>
<a href="">
<a href="./publicationsDetail.html">
<div class="imgShow">
<img src="../images/testImg1.png" alt=""/>
</div>
......@@ -106,7 +112,7 @@
</a>
</li>
<li>
<a href="">
<a href="./publicationsDetail.html">
<div class="imgShow">
<img src="../images/testImg2.png" alt=""/>
</div>
......@@ -117,7 +123,7 @@
</a>
</li>
<li>
<a href="">
<a href="./publicationsDetail.html">
<div class="imgShow">
<img src="../images/testImg3.png" alt=""/>
</div>
......@@ -128,7 +134,7 @@
</a>
</li>
<li>
<a href="">
<a href="./publicationsDetail.html">
<div class="imgShow">
<img src="../images/testImg4.png" alt=""/>
</div>
......@@ -139,7 +145,7 @@
</a>
</li>
<li>
<a href="">
<a href="./publicationsDetail.html">
<div class="imgShow">
<img src="../images/testImg3.png" alt=""/>
</div>
......@@ -150,7 +156,7 @@
</a>
</li>
<li>
<a href="">
<a href="./publicationsDetail.html">
<div class="imgShow">
<img src="../images/testImg4.png" alt=""/>
</div>
......@@ -174,25 +180,5 @@
</a>
</div>
<input id="linkTitle" value="project" />
<script>
/* var winWidth=$(window).width();
function autoHeight(obj,bi){
var imgHeight;
var Width= $(obj).eq(0).width();
imgHeight=parseInt(Width*bi);
$(obj).parents('li').height(imgHeight);
}
$(window).resize(function() {
if(winWidth>414){
autoHeight('.imgShow',1);
}
});
window.onload = function(){
if(winWidth>414){
autoHeight('.imgShow',1);
}
}*/
</script>
</body>
</html>
\ No newline at end of file
dist/html/publications.html
......@@ -13,17 +13,14 @@
<meta name="author" content="wos">
<!-- Android -->
<meta name="mobile-web-app-capable" content="yes">
<link rel="icon" sizes="192x192" href="src/images/icon/app.png">
<!--Safari on iOS -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="Amaze UI"/>
<link rel="apple-touch-icon-precomposed" href="src/images/icon/app.png">
<!--Win8 or 10 -->
<meta name="msapplication-TileImage" content="images/i/app.png">
<meta name="msapplication-TileColor" content="#e1652f">
<link rel="icon" type="image/png" href="src/images/icon/favicon.png">
<link rel="stylesheet" href="../assets/css/amazeui.min.css">
<link rel="stylesheet" href="../css/style.css">
......@@ -37,6 +34,15 @@
<![endif]-->
<script src="../assets/js/amazeui.min.js"></script>
<script src="../js/public.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-86315104-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
......@@ -78,10 +84,10 @@
<p>Tel: <b>15236999412</b></p>
<p>email:<b class="blue">7495879552@qq.com</b></p>
<div class="icon">
<span class="icon1"><i class="icon-tuite"></i></span>
<span class="icon2"><i class="icon-facebook"></i></span>
<span class="icon3"><i class="icon-instagram"></i></span>
<span class="icon4"><i class="icon-pinterest"></i></span>
<a herf=""><i class="icon-tuite"></i></a>
<a herf=""><i class="icon-facebook"></i></a>
<a herf=""><i class="icon-instagram"></i></a>
<a herf=""><i class="icon-pinterest"></i></a>
</div>
</div>
</div>
......
dist/html/publicationsDetail.html
......@@ -13,17 +13,14 @@
<meta name="author" content="wos">
<!-- Android -->
<meta name="mobile-web-app-capable" content="yes">
<link rel="icon" sizes="192x192" href="src/images/icon/app.png">
<!--Safari on iOS -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="Amaze UI"/>
<link rel="apple-touch-icon-precomposed" href="src/images/icon/app.png">
<!--Win8 or 10 -->
<meta name="msapplication-TileImage" content="images/i/app.png">
<meta name="msapplication-TileColor" content="#e1652f">
<link rel="icon" type="image/png" href="src/images/icon/favicon.png">
<link rel="stylesheet" href="../assets/css/amazeui.min.css">
<link rel="stylesheet" href="../css/style.css">
......@@ -37,6 +34,15 @@
<![endif]-->
<script src="../assets/js/amazeui.min.js"></script>
<script src="../js/public.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-86315104-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
......
gulpfile.js
......@@ -98,13 +98,13 @@ gulp.task('sprite', function () {
});
// 图片压缩
gulp.task('imagemin', function () {
/*gulp.task('imagemin', function () {
return gulp.src(config.src.images)
.pipe(plugins.watch(config.src.images, { ignoreInitial: false }))
.pipe(plugins.imagemin())
.pipe(gulp.dest(config.dist.images))
.pipe(reload({ stream: true }))
});
});*/
// 输出js
gulp.task('js', function () {
......@@ -115,4 +115,4 @@ gulp.task('js', function () {
// 一键开发
gulp.task('dev', ['serve','less', 'ejs', 'js', 'imagemin', 'sprite'],browserSync.reload);
\ No newline at end of file
gulp.task('dev', ['serve','less', 'ejs', 'js', 'sprite'],browserSync.reload);
\ No newline at end of file
src/less/style.less
......@@ -206,7 +206,6 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
overflow:hidden;
margin:10% auto;
position:relative;
background:url('../images/dot.gif') 110px top repeat-y;
}
#dates {
width:115px;
......@@ -222,7 +221,6 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
font-size:24px;
padding-right:20px;
text-align:right;
background:url('../images/biggerdot.png') 107px center no-repeat;
}
#dates a {
line-height:38px;
......@@ -1202,19 +1200,19 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
text-align: center;
h2{
color: #fff;
font-size: 1.8rem;
font-size: 16px;
line-height: 40px;
}
small{
display: block;
color: #aaa;
font-size: 15px;
font-size: 14px;
font-weight: 500;
margin:0.5rem 0 1rem 0;
}
p{
color: #cbcbcb;
line-height: 22px;
line-height: 20px;
font-size: 14px;
text-align: left;
word-break: normal;
......@@ -1289,6 +1287,11 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
max-height: 300px;
overflow: hidden;
.title{
color: #fff;
position: absolute;
z-index: 10;
width: 100%;
text-align: center;
top:38%;
h2{
font-size: 18px;
......@@ -1301,6 +1304,9 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
font-size: 14px;
letter-spacing: 1px;
word-spacing: 2px;
a{
color: #c9c9c9;
}
}
}
}
......@@ -1327,7 +1333,7 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
background:none;
>span{
display: inline-block;
font-size: 1.6rem;
font-size:1.8rem;
color: #fff;
letter-spacing: 1px;
word-spacing: 0rem;
......@@ -1531,7 +1537,7 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
.icon{
padding: 10px 0px 0px 0px;
margin-top: 10px;
span{
a{
display: inline-block;
margin-right: 10px;
i{
......
src/pages/components/header.html
......@@ -36,10 +36,10 @@
<p>Tel: <b>15236999412</b></p>
<p>email:<b class="blue">7495879552@qq.com</b></p>
<div class="icon">
<span class="icon1"><i class="icon-tuite"></i></span>
<span class="icon2"><i class="icon-facebook"></i></span>
<span class="icon3"><i class="icon-instagram"></i></span>
<span class="icon4"><i class="icon-pinterest"></i></span>
<a herf=""><i class="icon-tuite"></i></a>
<a herf=""><i class="icon-facebook"></i></a>
<a herf=""><i class="icon-instagram"></i></a>
<a herf=""><i class="icon-pinterest"></i></a>
</div>
</div>
</div>
......
src/pages/components/publicHead.html
......@@ -3,17 +3,14 @@
<meta name="author" content="wos">
<!-- Android -->
<meta name="mobile-web-app-capable" content="yes">
<link rel="icon" sizes="192x192" href="src/images/icon/app.png">
<!--Safari on iOS -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="Amaze UI"/>
<link rel="apple-touch-icon-precomposed" href="src/images/icon/app.png">
<!--Win8 or 10 -->
<meta name="msapplication-TileImage" content="images/i/app.png">
<meta name="msapplication-TileColor" content="#e1652f">
<link rel="icon" type="image/png" href="src/images/icon/favicon.png">
<link rel="stylesheet" href="../assets/css/amazeui.min.css">
<link rel="stylesheet" href="../css/style.css">
......@@ -26,4 +23,13 @@
<script src="../assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<script src="../assets/js/amazeui.min.js"></script>
<script src="../js/public.js"></script>
\ No newline at end of file
<script src="../js/public.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-86315104-1', 'auto');
ga('send', 'pageview');
</script>
\ No newline at end of file
src/pages/exhibition.ejs
......@@ -6,7 +6,7 @@
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<title>钟维兴展览统筹</title>
<% include ./components/publicHead.html %>
......@@ -17,7 +17,7 @@
<ul class="am-gallery am-avg-sm-1 am-avg-md-2 am-avg-lg-2 am-gallery-overlay" id="exhibitionsUl" data-am-gallery="{ pureview: true }" >
<li>
<div class="am-gallery-item">
<a href="./exhibitionDetail.html">
<a href="./publicationsDetail.html">
<img src="../images/testImg1.png" alt=""/>
<h3 class="am-gallery-title">portfolio</h3>
</a>
......@@ -25,7 +25,7 @@
</li>
<li>
<div class="am-gallery-item">
<a href="./exhibitionDetail.html">
<a href="./publicationsDetail.html"">
<img src="../images/testImg2.png" alt=""/>
<h3 class="am-gallery-title">portfolio</h3>
</a>
......@@ -33,7 +33,7 @@
</li>
<li>
<div class="am-gallery-item">
<a href="./exhibitionDetail.html">
<a href="./publicationsDetail.html">
<img src="../images/testImg3.png" alt=""/>
<h3 class="am-gallery-title">portfolio</h3>
</a>
......@@ -41,7 +41,7 @@
</li>
<li>
<div class="am-gallery-item">
<a href="./exhibitionDetail.html">
<a href="./publicationsDetail.html">
<img src="../images/testImg2.png" alt=""/>
<h3 class="am-gallery-title">portfolio</h3>
</a>
......@@ -52,20 +52,5 @@
<% include ./components/goTop.html %>
<input id="linkTitle" value="exhibition" />
<!--<script>
function autoHeight(obj,bi){
var imgHeight;
var Width= $(obj).find("li").width();
imgHeight=parseInt(Width*bi);
$(obj).find('li').height(imgHeight);
}
$(window).resize(function() {
autoHeight('#exhibitionsUl',0.55);
});
window.onload = function(){
autoHeight('#exhibitionsUl',0.55);
}
</script>-->
</body>
</html>
\ No newline at end of file
src/pages/exhibitionDetail.ejs deleted 100644 → 0
<!doctype html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<% include ./components/publicHead.html %>
</head>
<body>
<!--返回上一页-->
<div class="returnCon">
<span class="left">ZHONG WEIXING</span>
<span class="right"><a class="prevBtn" href="./exhibition.html">
<i class="icon-closeIco"></i>
<i class="icon-closeIco2"></i>
<i class="icon-closeIco3"></i>
</a> </span>
</div>
<div class="am-container">
<div class="am-g doc-am-g marginTop">
<div class="am-u-sm-12 am-u-md-3 am-u-lg-2 publicIntro">
<span class="right"><a class="close"> × </a></span>
<div class="introCon">
<h2>Exhibition Title</h2>
<p>2016/10/13 12:15</p>
<ul>
<li>
<h3>curtain time:</h3>
<p>2016/8/25-2016/40/12</p>
</li>
<li>
<h3>Exhibition time</h3>
<p>2016/8/25-2016/40/12</p>
</li>
<li>
<h3>Exhibition place</h3>
<p>visual arts center of chengdu overseas Chines town</p>
</li>
<li>
<h3>Exhibition curator:</h3>
<p>zhagn jing</p>
</li>
<li>
<h3>Exhibitors:</h3>
<p>Zhang Jing Zhang Jing Zhang Jing Zhang Jing Zhang Jing</p>
</li>
<li>
<h3>Host unit:</h3>
<p> Alhoidhbik</p>
</li>
<li>
<h3>Undertaking unit</h3>
<p> Alhoidhbik</p>
</li>
<li>
<h3>Exhibition introduction:</h3>
<p> Mr. Sun Xuguang, director of the Ministry of
Gongwangfu management center, Chinese executive vice president of the National Academy of Chinese Artists Association Mr.
Lu Yushun, deputy party secretary, the Secretary General Mr. Xu Li, Mr. Chen Fafen, deputy director of Liaison Bureau of
the Ministry of culture, China National Academy vice president Mr. Zhang Xiaoling, vice president of the National Academy
of China Mr. Zhao Wei. Chinese deputy director of the National Museum of Mr. Li Liusan, Mr. Xia Xiaolin, deputy director
of the Ministry of culture Gongwangfu management center, Ministry of culture and arts of our art director Liu Dongyan Ms.
Chinese Chuangyan Mr. Ji Lianbin National Painting Institute director, China national art academy office director Mr. Qiao Yinan, Mr. Jia
</p>
</li>
</ul>
</div>
</div>
<div class="am-u-sm-12 am-u-md-9 am-u-lg-10">
<div class="am-gallery am-avg-sm-10 am-avg-md-10 am-avg-lg-10">
<ul class="am-gallery am-avg-sm-1 am-avg-md-2 am-avg-lg-4 am-gallery-overlay " id="exDetailUl" data-am-gallery="{ pureview: true }" >
<li>
<a href="../publicationDetails.html">
<div class="am-gallery-item">
<img src="../images/testImg1.png" alt=""/>
</div>
<div class="publicationsIntro">
<h3 class="">portfolioportfolioportfolioportfolioportfolioportfolioportfolioportfolioportfolioportfolioportfolioportfolio</h3>
<p>拍摄时间：2016/10/26</p>
</div>
</a>
</li>
<li>
<a href="publicationDetails.html">
<div class="am-gallery-item">
<img src="../images/testImg1.png" alt=""/>
</div>
<div class="publicationsIntro">
<h3 class="">portfolioportfoliolioportfolio</h3>
<p>拍摄时间：2016/10/26</p>
</div>
</a>
</li>
<li>
<a href="publicationDetails.html">
<div class="am-gallery-item">
<img src="../images/testImg1.png" alt=""/>
</div>
<div class="publicationsIntro">
<h3 class="">portfolioportfofolio</h3>
<p>拍摄时间：2016/10/26folioportfolioportfolioportfolioportfolioportfolioportfolioportfolioportfolioportfolioportfoliopo</p>
</div>
</a>
</li>
<li>
<a href="publicationDetails.html">
<div class="am-gallery-item">
<img src="../images/testImg1.png" alt=""/>
</div>
<div class="publicationsIntro">
<h3 class="">portfolioportfolioportfolioportfolio</h3>
<p>拍摄时间：2016/10/26</p>
</div>
</a>
</li>
<li>
<a href="../publicationDetails.html">
<div class="am-gallery-item">
<img src="../images/testImg1.png" alt=""/>
</div>
<div class="publicationsIntro">
<h3 class="">portolio</h3>
<p>拍摄时间：2016/10/26</p>
</div>
</a>
</li>
<li>
<a href="publicationDetails.html">
<div class="am-gallery-item">
<img src="../images/testImg1.png" alt=""/>
</div>
<div class="publicationsIntro">
<h3 class="">portfolioportfoliopoioportfolioportfolio</h3>
<p>拍摄时间：2016/10/26</p>
</div>
</a>
</li>
<li>
<a href="publicationDetails.html">
<div class="am-gallery-item">
<img src="../images/testImg1.png" alt=""/>
</div>
<div class="publicationsIntro">
<h3 class="">portfortfolioportfol</h3>
<p>拍摄时间：2016/10/26</p>
</div>
</a>
</li>
<li>
<a href="publicationDetails.html">
<div class="am-gallery-item">
<img src="../images/testImg1.png" alt=""/>
</div>
<div class="publicationsIntro">
<h3 class="">portfolioportfolio</h3>
<p>拍摄时间：2016/10/26</p>
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<% include ./components/goTop.html %>
<input id="linkTitle" value="exhibition" />
<!--<script>
function autoHeight(obj,bi){
var imgHeight;
var Width= $(obj).find("li").width();
imgHeight=parseInt(Width*bi);
$(obj).find('li').height(imgHeight);
}
$(window).resize(function() {
if(winWidth>414){
autoHeight('#exDetail',1.08);
}
});
window.onload = function(){
if(winWidth>414){
autoHeight('#exDetail',1.08);
}
}
</script>-->
</body>
</html>
\ No newline at end of file
src/pages/index.ejs
......@@ -3,10 +3,10 @@
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="keywords" content="钟维兴影像,摄影家钟维兴,钟维兴摄影,失落园" />
<meta name="description" content="钟维兴，中国摄影家协会会员、中国摄影家协会图片产业委员会专家委员。2003年开始系统性摄影艺术创作，历年来创作了《天路》、《失落园》、《天玄地黄》、《马达加斯加影像日记》、《秘鲁影像日记·山巅上的乌兹托克》、《斯里兰卡影像日记·化相重合的瞬间》、《恒河系列》、《美国西海岸》等摄影艺术作品。部分重要作品发表刊登在《中国摄影》、《像素》、《西藏人文地理》等公开发行杂志。" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<title>钟维兴影像</title>
<% include ./components/publicHead.html %>
</head>
......@@ -14,7 +14,7 @@
<div class="am-container">
<div class="am-slider am-slider-default mobileTop" data-am-flexslider="{playAfterPaused: 8000}">
<ul class="am-slides" id="portfolioDel" class="indexSlide">
<ul class="am-slides indexSlide" id="portfolioDel">
<li>
<div>
<img src="../images/testImg1.png" />
......@@ -72,10 +72,6 @@
<% include ./components/goTop.html %>
<script>
/* window.onload = function(){
var winHeight = document.documentElement.clientHeight;
$("#portfolioDel li").css("max-height",winHeight);
}*/
$('.am-slider').flexslider({
slideshow: true, // Boolean: 是否自动播放
mousewheel: false, // Boolean: 是否开启鼠标滚轮控制
......
src/pages/news.ejs
......@@ -3,12 +3,11 @@
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="keywords" content="作品名称,摄影师名称,作品关键词" />
<meta name="description" content="关于钟维兴及其作品的新闻" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<title>新闻</title>
<% include ./components/publicHead.html %>
<!-- <link rel="stylesheet" href="../css/timeLine.css" />-->
<style type="text/css">
h2.top_title{border-bottom:none;background:none;text-align:center;line-height:32px; font-size:20px}
h2.top_title span{font-size:12px; color:#666;font-weight:500}
......@@ -20,7 +19,7 @@
<div id="news" >
<ul>
<li>
<a href="">
<a href="./publicationsDetail.html">
<div class="blog">
<h2>HTML5+CSS3实现的响应式垂直时间轴</h2>
<span class="date">2016年10月</span>
......@@ -30,13 +29,13 @@
<div class="right brief">
<p>网页时间轴一般用于展示以时间为主线的事件，如企业网站常见的公司发展历程等。本文将给大家介绍一款基于HTML5和CSS3的漂亮的垂直时间轴，它可以响应页面布局，适用于HTML5开发的PC和移动手机WEB应用。
网页时间轴一般用于展示以时间为主线的事件，如企业网站常见的公司发展历程等。动手机WEB应用。般用于展示以时间为主线般用于展示以时间为主线 <b>...</b></p>
<a href="" class="moreBtn"> more >> </a>
<a href="./publicationsDetail.html" class="moreBtn"> more >> </a>
</div>
</div>
</a>
</li>
<li>
<a href="">
<a href="./publicationsDetail.html">
<div class="blog">
<h2>HTML5+CS轴</h2>
<span class="date">2016年3月</span>
......@@ -45,7 +44,7 @@
</div>
<div class="right brief">
<p>网页时间轴一般用于展示以时间为主线的事件，如企业网站常见的公司发展历程等。本文将给大家介绍一款基于HTML5和CSS3的漂亮的垂直时间轴，它可以响应页面布局，适用于HTML5开发的PC和移动手机WEB应用。<b>...</b></p>
<a href="" class="moreBtn"> more >> </a>
<a href="./publicationsDetail.html" class="moreBtn"> more >> </a>
</div>
</div>
</a>
......@@ -56,16 +55,6 @@
<% include ./components/goTop.html %>
<input id="linkTitle" value="news" />
<script>
/* var winHeight = document.documentElement.clientHeight;
var winWidth = document.documentElement.clientWidth;
function newsHeight(obj,bi){
var imgHeight;
var thumbnail=$(obj).find("div.thumbnail").eq(0);
var Width=thumbnail .width();
imgHeight=parseInt(Width*bi);
$(obj).find("div.thumbnail,div.brief").height(imgHeight);
}*/
</script>
</body>
</html>
\ No newline at end of file
src/pages/project.ejs
......@@ -19,7 +19,7 @@
<div class="projectCon">
<ul class="am-gallery am-avg-sm-1 am-avg-md-6 am-avg-lg-6 am-gallery-overlay" id="projectUl" data-am-gallery="{ pureview: true }" >
<li>
<a href="">
<a href="./publicationsDetail.html">
<div class="imgShow">
<img src="../images/testImg1.png" alt=""/>
</div>
......@@ -31,7 +31,7 @@
</a>
</li>
<li>
<a href="">
<a href="./publicationsDetail.html">
<div class="imgShow">
<img src="../images/testImg2.png" alt=""/>
</div>
......@@ -42,7 +42,7 @@
</a>
</li>
<li>
<a href="">
<a href="./publicationsDetail.html">
<div class="imgShow">
<img src="../images/testImg3.png" alt=""/>
</div>
......@@ -53,7 +53,7 @@
</a>
</li>
<li>
<a href="">
<a href="./publicationsDetail.html">
<div class="imgShow">
<img src="../images/testImg4.png" alt=""/>
</div>
......@@ -64,7 +64,7 @@
</a>
</li>
<li>
<a href="">
<a href="./publicationsDetail.html">
<div class="imgShow">
<img src="../images/testImg3.png" alt=""/>
</div>
......@@ -75,7 +75,7 @@
</a>
</li>
<li>
<a href="">
<a href="./publicationsDetail.html">
<div class="imgShow">
<img src="../images/testImg4.png" alt=""/>
</div>
......@@ -93,25 +93,5 @@
<% include ./components/goTop.html %>
<input id="linkTitle" value="project" />
<script>
/* var winWidth=$(window).width();
function autoHeight(obj,bi){
var imgHeight;
var Width= $(obj).eq(0).width();
imgHeight=parseInt(Width*bi);
$(obj).parents('li').height(imgHeight);
}
$(window).resize(function() {
if(winWidth>414){
autoHeight('.imgShow',1);
}
});
window.onload = function(){
if(winWidth>414){
autoHeight('.imgShow',1);
}
}*/
</script>
</body>
</html>
\ No newline at end of file
src/pages/publications.ejs
......@@ -6,7 +6,7 @@
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<title>钟维兴出版书籍及画册</title>
<% include ./components/publicHead.html %>
......
src/pages/标准模板.html deleted 100644 → 0
<!doctype html>
<!doctype html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<!--360 browser -->
<meta name="renderer" content="webkit">
<meta name="author" content="wos">
<!-- Android -->
<meta name="mobile-web-app-capable" content="yes">
<link rel="icon" sizes="192x192" href="src/images/icon/app.png">
<!--Safari on iOS -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="Amaze UI"/>
<link rel="apple-touch-icon-precomposed" href="src/images/icon/app.png">
<!--Win8 or 10 -->
<meta name="msapplication-TileImage" content="images/i/app.png">
<meta name="msapplication-TileColor" content="#e1652f">
<link rel="icon" type="image/png" href="src/images/icon/favicon.png">
<link rel="stylesheet" href="../assets/css/amazeui.min.css">
<link rel="stylesheet" href="../less/public.css">
<!--[if (gte IE 9)|!(IE)]><!-->
<script src="../assets/js/jquery.min.js"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="../assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<script src="../assets/js/amazeui.min.js"></script>
<script src="../js/public.js"></script>
</head>
<body>
<header class="am-topbar am-topbar-fixed-top wos-header">
<div class="am-container">
<h1 class="am-topbar-brand">
<a href="#"><img src="src/images/logo.png" alt=""></a>
</h1>
<button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-warning am-show-sm-only"
data-am-collapse="{target: '#collapse-head'}">
<span class="am-sr-only">导航切换</span>
<span class="am-icon-bars"></span>
</button>
<div class="am-collapse am-topbar-collapse" id="collapse-head">
<ul class="am-nav am-nav-pills am-topbar-nav">
<li class="am-active"><a href="index.ejs">首页</a></li>
<li><a href="#">资讯</a></li>
<li><a href="#">专栏</a></li>
<li class="am-dropdown" data-am-dropdown>
<a class="am-dropdown-toggle" data-am-dropdown-toggle href="javascript:;">
案例 <span class="am-icon-caret-down"></span>
</a>
<ul class="am-dropdown-content">
<li class="am-dropdown-header">案例</li>
<li><a href="#">1. 游戏案例</a></li>
<li><a href="#">2. 营销案例</a></li>
<li><a href="#">3. 工具案例</a></li>
</ul>
</li>
<li><a href="#">评测</a></li>
<li><a href="#">活动</a></li>
</ul>
<div class="am-topbar-right">
<button class="am-btn am-btn-default am-topbar-btn am-btn-sm"><span class="am-icon-pencil"></span>注册</button>
</div>
<div class="am-topbar-right">
<button class="am-btn am-btn-danger am-topbar-btn am-btn-sm"><span class="am-icon-user"></span> 登录</button>
</div>
</div>
</div>
</header>
<div data-am-widget="gotop" class="am-gotop am-gotop-fixed" >
<a href="#top" title="回到顶部">
<span class="am-gotop-title">回到顶部</span>
<i class="am-gotop-icon am-icon-chevron-up"></i>
</a>
</div>
<footer>
<div class="content">
<ul class="am-avg-sm-5 am-avg-md-5 am-avg-lg-5 am-thumbnails">
<li><a href="#">联系我们</a></li>
<li><a href="#">加入我们</a></li>
<li><a href="#">合作伙伴</a></li>
<li><a href="#">广告及服务</a></li>
<li><a href="#">友情链接</a></li>
</ul>
<div class="btnlogo"><img src="src/images/btnlogo.png"/></div>
<p>Amaze UI出品<br>© 2016 AllMobilize, Inc. Licensed under MIT license. Developed with WebStorm.</p>
<div class="w2div">
<ul data-am-widget="gallery" class="am-gallery am-avg-sm-2
am-avg-md-2 am-avg-lg-2 am-gallery-overlay" data-am-gallery="{ pureview: true }" >
<li class="w2">
<div class="am-gallery-item">
<a href="src/Temp-images/dd.jpg">
<img src="src/Temp-images/dd.jpg" />
<h3 class="am-gallery-title">订阅号：Amaze UI</h3>
</a>
</div>
</li>
<li class="w2">
<div class="am-gallery-item">
<a href="src/Temp-images/dd.jpg">
<img src="src/Temp-images/dd.jpg"/>
<h3 class="am-gallery-title">服务号：Amaze UI</h3>
</a>
</div>
</li>
</ul>
</div>
</div>
</footer>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment