

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no">
  
    
      <title>十一圈</title>
    
  
  <link href="/static/images/favicon.ico" type="image/x-icon" rel="shortcut icon"/>
  <link href="/static/css/bootstrap.min.css" rel="stylesheet">
  <script src="/static/js/jquery-2.1.4.min.js"></script>
  <script src="/static/js/bootstrap.min.js"></script>
  <link href="/static/css/quan-badge.css" rel="stylesheet">
  <script src="/static/js/obj2json.js"></script>
  
  <script src="/static/js/mustache.min.js"></script>
  <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->
  
</head>


  
    
  <body style="background: url('/static/images/0.png') fixed;">
    
    
  



<nav class="navbar navbar-default" role="navigation">
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="/"><span class="glyphicon glyphicon-cloud-upload"></span> 十一圈</a>
    </div>

    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav">
        <li><a href="/wall/">社团名录</a></li>
        <li><a href="/auth/apply/">审核进度</a></li>
        <li><a href="/forum/">十一论坛</a></li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">更多<span class="caret"></span></a>
          <ul class="dropdown-menu" role="menu">
            <li><a href="/square/">活动一览</a></li>
            <li><a href="/random/">手气不错</a></li>
            <li><a href="/square/club/">社团广场</a></li>
            <li><a href="/guide/" target="_blank">帮助手册</a></li>
            <li role="presentation" class="divider"></li>
            <li><a href="http://en.shiyiquan.net/?feed=rss2">English</a></li>
            <li><a href="http://ja.shiyiquan.net/?feed=rss2">日本語</a></li>
          </ul>
        </li>
      </ul>
      <form class="navbar-form navbar-left" role="search" method="get" action="/search/">
        <div class="form-group">
          <input type="text" class="form-control" name="query" placeholder="输入社团名称">
        </div>
        <button type="submit" class="btn btn-default">搜索</button>
      </form>
      <ul class="nav navbar-nav navbar-right">
        <li class="dropdown">
          
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
            欢迎
            <span class="caret" style="margin-left:40px;"></span>
          </a>
          
          <ul class="dropdown-menu" role="menu">
            
            <li><a href="/login/?url=/">登录十一圈</a></li>
            <li><a href="/signup/?url=/">注册账户</a></li>
            <li><a href="/reset/">重置密码</a></li>
            
          </ul>
        </li>
      </ul>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>






