jacknudt
/
socialforge
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Merge branch 'dev-homepage-revision' into dev_new_head

This commit is contained in:
caishi 2019-10-25 09:57:45 +08:00
parent 5064dffbc6 21409187d0
commit 14d427aed1
12 changed files with 71 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/helpers/homes_helper.rb
View File

@ -2,7 +2,7 @@ module HomesHelper
def home_cover_tag(home)
file_path = home&.cover&.file.nil? ? "/images/introduce/activeBanner.jpg": local_path(home.cover.file)
image_tag(file_path, class: 'mb25', height: '226px', width: '592px')
image_tag(file_path, class: 'mb30', width: '592px')
end
def home_banner_tag(banner)

25
app/views/homes/_educoder.html.erb
View File

@ -2,16 +2,21 @@
<div class="trustieEduCode_container cartoon">
<div class="edu_c_panel">
<ul class="edu_c_p_left">
<li class="active">
<i class="iconfont icon-menu_map mr15 f20"></i>实训项目</li>
<li>
<i class="iconfont icon-menu_voucher mr15 f20"></i>翻转课堂</li>
<li>
<i class="iconfont icon-huodong mr15 f20"></i>竞赛活动</li>
<li>
<i class="iconfont icon-menu_events mr15 f20"></i>作业查重</li>
<li>
<i class="iconfont icon-gongcheng mr15 f20"></i>工程教育</li>
<a href="https://www.educoder.net/">
<li class="active"><i class="iconfont icon-menu_map mr15 f20"></i>实训项目</li>
</a>
<a href="https://www.educoder.net/">
<li><i class="iconfont icon-menu_voucher mr15 f20"></i>翻转课堂</li>
</a>
<a href="https://www.educoder.net/">
<li><i class="iconfont icon-huodong mr15 f20"></i>竞赛活动</li>
</a>
<a href="https://www.educoder.net/">
<li><i class="iconfont icon-menu_events mr15 f20"></i>作业查重</li>
</a>
<a href="https://www.educoder.net/">
<li><i class="iconfont icon-gongcheng mr15 f20"></i>工程教育</li>
</a>
</ul>
<div class="edu_c_p_right">
<div class="c_p_right_item active">

8
app/views/homes/_floating_tabs.html.erb
View File

@ -1,28 +1,28 @@
<ul>
<li class="active">
<div>
<a href="https://www.trustie.net/" target="_blank"><p class="f18 floatingName floating_color">TrustieForge</p></a>
<p class="f18 floatingName"><a href="https://www.trustie.net/" target="_blank"class="colorWhite">TrustieForge</a></p>
<p class="f16 mb20">协同开发平台</p>
<p class="f12 mb30 break_full_word floatingContent">开源创作与软件生产相结合，支持大规模群体开展软件协同创新活动。</p>
</div>
</li>
<li>
<div>
<a href="https://www.educoder.net/" target="_blank"><p class="f18 floatingName floating_color">EduCoder</p></a>
<p class="f18 floatingName"><a href="https://www.educoder.net/" target="_blank"class="colorWhite">EduCoder</a></p>
<p class="f16 mb20">智能学习平台</p>
<p class="f12 mb30 break_full_word floatingContent">实现实践教学的课程软件化、过程游戏化、环境生产化和评测全栈化</p>
</div>
</li>
<li>
<div>
<a href="http://ossean.trustie.net/" target="_blank"><p class="f18 floatingName floating_color">OSSEAN</p></a>
<p class="f18 floatingName"><a href="http://ossean.trustie.net/" target="_blank"class="colorWhite">OSSEAN</a></p>
<p class="f16 mb20">资源共享平台</p>
<p class="f12 mb30 break_full_word floatingContent">高效汇聚全球开源开放的软件工程大数据，持续分析与评估开源生态发展态势</p>
</div>
</li>
<li>
<div>
<a href="http://codepedia.trustie.net/" target="_blank"><p class="f18 floatingName floating_color">Codepedia</p></a>
<p class="f18 floatingName"><a href="http://codepedia.trustie.net/" target="_blank"class="colorWhite">Codepedia</a></p>
<p class="f16 mb20">众包标注平台</p>
<p class="f12 mb30 break_full_word floatingContent">实践群体智能硬币的两面，即为学习者提供高效易用的代码阅读环境，也为软件领域积累丰富的自然语言标注。</p>
</div>

4
app/views/homes/_home.html.erb
View File

