Merge branch 'dev-homepage-revision' into 'develop'

pull request相关页面样式调整

pull request相关页面样式调整

See merge request !184

.gitignore

@@ -15,7 +15,6 @@
 /public/tmp/*
 /tmp/*
 /public/cache/*
-.gitignore
 /config/newrelic.yml
 /public/images/avatars/*
 /Gemfile
@@ -40,3 +39,6 @@ public/javascripts/wechat/node_modules/
 tmux*.log
 config/wechat.yml
 config/oneapm.yml
+
+/vendor
+README.rdoc

app/controllers/pull_requests_controller.rb

@@ -107,7 +107,7 @@ class PullRequestsController < ApplicationController
         # 自动生成配置Jenkinsjob，在merge事件的时候触发jenkins、sonar
         # merge发送的时候还没有接收，所以分析对象应该源项目
         language = swith_language_type(@project.language)
-        exec_jenkins(source_branch, @project.gpid, git_url, job_name, language)
+        # exec_jenkins(source_branch, @project.gpid, git_url, job_name, language)
         logger.info("33333333333333333333")
         qa = QualityAnalysis.create(:project_id => @project.id, :author_login => User.current.login, :sonar_version => 1, :path => "./",
                                     :branch => source_branch, :language => "java", :sonar_name => "#{job_name}")

app/views/account/_introduce.html.erb

@@ -1,3 +1,185 @@
+
+<% if false %>
+<div>
+  <div class="clearfix homepage_banner">
+    <p class="fl">
+      <span class="f32">Trustie</span>
+      <span class="fw400 ml20" style="line-height: 70px">持续构建协同、共享、可信的软件创新生态系统</span>
+    </p>
+    <ul class="fr homepage_banner_nav">
+      <li>
+        <a href="javascript:void(0)">开源托管平台</a>
+      </li>
+      <li>
+        <a href="javascript:void(0)">智能学习平台</a>
+      </li>
+      <li>
+        <a href="javascript:void(0)">资源共享平台</a>
+      </li>
+      <li>
+        <a href="javascript:void(0)">众包学习平台</a>
+      </li>
+    </ul>
+  </div>
+  <div class="pr mt60 banner">
+    <ul class="img">
+      <li><a href="javascript:void(0)"><img src="/images/introduce/trustie8_01.jpg"/></a></li>
+    </ul>
+  </div>
+  <div class="homepage_activity">
+    <div class="mr35">
+      <img src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=2634306427,1511025022&fm=26&gp=0.jpg" class="mb25" width="592px" height="226px" />
+      <p class="f26 lh26 color-grey3 mb15">关于Trustie</p>
+      <p class="f16 c_grey02 break_full_word">
+        Trustie社区力争打造全球领先的群体协同创新平台，已建成协同开发创新、资源汇聚评估与智能学习实践三大平台，持续激发汇聚互联网上自治分散的海量智力资源，为全球软件创新生态助力赋能。
+        Trustie社区及其核心技术，直接支持了国家9个软件园区创新平台的建设，服务于2500余家中小型软件企业研发和5000余个创新项目孵化，以及600多所大学软件开发人才培养，
+        已成为国家新一代人工智能发展规划重点开源社区和国家绿色计算基础软硬件开源社区的基础设施，直接推动了我国开源软件生态的快速构建。
+      </p>
+      <a href="JavaScript:void(0)" class="homepage_activity_more">MORE<span>→</span></a>
+    </div>
+    <div>
+      <p class="clearfix mb10">
+        <span class="f26 lh26 color-grey3 fl mt3">社区动态</span>
+        <a href="javaScript:void(0)" class="fr fontGrey4 mt8">更多>></a>
+      </p>
+      <div class="homepage_activity_list">
+        <div class="homepage_activity_list_item">
+          <div>
+            <p class="f18 mb15 lh20 color-grey3">工业互联网体系架构2.0</p>
+            <p class="f13 mb8 c_grey02 task-hide-2" style="height: 38px;">网易考拉是网易在 2015 年 1 月上线公测的一项跨境电商业务，该业务一开始的品牌名称为 “考拉海购”。</p>
+            <p>
+              <span class="activity_tag">行业动态</span>
+              <span class="fontGrey4 ml14 fl"><i class="iconfont icon-shijian f12 mr5 lh18 fl"></i>2019-10-09</span>
+            </p>
+          </div>
+          <img src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=2634306427,1511025022&fm=26&gp=0.jpg" class="ml20" width="158px" height="100px" />
+        </div>
+        <div class="homepage_activity_list_item">
+          <div>
+            <p class="f18 mb15 lh20 color-grey3">工业互联网体系架构2.0</p>
+            <p class="f13 mb8 c_grey02 task-hide-2" style="height: 38px;">网易考拉是网易在 2015 年 1 月上线公测的一项跨境电商业务，该业务一开始的品牌名称为 “考拉海购”。</p>
+            <p>
+              <span class="activity_tag">行业动态</span>
+              <span class="fontGrey4 ml14 fl"><i class="iconfont icon-shijian f12 mr5 lh18 fl"></i>2019-10-09</span>
+            </p>
+          </div>
+          <img src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=2634306427,1511025022&fm=26&gp=0.jpg" class="ml20" width="158px" height="100px" />
+        </div>
+        <div class="homepage_activity_list_item">
+          <div>
+            <p class="f18 mb15 lh20 color-grey3">工业互联网体系架构2.0</p>
+            <p class="f13 mb8 c_grey02 task-hide-2" style="height: 38px;">网易考拉是网易在 2015 年 1 月上线公测的一项跨境电商业务，该业务一开始的品牌名称为 “考拉海购”。</p>
+            <p>
+              <span class="activity_tag">行业动态</span>
+              <span class="fontGrey4 ml14 fl"><i class="iconfont icon-shijian f12 mr5 lh18 fl"></i>2019-10-09</span>
+            </p>
+          </div>
+          <img src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=2634306427,1511025022&fm=26&gp=0.jpg" class="ml20" width="158px" height="100px" />
+        </div>
+        <div class="homepage_activity_list_item">
+          <div>
+            <p class="f18 mb15 lh20 color-grey3">工业互联网体系架构2.0</p>
+            <p class="f13 mb8 c_grey02 task-hide-2" style="height: 38px;">网易考拉是网易在 2015 年 1 月上线公测的一项跨境电商业务，该业务一开始的品牌名称为 “考拉海购”。</p>
+            <p>
+              <span class="activity_tag">行业动态</span>
+              <span class="fontGrey4 ml14 fl"><i class="iconfont icon-shijian f12 mr5 lh18 fl"></i>2019-10-09</span>
+            </p>
+          </div>
+          <img src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=2634306427,1511025022&fm=26&gp=0.jpg" class="ml20" width="158px" height="100px" />
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="homepage_introduce">
+    <ul>
+      <li class="active">
+        <div>
+          <img src="/images/nav_logo.png" width="50" class="mb40">
+          <p class="f18">TrustieForge</p>
+        </div>
+      </li>
+      <li>
+        <div>
+          <img src="/images/introduce/edulogo.png" width="50" class="mb15">
+          <p class="f18">TrustieEduCode</p>
+          <p class="f16 mb20">智能学习平台</p>
+          <p class="f12">实现实践教学的课程软件化、过程游戏化、<br/>环境生产化和评测全栈化</p>
+        </div>
+      </li>
+      <li>
+        <div>
+          <p class="f28 mb50">OSSEAN</p>
+          <p class="f18">TrustieOSSEAN</p>
+        </div>
+      </li>
+      <li>
+        <div>
+          <p class="f18">TrustieCoderpedia</p>
+        </div>
+      </li>
+    </ul>
+  </div>
+
+  <div class="homepage_introduce_content">
+    <div class="homepage_introduce_trustieForge homepage_introduce_content_item active">
+      <div class="cartoonTitle">
+        <p class="f20 mb20">协同开发平台</p>
+        <p class="f16 color-grey3 mb50">支撑国家9个软件园区创新平台，服务2500余家中小型软件企业研发</p>
+      </div>
+      <ul class="cartoon">
+        <li class="plateContainer">
+          <div class="plate_before">
+            <div>
+              <p><i class="iconfont icon-menu_date colorWhite f40"></i></p>
+              <span class="content_span">项目管理</span>
+            </div>
+          </div>
+          <div class="plate_back">
+            <div>
+              <span>项目管理</span>
+              <p class="lh20 mt30 mb100 f14" style="height: 60px;">项目进程管理应用于研发管理、任务分配、目标跟踪等让项目管理流程高效完成。</p>
+              <a href="javascript:void(0)">查看详情</a>
+            </div>
+          </div>
+        </li>
+        <li class="plateContainer">
+          <div class="plate_before">
+            <div>
+              <p><i class="iconfont icon-menu_date colorWhite f40"></i></p>
+              <span class="content_span">代码托管</span>
+            </div>
+          </div>
+          <div class="plate_back">2</div>
+        </li>
+        <li class="plateContainer">
+          <div class="plate_before">
+            <div>
+              <p><i class="iconfont icon-menu_date colorWhite f40"></i></p>
+              <span class="content_span">质量检测</span>
+            </div>
+          </div>
+           <div class="plate_back">2</div>
+        </li>
+        <li class="plateContainer">
+          <div class="plate_before">
+            <div>
+              <p><i class="iconfont icon-menu_date colorWhite f40"></i></p>
+              <span class="content_span">交流社区</span>
+            </div>
+          </div>
+          <div class="plate_back">2</div>
+        </li>
+      </ul>
+    </div>
+    <div class="homepage_introduce_trustieEduCode homepage_introduce_content_item"></div>
+    <div class="homepage_introduce_ossean homepage_introduce_content_item"></div>
+    <div class="homepage_introduce_trustieCoderpedia homepage_introduce_content_item"></div>
+  </div>
+</div>
+<% end %>
+
+
+
 <div class="content_Intruduce">
   <div class="in_head">
     <p class="in_head_rederect">
@@ -280,4 +462,3 @@
       })
   })
 </script>
-

app/views/layouts/base_introduce.html.erb

@@ -12,8 +12,8 @@
   <%= javascript_heads %>
   <%= heads_for_theme %>
   <%= call_hook :view_layouts_base_html_head %>
-  <%= stylesheet_link_tag 'css/common', 'css/structure', 'css/public', :media => 'all' %>
+  <%= stylesheet_link_tag 'css/common', 'css/structure', 'css/public', 'css/introduce','css/iconfont/iconfont', :media => 'all' %>
-  <%= javascript_include_tag "jquery.leanModal.min" %>
+  <%= javascript_include_tag "jquery.leanModal.min",'jquery-1.8.3.min','new/introduce' %>
   <!-- page specific tags -->
   <%= yield :header_tags -%>
 </head>

app/views/repositories/_change_diff.html.erb

@@ -18,7 +18,7 @@
               <a><%= type == "match" ? "..." : last_line.center(4) %></a>
             </td>
             <td class="line_content noteable_line <%= 'c_grey' if type == "match" %>" >
-              <pre style="width:auto;overflow: auto; "><%= Redmine::CodesetUtil.replace_invalid_utf8(line.text).html_safe %></pre>
+              <pre style="white-space: pre-wrap!important;word-break: break-all;"><%= Redmine::CodesetUtil.replace_invalid_utf8(line.text).html_safe %></pre>
             </td>
           </tr>
       <% else %>

public/javascripts/new/introduce.js

@@ -0,0 +1,91 @@
+$(document).ready(function () {
+
+//    introduce--activity
+    activityFun();
+
+    var wid = document.body.clientWidth;
+    $(".banner .img").find("li").css("width",wid);
+
+    if($(".banner .img li").size() > 1){
+        var clone=$(".banner .img li").first().clone();
+        $(".banner .img").append(clone);
+        setBanner(wid);
+    }
+
+})
+
+
+function activityFun(){
+    $(".homepage_introduce ul").on("hover","li",function () {
+        $(".homepage_introduce ul li").removeClass("active");
+        $(this).addClass("active");
+        $(".homepage_introduce_content_item").removeClass("active");
+        $(".homepage_introduce_content_item").eq(parseInt($(this).index())).addClass("active");
+    })
+
+    $(".plateContainer").hover(function () {
+        $(this).find(".plate_back").animate({opacity: 1,zIndex: 2},500);
+
+        $(this).find(".plate_before").animate({opacity: 0,zIndex: 1},500);
+    },function () {
+        $(this).find(".plate_back").animate({opacity: 0,zIndex: 1},500);
+
+        $(this).find(".plate_before").animate({opacity: 1,zIndex: 2},500);
+    })
+}
+
+var t;
+var i=0;
+
+function setBanner(wid) {
+
+    var ulWid=wid * parseInt($(".banner .img").find("li").length);
+
+    $(".banner .img").css("width",ulWid);
+
+
+    var size = $(".banner .img li").size();
+
+    // for(var j=0;j<size-1;j++){
+    //     $(".banner .num").append("<li></li>");
+    // }
+
+    /*自动轮播*/
+    t=setInterval(function(){
+        i++;
+        move();
+    },3000);
+
+    function move(){
+        if(i==size){
+            $(".banner .img").css({left:0});
+            i=1;
+        }
+        if(i==-1){
+            $(".banner .img").css({left:-(size-1)*wid});
+            i=size-2;
+        }
+
+        $(".banner .img").stop().animate({left:-i*wid},1000);
+
+        // if(i==size-1){
+        //     $(".banner .num li").eq(0).addClass('on').siblings().removeClass('on');
+        // }else{
+        //     $(".banner .num li").eq(i).addClass('on').siblings().removeClass('on');
+        // }
+    }
+}
+
+$(window).resize(function () {
+    var wid = document.body.clientWidth;
+    $(".banner .img").find("li").css("width",wid);
+    if($(".banner .img li").size() > 1) {
+        clearInterval(t);
+
+        $(".banner .img").stop().animate({left: -i * wid}, 1000);
+
+        setBanner(wid);
+    }
+
+
+})

