socialforge/app/views/welcome/contest.html.erb

<%
   @nav_dispaly_contest_label = 1
   @nav_dispaly_store_all_label = 1
%>
<%= stylesheet_link_tag 'welcome' %>
<style type="text/css">
    #up_zzjs{height:100px;overflow:hidden;}

</style>
 <script type="text/javascript" language="javascript">
	function clearInfo(id, content) {
		var text = $('#' + id);
		if (text.val() == content) {
			$('#' + id).val('');
		}
	}

    $(function(){
    	$("#main").find("a").attr("target", "_blank");
        setCss();
    });

    //设置div居中
    function setCss()
    {
        var mainBar = $('#main-content-bar')[0];
        var topHeight = mainBar.offsetHeight;
        var welcomeLeft = $('#welcome_left')[0];
        var leftHeight =  welcomeLeft.offsetHeight;
        var searchbar = $('#J_Slide')[0];
        var searchHeight = searchbar.offsetHeight;
        welcomeLeft.style.marginTop  = (topHeight - leftHeight)/2 + "px";
        searchbar.style.marginTop  = (topHeight - searchHeight)/2 + "px";
        //alert((topHeight - leftHeight)/2 );
    }

	function showInfo(id, content) {
		var text = $('#' + id);
		if (text.val() == '') {
			$('#' + id).val(content);
		}
	}
	// 给主页用户弹新页面
	$(document).ready(function($) {
		$("#loggedas").find("a").attr("target", "_blank");
		//$("#content .tabs_new~ .pagination").find("a").removeAttr("target");
	});
</script>


<script type="text/javascript">
(function (){
    window.onload = function(){
    function fixedBar(id, options){
         var ele = document.getElementById(id);
             if(!ele) return;
             if(/msie (\d+\.\d+)/i.test(navigator.userAgent)){
                var pageHeight=window.innerHeight;
                var d=document;
                    if(typeof pageHeight!="number"){
                            if(document.compatMode=="CSS1Compat"){
                                    pageHeight=document.documentElement.clientHeight;
                            }else{
                                    pageHeight=document.body.clientHeight;
                            }
                    }
                var ieScrollTop=window.pageYOffset || d.documentElement.scrollTop || d.body.scrollTop;
                    if(options.addclass) ele.className = options.addclass;
                    ele.style.position= 'absolute';

                    if(options.show){
                        ele.style.top = 0 + "px";
                        ele.style.display= 'block';
                    }

                    window.attachEvent('onscroll' , function (){

                            var ieScrollTop=window.pageYOffset || d.documentElement.scrollTop || d.body.scrollTop;

                            ele.style.top = 0 + "px";
                            if(options.autoHidden){
                                    if(ieScrollTop==0){
                                            ele.style.display="none";
                                    }else{
                                            ele.style.display="block";
                                    }
                            }
                    });
            }else{
                var ele = document.getElementById(id);
                if(typeof pageHeight!="number"){
                        if(document.compatMode=="CSS1Compat"){
                                pageHeight=document.documentElement.clientHeight;
                        }else{
                                pageHeight=document.body.clientHeight;
                        }
                }
                if(options.show) ele.style.display= 'block';
                ele.style.top = 0 +'px';
                window.addEventListener('scroll',function (){
                    if(options.autoHidden){
                            if(baidu.page.getScrollTop()==0){
                                    ele.style.display="none";
                            }else{
                                    ele.style.display="block";
                            }
                    }
                },false);
            }
    }

    fixedBar('backTopBtn' , {autoHidden: true, top : 186});
    fixedBar('identifier-pannel' , {autoHidden: false , top : 956 , show : true});
    }
})();
</script>
<div class='top_bar'>
	<div id="identifier-pannel" style="display:none">
		<%= image_tag '/images/qrweixin.jpg', size: '150x150', alt: 'trustie', class: "weixin" %>
		<div class="weixin-content"><%=l(:label_weixin)%></div>
	</div>
	<div class="main-content-bar" id="main-content-bar">
	<!--文字-->
		<div style="float: left;padding-left:15px;">
          <% if get_avatar?(@contest_page) %>
              <%= image_tag(url_to_avatar(@contest_page),  width:@contest_page.image_width,height: @contest_page.image_height) %>
          <% else %>
              <%= image_tag '/images/transparent.png',  width:@contest_page.image_width,height: @contest_page.image_height %>
          <% end %>
		</div>
	<div class="welcome_left" id="welcome_left">
        <% unless @contest_page.nil? %>
			<span class="font_welcome_trustie"><%= @contest_page.title %></span> <span class="font_welcome_tdescription">, <%= @contest_page.description %></span>
	    <% end %>
    </div>

