335 lines
14 KiB
HTML
335 lines
14 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta http-equiv="Access-Control-Allow-Origin" content="*">
|
|
<title>小令童鞋</title>
|
|
<!-- load CSS -->
|
|
<!-- Google Tag Manager -->
|
|
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
|
|
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
|
|
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
|
|
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
|
|
})(window,document,'script','dataLayer','GTM-MRHWFHN');</script>
|
|
<!-- End Google Tag Manager -->
|
|
|
|
<!-- zeekling.cn Baidu tongji analytics -->
|
|
<script>var _hmt = _hmt || [];(function() {var hm = document.createElement("script");hm.src = "https://hm.baidu.com/hm.js?14e172110a2b5f5389c43312d88c280b";var s = document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm, s);})();
|
|
</script>
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300"> <!-- Google web font "Open Sans" -->
|
|
<link rel="stylesheet" href="css/bootstrap.min.css"> <!-- https://getbootstrap.com/ -->
|
|
<link rel="stylesheet" href="fontawesome/css/fontawesome-all.min.css"> <!-- https://fontawesome.com/ -->
|
|
<link rel="stylesheet" type="text/css" href="slick/slick.css"/> <!-- http://kenwheeler.github.io/slick/ -->
|
|
<link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/>
|
|
<link rel="stylesheet" href="css/tooplate-style.css">
|
|
<style type="text/css">
|
|
.clearfix{overflow:auto;_height:1%}
|
|
.detail-body{
|
|
display: block;
|
|
width: 15em;
|
|
height: 5em;
|
|
position: relative;
|
|
margin-bottom: 1em;
|
|
margin-left: 10px;
|
|
padding: .5em .5em .5em 5.5em;
|
|
float: left;
|
|
}
|
|
.detail-name{
|
|
color: #777790;
|
|
font-size: 1.2em;
|
|
margin-bottom: .25em;
|
|
}
|
|
.detail-decs{
|
|
color: #bbb;
|
|
overflow-y: hidden;
|
|
font-size: 12px;
|
|
word-break: break-all;
|
|
height: 50px;
|
|
width: 144px;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.detail-img{
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
top: .5em;
|
|
left: .5em;
|
|
max-width: 4em;
|
|
position: absolute;
|
|
border-radius: 66%;
|
|
}
|
|
.aboutLinks {
|
|
font-size: 13px;
|
|
}
|
|
.line {
|
|
display: block;
|
|
}
|
|
.welcome {
|
|
font-size: 13px;
|
|
}
|
|
.tm-page-title{
|
|
margin-top: 15px;
|
|
}
|
|
</style>
|
|
<script>
|
|
document.documentElement.className="js";
|
|
var supportsCssVars=function(){var e,t=document.createElement("style");
|
|
return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this in a modern browser such as latest version of Chrome or Microsoft Edge.");
|
|
</script>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<!-- Google Tag Manager (noscript) -->
|
|
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MRHWFHN"
|
|
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
|
|
<!-- End Google Tag Manager (noscript) -->
|
|
<div id="tm-bg"></div>
|
|
<div id="tm-wrap">
|
|
<div class="tm-main-content">
|
|
<div class="container tm-site-header-container">
|
|
<div class="row">
|
|
<div class="col-sm-12 col-md-6 col-lg-6 col-md-col-xl-6 mb-md-0 mb-sm-4 mb-4 tm-site-header-col">
|
|
<div class="tm-site-header">
|
|
<h1 class="mb-4">小令童鞋</h1>
|
|
<img src="img/underline.png" class="img-fluid mb-4">
|
|
<p>只有回不了的过去,没有到不了的明天.</p>
|
|
<p>欢迎访问小令童鞋新博客:<a href="https://blog.zeekling.cn/">小令童鞋</a>.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-sm-12 col-md-6 col-lg-6 col-xl-6">
|
|
<div class="content">
|
|
<div class="grid">
|
|
<div class="grid__item" id="home-link">
|
|
<div class="product">
|
|
<div class="tm-nav-link">
|
|
<i class="fas fa-home fa-3x tm-nav-icon"></i>
|
|
<span class="tm-nav-text">首页</span>
|
|
<div class="product__bg"></div>
|
|
</div>
|
|
<div class="product__description">
|
|
<div class="row mb-3">
|
|
<div class="col-12">
|
|
<h2 class="tm-page-title">小令童鞋</h2>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12 welcome"></div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="grid__item">
|
|
<div class="product">
|
|
<div class="tm-nav-link">
|
|
<i class="fas fa-book fa-3x tm-nav-icon"></i>
|
|
<span class="tm-nav-text">博客</span>
|
|
<div class="product__bg"></div>
|
|
</div>
|
|
<div class="product__description">
|
|
<div class="p-sm-4 p-2">
|
|
<div class="row mb-3">
|
|
<div class="col-12">
|
|
<h2 class="tm-page-title">个人博客</h2>
|
|
</div>
|
|
</div>
|
|
<div class="row mb-3">
|
|
<div class="col-12 clearfix books"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="grid__item">
|
|
<div class="product">
|
|
<div class="tm-nav-link">
|
|
<i class="fas fa-server fa-3x tm-nav-icon"></i>
|
|
<span class="tm-nav-text">个人服务</span>
|
|
<div class="product__bg"></div>
|
|
</div>
|
|
<div class="product__description">
|
|
<div class="p-sm-4 p-2">
|
|
<div class="row mb-3">
|
|
<div class="col-12">
|
|
<h2 class="tm-page-title">个人服务</h2>
|
|
</div>
|
|
</div>
|
|
<div class="row mb-3">
|
|
<div class="col-12 serviceInfo clearfix"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="grid__item" id="team-link">
|
|
<div class="product">
|
|
<div class="tm-nav-link">
|
|
<i class="fas fa-link fa-3x tm-nav-icon"></i>
|
|
<span class="tm-nav-text">友链</span>
|
|
<div class="product__bg"></div>
|
|
</div>
|
|
<div class="product__description">
|
|
<div class="p-sm-4 p-2">
|
|
<div class="row mb-3">
|
|
<div class="col-12">
|
|
<h2 class="tm-page-title">交换友链须知</h2>
|
|
</div>
|
|
</div>
|
|
<div class="row tm-reverse-sm">
|
|
<div class="col-12 aboutLinks clearfix"></div>
|
|
</div>
|
|
|
|
<div class="row mb-3">
|
|
<div class="col-12">
|
|
<h2 class="tm-page-title">友链</h2>
|
|
</div>
|
|
</div>
|
|
<div class="row tm-reverse-sm">
|
|
<div class="col-12 links clearfix"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<footer>
|
|
<!--<p class="small tm-copyright-text">Copyright ©2017- <span class="tm-current-year">2018</span>. www.zeekling.cn All Rights Reserved.-->
|
|
<p class="small">Copyright ©2017- <span class="tm-current-year">2018</span> zeekling.cn All Rights Reserve . Proudly hosted by :
|
|
<a href="https://www.vultr.com/?ref=7747795" target="_blank"><img src="https://www.vultr.com/media/logo_onwhite.png" width="" height="15"></a>
|
|
<a href="https://baidurank.aizhan.com/" target="_blank" style="display:none"><img src="https://baidurank.aizhan.com/api/br?domain=www.zeekling.cn&style=images" /></a>
|
|
<a href="https://baidurank.aizhan.com/" target="_blank" style="display:none"><img src="https://baidurank.aizhan.com/api/br?domain=index.zeekling.cn&style=images" /></a><p>
|
|
</footer>
|
|
</div> <!-- .tm-main-content -->
|
|
</div>
|
|
<!-- load JS -->
|
|
<script src="js/jquery-3.2.1.slim.min.js"></script> <!-- https://jquery.com/ -->
|
|
<script src="slick/slick.min.js"></script> <!-- http://kenwheeler.github.io/slick/ -->
|
|
<script src="js/anime.min.js"></script> <!-- http://animejs.com/ -->
|
|
<script src="js/main.js"></script>
|
|
<script type="text/javascript" src="js/jquery.min.js"></script>
|
|
<script type="text/javascript" >
|
|
|
|
function setupFooter() {
|
|
var pageHeight = $('.tm-site-header-container').height() + $('footer').height() + 100;
|
|
|
|
var main = $('.tm-main-content');
|
|
|
|
if($(window).height() < pageHeight) {
|
|
main.addClass('tm-footer-relative');
|
|
}
|
|
else {
|
|
main.removeClass('tm-footer-relative');
|
|
}
|
|
}
|
|
|
|
/* DOM is ready
|
|
------------------------------------------------*/
|
|
$(function(){
|
|
getContent();
|
|
|
|
setupFooter();
|
|
|
|
$(window).resize(function(){
|
|
setupFooter();
|
|
});
|
|
|
|
$('.tm-current-year').text(new Date().getFullYear()); // Update year in copyright
|
|
|
|
});
|
|
|
|
function getContent(){
|
|
getUrlInfo('.serviceInfo', 'json/server.json', "img");
|
|
getUrlInfo('.links', 'json/link.json', 'img');
|
|
getUrlInfo('.books', 'json/books.json', 'img');
|
|
getUrlInfo('.welcome', 'json/about.json', '');
|
|
getUrlInfo('.aboutLinks ', 'json/aboutLinks.json', 'list');
|
|
getAboutLinks();
|
|
|
|
}
|
|
|
|
function addMessage(){
|
|
$.ajax({
|
|
'type': 'GET',
|
|
'dataType': 'json',
|
|
'url': 'message/add_mesage',
|
|
'data': $('.details--open .details__bg .details__description .message-form .message-form .col-12 .message').serialize(),
|
|
'success':function(result){
|
|
console.log(result);
|
|
},'error':function(result){
|
|
console.log(result);
|
|
}
|
|
})
|
|
}
|
|
|
|
function getUrlInfo(dom, url, type){
|
|
$.ajax({
|
|
url:url,
|
|
type:"GET",
|
|
data:{},
|
|
success:function(result){
|
|
var htmlStr = ""
|
|
if ("img" == type){
|
|
var data = eval(result);
|
|
$.each(data, function(index, value){
|
|
imgUrl = value.img;
|
|
if (imgUrl == undefined){
|
|
imgUrl = "img/boy.png"
|
|
}
|
|
htmlStr = htmlStr + "<a class='detail-body' href='" + value.url +"' target='_blank'> \
|
|
<img src='"+ imgUrl +"' alt='" + value.name +
|
|
"' class='detail-img img-circle'> <h3 class='detail-name'> " + value.name +
|
|
"<p class=detail-decs>" + value.des +
|
|
"</p></h3></a>";
|
|
});
|
|
}else if("list" == type){
|
|
var data = eval(result);
|
|
$.each(data, function(index, value){
|
|
htmlStr = htmlStr + "<span class='line'>" + value + "</span>";
|
|
});
|
|
}else{
|
|
htmlStr = data;
|
|
}
|
|
$(dom).html(htmlStr);
|
|
initShow();
|
|
},
|
|
error:function(data){
|
|
var htmlStr = ""
|
|
if (data.responseText != undefined){
|
|
htmlStr = data.responseText;
|
|
$(dom).html(htmlStr);
|
|
initShow();
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
function getAboutLinks(){
|
|
$.ajax({
|
|
url:"json/aboutLinks.json",
|
|
type:"GET",
|
|
data:{},
|
|
success:function(result){
|
|
var data = eval(result);
|
|
initShow();
|
|
},
|
|
error:function(data){
|
|
console.log(data)
|
|
}
|
|
});
|
|
}
|
|
|
|
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|