public/stylesheets/css/common.css

@@ -57,9 +57,14 @@ h4{ font-size:14px;}/*color:#3b3b3b;*/
 .f18{font-size:18px;}
 .f20{font-size:20px;}
 .f22{font-size:22px;}
+.f26{font-size:26px;}
 .f28{font-size:28px;}
+.f32{font-size:32px;}
 .f40{font-size:40px!important;}
 .f50{font-size:50px!important;}
+.fw400{
+    font-weight: 400;
+}
 .fb{font-weight:bold;}
 .f_b{ font-weight: bold;}
 .lh20{line-height:20px;}
@@ -114,7 +119,7 @@ h4{ font-size:14px;}/*color:#3b3b3b;*/
 .mt15 {margin-top:15px;}.mt16{ margin-top:16px !important;}.mt19 {margin-top:19px !important;}.mt20{margin-top: 20px;}.mt28 {margin-top:28px;}.mt30{ margin-top: 30px;}
 .mt35 {margin-top:35px;}.mt40{ margin-top: 40px;}.mt45{ margin-top: 45px;}.mt50{ margin-top:50px;}.mt60{ margin-top:60px;}.mt100{ margin-top:100px;}.mb0 {margin-bottom: 0px !important;}.mb4{ margin-bottom:4px;}
 .mb5{ margin-bottom:5px;}.mb8 {margin-bottom:8px !important;}.pb5{ padding-bottom: 5px;}.mb10{ margin-bottom:10px !important;}.mb12 {margin-bottom:12px !important;}