@ -1,7 +1,7 @@
<div class="mr35">
<%= home_cover_tag(home) %>
<p class="f26 lh26 color-grey3 mb15"><%= home.name %></p>
<p class="f16 c_grey02 break_full_word">
<p class="f26 lh26 color-grey3 mb20"><%= home.name %></p>
<p class="f16 c_grey02 break_full_word lh30">
<%= truncate(home.content.html_safe, length: Home::SHOW_CONTENT_LENGTH) %>
</p>
<!-- <a href="<%##= home.more_content? ? homes_path(home) : 'JavaScript:void(0)'%>" class="homepage_activity_more <%#= home.more_content? ? 'visit_color' : 'disabled_color' %>">MORE<span>→</span></a>-->

36
app/views/homes/_ossean.html.erb
View File

@ -5,24 +5,29 @@
</div>
<ul class="cartoon ossean_list">
<li>
<div>
<p class="f20 color-grey3 mb20">多元关联与反馈</p>
<p class="f16 fontGrey4">对多扩社区多源异构数据进行清洗、关联、组合与结构化。</p>
</div>
<div>
<i class="iconfont icon-gongyiliucheng"></i>
</div>
<a href="http://ossean.trustie.net/" target="_blank">
<div>
<p class="f20 color-grey3 mb20">多元关联与反馈</p>
<p class="f16 fontGrey4">对多扩社区多源异构数据进行清洗、关联、组合与结构化。</p>
</div>
<div>
<i class="iconfont icon-gongyiliucheng"></i>
</div>
</a>
</li>
<li>
<div>
<p class="f20 color-grey3 mb20">多维评估</p>
<p class="f16 fontGrey4">从互联网到资源库，从主观到客观的多维度评估</p>
</div>
<div>
<i class="iconfont icon-shengmingzhouqi"></i>
</div>
<a href="http://ossean.trustie.net/" target="_blank">
<div>
<p class="f20 color-grey3 mb20">多维评估</p>
<p class="f16 fontGrey4">从互联网到资源库，从主观到客观的多维度评估</p>
</div>
<div>
<i class="iconfont icon-shengmingzhouqi"></i>
</div>
</a>
</li>
<li>
<a href="http://ossean.trustie.net/" target="_blank">
<div>
<p class="f20 color-grey3 mb20">资源排行和推荐</p>
<p class="f16 fontGrey4">对开源项目进行评测排行，对相关资源进行关联推荐。</p>
@ -30,8 +35,10 @@
<div>
<i class="iconfont icon-healthmode" style="font-size: 80px!important;"></i>
</div>
</a>
</li>
<li>
<a href="http://ossean.trustie.net/" target="_blank">
<div>
<p class="f20 color-grey3 mb20">态势感知</p>
<p class="f16 fontGrey4">从数据到知识，从知识到态势。</p>
@ -39,6 +46,7 @@
<div>
<i class="iconfont icon-yunweijiankong"></i>
</div>
</a>
</li>
</ul>
</div>

3
app/views/homes/_partners.html.erb
View File

@ -5,5 +5,4 @@
<a href="https://www.ihub.org.cn/" target="_blank"><img src="/images/partner/main/p_2.png"></a>
<a href="http://opengcc.org/" target="_blank"><img src="/images/partner/main/p_1.png"></a>
<a href="http://111.186.57.55/" target="_blank"><img src="/images/partner/main/p_3.png"></a>
<!--<a href="http://210.79.227.194/" target="_blank"><img src="/images/partner/main/p_4.png"></a>-->
<a href="http://111.186.57.55/" target="_blank"><img src="/images/partner/main/p_6.png"></a>

17
app/views/homes/_trustie_coderpedia.html.erb
View File

@ -9,36 +9,43 @@
<i class="iconfont icon-shebeiguanli"></i>
</div>
<p class="hoverLine"></p>
<a href="http://codepedia.trustie.net/" target="_blank">
<div class="coderpedia_i_content">
<div>
<p class="color-grey3 f20 lh20 mb20">标注引导</p>
<p class="c_grey02 lh22">高质量代码标注<br/>提升代码可理解性</p>
</div>
</div>
</a>
</li>
<li>
<div class="h_logo">
<i class="iconfont icon-shebeiguanli"></i>
</div>
<p class="hoverLine"></p>
<a href="http://codepedia.trustie.net/" target="_blank">
<div class="coderpedia_i_content">
<div>
<p class="color-grey3 f20 lh20 mb20">群体标注</p>
<p class="c_grey02 lh22">提供开源项目群体标注<br/>方便团队理解和查看</p>
</div>
</div>
</a>
</li>
<li>
<div class="h_logo">
<i class="iconfont icon-zhiliangkongzhi"></i>
</div>
<p class="hoverLine"></p>
<div class="coderpedia_i_content">
<div>
<p class="color-grey3 f20 lh20 mb20">反馈修正</p>
<p class="c_grey02 lh22">及时的反馈机制<br/>指出瑕疵并进行改进和修正</p>
<a href="http://codepedia.trustie.net/" target="_blank">
<div class="coderpedia_i_content">
<div>
<p class="color-grey3 f20 lh20 mb20">反馈修正</p>
<p class="c_grey02 lh22">及时的反馈机制<br/>指出瑕疵并进行改进和修正</p>
</div>
</div>
</div>
</a>
</li>
</ul>
</div>

