代码标注组”的竞赛首页

app/views/competitions/_gq_sencond_code_competition.html.erb

@@ -0,0 +1,141 @@
+<p class="second_code_1" style="background: url('/images/educoder/competition/qg/qg_two_2_1.png') no-repeat top center;"></p>
+<p class="second_code_2" style="background: url('/images/educoder/competition/qg/qg_two_2_2.png') no-repeat top center;"></p>
+<div class="second_code_3" style="background: url('/images/educoder/competition/qg/qg_two_2_3.png') no-repeat top center;">
+  <div class="enter_panel" style="height: 1212px">
+    <p class="challenge_title">经典算法阅读与标注</p>
+    <ul class="clearfix challenge_sub_title">
+      <li class="fl"><span class="mr20">代码标注时段</span><span>2019年6月20日~2019年7月20日</span></li>
+      <li class="fr"><span class="mr20">标注互评时段</span><span>2019年7月21日~2019年7月30日 </span></li>
+    </ul>
+    <p class="break_word font-18 challenge_describe">
+      标注说明：每个小组选择一种编程语言的题目，针对标注任务中指定的标注模块，要求对代码模块、模块中的代码文件， 以及文件中的函数必须进行标注，关键代码块、代码行及关键变量等由参赛者自由选择进行标注。 正式赛第一阶段的比赛在标注阶段就开放查看所有人的标注，请大家根据个人理解，写出自己的风格。我们将综合考虑标注的原创性、准确性、 完整性和多样性等不同的维度对标注质量进行评分。第一阶段比赛得分占正赛总比分的30%。
+    </p>
+    <ul class="mt30">
+      <li class="challenge_box">
+        <p class="challenge_b_t">Java项目</p>
+        <p class="enter_btn mb40 clearfix">
+           <a href="javascript:void(0)" target="_blank" class="setNewBnt active">Java入口</a>
+        </p>
+        <p class="challenge_b_d">项目简介</p>
+        <p class="break-word challenge_b_des">
+          Weka是基于Java的机器学习与数据挖掘平台，汇集了最前沿的机器学习算法，包括处理标准数据挖掘问题的几乎所有方法：回归、分类、聚类、关联规则以及属性选择等，是Java机器学习入门的首选平台。
+          <br/><br/>
+          本项目的Clusters目录中包含了K-Means、层次聚类等多种聚类算法以及相应的聚类效果评估方法的java实现
+        </p>
+        <p class="challenge_b_d">标注任务</p>
+        <p class="break-word challenge_b_des" style="color: #FC2F78;min-height: 60px">标注../weka/clusterers/目录下的所有代码文件。</p>
+        <p class="challenge_b_d">经典算法解读：</p>
+        <ul class="clearfix algorithm">
+          <a href="javascript:void(0)" target="_blank">CSDN，经典聚类算法</a>
+        </ul>
+        <p class="enter_btn clearfix">
+          <a href="javascript:void(0)" target="_blank" class="setNewBnt active">点击进入代标注模块</a>
+        </p>
+      </li>
+      <li class="challenge_box">
+        <p class="challenge_b_t">C/C++项目</p>
+        <p class="enter_btn mb40 clearfix">
+           <a href="javascript:void(0)" target="_blank" class="setNewBnt active">C/C++入口</a>
+        </p>
+        <p class="challenge_b_d">项目简介</p>
+        <p class="break-word challenge_b_des">
+          该项目是GitHub上最受欢迎的C++语言实现经典算法与数据结构的项目之一，内容涵盖排序、链表、树结构、图搜索、贪心算法等。学习这些算法的代码实现，可以深刻理解和掌握算法的核心思想，感受算法之美，代码之美，是人工智能时代的基础入门一课。
+          <br/><br/>
+          本项目的sort_search_problems目录涵盖了冒泡排序、快速排序等各类经典排序算法的C++实现。
+        </p>
+        <p class="challenge_b_d">标注任务</p>
+        <p class="break-word challenge_b_des" style="color: #FC2F78;min-height: 60px">标注../sort_search_problems目录下的所有代码文件及对应引用的../include目录中自定义的头文件。</p>
+        <p class="challenge_b_d">经典算法解读：</p>
+        <ul class="clearfix algorithm">
+          <a href="javascript:void(0)" target="_blank">CSDN，十大经典排序算法</a>
+        </ul>
+        <p class="enter_btn clearfix">
+          <a href="javascript:void(0)" target="_blank" class="setNewBnt active">点击进入代标注模块</a>
+        </p>
+      </li>
+      <li class="challenge_box">
+        <p class="challenge_b_t">Python项目</p>
+        <p class="enter_btn mb40 clearfix">
+           <a href="javascript:void(0)" target="_blank" class="setNewBnt">Python入口</a>
+        </p>
+        <p class="challenge_b_d">项目简介</p>
+        <p class="break-word challenge_b_des">
+          该项目是GitHub上最受欢迎的Python语言实现经典算法的项目之一，包含了前沿的神经网络和经典数据结构及算法的Python实现。项目具有兼顾经典和前沿的特点。学习经典算法的源码实现，感受经典算法的思想之美、代码之美。
+          <br/><br/>
+          本项目的Sorts目录中包含了冒泡排序、快速排序等各类经典排序算法的Python实现。
+        </p>
+        <p class="challenge_b_d">标注任务</p>
+        <p class="break-word challenge_b_des" style="color: #FC2F78;min-height: 60px">标注../sorts/目录下的所有代码文件。</p>
+        <p class="challenge_b_d">经典算法解读：</p>
+        <ul class="clearfix algorithm">
+          <a href="javascript:void(0)" target="_blank">CSDN，十大经典排序算法</a>
+        </ul>
+
+        <p class="enter_btn clearfix">
+          <a href="javascript:void(0)" target="_blank" class="setNewBnt active">点击进入代标注模块</a>
+        </p>
+      </li>
+    </ul>
+  </div>
+</div>
+<div class="second_code_4" style="background: url('/images/educoder/competition/qg/qg_two_2_4.png') no-repeat top center;">
+  <div class="enter_panel">
+    <ul class="clearfix challenge_sub_title mt10">
+      <li class="fl"><span class="mr20">代码标注时段</span><span>2019年6月20日~2019年7月20日</span></li>
+      <li class="fr"><span class="mr20">标注互评时段</span><span>2019年7月21日~2019年7月30日</span></li>
+    </ul>
+    <p class="break_word font-18 challenge_describe mb40">
+      标注说明：每个小组选择一种编程语言的题目，针对标注任务中指定的标注模块，要求对代码模块、模块中的代码文件， 以及文件中的函数必须进行标注，关键代码块、代码行及关键变量等由参赛者自由选择进行标注。 正式赛第一阶段的比赛在标注阶段就开放查看所有人的标注，请大家根据个人理解，写出自己的风格。我们将综合考虑标注的原创性、准确性、 完整性和多样性等不同的维度对标注质量进行评分。第一阶段比赛得分占正赛总比分的30%。
+    </p>
+    <li class="challenge_box">
+      <p class="challenge_b_t mb40">Java项目</p>
+      <p class="enter_btn clearfix">
+        <a href="javascript:void(0)" target="_blank" class="setNewBnt">Java入口</a>
+      </p>
+    </li>
+    <li class="challenge_box">
+      <p class="challenge_b_t mb40">C++项目</p>
+      <p class="enter_btn clearfix">
+        <a href="javascript:void(0)" target="_blank" class="setNewBnt">C++入口</a>
+      </p>
+    </li>
+    <li class="challenge_box">
+      <p class="challenge_b_t mb40">Python项目</p>
+      <p class="enter_btn clearfix">
+        <a href="javascript:void(0)" target="_blank" class="setNewBnt">Python入口</a>
+      </p>
+    </li>
+  </div>
+</div>
+<div class="second_code_5" style="background: url('/images/educoder/competition/qg/qg_two_2_5.png') no-repeat top center;">
+  <div class="enter_panel">
+    <ul class="clearfix challenge_sub_title mt10">
+      <li class="fl"><span class="mr20">代码标注时段</span><span>2019年8月1日~2019年8月31日</span></li>
+      <li class="fr"><span class="mr20">标注互评时段</span><span>2019年9月1日~2019年9月10日 </span></li>
+    </ul>
+    <p class="break_word font-18 challenge_describe mb40">
+      标注说明：每个小组选择一种编程语言的题目，针对标注任务中指定的标注模块，要求对代码模块、模块中的代码文件， 以及文件中的函数必须进行标注，关键代码块、代码行及关键变量等由参赛者自由选择进行标注。 正式赛第一阶段的比赛在标注阶段就开放查看所有人的标注，请大家根据个人理解，写出自己的风格。我们将综合考虑标注的原创性、准确性、 完整性和多样性等不同的维度对标注质量进行评分。第一阶段比赛得分占正赛总比分的30%。
+    </p>
+    <li class="challenge_box">
+      <p class="challenge_b_t mb40">Java项目</p>
+      <p class="enter_btn clearfix">
+        <a href="javascript:void(0)" target="_blank" class="setNewBnt">Java入口</a>
+      </p>
+    </li>
+    <li class="challenge_box">
+      <p class="challenge_b_t mb40">C++项目</p>
+      <p class="enter_btn clearfix">
+        <a href="javascript:void(0)" target="_blank" class="setNewBnt">C++入口</a>
+      </p>
+    </li>
+    <li class="challenge_box">
+      <p class="challenge_b_t mb40">Python项目</p>
+      <p class="enter_btn clearfix">
+        <a href="javascript:void(0)" target="_blank" class="setNewBnt">Python入口</a>
+      </p>
+    </li>
+  </div>
+</div>
+<p class="second_code_6" style="background: url('/images/educoder/competition/qg/qg_two_2_6.png') no-repeat top center;"></p>
+<p class="second_code_7" style="background: url('/images/educoder/competition/qg/qg_two_2_7.png') no-repeat top center;"></p>
+<p class="second_code_8" style="background: url('/images/educoder/competition/qg/qg_two_2_8.png') no-repeat top center;"></p>