-.mb15{margin-bottom: 15px;}.mb20{ margin-bottom:20px;}.mb25{ margin-bottom:25px;}.mb30 {margin-bottom:30px;}.mb40 {margin-bottom:40px;}.pl5{ padding-left:5px;}
+.mb15{margin-bottom: 15px;}.mb20{ margin-bottom:20px;}.mb25{ margin-bottom:25px;}.mb30 {margin-bottom:30px;}.mb40 {margin-bottom:40px;}.pl5{ padding-left:5px;}.mb80{ margin-bottom:80px;}.mb100{ margin-bottom:100px;}
 .pl10 {padding-left:10px;}.pr5 {padding-right:5px;}.pr10{padding-right: 10px;}.pl62 {padding-left: 62px;}.pl15{ padding-left:15px;}.pt5{ padding-top:5px;}
 .pt10{ padding-top:10px;}.pt20{ padding-top:20px;}.pb5{ padding-bottom: 5px;}.w20{ width:20px;}.w40{width: 40px;}.w45{ width: 45px;}.w46{ width: 46px;}.w48{width:48px;}.w50 {width:50px;}
 .w56 {width:56px;}.w60{ width:60px;}.w61{ width:61px;}.w65{ width:65px;}.w70{ width:70px;}.w80{ width:80px;}.w90{ width:90px;}.w100 {width: 100px;}.w110{width:110px !important;}
