第二次全国大赛

app/views/competitions/_qg_competition.html.erb

@@ -1,3 +1,4 @@
+<% if false %>
 <div class="qg-1" style="background: url(<%= named_attachment_path(@images.first, @images.first.try(:filename)) %>) no-repeat top center;"></div>
 <div style="min-height: 588px; background: url(<%= named_attachment_path(@images[1], @images[1].try(:filename)) %>) no-repeat top center;"></div>
 <div class="pr qg-2" style="background: url(<%= named_attachment_path(@images[2], @images[2].try(:filename)) %>) no-repeat top center;">
@@ -69,4 +70,6 @@
         var h=parseInt($(".top-com").height())+385;
         $(".qg-2").css({"minHeight":h+"px"});
     })
-</script>
+</script>
+<% end %>
+<%= render :partial => 'competitions/qg_second_competition' %>

app/views/competitions/_qg_second_competition.html.erb

@@ -0,0 +1,65 @@
+<p class="second_1" style="background: url('/images/educoder/competition/qg/qg_two_1.png') no-repeat top center;"></p>
+<p class="second_2" style="background: url('/images/educoder/competition/qg/qg_two_2.png') no-repeat top center;"></p>
+<div class="second_3" style="background: url('/images/educoder/competition/qg/qg_two_3.png') no-repeat top center;">
+  <div class="enter_panel">
+    <ul class="mb40">
+        <p class="mb30 font-22 enter_title"><span class="mr20 font-bd">第一阶段</span><span>2019-6-25 09:00-2019-7-10 24:00 </span></p>
+        <li class="inline enter_btn">
+          <a href="javascript:void(0)" class="active">Java入口</a>
+          <a href="javascript:void(0)" class="active">C/C++入口</a>
+          <a href="javascript:void(0)">Python入口</a>
+        </li>
+    </ul>
+    <ul>
+      <p class="mb30 font-22 enter_title"><span class="mr20 font-bd">第一阶段</span><span>2019-6-25 09:00-2019-7-10 24:00 </span></p>
+      <li class="inline enter_btn">
+        <a href="javascript:void(0)">Java入口</a>
+        <a href="javascript:void(0)">C/C++入口</a>
+        <a href="javascript:void(0)">Python入口</a>
+      </li>
+    </ul>
+  </div>
+</div>
+<div class="second_4" style="background: url('/images/educoder/competition/qg/qg_two_4.png') no-repeat top center;">
+  <div class="enter_panel">
+    <ul class="mb40">
+      <p class="mb30 font-22 enter_title"><span class="mr20 font-bd">第一阶段</span><span>2019-6-25 09:00-2019-7-10 24:00 </span></p>
+      <li class="inline enter_btn">
+        <a href="javascript:void(0)" class="active">Java入口</a>
+        <a href="javascript:void(0)" class="active">C/C++入口</a>
+        <a href="javascript:void(0)">Python入口</a>
+      </li>
+    </ul>
+    <ul>
+      <p class="mb30 font-22 enter_title"><span class="mr20 font-bd">第一阶段</span><span>2019-6-25 09:00-2019-7-10 24:00 </span></p>
+      <li class="inline enter_btn">
+        <a href="javascript:void(0)">Java入口</a>
+        <a href="javascript:void(0)">C/C++入口</a>
+        <a href="javascript:void(0)">Python入口</a>
+      </li>
+    </ul>
+  </div>
+</div>
+<div class="second_5" style="background: url('/images/educoder/competition/qg/qg_two_5.png') no-repeat top center;">
+  <div class="enter_panel">
+    <ul class="mb40">
+      <p class="mb30 font-22 enter_title"><span class="mr20 font-bd">第一阶段</span><span>2019-6-25 09:00-2019-7-10 24:00 </span></p>
+      <li class="inline enter_btn">
+        <a href="javascript:void(0)" class="active">Java入口</a>
+        <a href="javascript:void(0)" class="active">C/C++入口</a>
+        <a href="javascript:void(0)">Python入口</a>
+      </li>
+    </ul>
+    <ul>
+      <p class="mb30 font-22 enter_title"><span class="mr20 font-bd">第一阶段</span><span>2019-6-25 09:00-2019-7-10 24:00 </span></p>
+      <li class="inline enter_btn">
+        <a href="javascript:void(0)">Java入口</a>
+        <a href="javascript:void(0)">C/C++入口</a>
+        <a href="javascript:void(0)">Python入口</a>
+      </li>
+    </ul>
+  </div>
+</div>
+<p class="second_6" style="background: url('/images/educoder/competition/qg/qg_two_6.png') no-repeat top center;"></p>
+<p class="second_7" style="background: url('/images/educoder/competition/qg/qg_two_7.png') no-repeat top center;"></p>
+<p class="second_8" style="background: url('/images/educoder/competition/qg/qg_two_8.png') no-repeat top center;"></p>

