Skip to content

Z
ZhongWeiXin
Commit 4a0c1cfb by 邓丽
Options

填写简历“

parent bd6ff1f6
Showing with 290 additions and 298 deletions
dist/assets/js/amazeui.js
...@@ -6314,7 +6314,6 @@ return /******/ (function(modules) { // webpackBootstrap ...@@ -6314,7 +6314,6 @@ return /******/ (function(modules) { // webpackBootstrap
slider.w = (slider.viewport === undefined) ? slider.width() : slider.viewport.width(); slider.w = (slider.viewport === undefined) ? slider.width() : slider.viewport.width();
slider.h = slide.height(); slider.h = slide.height();
slider.boxPadding = slide.outerWidth() - slide.width(); slider.boxPadding = slide.outerWidth() - slide.width();
// CAROUSEL: // CAROUSEL:
if (carousel) { if (carousel) {
slider.itemT = slider.vars.itemWidth + slideMargin; slider.itemT = slider.vars.itemWidth + slideMargin;
......
dist/css/style.css
...@@ -477,11 +477,13 @@ body { ...@@ -477,11 +477,13 @@ body {
height: 100%; height: 100%;
-o-object-fit: cover; -o-object-fit: cover;
object-fit: cover; object-fit: cover;
position: relative;
z-index: 3;
} }
/*biography页面*/ /*biography页面*/
.cd-timeline-block { .cd-timeline-block {
position: relative; position: relative;
margin: 2em 0; margin: 0;
} }
.cd-timeline-block:after { .cd-timeline-block:after {
content: ""; content: "";
...@@ -616,26 +618,55 @@ a.cd-read-more:hover { ...@@ -616,26 +618,55 @@ a.cd-read-more:hover {
box-shadow: none; box-shadow: none;
} }
.bg-timeline-content li { .bg-timeline-content li {
margin-bottom: 20px; margin-bottom: 15px;
} }
.bg-timeline-content h2 { .bg-timeline-content h2 {
color: #999; color: #999;
line-height: 35px; line-height: 50px;
font-size: 20px; font-size: 20px;
border-bottom: 1px dashed #464646;
margin-bottom: 10px;
} }
.bg-timeline-content p { .bg-timeline-content p {
font-size: 18px; font-size: 16px;
line-height: 30px; line-height: 28px;
color: #888; color: #888;
margin-bottom: 10px; margin-bottom: 10px;
text-indent: 32px;
letter-spacing: 0px;
} }
.bg-timeline-content small { .bg-timeline-content .shotList {
display: block; margin: 20px 50px;
border-bottom: 1px dashed #464646; }
line-height: 35px; .bg-timeline-content .shotList li {
font-size: 16px; font-size: 14px;
color: #666; line-height: 27px;
margin-bottom: 10px; margin: 0px;
color: #888;
list-style-type: disc;
}
/*新闻页面时间轴插件*/
.cd-container {
width: 90%;
max-width: 1170px;
margin: 0 30% 0 auto;
}
.cd-container::after {
content: '';
display: table;
clear: both;
}
#cd-timeline {
position: relative;
}
#cd-timeline::before {
content: '';
position: absolute;
top: 45px;
left: 18px;
height: 94%;
width: 1px;
background: #d7e4ed;
} }
/*媒体样式*/ /*媒体样式*/
[class*=am-icon-] { [class*=am-icon-] {
...@@ -987,7 +1018,7 @@ a.cd-read-more:hover { ...@@ -987,7 +1018,7 @@ a.cd-read-more:hover {
.imgIntro p { .imgIntro p {
font-size: 1.6rem; font-size: 1.6rem;
color: #9b9b9b; color: #9b9b9b;
line-height: 24px; line-height: 25px;
word-spacing: 2px; word-spacing: 2px;
height: 680px; height: 680px;
overflow: auto; overflow: auto;
...@@ -998,13 +1029,18 @@ a.cd-read-more:hover { ...@@ -998,13 +1029,18 @@ a.cd-read-more:hover {
left: 0; left: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
height: 102%; height: 100%;
width: 100%;
z-index: 8;
}
.bgImg img {
width: 100%; width: 100%;
height: 100%;
} }
.title { .title {
color: #fff; color: #fff;
position: absolute; position: absolute;
top: 46%; top: 45%;
z-index: 10; z-index: 10;
width: 100%; width: 100%;
text-align: center; text-align: center;
...@@ -1155,6 +1191,63 @@ a.cd-read-more:hover { ...@@ -1155,6 +1191,63 @@ a.cd-read-more:hover {
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
} }
/*时间轴线样式*/
.cd-timeline-content {
margin-right: 4rem;
width: 62%;
float: right;
height: auto;
}
.cd-timeline-content::before {
top: 24px;
left: 25%;
border-color: transparent;
border-left-color: white;
}
.cd-timeline-content .cd-read-more {
float: left;
}
.cd-timeline-content .cd-date {
position: absolute;
width: auto;
left: -10%;
top: 18px;
font-size: 16px;
color: #fff;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content {
float: right;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
float: right;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
text-align: right;
font-szie: 16px;
color: #fff;
}
.cssanimations .cd-timeline-content.is-hidden {
visibility: hidden;
}
.cssanimations .cd-timeline-content.bounce-in {
visibility: visible;
-webkit-animation: cd-bounce-2 0.6s;
-moz-animation: cd-bounce-2 0.6s;
animation: cd-bounce-2 0.6s;
}
/* inverse bounce effect on even content blocks */
.cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
-webkit-animation: cd-bounce-2-inverse 0.6s;
-moz-animation: cd-bounce-2-inverse 0.6s;
animation: cd-bounce-2-inverse 0.6s;
}
#cd-timeline {
margin-bottom: 2em;
}
#cd-timeline::before {
left: 25%;
margin-left: -2px;
}
} }
@media (min-width: 1150px) and (max-width: 1530px) { @media (min-width: 1150px) and (max-width: 1530px) {
.am-with-topbar-fixed-top { .am-with-topbar-fixed-top {
...@@ -1421,6 +1514,10 @@ a.cd-read-more:hover { ...@@ -1421,6 +1514,10 @@ a.cd-read-more:hover {
font-size: 1.4rem; font-size: 1.4rem;
margin: 10px 0; margin: 10px 0;
} }
#portfolioDel {
position: absolute;
left: 0px;
}
#portfolioDel li { #portfolioDel li {
float: none; float: none;
display: block; display: block;
...@@ -1696,6 +1793,11 @@ a.cd-read-more:hover { ...@@ -1696,6 +1793,11 @@ a.cd-read-more:hover {
margin-top: 70px; margin-top: 70px;
} }
/*biography页面*/ /*biography页面*/
.cd-timeline-content {
margin-left: 40px!important;
padding: 15px 0 0 10px;
width: 90%;
}
.cd-timeline-content h2 { .cd-timeline-content h2 {
color: #353535; color: #353535;
font-size: 20px; font-size: 20px;
...@@ -1724,21 +1826,15 @@ a.cd-read-more:hover { ...@@ -1724,21 +1826,15 @@ a.cd-read-more:hover {
max-width: 1170px; max-width: 1170px;
margin: 0 10% 0 auto !important; margin: 0 10% 0 auto !important;
} }
.cd-timeline-content {
margin-left: 65px!important;
padding: 15px 0 0 10px;
width: 83%;
}
.cd-timeline-img { .cd-timeline-img {
left: 20px; left: 20px;
} }
.cd-timeline-content .cd-date { .cd-timeline-content .cd-date {
position: absolute; font-size: 14px;
width: auto;
left: -33px;
top: 22px;
font-size: 12px;
color: #fff; color: #fff;
text-align: left;
display: block;
line-height: 30px;
} }
.cd-timeline-content h2 { .cd-timeline-content h2 {
color: #999; color: #999;
...@@ -1751,6 +1847,11 @@ a.cd-read-more:hover { ...@@ -1751,6 +1847,11 @@ a.cd-read-more:hover {
line-height: 24px; line-height: 24px;
font-size: 14px; font-size: 14px;
text-align: left; text-align: left;
text-indent: 28px;
}
.bg-timeline-content .shotList li {
font-size: 12px;
line-height: 22px;
} }
.cd-timeline-content small { .cd-timeline-content small {
display: block; display: block;
...@@ -1764,6 +1865,12 @@ a.cd-read-more:hover { ...@@ -1764,6 +1865,12 @@ a.cd-read-more:hover {
.bg-timeline-content li { .bg-timeline-content li {
margin-bottom: 15px; margin-bottom: 15px;
} }
#cd-timeline {
margin-bottom: 1em;
}
#cd-timeline::before {
height: 97%;
}
/*新闻页博客效果*/ /*新闻页博客效果*/
#news ul li { #news ul li {
position: relative; position: relative;
...@@ -1876,88 +1983,3 @@ a.cd-read-more:hover { ...@@ -1876,88 +1983,3 @@ a.cd-read-more:hover {
.am-dimmer { .am-dimmer {
background-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.3);
} }
/*新闻页面时间轴插件*/
.cd-container {
width: 90%;
max-width: 1170px;
margin: 0 30% 0 auto;
}
.cd-container::after {
content: '';
display: table;
clear: both;
}
#cd-timeline {
position: relative;
}
#cd-timeline::before {
content: '';
position: absolute;
top: 45px;
left: 18px;
height: 85%;
width: 1px;
background: #d7e4ed;
}
@media only screen and (min-width: 640px) {
#cd-timeline {
margin-bottom: 2em;
}
#cd-timeline::before {
left: 25%;
margin-left: -2px;
}
}
@media only screen and (min-width: 640px) {
.cd-timeline-content {
margin-right: 4rem;
width: 62%;
float: right;
height: auto;
}
.cd-timeline-content::before {
top: 24px;
left: 25%;
border-color: transparent;
border-left-color: white;
}
.cd-timeline-content .cd-read-more {
float: left;
}
.cd-timeline-content .cd-date {
position: absolute;
width: auto;
left: -10%;
top: 18px;
font-size: 16px;
color: #fff;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content {
float: right;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
float: right;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
text-align: right;
font-szie: 16px;
color: #fff;
}
.cssanimations .cd-timeline-content.is-hidden {
visibility: hidden;
}
.cssanimations .cd-timeline-content.bounce-in {
visibility: visible;
-webkit-animation: cd-bounce-2 0.6s;
-moz-animation: cd-bounce-2 0.6s;
animation: cd-bounce-2 0.6s;
}
}
@media only screen and (min-width: 640px) {
/* inverse bounce effect on even content blocks */
.cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
-webkit-animation: cd-bounce-2-inverse 0.6s;
-moz-animation: cd-bounce-2-inverse 0.6s;
animation: cd-bounce-2-inverse 0.6s;
}
}
dist/html/exhibition.html
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
<meta name="keywords" content="" /> <meta name="keywords" content="" />
<meta name="description" content="" /> <meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title></title> <title>钟维兴展览统筹</title>
<!--360 browser --> <!--360 browser -->
<meta name="renderer" content="webkit"> <meta name="renderer" content="webkit">
......
dist/html/index.html
...@@ -48,56 +48,38 @@ ...@@ -48,56 +48,38 @@
<div class="am-container"> <div class="am-container">
<div class="am-slider am-slider-default mobileTop" data-am-flexslider="{playAfterPaused: 8000}"> <div class="am-slider am-slider-default mobileTop" data-am-flexslider="{playAfterPaused: 8000}">
<div>
<div class="bgImg"><img src="../images/maskBg.png"/></div>
<div class="title">
<h2>ZHONG WEIXING</h2>
<P><a>中文</a> | <a>English</a></P>
</div>
</div>
<ul class="am-slides indexSlide" id="portfolioDel"> <ul class="am-slides indexSlide" id="portfolioDel">
<li> <li>
<div> <div>
<img src="../images/testImg1.png" /> <img src="../images/testImg1.png" />
</div> </div>
<div class="bgImg"><img src="../images/maskBg.png"/></div>
<div class="title">
<h2>ZHONG WEIXING</h2>
<P><a>中文</a> | <a>English</a></P>
</div>
</li> </li>
<li> <li>
<div> <div>
<img src="../images/testImg4.png" /> <img src="../images/testImg4.png" />
</div> </div>
<div class="bgImg"><img src="../images/maskBg.png"/></div>
<div class="title">
<h2>ZHONG WEIXING</h2>
<P><a>中文</a> | <a>English</a></P>
</div>
</li> </li>
<li> <li>
<div> <div>
<img src="../images/testImg2.png" /> <img src="../images/testImg2.png" />
</div> </div>
<div class="bgImg"><img src="../images/maskBg.png"/></div>
<div class="title">
<h2>ZHONG WEIXING</h2>
<P><a>中文</a> | <a>English</a></P>
</div>
</li> </li>
<li> <li>
<div> <div>
<img src="../images/testImg3.png" /> <img src="../images/testImg3.png" />
</div> </div>
<div class="bgImg"><img src="../images/maskBg.png"/></div>
<div class="title">
<h2>ZHONG WEIXING</h2>
<P><a>中文</a> | <a>English</a></P>
</div>
</li> </li>
<li> <li>
<div> <div>
<img src="../images/testImg4.png" /> <img src="../images/testImg4.png" />
</div> </div>
<div class="bgImg"><img src="../images/maskBg.png"/></div>
<div class="title">
<h2>ZHONG WEIXING</h2>
<P><a>中文</a> | <a>English</a></P>
</div>
</li> </li>
</ul> </ul>
</div> </div>
......
dist/html/portfolioDetail.html
...@@ -57,12 +57,12 @@ ...@@ -57,12 +57,12 @@
</div> </div>
<div class="am-container"> <div class="am-container">
<div class="am-slider am-slider-default" data-am-flexslider="{playAfterPaused: 8000}"> <div class="am-slider am-slider-default" data-am-flexslider="{playAfterPaused: 8000}">
<!-- <div class="bgImg"><img src="../images/maskBg.png"/></div>-->
<ul class="am-slides" id="portfolioDel"> <ul class="am-slides" id="portfolioDel">
<li> <li>
<div> <div>
<img src="../images/testImg4.png" /> <img src="../images/testImg4.png" />
</div> </div>
<div class="bgImg"><img src="../images/maskBg.png"/></div>
<div class="imgIntro"> <div class="imgIntro">
<h3>Front Cover: 3D Visualization for the Coastal Shallow Strata</h3> <h3>Front Cover: 3D Visualization for the Coastal Shallow Strata</h3>
<p>g with a little CSS to make it look nicer, it includes the album cover images, and the album names link to the Wikipedia pages for those albums. <p>g with a little CSS to make it look nicer, it includes the album cover images, and the album names link to the Wikipedia pages for those albums.
...@@ -82,7 +82,6 @@ ...@@ -82,7 +82,6 @@
<div> <div>
<img src="../images/testImg1.png" /> <img src="../images/testImg1.png" />
</div> </div>
<div class="bgImg"><img src="../images/maskBg.png"/></div>
<div class="imgIntro"> <div class="imgIntro">
<h3>Front Cover: 3D Visualization for the Coastal Shallow Strata</h3> <h3>Front Cover: 3D Visualization for the Coastal Shallow Strata</h3>
<p>g with a little CSS to make it look nicer, it includes the album cover images, and the album names link to the Wikipedia pages for those albums.</p> <p>g with a little CSS to make it look nicer, it includes the album cover images, and the album names link to the Wikipedia pages for those albums.</p>
...@@ -99,11 +98,6 @@ ...@@ -99,11 +98,6 @@
</a> </a>
</div> </div>
<script> <script>
/* window.onload = function(){
var winHeight = document.documentElement.clientHeight;
$("#portfolioDel li").css("max-height",winHeight-200);
}*/
$('.am-slider').flexslider({ $('.am-slider').flexslider({
slideshow: false, // Boolean: 是否自动播放 slideshow: false, // Boolean: 是否自动播放
mousewheel: false, // Boolean: 是否开启鼠标滚轮控制 mousewheel: false, // Boolean: 是否开启鼠标滚轮控制
......
dist/html/publications.html
...@@ -3,10 +3,10 @@ ...@@ -3,10 +3,10 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="keywords" content="" /> <meta name="keywords" content="钟维兴摄影作品,天路,失落园,天玄地黄,马达加斯加影像日记,秘鲁影像日记·山巅上的乌兹托克,斯里兰卡影像日记·化相重合的瞬间,恒河系列,美国西海岸" />
<meta name="description" content="" /> <meta name="description" content="历年来创作了《天路》、《失落园》、《天玄地黄》、《马达加斯加影像日记》、《秘鲁影像日记·山巅上的乌兹托克》、《斯里兰卡影像日记·化相重合的瞬间》、《恒河系列》、《美国西海岸》等摄影艺术作品" />
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title></title> <title>钟维兴摄影作品</title>
<!--360 browser --> <!--360 browser -->
<meta name="renderer" content="webkit"> <meta name="renderer" content="webkit">
......
dist/js/public.js
...@@ -54,7 +54,7 @@ $(function(){ ...@@ -54,7 +54,7 @@ $(function(){
if(winWidth>414){ if(winWidth>414){
$("#portfolioDel li").css("max-height",winHeight-20); $("#portfolioDel li").css("max-height",winHeight-20);
} }
$("#indexSlide li").css("max-height",winHeight); $(".indexSlide li").css("max-height",winHeight);
}) })
/*页面尺寸改变时执行方法*/ /*页面尺寸改变时执行方法*/
......
src/js/public.js
...@@ -54,7 +54,7 @@ $(function(){ ...@@ -54,7 +54,7 @@ $(function(){
if(winWidth>414){ if(winWidth>414){
$("#portfolioDel li").css("max-height",winHeight-20); $("#portfolioDel li").css("max-height",winHeight-20);
} }
$("#indexSlide li").css("max-height",winHeight); $(".indexSlide li").css("max-height",winHeight);
}) })
/*页面尺寸改变时执行方法*/ /*页面尺寸改变时执行方法*/
......
src/less/style.less
...@@ -120,12 +120,14 @@ body{ ...@@ -120,12 +120,14 @@ body{
height: 100%; height: 100%;
-o-object-fit: cover; -o-object-fit: cover;
object-fit: cover; object-fit: cover;
position: relative;
z-index: 3;
} }
/*biography页面*/ /*biography页面*/
.cd-timeline-block { .cd-timeline-block {
position: relative; position: relative;
margin: 2em 0; margin:0;
} }
.cd-timeline-block:after { .cd-timeline-block:after {
content: ""; content: "";
...@@ -259,28 +261,58 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; } ...@@ -259,28 +261,58 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
text-align: left; text-align: left;
box-shadow: none; box-shadow: none;
li{ li{
margin-bottom: 20px; margin-bottom: 15px;
} }
h2{ h2{
color: #999; color: #999;
line-height: 35px; line-height: 50px;
font-size: 20px; font-size: 20px;
border-bottom: 1px dashed #464646;
margin-bottom: 10px;
} }
p{ p{
font-size: 18px; font-size: 16px;
line-height: 30px; line-height: 28px;
color: #888; color: #888;
margin-bottom: 10px; margin-bottom: 10px;
text-indent: 32px;
letter-spacing: 0px;
}
.shotList{
margin: 20px 50px;
li{
font-size: 14px;
line-height: 27px;
margin: 0px;
color: #888;
list-style-type: disc;
} }
small{
display: block;
border-bottom: 1px dashed #464646;
line-height: 35px;
font-size: 16px;
color: #666;
margin-bottom: 10px;
} }
} }
/*新闻页面时间轴插件*/
.cd-container {
width: 90%;
max-width: 1170px;
margin: 0 30% 0 auto;
}
.cd-container::after {
content: '';
display: table;
clear: both;
}
#cd-timeline {
position: relative;
}
#cd-timeline::before {
content: '';
position: absolute;
top: 45px;
left: 18px;
height:94%;
width: 1px;
background: #d7e4ed;
}
/*媒体样式*/ /*媒体样式*/
[class*=am-icon-] { [class*=am-icon-] {
color: #8a8a8a; color: #8a8a8a;
...@@ -639,7 +671,7 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; } ...@@ -639,7 +671,7 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
p{ p{
font-size: 1.6rem; font-size: 1.6rem;
color: #9b9b9b; color: #9b9b9b;
line-height: 24px; line-height: 25px;
word-spacing: 2px; word-spacing: 2px;
height: 680px; height: 680px;
overflow: auto; overflow: auto;
...@@ -651,13 +683,18 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; } ...@@ -651,13 +683,18 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
left: 0; left: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
height: 102%; height: 100%;
width: 100%; width: 100%;
z-index: 8;
img{
width:100%;
height:100%;
}
} }
.title{ .title{
color: #fff; color: #fff;
position: absolute; position: absolute;
top: 46%; top: 45%;
z-index: 10; z-index: 10;
width: 100%; width: 100%;
text-align: center; text-align: center;
...@@ -810,6 +847,63 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; } ...@@ -810,6 +847,63 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
} }
} }
} }
/*时间轴线样式*/
.cd-timeline-content {
margin-right: 4rem;
width: 62%;
float: right;
height: auto;
}
.cd-timeline-content::before {
top: 24px;
left: 25%;
border-color: transparent;
border-left-color: white;
}
.cd-timeline-content .cd-read-more {
float: left;
}
.cd-timeline-content .cd-date {
position: absolute;
width: auto;
left: -10%;
top: 18px;
font-size: 16px;
color: #fff;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content {
float: right;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
float: right;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
text-align: right;
font-szie:16px;
color: #fff;
}
.cssanimations .cd-timeline-content.is-hidden {
visibility: hidden;
}
.cssanimations .cd-timeline-content.bounce-in {
visibility: visible;
-webkit-animation: cd-bounce-2 0.6s;
-moz-animation: cd-bounce-2 0.6s;
animation: cd-bounce-2 0.6s;
}
/* inverse bounce effect on even content blocks */
.cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
-webkit-animation: cd-bounce-2-inverse 0.6s;
-moz-animation: cd-bounce-2-inverse 0.6s;
animation: cd-bounce-2-inverse 0.6s;
}
#cd-timeline {
margin-bottom: 2em;
}
#cd-timeline::before {
left: 25%;
margin-left: -2px;
}
} }
@media (min-width: 1150px) and (max-width: 1530px){ @media (min-width: 1150px) and (max-width: 1530px){
.am-with-topbar-fixed-top { .am-with-topbar-fixed-top {
...@@ -1089,7 +1183,10 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; } ...@@ -1089,7 +1183,10 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
font-size: 1.4rem; font-size: 1.4rem;
margin: 10px 0; margin: 10px 0;
} }
#portfolioDel{
position: absolute;
left: 0px;
}
#portfolioDel li{ #portfolioDel li{
float: none; float: none;
display: block; display: block;
...@@ -1369,6 +1466,11 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; } ...@@ -1369,6 +1466,11 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
margin-top:70px; margin-top:70px;
} }
/*biography页面*/ /*biography页面*/
.cd-timeline-content {
margin-left: 40px!important;
padding:15px 0 0 10px;
width: 90%;
}
.cd-timeline-content h2 { .cd-timeline-content h2 {
color: #353535; color: #353535;
font-size: 20px; font-size: 20px;
...@@ -1397,22 +1499,16 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; } ...@@ -1397,22 +1499,16 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
max-width: 1170px; max-width: 1170px;
margin: 0 10% 0 auto !important; margin: 0 10% 0 auto !important;
} }
.cd-timeline-content {
margin-left: 65px!important;
padding:15px 0 0 10px;
width: 83%;
}
.cd-timeline-img { .cd-timeline-img {
left:20px; left:20px;
} }
.cd-timeline-content .cd-date { .cd-timeline-content .cd-date {
position: absolute; font-size: 14px;
width: auto;
left: -33px;
top: 22px;
font-size: 12px;
color: #fff; color: #fff;
text-align: left;
display: block;
line-height: 30px;
} }
.cd-timeline-content h2{ .cd-timeline-content h2{
color: #999; color: #999;
...@@ -1425,6 +1521,11 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; } ...@@ -1425,6 +1521,11 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
line-height: 24px; line-height: 24px;
font-size: 14px; font-size: 14px;
text-align: left; text-align: left;
text-indent: 28px;
}
.bg-timeline-content .shotList li{
font-size:12px;
line-height: 22px;
} }
.cd-timeline-content small{ .cd-timeline-content small{
display: block; display: block;
...@@ -1438,6 +1539,12 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; } ...@@ -1438,6 +1539,12 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
.bg-timeline-content li { .bg-timeline-content li {
margin-bottom: 15px; margin-bottom: 15px;
} }
#cd-timeline {
margin-bottom: 1em;
}
#cd-timeline::before {
height:97%;
}
/*新闻页博客效果*/ /*新闻页博客效果*/
#news{ #news{
ul li{ ul li{
...@@ -1555,91 +1662,3 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; } ...@@ -1555,91 +1662,3 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
} }
/*新闻页面时间轴插件*/
.cd-container {
width: 90%;
max-width: 1170px;
margin: 0 30% 0 auto;
}
.cd-container::after {
content: '';
display: table;
clear: both;
}
#cd-timeline {
position: relative;
}
#cd-timeline::before {
content: '';
position: absolute;
top: 45px;
left: 18px;
height:85%;
width: 1px;
background: #d7e4ed;
}
@media only screen and (min-width: 640px) {
#cd-timeline {
margin-bottom: 2em;
}
#cd-timeline::before {
left: 25%;
margin-left: -2px;
}
}
@media only screen and (min-width: 640px) {
.cd-timeline-content {
margin-right: 4rem;
width: 62%;
float: right;
height: auto;
}
.cd-timeline-content::before {
top: 24px;
left: 25%;
border-color: transparent;
border-left-color: white;
}
.cd-timeline-content .cd-read-more {
float: left;
}
.cd-timeline-content .cd-date {
position: absolute;
width: auto;
left: -10%;
top: 18px;
font-size: 16px;
color: #fff;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content {
float: right;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
float: right;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
text-align: right;
font-szie:16px;
color: #fff;
}
.cssanimations .cd-timeline-content.is-hidden {
visibility: hidden;
}
.cssanimations .cd-timeline-content.bounce-in {
visibility: visible;
-webkit-animation: cd-bounce-2 0.6s;
-moz-animation: cd-bounce-2 0.6s;
animation: cd-bounce-2 0.6s;
}
}
@media only screen and (min-width: 640px) {
/* inverse bounce effect on even content blocks */
.cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
-webkit-animation: cd-bounce-2-inverse 0.6s;
-moz-animation: cd-bounce-2-inverse 0.6s;
animation: cd-bounce-2-inverse 0.6s;
}
}
src/pages/index.ejs
...@@ -14,56 +14,38 @@ ...@@ -14,56 +14,38 @@
<div class="am-container"> <div class="am-container">
<div class="am-slider am-slider-default mobileTop" data-am-flexslider="{playAfterPaused: 8000}"> <div class="am-slider am-slider-default mobileTop" data-am-flexslider="{playAfterPaused: 8000}">
<div>
<div class="bgImg"><img src="../images/maskBg.png"/></div>
<div class="title">
<h2>ZHONG WEIXING</h2>
<P><a>中文</a> | <a>English</a></P>
</div>
</div>
<ul class="am-slides indexSlide" id="portfolioDel"> <ul class="am-slides indexSlide" id="portfolioDel">
<li> <li>
<div> <div>
<img src="../images/testImg1.png" /> <img src="../images/testImg1.png" />
</div> </div>
<div class="bgImg"><img src="../images/maskBg.png"/></div>
<div class="title">
<h2>ZHONG WEIXING</h2>
<P><a>中文</a> | <a>English</a></P>
</div>
</li> </li>
<li> <li>
<div> <div>
<img src="../images/testImg4.png" /> <img src="../images/testImg4.png" />
</div> </div>
<div class="bgImg"><img src="../images/maskBg.png"/></div>
<div class="title">
<h2>ZHONG WEIXING</h2>
<P><a>中文</a> | <a>English</a></P>
</div>
</li> </li>
<li> <li>
<div> <div>
<img src="../images/testImg2.png" /> <img src="../images/testImg2.png" />
</div> </div>
<div class="bgImg"><img src="../images/maskBg.png"/></div>
<div class="title">
<h2>ZHONG WEIXING</h2>
<P><a>中文</a> | <a>English</a></P>
</div>
</li> </li>
<li> <li>
<div> <div>
<img src="../images/testImg3.png" /> <img src="../images/testImg3.png" />
</div> </div>
<div class="bgImg"><img src="../images/maskBg.png"/></div>
<div class="title">
<h2>ZHONG WEIXING</h2>
<P><a>中文</a> | <a>English</a></P>
</div>
</li> </li>
<li> <li>
<div> <div>
<img src="../images/testImg4.png" /> <img src="../images/testImg4.png" />
</div> </div>
<div class="bgImg"><img src="../images/maskBg.png"/></div>
<div class="title">
<h2>ZHONG WEIXING</h2>
<P><a>中文</a> | <a>English</a></P>
</div>
</li> </li>
</ul> </ul>
</div> </div>
......
src/pages/portfolioDetail.ejs
...@@ -23,12 +23,12 @@ ...@@ -23,12 +23,12 @@
</div> </div>
<div class="am-container"> <div class="am-container">
<div class="am-slider am-slider-default" data-am-flexslider="{playAfterPaused: 8000}"> <div class="am-slider am-slider-default" data-am-flexslider="{playAfterPaused: 8000}">
<!-- <div class="bgImg"><img src="../images/maskBg.png"/></div>-->
<ul class="am-slides" id="portfolioDel"> <ul class="am-slides" id="portfolioDel">
<li> <li>
<div> <div>
<img src="../images/testImg4.png" /> <img src="../images/testImg4.png" />
</div> </div>
<div class="bgImg"><img src="../images/maskBg.png"/></div>
<div class="imgIntro"> <div class="imgIntro">
<h3>Front Cover: 3D Visualization for the Coastal Shallow Strata</h3> <h3>Front Cover: 3D Visualization for the Coastal Shallow Strata</h3>
<p>g with a little CSS to make it look nicer, it includes the album cover images, and the album names link to the Wikipedia pages for those albums. <p>g with a little CSS to make it look nicer, it includes the album cover images, and the album names link to the Wikipedia pages for those albums.
...@@ -48,7 +48,6 @@ ...@@ -48,7 +48,6 @@
<div> <div>
<img src="../images/testImg1.png" /> <img src="../images/testImg1.png" />
</div> </div>
<div class="bgImg"><img src="../images/maskBg.png"/></div>
<div class="imgIntro"> <div class="imgIntro">
<h3>Front Cover: 3D Visualization for the Coastal Shallow Strata</h3> <h3>Front Cover: 3D Visualization for the Coastal Shallow Strata</h3>
<p>g with a little CSS to make it look nicer, it includes the album cover images, and the album names link to the Wikipedia pages for those albums.</p> <p>g with a little CSS to make it look nicer, it includes the album cover images, and the album names link to the Wikipedia pages for those albums.</p>
...@@ -59,11 +58,6 @@ ...@@ -59,11 +58,6 @@
</div> </div>
<% include ./components/goTop.html %> <% include ./components/goTop.html %>
<script> <script>
/* window.onload = function(){
var winHeight = document.documentElement.clientHeight;
$("#portfolioDel li").css("max-height",winHeight-200);
}*/
$('.am-slider').flexslider({ $('.am-slider').flexslider({
slideshow: false, // Boolean: 是否自动播放 slideshow: false, // Boolean: 是否自动播放
mousewheel: false, // Boolean: 是否开启鼠标滚轮控制 mousewheel: false, // Boolean: 是否开启鼠标滚轮控制
......
src/pages/publications.ejs
...@@ -3,10 +3,10 @@ ...@@ -3,10 +3,10 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="keywords" content="" /> <meta name="keywords" content="钟维兴摄影作品,天路,失落园,天玄地黄,马达加斯加影像日记,秘鲁影像日记·山巅上的乌兹托克,斯里兰卡影像日记·化相重合的瞬间,恒河系列,美国西海岸" />
<meta name="description" content="" /> <meta name="description" content="历年来创作了《天路》、《失落园》、《天玄地黄》、《马达加斯加影像日记》、《秘鲁影像日记·山巅上的乌兹托克》、《斯里兰卡影像日记·化相重合的瞬间》、《恒河系列》、《美国西海岸》等摄影艺术作品" />
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>钟维兴出版书籍及画册</title> <title>钟维兴摄影作品</title>
<% include ./components/publicHead.html %> <% include ./components/publicHead.html %>
......
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