@@ -214,6 +219,8 @@ a:hover.c_grey{ color:#333;}
 .b_red {background:#d60308;}
 .b_lblue{ background:#3b94d6;}
 
+
+.task-hide-2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
 /*font&color add by Tim*/
 .colorWhite{color: #fff!important;}
 .fontGrey {color:#cecece;}

public/stylesheets/css/iconfont/demo.css

@@ -0,0 +1,539 @@
+/* Logo 字体 */
+@font-face {
+  font-family: "iconfont logo";
+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
+}
+
+.logo {
+  font-family: "iconfont logo";
+  font-size: 160px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+/* tabs */
+.nav-tabs {
+  position: relative;
+}
+
+.nav-tabs .nav-more {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  height: 42px;
+  line-height: 42px;
+  color: #666;
+}
+
+#tabs {
+  border-bottom: 1px solid #eee;
+}
+
+#tabs li {
+  cursor: pointer;
+  width: 100px;
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+  font-size: 16px;
+  border-bottom: 2px solid transparent;
+  position: relative;
+  z-index: 1;
+  margin-bottom: -1px;
+  color: #666;
+}
+
+
+#tabs .active {
+  border-bottom-color: #f00;
+  color: #222;
+}
+
+.tab-container .content {
+  display: none;
+}
+
+/* 页面布局 */
+.main {
+  padding: 30px 100px;
+  width: 960px;
+  margin: 0 auto;
+}
+
+.main .logo {
+  color: #333;
+  text-align: left;
+  margin-bottom: 30px;
+  line-height: 1;
+  height: 110px;
+  margin-top: -50px;
+  overflow: hidden;
+  *zoom: 1;
+}
+
+.main .logo a {
+  font-size: 160px;
+  color: #333;
+}
+
+.helps {
+  margin-top: 40px;
+}
+
+.helps pre {
+  padding: 20px;
+  margin: 10px 0;
+  border: solid 1px #e7e1cd;
+  background-color: #fffdef;
+  overflow: auto;
+}
+
+.icon_lists {
+  width: 100% !important;
+  overflow: hidden;
+  *zoom: 1;
+}
+
+.icon_lists li {
+  width: 100px;
+  margin-bottom: 10px;
+  margin-right: 20px;
+  text-align: center;
+  list-style: none !important;
+  cursor: default;
+}
+
+.icon_lists li .code-name {
+  line-height: 1.2;
+}
+
+.icon_lists .icon {
+  display: block;
+  height: 100px;
+  line-height: 100px;
+  font-size: 42px;
+  margin: 10px auto;
+  color: #333;
+  -webkit-transition: font-size 0.25s linear, width 0.25s linear;
+  -moz-transition: font-size 0.25s linear, width 0.25s linear;
+  transition: font-size 0.25s linear, width 0.25s linear;
+}
+
+.icon_lists .icon:hover {
+  font-size: 100px;
+}
+
+.icon_lists .svg-icon {
+  /* 通过设置 font-size 来改变图标大小 */
+  width: 1em;
+  /* 图标和文字相邻时，垂直对齐 */
+  vertical-align: -0.15em;
+  /* 通过设置 color 来改变 SVG 的颜色/fill */
+  fill: currentColor;
+  /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
+      normalize.css 中也包含这行 */
+  overflow: hidden;
+}
+
+.icon_lists li .name,
+.icon_lists li .code-name {
+  color: #666;
+}
+
+/* markdown 样式 */
+.markdown {
+  color: #666;
+  font-size: 14px;
+  line-height: 1.8;
+}
+
+.highlight {
+  line-height: 1.5;
+}
+
+.markdown img {
+  vertical-align: middle;
+  max-width: 100%;
+}
+
+.markdown h1 {
+  color: #404040;
+  font-weight: 500;
+  line-height: 40px;
+  margin-bottom: 24px;
+}
+
+.markdown h2,
+.markdown h3,
+.markdown h4,
+.markdown h5,
+.markdown h6 {
+  color: #404040;
+  margin: 1.6em 0 0.6em 0;
+  font-weight: 500;
+  clear: both;
+}
+
+.markdown h1 {
+  font-size: 28px;
+}
+
+.markdown h2 {
+  font-size: 22px;
+}
+
+.markdown h3 {
+  font-size: 16px;
+}
+
+.markdown h4 {
+  font-size: 14px;
+}
+
+.markdown h5 {
+  font-size: 12px;
+}
+
+.markdown h6 {
+  font-size: 12px;
+}
+
+.markdown hr {
+  height: 1px;
+  border: 0;
+  background: #e9e9e9;
+  margin: 16px 0;
+  clear: both;
+}
+
+.markdown p {
+  margin: 1em 0;
+}
+
+.markdown>p,
+.markdown>blockquote,
+.markdown>.highlight,
+.markdown>ol,
+.markdown>ul {
+  width: 80%;
+}
+
+.markdown ul>li {
+  list-style: circle;
+}
+
+.markdown>ul li,
+.markdown blockquote ul>li {
+  margin-left: 20px;
+  padding-left: 4px;
+}
+
+.markdown>ul li p,
+.markdown>ol li p {
+  margin: 0.6em 0;
+}
+
+.markdown ol>li {
+  list-style: decimal;
+}
+
+.markdown>ol li,
+.markdown blockquote ol>li {
+  margin-left: 20px;
+  padding-left: 4px;
+}
+
+.markdown code {
+  margin: 0 3px;
+  padding: 0 5px;
+  background: #eee;
+  border-radius: 3px;
+}
+
+.markdown strong,
+.markdown b {
+  font-weight: 600;
+}
+
+.markdown>table {
+  border-collapse: collapse;
+  border-spacing: 0px;
+  empty-cells: show;
+  border: 1px solid #e9e9e9;
+  width: 95%;
+  margin-bottom: 24px;
+}
+
+.markdown>table th {
+  white-space: nowrap;
+  color: #333;
+  font-weight: 600;
+}
+
+.markdown>table th,
+.markdown>table td {
+  border: 1px solid #e9e9e9;
+  padding: 8px 16px;
+  text-align: left;
+}
+
+.markdown>table th {
+  background: #F7F7F7;
+}
+
+.markdown blockquote {
+  font-size: 90%;
+  color: #999;
+  border-left: 4px solid #e9e9e9;
+  padding-left: 0.8em;
+  margin: 1em 0;
+}
+
+.markdown blockquote p {
+  margin: 0;
+}
+
+.markdown .anchor {
+  opacity: 0;
+  transition: opacity 0.3s ease;
+  margin-left: 8px;
+}
+
+.markdown .waiting {
+  color: #ccc;
+}
+
+.markdown h1:hover .anchor,
+.markdown h2:hover .anchor,
+.markdown h3:hover .anchor,
+.markdown h4:hover .anchor,
+.markdown h5:hover .anchor,
+.markdown h6:hover .anchor {
+  opacity: 1;
+  display: inline-block;
+}
+
+.markdown>br,
+.markdown>p>br {
+  clear: both;
+}
+
+
+.hljs {
+  display: block;
+  background: white;
+  padding: 0.5em;
+  color: #333333;
+  overflow-x: auto;
+}
+
+.hljs-comment,
+.hljs-meta {
+  color: #969896;
+}
+
+.hljs-string,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-strong,
+.hljs-emphasis,
+.hljs-quote {
+  color: #df5000;
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-type {
+  color: #a71d5d;
+}
+
+.hljs-literal,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-attribute {
+  color: #0086b3;
+}
+
+.hljs-section,
+.hljs-name {
+  color: #63a35c;
+}
+
+.hljs-tag {
+  color: #333333;
+}
+
+.hljs-title,
+.hljs-attr,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+  color: #795da3;
+}
+
+.hljs-addition {
+  color: #55a532;
+  background-color: #eaffea;
+}
+
+.hljs-deletion {
+  color: #bd2c00;
+  background-color: #ffecec;
+}
+
+.hljs-link {
+  text-decoration: underline;
+}
+
+/* 代码高亮 */
+/* PrismJS 1.15.0
+https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+  color: black;
+  background: none;
+  text-shadow: 0 1px white;
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.5;
+
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
+}
+
+pre[class*="language-"]::-moz-selection,
+pre[class*="language-"] ::-moz-selection,
+code[class*="language-"]::-moz-selection,
+code[class*="language-"] ::-moz-selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+
+pre[class*="language-"]::selection,
+pre[class*="language-"] ::selection,
+code[class*="language-"]::selection,
+code[class*="language-"] ::selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+
+@media print {
+
+  code[class*="language-"],
+  pre[class*="language-"] {
+    text-shadow: none;
+  }
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+  padding: 1em;
+  margin: .5em 0;
+  overflow: auto;
+}
+
+:not(pre)>code[class*="language-"],
+pre[class*="language-"] {
+  background: #f5f2f0;
+}
+
+/* Inline code */
+:not(pre)>code[class*="language-"] {
+  padding: .1em;
+  border-radius: .3em;
+  white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: slategray;
+}
+
+.token.punctuation {
+  color: #999;
+}
+
+.namespace {
+  opacity: .7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+  color: #9a6e3a;
+  background: hsla(0, 0%, 100%, .5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+  color: #07a;
+}
+
+.token.function,
+.token.class-name {
+  color: #DD4A68;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+  color: #e90;
+}
+
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+
+.token.italic {
+  font-style: italic;
+}
+
+.token.entity {
+  cursor: help;
+}

public/stylesheets/css/introduce.css

@@ -0,0 +1,272 @@
+/*------------------------------------------------顶部banner*/
+.homepage_banner{
+    width: 100%;
+    height: 60px;
+    line-height: 60px;
+    padding:0px 30px;
+    background: #0E0841;
+    color: #fff;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    position: fixed;
+    top:0px;
+    left: 0px;
+    z-index: 10;
+}
+.homepage_banner_nav{
+    float: right;
+}
+.homepage_banner_nav li{
+    margin-left: 40px;
+    font-size: 16px;
+    float: left;
+}
+.homepage_banner_nav li a{
+    color: #fff;
+}
+.banner {
+    width: 100%;
+    height: 550px;
+    position: relative;
+    overflow: hidden;
+}
+.banner .img {
+    position: absolute;
+    left: 0px;
+    top: 0px;
+    height: 550px;
+    width: 100%;
+}
+.banner .img li{
+    height: 100%;
+    float: left;
+}
+.banner .img li a{
+    position: relative;
+    height: 100%;
+    display: block;
+    overflow: hidden;
+}
+.banner .img li img {
+    position: absolute;
+    top: 50%;
+    margin-top: -320px;
+    left: 50%;
+    margin-left: -960px;
+}
+
+
+/*------------------------------------------------------行业动态*/
+.homepage_activity{
+    display: flex;
+    width: 1200px;
+    margin:40px auto;
+}
+.homepage_activity > div{
+    flex:1;
+    text-align: justify;
+}
+.homepage_activity_more{
+    width: 160px;
+    height: 40px;
+    line-height: 40px;
+    background-color: #2878FF;
+    color: #fff!important;
+    display: block;
+    text-align: center;
+    font-size: 16px;
+    margin-top: 25px;
+}
+.homepage_activity_more > span{
+    margin-left: 8px;
+}
+.homepage_activity_list .homepage_activity_list_item{
+    border-bottom: 1px solid #EAEAEA;
+    padding:15px 0px;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    display: flex;
+}
+.homepage_activity_list .homepage_activity_list_item div{
+    flex: 1;
+}
+.activity_tag{
+    float: left;
+    background-color: #2878FF;
+    color:#fff;
+    padding: 0px 7px;
+    font-size: 12px;
+    height: 18px;
+    line-height: 18px;
+    text-align: center;
+}
+
+/*---------------------------------------------------------introduce*/
+.homepage_introduce{
+    background-color: #000;
+    height: 330px;
+}
+.homepage_introduce > ul{
+    display: flex;
+    max-width: 1200px;
+    margin:0px auto;
+    height: 100%;
+}
+.homepage_introduce > ul li{
+    flex: 1;
+    height: 100%;
+    position: relative;
+    justify-content: center;
+    align-items: center;
+    display: -webkit-flex;
+    text-align: center;
+    color:#fff;
+}
+.homepage_introduce > ul li.active:before{
+    content: '';
+    width: 100%;
+    height: 100%;
+    background-color: #888;
+    opacity:0.53;
+    left: 0px;
+    top:0px;
+    position: absolute;
+}
+.homepage_introduce > ul li.active:after{
+    content: '';
+    bottom:-20px;
+    left:50%;
+    position: absolute;
+    display: block;
+    border-width: 10px;
+    border-style: dashed solid dashed dashed;
+    border-color: rgba(5,16,26,0.6) transparent transparent transparent;
+    font-size: 0;
+    line-height: 0;
+    margin-left:-10px;
+}
+
+.homepage_introduce_content{
+    position: relative;
+    width: 1200px;
+    margin:40px auto;
+    min-height: 614px;
+    text-align: center;
+    overflow: hidden;
+}
+.homepage_introduce_content_item{
+    opacity: 0;
+    z-index: 0;
+    position: absolute;
+}
+/*公用的动态效果*/
+.homepage_introduce_content_item .cartoonTitle{
+    transition: all .5s ease-in-out;
+    transform: translateY(-20px) scale(1);
+}
+.homepage_introduce_content_item.active .cartoonTitle{
+    transform: translateY(0) scale(1);
+}
+.homepage_introduce_content_item .cartoon{
+    transition: all .5s ease-in-out;
+    transform: translateY(40px) scale(1);
+}
+.homepage_introduce_content_item.active .cartoon{
+    transform: translateY(0) scale(1);
+}
+
+.homepage_introduce_content_item.active{
+    opacity: 1;
+}
+
+/*-------------trustieForge--------------*/
+.homepage_introduce_trustieForge > ul{
+    display: flex;
+    justify-content: space-between;
+}
+.homepage_introduce_trustieForge > ul li{
+    width: 285px;
+    margin-right: 15px;
+    height: 450px;
+    position: relative;
+    background:rgba(8,25,52,0.83);
+}
+
+.content_span{
+    position: relative;
+    font-size: 20px;
+    color:#fff;
+    height: 50px;
+    display: block;
+}
+.content_back{
+    height: 100%;
+}
+.content_span:after{
+    position: absolute;
+    content: '';
+    height: 2px;
+    width: 40px;
+    left:50%;
+    margin-left: -20px;
+    background-color: #fff;
+    bottom: 0px;
+}
+.plateContainer{
+    position: relative;
+}
+.plateContainer .plate_before{
+    position: absolute;
+    justify-content: center;
+    align-items: center;
+    display: -webkit-flex;
+    opacity: 1;
+    z-index: 2;
+    height: 100%;
+    top:0px;
+    left:0px;
+    width:100%;
+}
+.plateContainer .plate_back{
+    position: absolute;
+    justify-content: center;
+    align-items: center;
+    display: -webkit-flex;
+    opacity: 0;
+    z-index: 1;
+    height: 100%;
+    top:0px;
+    left:0px;
+    width:100%;
+    background:rgba(40,120,255,0.6);
+}
+.plateContainer .plate_back > div,.plateContainer .plate_before > div{
+    width: 210px;
+    color: #fff;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

public/stylesheets/css/project.css

@@ -509,7 +509,7 @@ select.new_roadmap_select{border:1px solid #dbdbdb; color: #666;}
 .roadmap_progressbar{ display: inline-block; width: 300px;border-radius:15px; background: #eaebec; height: 10px; position: relative;}
 .roadmap_progressbar_inner{ display: inline-block; position: absolute;width:100px;border-radius:15px; background: #80c57b; height: 10px; top:0 left:0;}
 .new_roadmap_info_top{border-bottom:1px solid #dbdbdb; padding:10px 15px;}
-.new_roadmap_icons_back{ background: url(/images/new_project/icons_issue.png) 0 -247px no-repeat; display: inline-block; width: 16px; height: 12px;}
+.new_roadmap_icons_back{ background: url('/images/new_project/icons_issue.png') 0 -247px no-repeat; display: inline-block; width: 16px; height: 12px;}
 .pd15box{ padding:0 15px;}
 .new_roadmap_info_title{ display: block; margin-left: 10px; text-align: left;max-width:400px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;}
 .new_roadmap_info_name{ display: block; margin-left: 10px; text-align: left;max-width:80px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;}
@@ -569,9 +569,10 @@ table.quality_list tbody td, table.quality_list tbody tr td {  border-bottom: so
 .autoscroll {overflow-x: auto; margin-bottom: 0.2em;}
 table.filecontent { border: 1px solid #e2e2e2; border-collapse: collapse; width: 100%;background-color: #fafafa;}
 table.text-file{}
+tr.line_holder{display: flex;width: 998px;box-sizing: border-box}
 .old_line,.new_line,.diff_line {margin: 0px; padding: 0px;border: none; background: #f7f8fa;color: rgba(0,0,0,0.3); padding: 0px 5px; border-right: 1px solid #dce0e6;text-align: right; min-width: 35px; max-width: 50px; width: 35px; -webkit-user-select: none;}
 .old_line a,.new_line a,.diff_line a { float: left;width: 35px; font-weight: normal; color: rgba(0,0,0,0.3);}
-.line_content{padding: 0px 5px;}
+.line_content{padding: 0px 5px;width: 0;flex: 1;box-sizing: border-box}
 .old{ background:#ffecec; }
 .old:hover{ background:#fffaf1; }
 .new{ background: #eaffea;}