Skip to content

Commit

Permalink
init
Browse files Browse the repository at this point in the history
  • Loading branch information
@nswbmw
nswbmw committed Aug 6, 2021
0 parents commit eb3a890
Show file tree
Hide file tree
Showing 10 changed files with 235 additions and 0 deletions.
1 change: 1 addition & 0 deletions CNAME
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
woodbird.net
Binary file added image/favicon.ico
Binary file not shown.
Binary file added image/intro-logo.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added image/jing.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added image/phone1.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added image/phone2.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added image/phone3.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added image/wechat.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added image/weibo.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
234 changes: 234 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,234 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>不是诗人</title>
<link rel="shortcut icon" href="image/favicon.ico">
<style type="text/css">
@font-face {font-family: "iconfont";
src: url('//at.alicdn.com/t/font_1821763_wdlvuknf1ep.eot?t=1594003336366'); /* IE9 */
src: url('//at.alicdn.com/t/font_1821763_wdlvuknf1ep.eot?t=1594003336366#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
url('//at.alicdn.com/t/font_1821763_wdlvuknf1ep.woff?t=1594003336366') format('woff'),
url('//at.alicdn.com/t/font_1821763_wdlvuknf1ep.ttf?t=1594003336366') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
url('//at.alicdn.com/t/font_1821763_wdlvuknf1ep.svg?t=1594003336366#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.icon-weibo:before {
content: "\e624";
}

.icon--:before {
content: "\e601";
}

.icon-pingguo:before {
content: "\e674";
}

.icon-youxiang:before {
content: "\e600";
}

.icon-tubiaoshangchuanmoban:before {
content: "\e68d";
}

.icon-guanbi:before {
content: "\e685";
}
</style>
<style type="text/css">
html, body {
height: 100%;
margin: 0;
padding: 0; }

a {
text-decoration: none; }
.mj-intro {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: space-between; }
.mj-intro .intro-left-item {
width: 40%;
height: 100%;
position: relative; }
.mj-intro .intro-left-item .intro-logo-area {
margin: 20% auto 0;
width: fit-content; }
.mj-intro .intro-left-item .intro-logo-area img {
width: 300px;
display: block; }
.mj-intro .intro-left-item .intro-logo-area .download-list {
display: flex;
align-items: center;
justify-content: space-between;
width: 300px;
margin-top: 100px; }
.mj-intro .intro-left-item .intro-logo-area .download-list .download-item {
width: 138px;
height: 46px;
color: #fff;
background-color: #262626;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
font-size: 14px;
letter-spacing: 1px; }
.mj-intro .intro-left-item .intro-logo-area .download-list .download-item .iconfont {
margin-right: 10px;
font-size: 18px; }
.mj-intro .intro-left-item .left-bottom-item {
position: absolute;
bottom: 30px;
left: calc(50% - 150px); }
.mj-intro .intro-left-item .left-bottom-item .platform-list {
display: flex;
align-items: center;
position: relative; }
.mj-intro .intro-left-item .left-bottom-item .platform-list .platform-item {
margin-right: 24px; }
.mj-intro .intro-left-item .left-bottom-item .platform-list .platform-item .iconfont {
font-size: 20px;
color: #c9c9c9; }
.mj-intro .intro-left-item .left-bottom-item .platform-list .platform-item:first-child:hover .iconfont {
color: #4abd3a; }
.mj-intro .intro-left-item .left-bottom-item .platform-list .platform-item:nth-child(2):hover .iconfont {
color: #e6172e; }
.mj-intro .intro-left-item .left-bottom-item .platform-list .platform-item:nth-child(3):hover .iconfont {
color: #f6bb00; }
.mj-intro .intro-left-item .left-bottom-item .platform-list #wechatQRCode {
position: absolute;
box-shadow: 0 1px 10px #ddd;
top: -110px;
left: -40px; }
.mj-intro .intro-left-item .left-bottom-item .platform-list #weiboQRCode {
position: absolute;
box-shadow: 0 1px 10px #ddd;
top: -110px;
left: 5px; }
.mj-intro .intro-left-item .left-bottom-item .platform-list .code-area img {
width: 100px;
height: 100px;
display: block; }
.mj-intro .intro-left-item .left-bottom-item .copyright {
font-size: 12px;
color: #bbbbbb; }
.mj-intro .intro-left-item .left-bottom-item .copyright a {
font-size: 12px;
color: #bbbbbb; }
.mj-intro .intro-right-item {
width: 60%;
background-color: #eeeff4;
height: 100%; }
.mj-intro .intro-right-item .img-container {
position: relative;
height: 100%;
width: 630px;
margin: 0 auto; }
.mj-intro .intro-right-item .img-container img {
position: absolute;
/*max-width: 230px;*/
border-radius: 24px;
box-shadow: 0 1px 10px #ddd; }
.mj-intro .intro-right-item .img-container .phone1 {
left: 0;
top: 50%;
-webkit-transform: translate(0,-50%);
transform: translate(0,-50%);
}
.mj-intro .intro-right-item .img-container .phone2 {
top: 0;
right: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
height: 50%;}
.mj-intro .intro-right-item .img-container .phone3 {
bottom: 0;
right: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
</style>
</head>
<body>
<div class="mj-intro" id="mj-intro">
<div class="intro-left-item">
<div class="intro-logo-area">
<img src="image/intro-logo.png"/>
<div class="download-list">
<a href="https://apps.apple.com/cn/app/id1406102545" class="download-item">
<span class="iconfont icon-pingguo"></span>
<span>App Store</span>
</a>
<a href="https://a.app.qq.com/o/simple.jsp?pkgname=com.nswbmw.bushishiren" class="download-item">
<span class="iconfont icon-tubiaoshangchuanmoban"></span>
<span>Android</span>
</a>
</div>
</div>
<div class="left-bottom-item">
<div class="platform-list">
<a href="#" class="platform-item" id="wechat"><span class="iconfont icon--"></span> </a>
<a href="#" class="platform-item" id="weibo"><span class="iconfont icon-weibo"></span> </a>
<a href="mailto:bushishiren2018@126.com" class="platform-item"><span class="iconfont icon-youxiang"></span> </a>
<div class="code-area" id="wechatQRCode" style="display: none;"><img src="image/wechat.png"/> </div>
<div class="code-area" id="weiboQRCode" style="display: none;"><img src="image/weibo.png"/> </div>
</div>
<p class="copyright">©2020&nbsp;&nbsp;&nbsp;北京木莺科技有限公司&nbsp;&nbsp;&nbsp;<a href="http://beian.miit.gov.cn/">京ICP备20031775号-1</a><br><br><a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11011302002114"><img src="image/jing.png" style="margin-bottom: -5px" /> 京公网安备11011302002114号</a>
</div>
</div>
<div class="intro-right-item">
<div class="img-container">
<img src="image/phone1.png" class="phone1" id="phone1"/>
<img src="image/phone2.png" class="phone2" id="phone2"/>
<img src="image/phone3.png" class="phone3" id="phone3"/>
</div>
</div>
</div>
<script>
var wechat = document.getElementById('wechat');
var wechatQRCode = document.getElementById('wechatQRCode')
wechat.addEventListener('mouseover',function () {
wechatQRCode.setAttribute('style','display:block');
});
wechat.addEventListener('mouseout',function () {
wechatQRCode.setAttribute('style','display:none');
});
var weibo = document.getElementById('weibo');
var weiboQRCode = document.getElementById('weiboQRCode')
weibo.addEventListener('mouseover',function () {
weiboQRCode.setAttribute('style','display:block');
});
weibo.addEventListener('mouseout',function () {
weiboQRCode.setAttribute('style','display:none');
});
window.onload = function () {
try {
if (/Android|webOS|iPhone|iPad|BlackBerry/i.test(navigator.userAgent)) {
document.getElementById('mj-intro').setAttribute('style','min-width:1440px;height:148%;');
document.getElementById('phone1').setAttribute('style','width:230px;height:auto;');
document.getElementById('phone2').setAttribute('style','width:230px;height:auto;')
document.getElementById('phone3').setAttribute('style','width:230px;height:auto;')
}else {
var phone2_width = document.getElementById('phone2').offsetWidth;
document.getElementById('phone1').setAttribute('style','width:'+phone2_width+'px');
document.getElementById('phone3').setAttribute('style','width:'+phone2_width+'px');
}
} catch (e) {}
}
</script>
</body>
</html>

0 comments on commit eb3a890

Please sign in to comment.