<!--搜索框-->
	<div id="J_Slide" class="d-p-index-box d-p-index-hotproject" style="float: right;">
      <%= form_tag({controller: :welcome, action: :search }, method: :get) do %>
			<%= text_field_tag 'name', params[:name], :placeholder => l(:label_search_intimation), name: "name", :class => 'blueinputbar', :style => 'width:240px; padding-right:50px;'%>
			&nbsp;
			<%= hidden_field_tag 'project_type', params[:project_type] %>
			<%= submit_tag l(:label_search), :class => "enterprise", :name => "contests_search" %>
		<% end %>
		<!-- <div class='font_lighter' style="display: inline-block; margin-top:3px;">竞赛相关内容搜索,如竞赛题目，参赛题目，参赛人名等。</div> -->
	</div>
	<div style="clear: both;"></div>
	</div>
</div>

	<div style="clear:both"></div>


<div id="J_Slide" class="d-p-index-box d-p-index-hotproject" >
<h3 style="margin-left: 5px; color: #e8770d;"><strong><%=l(:label_current_hot_contest)%></strong></h3>
	<span style="margin-top: -20px;float: right; display: block;"><%= link_to l(:label_more_information), {:controller => 'contests', :action => 'index'}, :target => "_blank" %></span>
	<div class="d-p-projectlist-box">
		<div class="d-p-projectlist">
			<% find_all_hot_contest.map do |contest| break if(contest == find_all_hot_contest[5]) %>

			<li style="overflow:auto;word-break:break-all;height:100%;" class='<%= cycle("odd", "even") %>'>
				<div class="avatar-4" style="float: left; margin-top: 7px">
					<%= image_tag('/images/contest1.png')%>
				</div>

				<div style="float: left; margin-left: 12px; margin-top: 10px; margin-bottom: -4px; width: 380px;">
					<!-- <%= link_to(contest.name, contest.event_url, :class => "d-g-blue d-p-project-name",  :title => "#{contest.name}",  :target => "_blank")  %> -->
					<%= link_to(contest.name, contest_contestnotifications_path(contest.id), :class => "d-g-blue d-p-project-name",  :title => "#{contest.name}",  :target => "_blank")  %>
					<% if contest.id == 2 or contest.id == 3 or contest.id == 6 %>
						<span class="font_lighter">(<span style="font-size: 13px"><%= link_to("#{contest.projects.where('is_public=1').count}"+l(:label_work_quantity), show_attendingcontest_contest_path(contest), :target => "_blank") %></span>)</span>
					<% else %>
						<span class="font_lighter">(<span style="font-size: 13px"><%= link_to("#{contest.contesting_softapplications.count}"+l(:label_work_quantity), show_attendingcontest_contest_path(contest), :target => "_blank") %></span>)</span>
					<% end %>
				</div>

				<div  style="float: left;margin:5px; margin-left: 12px; margin-bottom: 2px; width: 380px;" class="text_nowrap">
					<span class='font_lighter' title ='<%=contest.description%>'><%=contest.description.truncate(100, omission: '...')%></span>
				</div><br />

				<div style="padding-left: 57px; clear: left;">

					<span class="font_lighter"><%=l(:label_release_time)%>:&nbsp;<%=format_time contest.created_on %></span>
				</div>

			</li>
			<% end; reset_cycle  %>

		</div>
	</div>
</div>


<div id="J_Slide" class="d-p-index-box d-p-index-hotproject" style="padding-left: 32px">
<h3 style="margin-left: 5px; color: #e8770d;">
	<strong><%=l(:label_notification)%></strong>