public/stylesheets/educoder/edu-all.css

@@ -602,7 +602,7 @@ p .activity-item:first-child{border-top: 1px solid #eee;}
 #competition-content img,#competition-db-content img,#ccfPage img{vertical-align: bottom;}
 #hnpage1{background: url('/images/educoder/competition/logo_1.jpg') no-repeat top center;min-height: 820px;}
 
-#competition-header{background: linear-gradient(to right, #29bd8b , #13dc98);height: 60px;width: 100%;padding-right: 40px;box-sizing: border-box;position: fixed;top: 0px;left: 0px;width: 100%;z-index: 1000;}
+#competition-header{background:#24292D;height: 60px;width: 100%;padding-right: 40px;box-sizing: border-box;position: fixed;top: 0px;left: 0px;width: 100%;z-index: 1000;}
 .nav-game{position: relative;}
 .nav-game li{position: relative;float: left;width: 110px;height: 60px;line-height: 60px;text-align: center;box-sizing: border-box}
 .nav-game li a{color:#fff;font-size: 16px;}
@@ -639,6 +639,29 @@ a.enterLink{cursor: pointer;color: #418CCD!important;background: none!important;
 
 .position-shixun{position: absolute;z-index: 2;bottom: 40px;text-align: center;width: 100%}
 .ccf-position-shixun .shixun-btn,.position-shixun .shixun-btn,.ccf-position-shixun-2 .shixun-btn{display: block;float: left;width: 160px;text-align:center;letter-spacing: 1px;height: 40px;line-height: 40px;color:#fff!important;margin:0px 20px;background: linear-gradient(to right, #ff8634 , #ff9d5b);box-shadow: 6px 4px 11px #f7ece4;}
+/*第二次竞赛-全国*/
+.second_1{min-height: 832px;}
+.second_2{min-height: 446px;}
+.second_3{min-height: 595px;padding-top: 190px;box-sizing: border-box;position: relative}
+.second_4{min-height: 610px;padding-top: 190px;box-sizing: border-box;position: relative}
+.second_5{min-height: 617px;padding-top: 190px;box-sizing: border-box;position: relative}
+.second_6{min-height: 1053px;}
+.second_7{min-height: 1096px;}
+.second_8{min-height: 727px;}
+.enter_panel{
+    width: 1200px;margin:0px auto;height: 360px;text-align: center;
+}
+.enter_title{
+    color: #0B8298;
+}
+.enter_btn a{
+    float: left;width: 300px;height: 60px;background: #ccc;color: #fff!important;margin:0px 35px;line-height: 60px;
+    font-size: 22px;font-weight: bold;border-radius: 2px;
+}
+.enter_btn a.active{
+    background: #DAECFC;color: #2BC4C6!important;
+}
+.enter_btn a.active:hover{background: #2CDAD4;color: #fff!important;}
 
 @media screen and (max-width: 1600px) {