add video to index page

themes/tajian/views/site/tajian.php

@@ -112,27 +112,8 @@ $loginBackUrl = !empty($viewData['loginedUser']['username']) ? "/{$viewData['log
                                 </g>
                             </g>
                         </svg>
-                        <div class="hero-footer">你看到的，也许只是冰山一角...</div>
+                        <div class="hero-footer">
-                        <div class="pfav">
+                            <iframe src="//player.bilibili.com/player.html?isOutside=true&aid=1754762795&bvid=BV1Tt421u7dF&cid=1556103473&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="width:100%;height:100%"></iframe>
-                            <a href="/2001/" target="_blank">
-                                <img src="/img/avatar/women.svg" alt="AI svg logo" width="80">
-                                <h4>阅人无数</h4>
-                            </a>
-                        </div>
-                        <div class="pfav pfav-item-2">
-                            <a href="/1003/" target="_blank">
-                                <img src="/img/avatar/ai-bot.svg" alt="AI svg logo" width="80">
-                                <h4>秒懂AI</h4>
-                            </a>
-                        </div>
-                        <div class="pfav pfav-item-3">
-                            <a href="/1000/" target="_blank">
-                                <img src="/img/avatar/master.svg" alt="AI svg logo" width="80">
-                                <h4>一灯大师</h4>
-                            </a>
-                        </div>
-                        <div class="pfav pfav-item-4">
-                            <h4>......</h4>
                         </div>
                     </div>
                     <div class="bubble-1 is-revealing">

www/css/tajian_index.css

@@ -267,14 +267,7 @@ main{flex:1 0 auto}
 .site-footer .log_tn span{color:#FFF}
 .connect_me_tn{display:block;text-decoration:none;padding:4px 10px}
 .btn_icon{height:24px !important;margin-top:-4px;margin-right:3px}
-.pfav{position:absolute;top:17%;width:25%;left:10px;text-align:center}
+.hero-footer{position:absolute;left:50px;top:40px;right:50px;bottom:30px}
-.pfav a{text-decoration:none}
-.pfav h4{color:#666;margin-top:0;font-size:16px;font-weight:normal}
-.pfav img{display:inline;width:76px}
-.pfav-item-2{left:19%}
-.pfav-item-3{left:38%}
-.pfav-item-4{left:55%}
-.hero-footer{position:absolute;top:37px;left:48px;font-size:16px}
 .stats{padding:10px 10px 4px 10px}
 .stats .col{display:inline-block;padding:13px 4px;width:30%;max-width:128px;background:#999;color:#FFF;margin-right:4px;margin-bottom:6px;text-align:center}
 .stats .col strong{font-size:28px}
@@ -305,6 +298,7 @@ main{flex:1 0 auto}
 
 @media (max-width:640px){
 .hero-title small{display:block}
+.hero-footer{top:10px;bottom:10px;left:10px;right:10px}
 .pfav{top:53%}
 .pfav img{width:40px}
 .pfav h4{font-size:13px}