public/stylesheets/educoder/edu-all.css

@@ -648,8 +648,24 @@ a.enterLink{cursor: pointer;color: #418CCD!important;background: none!important;
 .second_6{min-height: 1053px;}
 .second_7{min-height: 1096px;}
 .second_8{min-height: 727px;}
+
+
+.second_code_1{min-height: 791px;}
+.second_code_2{min-height: 436px;}
+.second_code_3{min-height: 1460px;padding-top: 190px;box-sizing: border-box;position: relative}
+.second_code_4{min-height: 724px;padding-top: 190px;box-sizing: border-box;position: relative}
+.second_code_5{min-height: 718px;padding-top: 190px;box-sizing: border-box;position: relative}
+.second_code_6{min-height: 1060px;}
+.second_code_7{min-height: 1116px;}
+.second_code_8{min-height: 711px;}
+.challenge_title{
+    color: #41ABEF;font-size: 30px;font-weight: bold;text-align: center;letter-spacing: 1px;line-height: 60px;margin-bottom: 20px;
+}
+.challenge_sub_title{margin-bottom: 20px;}
+.challenge_sub_title li span{color: #0B8298;font-size: 22px;font-weight: bold}
+.challenge_sub_title li span:last-child{font-weight: 400!important;font-size: 20px!important;}
 .enter_panel{
-    width: 1200px;margin:0px auto;height: 360px;text-align: center;
+    width: 1200px;margin:0px auto;height: 360px;text-align: center;padding:20px;box-sizing: border-box;
 }
 .enter_title{
     color: #0B8298;
@@ -661,7 +677,45 @@ a.enterLink{cursor: pointer;color: #418CCD!important;background: none!important;
 .enter_btn a.active{
     background: #DAECFC;color: #2BC4C6!important;
 }
+.setNewBnt{width: 100%!important;margin:0px!important;}
 .enter_btn a.active:hover{background: #2CDAD4;color: #fff!important;}
+.challenge_describe{
+    color: #51B2C4;text-align: left;line-height: 22px;
+}
+li.challenge_box{
+    border:1px solid #ABDCF1;background: #F1F8FD;padding:40px 20px;border-radius: 4px;width: 32%;margin-right: 2%;
+    box-sizing: border-box;float: left;
+}
+.challenge_box .challenge_b_t{
+    font-size: 30px;color: #0E8B87;line-height: 30px;margin-bottom: 30px;
+}
+.challenge_b_d{
+    color: #0B8298;font-size: 20px;line-height: 20px;text-align: left;font-weight: bold;margin-bottom: 40px;padding-left: 3px;
+}
+.challenge_b_des{
+    line-height: 20px;color: #0B8298;font-size: 18px;text-align: left;text-align:justify;margin-bottom: 40px;min-height: 220px;
+}
+li.challenge_box:last-child{
+    margin-right: 0px;
+}
+.algorithm{margin-bottom: 40px;}
+.algorithm a{display: block;text-align: left;color: #23A8FD;position: relative;float: left;font-size: 18px;line-height: 22px;}
+.algorithm a:after{position: absolute;left: 0px;bottom: -2px;background:#23A8FD;width: 100%;height: 1px;content: ''; }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 @media screen and (max-width: 1600px) {