8
app/views/homes/_trustie_forge.html.erb
View File

@ -8,7 +8,7 @@
<div>
<p class="f20 color-grey3 mb20 trustieTabName">项目管理</p>
<p class="f16 fontGrey4">项目进程管理应用于研发管理、任务分配、目标跟踪等让项目管理流程高效完成。</p>
<a href="<%= host_with_protocol %>" class="trustieMore">查看详情</a>
<a href="<%= host_with_protocol %>" target="_blank" class="trustieMore">查看详情</a>
</div>
<div class="mt20">
@ -19,7 +19,7 @@
<div>
<p class="f20 color-grey3 mb20 trustieTabName">代码托管</p>
<p class="f16 fontGrey4">项目进程管理应用于研发管理、任务分配、目标跟踪等让项目管理流程高效完成。</p>
<a href="<%= host_with_protocol %>" class="trustieMore">查看详情</a>
<a href="<%= host_with_protocol %>" target="_blank" class="trustieMore">查看详情</a>
</div>
<div>
<i class="iconfont icon-hostingx2"></i>
@ -29,7 +29,7 @@
<div>
<p class="f20 color-grey3 mb20 trustieTabName">质量检测</p>
<p class="f16 fontGrey4">基于Sonar的代码静态分析工具，及时发现代码中的潜在隐患，全面提升软件开发质量。</p>
<a href="<%= host_with_protocol %>" class="trustieMore">查看详情</a>
<a href="<%= host_with_protocol %>" target="_blank" class="trustieMore">查看详情</a>
</div>
<div>
<i class="iconfont icon-detectionx"></i>
@ -39,7 +39,7 @@
<div>
<p class="f20 color-grey3 mb20 trustieTabName">交流社区</p>
<p class="f16 fontGrey4">为IT开发者营造活跃、开放的社区环境，提供即时通讯、资源分享、学习交流等社交化服务。</p>
<a href="<%= host_with_protocol %>" class="trustieMore">查看详情</a>
<a href="<%= host_with_protocol %>" target="_blank" class="trustieMore">查看详情</a>
</div>
<div>
<i class="iconfont icon-communityx"></i>

BIN
public/images/partner/main/p_6.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.7 KiB

4
public/javascripts/new/introduce.js
View File

@ -42,7 +42,7 @@ function activityFun(){
$(".edu_c_p_left li").removeClass("active")
$(this).addClass("active");
$(".c_p_right_item").removeClass("active");
$(".c_p_right_item").eq(parseInt($(this).index())).addClass("active");
$(".c_p_right_item").eq(parseInt($(this).parents("a").index())).addClass("active");
})
$(".partnerMenu").on("click","a",function () {
@ -107,4 +107,4 @@ $(window).resize(function () {
}
})
})

1
public/stylesheets/css/common.css
View File

@ -74,6 +74,7 @@ h4{ font-size:14px;}/*color:#3b3b3b;*/
.lh24{line-height:24px;}
.lh26{line-height:26px;}
.lh27{line-height:27px;}
.lh30{line-height:30px;}
.fmYh{font-family:"微软雅黑";}
.font999{ color:#999;}
.fontRed{color:#770000;}

10
public/stylesheets/css/introduce.css
View File

@ -448,18 +448,22 @@ body{
transition: 0.6s;
background: #fff;
}
.ossean_list li > div:first-child{
.ossean_list li>a{
display: flex;
width: 100%;
}
.ossean_list li > div:first-child,.ossean_list li > a > div:first-child{
flex: 1;
margin-right: 20px;
}
.ossean_list li > div:last-child{
.ossean_list li > div:last-child,.ossean_list li> a > div:last-child{
justify-content: center;
align-items: center;
display: -webkit-flex;
font-size: 40px;
text-align: center;
}
.ossean_list li > div:last-child i{
.ossean_list li > div:last-child i,.ossean_list li> a > div:last-child i{
font-size: 100px;
color: #999;
}