</h3>
	<span style="margin-top: -20px;float: right; display: block;"><%#= link_to l(:label_more_information), forums_path %></span>
	<div style="height: 167px; padding-top:6px;">
		<fieldset style="padding-left: 36px; margin-left: 13px; height: 150px; width:380px; border-radius:10px;">
			<div style="font-size:14px; color: #1166AD; padding-left:52px; "><strong><%= @contestNotification.title %></strong></div>
			<div class="underline-contests_four"></div>
          <div id="up_zzjs">
            <div id="marqueebox">
              <!-- <div><span style="color: red">一等奖:</span>&nbsp<span style="color: #1166AD">消灭那怪兽</span></div>
              <div><span style="color: red">二等奖:</span>&nbsp<span style="color: #1166AD">兄弟向前冲 </span></div>
              <div><span style="color: red">二等奖:</span>&nbsp<span style="color: #1166AD">鸟鸟文件管理器（银河之光版）</span></div>
              <div><span style="color: red">三等奖:</span>&nbsp<span style="color: #1166AD">疯狂猜图</span></div>
              <div><span style="color: red">三等奖:</span>&nbsp<span style="color: #1166AD">愉快的定向越野 </span></div>
              <div><span style="color: red">三等奖:</span>&nbsp<span style="color: #1166AD">体能训练助手 </span></div>
              <div><span style="color: red">三等奖:</span>&nbsp<span style="color: #1166AD">迷你日记本 </span></div>
              <div><span style="color: red">三等奖:</span>&nbsp<span style="color: #1166AD">永齐飞机大战</span></div> -->
              <%= @contestNotification.content.html_safe %>
            </div>
          </div>
			<!-- 火狐 onmouseover、onmouseout无效 <marquee scrollamount=3 direction=up height=100 onmouseover=stop() onmouseout= start() >
				<div><span style="color: red">一等奖:</span>&nbsp<span style="color: #1166AD">消灭那怪兽</span></div>
				<div><span style="color: red">二等奖:</span>&nbsp<span style="color: #1166AD">兄弟向前冲 </span></div>
				<div><span style="color: red">二等奖:</span>&nbsp<span style="color: #1166AD">鸟鸟文件管理器（银河之光版）</span></div>
				<div><span style="color: red">三等奖:</span>&nbsp<span style="color: #1166AD">疯狂猜图</span></div>
				<div><span style="color: red">三等奖:</span>&nbsp<span style="color: #1166AD">愉快的定向越野 </span></div>
				<div><span style="color: red">三等奖:</span>&nbsp<span style="color: #1166AD">体能训练助手 </span></div>
				<div><span style="color: red">三等奖:</span>&nbsp<span style="color: #1166AD">迷你日记本 </span></div>
				<div><span style="color: red">三等奖:</span>&nbsp<span style="color: #1166AD">永齐飞机大战</span></div>
			</marquee> -->

          <script language="javascript">
              function startmarquee(lh,speed,delay) {
                  var p=false;
                  var t;
                  var o=document.getElementById("marqueebox");
                  o.innerHTML+=o.innerHTML;
                  o.style.marginTop=0;
                  o.onmouseover=function(){p=true;}
                  o.onmouseout=function(){p=false;}

                  function start(){
                      t=setInterval(scrolling,speed);
                      if(!p) o.style.marginTop=parseInt(o.style.marginTop)-1+"px";
                  }

                  function scrolling(){
                      if(parseInt(o.style.marginTop)%lh!=0){
                          o.style.marginTop=parseInt(o.style.marginTop)-1+"px";
                          if(Math.abs(parseInt(o.style.marginTop))>=o.scrollHeight/2) o.style.marginTop=0;
                      }else{
                          clearInterval(t);
                          setTimeout(start,delay);
                      }
                  }
                  setTimeout(start,delay);
              }
              startmarquee(20,40,0);
          </script>
		</fieldset>
	</div>
</div>

<div id="J_Slide" class="d-p-index-box d-p-index-hotproject" style="float: right;">
<h3 style="margin-left: 5px; color: #e8770d;">
	<strong><%=l(:label_issue_feedback_activities)%></strong>
	<%= link_to l(:label_my_question), newbie_send_path, {:class => 'orangeButton idea_btn', :style => "color: #EEEEEE" }%>
	<%= link_to l(:label_my_feedback), suggestion_send_path, {:class => 'orangeButton idea_btn', :style => "color: #EEEEEE" }%>