<style type="text/css">
.thumbnail {
	max-width: none;
}
</style>




  <script id="public-message-template" type="x-tmpl-mustache">
    <div class="col-xs-12 col-sm-12 col-md-12 message" style="display: None; " message_id="{{ id }}">
      {{ #hr_top }}<hr style="margin:2px;" />{{ /hr_top }}
      <div class="media">
        <div class="media-left">
          <img style="width: 32px; height: 32px;" src="{{ major.image }}" class="thumbnail">
        </div>
        <div class="media-body">
          <p>
            {{ head }}
            <a href="{{ major.link }}">{{ major.text }}</a>
            {{ body }}
            <a href="{{ minor.link }}">{{ minor.text }}</a>
            {{ tail }}
          </p>
          <p>
            <small>
              <span class="time_update_needed" start="{{ start }}">
                {{ time_ago }}
              </span>
              - {{ platform }}
            </small>
          </p>
        </div>
        {{ #minor.image }}
        <div class="media-right">
          <img style="width: 32px; height: 32px;" src="{{ minor.image }}" class="thumbnail">
        </div>
        {{ /minor.image }}
      </div>
      {{ #hr_bottom }}<hr style="margin:0.5em 0px 1em 0px" />{{ /hr_bottom }}
    </div>
  </script>


<script type="text/javascript">
	
	var public_message_url = "http://beta.shiyiquan.net/message/global/";
	
	public_message_template = $('#public-message-template').html();
	Mustache.parse(public_message_template);
	function time_delta_to_string(time_delta) {
		if (time_delta < 0)
			return "在不久的将来";
		else if (time_delta > 86400000)
			return parseInt(time_delta / 86400000) + "天前";
		else if (time_delta > 3600000)
			return parseInt(time_delta / 3600000) + "小时前";
		else if (time_delta > 60000)
			return parseInt(time_delta / 60000) + "分钟前";
		return "不到一分钟前";
	}
	
	function public_message_time_update() {
		c = $(".time_update_needed");
		for(var i = 0; i < c.length; i += 1) {
			var time_delta = Date.now() - c[i].attributes.start.value;
			c[i].innerHTML = time_delta_to_string(time_delta);
		}
	}

	setInterval(public_message_time_update, 10000);

	function public_message_render(target, data, status, hr){
		function render_i(info, hr, time_now) {
			if (hr) {
				info["hr_top"] = true;
			}
			else {
				info["hr_bottom"] = true;
			}
			info["start"] = (info.time_stamp - time_now) * 1000 + Date.now();
			return Mustache.render(public_message_template, info);
		}
		function find_message(mid) {
			c = target.children();
			for (var i = 0; i < c.length; i += 1) {
				if (c[i].attributes.message_id.value == mid) {
					return true;
				}
			}
			return false;
		}

		if(status){
			for (var i = 0; i < data['msglist'].length; i += 1) {
				if (find_message(data.msglist[i].id)) {
					continue
				}
				target.prepend(render_i(data.msglist[i], hr, data.time_now));
			}
		}
		else{
			for (var i = data['msglist'].length - 1; i >= 0; i -= 1) {
				if (find_message(data.msglist[i].id)) {
					continue
				}
				target.append(render_i(data.msglist[i], hr, data.time_now));
			}
		}
		$(".message").fadeIn("slow");
		time_delta_to_string();
	}
</script>



<div class="container-fluid">
  
  
  <div class="jumbotron" style="padding:40px;background-color: #483F3F; color:#F8F8F8">
  
    <div class="row">
      <div class="col-md-1">
      </div>
      <div class="col-md-7">
        <h1 style="margin-top:0px;">十一圈</h1>
        <p class="hidden-xs">便捷的社团活动发布&amp;管理平台。</p>
      </div>
      <div class="col-md-4 hidden-xs">
        
        <p><a class="btn btn-default btn-lg btn-block" href="/login/" role="button">登录</a></p>
        <p><a class="btn btn-danger btn-lg btn-block" href="/signup/" role="button">注册</a></p>
        
      </div>
      <div class="col-xs-12 visible-xs-block">
        <p><small>便捷的社团活动发布&amp;管理平台。</small></p>
        
        <a href="/login/" class="h1"><span class="glyphicon glyphicon-home"></span></a>
        <span style="margin:8px;"></span>
        <a href="/square/club/" class="h1"><span class="glyphicon glyphicon-circle-arrow-right"></span></a>
        
        <span style="margin:8px;"></span>
        <a href="/square/" class="h1"><span class="glyphicon glyphicon-flag"></span></a>
      </div>
    </div>
  </div>
</div>

<div class="container-fluid">
  <div class="row">
    <div class="col-sm-12 col-md-3">
      <div class="panel panel-danger">
        <div class="panel-body">
          <p><strong>最近的活动</strong></p>
          <h3 class="text-center" style="margin:20px;">
            <span class="glyphicon glyphicon-bell"></span> 
            <a style="border-bottom: 1px dotted #777;text-decoration:None;line-height:1.5em;" href="/event/3994/" target="_blank">
              常规活动-5
            </a>
          </h3>
          <dt><h4><span class="glyphicon glyphicon-map-marker"></span> 地点</h4></dt>
          <dd><h4 style="text-indent:1em;">食堂地下一层</h4> </dd>
          <dt><h4><span class="glyphicon glyphicon-time"></span> 时间</h4></dt>
          <dd><h4 style="text-indent:1em;">10月10日 16:30</h4> </dd>
          <h4 class="text-right">
            <small>Posted by 
              <a href="/club/chess/">
                <span class="glyphicon glyphicon-new-window"></span>
                十一国际象棋社
              </a>
            </small>
          </h4>
        </div>
        <div class="list-group">
          
          <a href="/event/3990/" class="list-group-item text-left">
            <span class="glyphicon glyphicon-flag"></span>
            暑期交流活动暨新学期发展大会
          </a>
          
          
          <a href="/event/3989/" class="list-group-item text-left">
            <span class="glyphicon glyphicon-flag"></span>
            参观军事博物馆，总结学习内容
          </a>
          
        </div>
      </div>
      <div class="panel panel-warning">
        <div class="panel-body">
          <p><strong>社团广场</strong></p>
          <div class="row">
            
            <div class="col-xs-12 col-sm-4 col-md-12">
              <div class="media">
                <div class="media-left">
                  <img style="width: 64px; height: 64px;" src="/media/images/avatar/medium/club-hcc-computer-community.png" class="thumbnail img-responsive">
                </div>
                <div class="media-body">
                  <h4 class="media-heading">
                    HCC社团 
                    <a href="/club/hcc-computer-community/">
                      <span class="glyphicon glyphicon-log-in"></span>
                    </a>
                  </h4>
                  <p class="text-left">
                    
                    <abbr title="John, John, test等关注">64</abbr> 
                    人关注
                    
                  </p>
                  <p class="text-left"><small>
                    
                    来自信息技术分类
                    
                  </small></p>
                </div>
              </div>
            </div>
            
            <div class="col-xs-12 col-sm-4 col-md-12">
              <div class="media">
                <div class="media-left">
                  <img style="width: 64px; height: 64px;" src="/media/images/avatar/medium/club-mickeymouseclub.png" class="thumbnail img-responsive">
                </div>
                <div class="media-body">
                  <h4 class="media-heading">
                    迪士尼艺术文化研究交流社 
                    <a href="/club/mickeymouseclub/">
                      <span class="glyphicon glyphicon-log-in"></span>
                    </a>
                  </h4>
                  <p class="text-left">
                    
                    <abbr title="peterwhk, 曹挚, livia等关注">22</abbr> 
                    人关注
                    
                  </p>
                  <p class="text-left"><small>
                    
                    来自艺术分类
                    
                  </small></p>
                </div>
              </div>
            </div>
            
            <div class="col-xs-12 col-sm-4 col-md-12">
              <div class="media">
                <div class="media-left">
                  <img style="width: 64px; height: 64px;" src="/media/images/avatar/medium/club-chess.png" class="thumbnail img-responsive">
                </div>
                <div class="media-body">
                  <h4 class="media-heading">
                    十一国际象棋社 
                    <a href="/club/chess/">
                      <span class="glyphicon glyphicon-log-in"></span>
                    </a>
                  </h4>
                  <p class="text-left">
                    
                    <abbr title="wangxinhao, liuyang-daniel, 宋佳阳等关注">21</abbr> 
                    人关注
                    
                  </p>
                  <p class="text-left"><small>
                    
                    来自体育分类
                    
                  </small></p>
                </div>
              </div>
            </div>
            
            <div class="col-xs-12 col-sm-4 col-md-12">
              <div class="media">
                <div class="media-left">
                  <img style="width: 64px; height: 64px;" src="/media/images/avatar/medium/club-fighting-club.png" class="thumbnail img-responsive">
                </div>
                <div class="media-body">
                  <h4 class="media-heading">
                    BNDS Fighting Club 
                    <a href="/club/fighting-club/">
                      <span class="glyphicon glyphicon-log-in"></span>
                    </a>
                  </h4>
                  <p class="text-left">
                    
                    <abbr title="shansixiong, fighting-club, harryliu等关注">13</abbr> 
                    人关注
                    
                  </p>
                  <p class="text-left"><small>
                    
                    来自体育分类
                    
                  </small></p>
                </div>
              </div>
            </div>
            
            <div class="col-xs-12 col-sm-4 col-md-12">
              <div class="media">
                <div class="media-left">
                  <img style="width: 64px; height: 64px;" src="/media/images/avatar/medium/club-broadcaster-and-host.png" class="thumbnail img-responsive">
                </div>
                <div class="media-body">
                  <h4 class="media-heading">
                    广播主持人社团 
                    <a href="/club/broadcaster-and-host/">
                      <span class="glyphicon glyphicon-log-in"></span>
                    </a>
                  </h4>
                  <p class="text-left">
                    
                    <abbr title="amazing-zsy, qinhaofei, hyk-gbzc等关注">3</abbr> 
                    人关注
                    
                  </p>
                  <p class="text-left"><small>
                    
                    暂无分类
                    
                  </small></p>
                </div>
              </div>
            </div>
            
            <div class="col-xs-12 col-sm-4 col-md-12">
              <div class="media">
                <div class="media-left">
                  <img style="width: 64px; height: 64px;" src="/media/images/avatar/medium/club-bnds-ps.png" class="thumbnail img-responsive">
                </div>
                <div class="media-body">
                  <h4 class="media-heading">
                    BNDS PsychSociety 
                    <a href="/club/bnds-ps/">
                      <span class="glyphicon glyphicon-log-in"></span>
                    </a>
                  </h4>
                  <p class="text-left">
                    
                    <abbr title="wjyv, test-, testtest-user等关注">3</abbr> 
                    人关注
                    
                  </p>
                  <p class="text-left"><small>
                    
                    来自社会科学分类
                    
                  </small></p>
                </div>
              </div>
            </div>
            
          </div>
        </div>
        <div class="list-group">
          <a href="/wall/" class="list-group-item text-center list-group-item-warning">
            <span class=""></span>查看更多社团
          </a>
        </div>
      </div>
    </div>
    <script type="text/javascript">
		var time_update = 0.0;
		var time_last = 0.0;

		ajaxSlow(public_message_url, function(){
			return { time_update: time_update }; 
		}, "json", function(data){
			time_update = data['time_update'];
			if (time_last == 0.0){
				time_last = data['time_last'];
			}
			public_message_render($("#msg-insert"), data, 1, true);
		}, 12000);

		function signature_modify(event){
			event.preventDefault();
			ajaxBanner("/user//signature/", {
				signature: $("#signature").val(), 
			}, "", function(msg){
				$("#status-text").html(msg["content"])
				$("#status-text").fadeIn();
				$("#status-text").fadeOut(3000);
				$("#signature").val("");
				ajaxGet(public_message_url, {
					time_update: time_update, 
				}, "json", function(data){
					time_update = data['time_update'];
					if (time_last == 0.0){
						time_last = data['time_last'];
					}
					public_message_render($("#msg-insert"), data, 1, true);
				});
			});
		}

		function updateOriginStatus(){
			if (time_last == 0.0) {
				return;
			}
			ajaxGet(public_message_url, {
				time_update: -time_last,
			}, "json", function(data){
				time_last = data['time_last']
				public_message_render($("#msg-insert"), data, 0, true);
			});
		}
		
    </script>
    <div id="signature_modify_div" class="col-sm-12 col-md-5">
      <div class="panel panel-default">
        <div class="panel-body">
          <p><strong>天台</strong></p>
          
          <div class="form-group text-center" style="margin-bottom:10px;">
            <a href="/login/?url=/" class="btn btn-default">登录后开启天台</a>
          </div>
          
          <div class="row" id="msg-insert">
          </div>
        </div>
        <div class="list-group">
          <a onclick="updateOriginStatus();" class="list-group-item text-center">
            <span class="glyphicon glyphicon-chevron-up"></span> 载入更多动态
          </a>
        </div>
      </div>
    </div>

    <div class="col-sm-12 col-md-4">

      <div class="thumbnail">
        <div class="caption">
          <div class="row">
            <div class="col-md-12">
              <p><strong>搜索社团</strong></p>
            </div>
            <div class="col-md-12">
              <form method="get" action="/search/">
                <div class="input-group">
                  <input name="query" type="text" class="form-control" placeholder="输入社团关键词">
                  <span class="input-group-btn">
                    
                    <button class="btn btn-danger" type="submit">
                    
                      <span class="glyphicon glyphicon-menu-right"></span> 探索
                    </button>
                  </span>
                </div><!-- /input-group -->
              </form>
            </div><!-- /.col-lg-6 -->
          </div><!-- /.row -->
        </div>
      </div>


      <div class="list-group">
        <div class="modal-content">
          <div class="modal-header">
          
            <h4 class="modal-title">关于十一圈访问速度慢的问题</h4>
          
          </div>
          <div class="modal-body">
          
            <p style="line-height:2em;">由于使用海外反向代理服务器，http://shiyiquan.net的访问速度会很慢。
现提供加速**校内**访问的方法：请访问http://local.shiyiquan.net以获得更好的使用体验。注意：此方法仅在校内使用有效。</p>
            
          
          <div id="notice_status"></div>
          </div>
          <div class="modal-footer">
            <a type="button" href="/share/e56284ba/" class="btn btn-default">查看详情</a>
            <button id="note_read_button" type="button" class="btn btn-primary" onclick="note_known();">晓得</button>
          </div>
        </div><!-- /.modal-content -->
      </div><!-- /.modal-dialog -->


      <div class="thumbnail">
        <div class="caption">
          <div class="row">
            <div class="col-md-12">
              <p><strong>APP下载</strong></p>
            </div>
            <div class="col-md-12">
              <div class="row">
                <div class="col-sm-3 text-center" style="padding-right: 7.5px; ">
                  <a class="btn btn-default btn-block quan-badge disabled" href="" target="_blank">
                    iOS
                  </a>
                </div>
                <div class="col-sm-4 text-center" style="padding-right: 7.5px; padding-left: 7.5px; ">
                  <a class="btn btn-success btn-block quan-badge" href="http://c.hcc.io/f/shiyiquan-release/?download_file=3973727" target="_blank">
                    Android<!-- 安卓版本1.17结束 -->
                  </a>
                </div>
                <div class="col-sm-5 text-center" style="padding-left: 7.5px; ">
                  <a class="btn btn-primary btn-block quan-badge" href="https://www.microsoft.com/zh-cn/store/apps/十一圈/9nblgggzxtpd" target="_blank">
                    Windows Phone
                  </a>
                </div>
              </div>
            </div><!-- /.col-lg-6 -->
          </div><!-- /.row -->
        </div>
      </div>

      <br />
    </div>
    <div class="col-sm-12 col-md-12"></div>
    <!--
    <div class="col-sm-12 col-md-3" data-spy="affix" data-offset-top="1200" >
      <div class="panel panel-info">
        <div class="panel-body">
          <p><strong>快速链接</strong></p>
        </div>
      </div>
    </div>
    -->
  </div>
</div>

<div class="panel-footer">
  <br />
  <div class="row">
    <!--<span>友情链接：<a href="/"></a></span>-->
    <h5 class="text-right">
      <kbd>HCC Computer Community</kbd> x <kbd>社团联合会</kbd> 
    </h5>
    <h5 class="text-right">
      All rights reserved.
    </h5>
  </div>
</div>

<script type="text/javascript">
$('.quan-badge').tooltip('hide')
function note_known(){
	ajaxBanner("/home/note-read/", {}, "#notice_status", function(msg){
		if (msg["status"] == "success"){
			$("#note_read_button").attr("disabled", "disabled");
		}
	});
}
</script>



<script type="text/javascript">
	$('#popover').popover();
	$('.quan-badge').tooltip('hide');
	$('input[type=file]').bootstrapFileInput();
</script>

</body>
</html>