</h3>
	<span style="margin-top: -20px;float: right; display: block;"><%= link_to l(:label_more_information), forums_path %></span>
	<div class="d-p-projectlist-box">
		<ul class="d-p-projectlist">
			<% find_new_forum_topics(8).each do |topic|%>
			<li class="message-brief-intro" style="height: auto; line-height:2em; padding-bottom: 1px ">
				<div  style="display: inline-block; width: 100%;">
				  <span class="memo_activity text_nowrap"  style="color:gray; display: inline-block;  margin-bottom:6px; background: url('/images/list-icon.png') no-repeat scroll ;background-position: left center;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <%= link_to '['+topic.forum.name + ']',forum_path(topic.forum),:class => 'memo_Bar_title' %><%= link_to topic.subject.truncate(30, omission: '...'), topic.event_url, :class => "gray" , :style => "font-size: 10pt !important;" %>
				  </span>
                  <div class='memo_activity memo_attr'>
					<span class='memo_timestamp'>
						<%= "#{l(:label_updated_time, value: time_tag_welcome(topic_last_time topic))}".html_safe %>
					</span>
					<span class="memo_author">
						<%=l(:label_question_sponsor)%>:&nbsp;<%= link_to topic.author.login.truncate(10, omission: '...'),user_path(topic.author),title: topic.author.login %>
					</span>
					<span class="memo_last_person">
						<%=l(:label_final_reply)%>:&nbsp;<% unless (topic.last_reply.nil? || topic.last_reply.author.nil?) %><%=link_to topic.last_reply.author.login.truncate(10, omission: '...'),user_path(topic.last_reply.author),title: topic.last_reply.author.login%><% end %>
					</span>
					<span class="memo_reply">
						<%=l(:label_reply)%>(<%= link_to topic.try(:replies_count), topic.event_url %>)
					</span>
                  </div>
                </div>
			</li>
			<% end %>
		</ul>
	</div>
</div>


<div id="J_Slide" class="d-p-index-box d-p-index-hotproject" style="float: left;">
<h3 style="margin-left: 5px; color: #e8770d;"><strong><%=l(:label_current_attendingcontest_work)%></strong></h3>
	<span style="margin-top: -20px;float: right; display: block;"><%= link_to l(:label_more_information), {:controller => 'softapplications', :action => 'index'}, :target => "_blank" %></span>
	<div class="d-p-projectlist-box">
		<% if Softapplication.count > 0%>
			<div class="d-p-projectlist">
				<% find_all_hot_softapplication.map do |softapplication| break if(softapplication == find_all_hot_softapplication[5]) %>

				<li style="position:relative;height:6em;" class='<%= cycle("odd", "even") %>'>
					<div class="avatar-4" style="float: left; margin-top: 7px">
						<%= image_tag('/images/app1.png')%>
					</div>

					<div style="float: left; margin-left: 10px; margin-top: 7px;margin-bottom: -2px; width: 380px;">
						<%= link_to(softapplication.name, softapplication_path(softapplication.id), :class => "d-g-blue d-p-project-name",  :title => "#{softapplication.name}",  :target => "_blank")  %>
					</div>

					<div class='text_nowrap' style="float: left;margin:5px; margin-left: 10px; margin-bottom:1px; width: 380px;">
						<span class='font_lighter' title =<%=softapplication.description.to_s%>><%=softapplication.description.to_s.truncate(50, omission: '...')%></span>
					</div><br />

					<div style="padding-left: 55px; clear: left;">
						<span class="font_lighter"><%=l(:label_release_time)%>:&nbsp;<%=format_time softapplication.created_at %></span>
					</div>

				</li>
				<% end; reset_cycle  %>

			</div>
		<% else %>
			<p class="font_lighter"><%= l(:label_no_ftapplication) %></p>

		<% end %>
	</div>
</div>



<div class="clearfix"></div>
<%= render partial: 'link_to_another' %>