add new window in first page.

templates/home.tmpl

@@ -1,257 +1,264 @@
 {{template "base/head" .}}
+
 <div class="home">
-<script>
-	document.addEventListener('DOMContentLoaded', function () {
-	  particleground(document.getElementById('particles'), {
-		dotColor: 'rgba(0,176,240,0.2)',
-		lineColor: 'rgba(68,114,196,0.1)'
-	  });
-	  var intro = document.getElementById('intro');
-	  if (intro) {
-	  	intro.style.marginTop = - intro.offsetHeight / 2 + 'px';
-	  }
-	}, false);
-</script>
-	<div id="index-project">
-		<div id="particles"></div>
-		<div class="center aligned ui container inverted segment"><!--内容宽度，默认1127px-->
-			<h1 class="ui header section--header">启智社区
-				<p class="sub header">Open Intelligence,Open Source,Open Community,Open Ecosystem</p>
-			</h1>
-			<div class="ui six column grid prorow">
-				<div class="eight wide mobile four wide tablet four wide computer column ipros">
-					<div class="ui card">
-						<div class="image"><img src="https://www.openi.org.cn/statics/openi/images/index/openi-paddle.png" style=" height:20px;"></div>
-						<div class="content ui grid">
-							<div class="header right aligned eight wide column" style=" border-right:2px solid #ffc000">
-								<span style="color: #5170ff;">OpenI</span> <b style="color:#FFF">DL</b>
-							</div>
-							<div class="header left aligned eight wide column">
-								<span style="color: #5170ff;">OpenI</span> <b style="color:#ffc000">RL</b>
-							</div>
-						</div>
-						<div class="extra content">
-							<div class="center floated author">
-								贡献者：百度
-							</div>
-						</div>
-					</div>
-					<a class="flip" href="https://openi.org.cn/projects/paddle/"></a>
-				</div>
-				<div class="eight wide mobile three wide tablet three wide computer column ipros">
-					<div class="ui card">
-						<div class="image">
-							<img src="https://www.openi.org.cn/statics/openi/images/index/openi-tianyuan.png" alt="Brain++·天元" style=" height:50px;">
-						</div>
-						<div class="content">
-							<div class="header">Brain++·天元</div>
-						</div>
-						<div class="extra content">
-							<div class="center floated author">
-								贡献者：旷视
-							</div>
-						</div>
-					</div>
-					<a class="flip" href="https://openi.org.cn/projects/megengine/"></a>
-				</div>
-				<div class="eight wide mobile four wide tablet four wide computer column ipros">
-					<div class="ui card">
-						<div class="content ui grid">
-							<div class="header eight wide column" style=" border-right:2px solid #ffc000">
-								<div><span style="color: #5170ff;">OpenI</span> <b style="color:#FFF">天璇</b></div>
+    <script>
+        var head = document.head || document.getElementsByTagName('head')[0];
+        var t = document.createElement('base'); //创建title元素
+        t.target = '_blank'; //设置标题内容
+        head.appendChild(t);
+
+        document.addEventListener('DOMContentLoaded', function() {
+            particleground(document.getElementById('particles'), {
+                dotColor: 'rgba(0,176,240,0.2)',
+                lineColor: 'rgba(68,114,196,0.1)'
+            });
+            var intro = document.getElementById('intro');
+            if (intro) {
+                intro.style.marginTop = -intro.offsetHeight / 2 + 'px';
+            }
+        }, false);
+    </script>
+    <div id="index-project">
+        <div id="particles"></div>
+        <div class="center aligned ui container inverted segment">
+            <!--内容宽度，默认1127px-->
+            <h1 class="ui header section--header">启智社区
+                <p class="sub header">Open Intelligence,Open Source,Open Community,Open Ecosystem</p>
+            </h1>
+            <div class="ui six column grid prorow">
+                <div class="eight wide mobile four wide tablet four wide computer column ipros">
+                    <div class="ui card">
+                        <div class="image"><img src="https://www.openi.org.cn/statics/openi/images/index/openi-paddle.png" style=" height:20px;"></div>
+                        <div class="content ui grid">
+                            <div class="header right aligned eight wide column" style=" border-right:2px solid #ffc000">
+                                <span style="color: #5170ff;">OpenI</span> <b style="color:#FFF">DL</b>
+                            </div>
+                            <div class="header left aligned eight wide column">
+                                <span style="color: #5170ff;">OpenI</span> <b style="color:#ffc000">RL</b>
+                            </div>
+                        </div>
+                        <div class="extra content">
+                            <div class="center floated author">
+                                贡献者：百度
+                            </div>
+                        </div>
+                    </div>
+                    <a class="flip" href="https://openi.org.cn/projects/paddle/"></a>
+                </div>
+                <div class="eight wide mobile three wide tablet three wide computer column ipros">
+                    <div class="ui card">
+                        <div class="image">
+                            <img src="https://www.openi.org.cn/statics/openi/images/index/openi-tianyuan.png" alt="Brain++·天元" style=" height:50px;">
+                        </div>
+                        <div class="content">
+                            <div class="header">Brain++·天元</div>
+                        </div>
+                        <div class="extra content">
+                            <div class="center floated author">
+                                贡献者：旷视
+                            </div>
+                        </div>
+                    </div>
+                    <a class="flip" href="https://openi.org.cn/projects/megengine/"></a>
+                </div>
+                <div class="eight wide mobile four wide tablet four wide computer column ipros">
+                    <div class="ui card">
+                        <div class="content ui grid">
+                            <div class="header eight wide column" style=" border-right:2px solid #ffc000">
+                                <div><span style="color: #5170ff;">OpenI</span> <b style="color:#FFF">天璇</b></div>
 
-							</div>
-							<div class="header eight wide column">
-								<div><span style="color: #5170ff;">OpenI</span> <b style="color:#FFF">天枢</b></div>
+                            </div>
+                            <div class="header eight wide column">
+                                <div><span style="color: #5170ff;">OpenI</span> <b style="color:#FFF">天枢</b></div>
 
-							</div>
-							<div class="eight wide column" style=" border-right:2px solid #ffc000; padding-top:0">
-								<div class="meta">AVS3 解码</div>
-							</div>
-							<div class="eight wide column" style="padding-top:0">
-								<div class="meta">AVS3 编码</div>
-							</div>
-						</div>
-						<div class="extra content">
-							<div class="center floated author">
-								贡献者：北大深研院、鹏城实验室、深圳市超高清创新中心
-							</div>
-						</div>
-					</div>
-					<a class="flip" href="http://openi.org.cn/projects/uavs3e/"></a>
-				</div>
-				<div class="eight wide mobile three wide tablet three wide computer column ipros">
-					<div class="ui card">
-						<div class="content">
-							<div class="header" style=" padding-top:0.8em;padding-bottom:0.5em"><span style="color: #5170ff;">OpenI</span> <b style="color:#FFF">海参</b></div>
-							<div class="meta">基于深度学习的视频智能编码</div>
-						</div>
-						<div class="extra content">
-							<div class="center floated author">
-								贡献者：鹏城实验室、北大、武大、中科大、哈工大
-							</div>
-						</div>
-					</div>
-					<a class="flip" href="https://openi.org.cn/projects/dlvc/"></a>
-				</div>
-				<div class="sixteen wide mobile two wide tablet two wide computer column">
-					<div class="ui card">
-						<div class="content">
-							<div class="header" ><i class="ellipsis horizontal icon"></i></div>
-						</div>
-					</div>
-					<div class="flip flip-more"></div>
-				</div>
-			</div>
-			<div class="ui divider" style="margin-top:2.0em; margin-bottom:2.0em;"></div>
+                            </div>
+                            <div class="eight wide column" style=" border-right:2px solid #ffc000; padding-top:0">
+                                <div class="meta">AVS3 解码</div>
+                            </div>
+                            <div class="eight wide column" style="padding-top:0">
+                                <div class="meta">AVS3 编码</div>
+                            </div>
+                        </div>
+                        <div class="extra content">
+                            <div class="center floated author">
+                                贡献者：北大深研院、鹏城实验室、深圳市超高清创新中心
+                            </div>
+                        </div>
+                    </div>
+                    <a class="flip" href="http://openi.org.cn/projects/uavs3e/"></a>
+                </div>
+                <div class="eight wide mobile three wide tablet three wide computer column ipros">
+                    <div class="ui card">
+                        <div class="content">
+                            <div class="header" style=" padding-top:0.8em;padding-bottom:0.5em"><span style="color: #5170ff;">OpenI</span> <b style="color:#FFF">海参</b></div>
+                            <div class="meta">基于深度学习的视频智能编码</div>
+                        </div>
+                        <div class="extra content">
+                            <div class="center floated author">
+                                贡献者：鹏城实验室、北大、武大、中科大、哈工大
+                            </div>
+                        </div>
+                    </div>
+                    <a class="flip" href="https://openi.org.cn/projects/dlvc/"></a>
+                </div>
+                <div class="sixteen wide mobile two wide tablet two wide computer column">
+                    <div class="ui card">
+                        <div class="content">
+                            <div class="header"><i class="ellipsis horizontal icon"></i></div>
+                        </div>
+                    </div>
+                    <div class="flip flip-more"></div>
+                </div>
+            </div>
+            <div class="ui divider" style="margin-top:2.0em; margin-bottom:2.0em;"></div>
 
-			<div class="ui six column grid prorow">
-				<div class="eight wide mobile four wide tablet four wide computer column ipros">
-					<div class="ui card">
-						<div class="image">
-							<img src="https://www.openi.org.cn/statics/openi/images/index/openi-octopus.png" alt="启智章鱼" style=" height:50px;">
-						</div>
-						<div class="content">
-							<div class="meta">新一代智能资源管理系统</div>
-						</div>
-						<div class="extra content">
-							<div class="center floated author">
-								贡献者：鹏城实验室、北大
-							</div>
-						</div>
-					</div>
-					<a class="flip flip-blue" href="http://openi.org.cn/projects/octopus/"></a>
-				</div>
-				<div class="eight wide mobile three wide tablet three wide computer column ipros">
-					<div class="ui card">
-						<div class="image">
-							<img src="https://www.openi.org.cn/statics/openi/images/index/openi-shanhu.png" alt="OpenI珊瑚" style=" height:50px;">
-						</div>
-						<div class="content">
-							<div class="meta">异构资源调度项目</div>
-						</div>
-						<div class="extra content">
-							<div class="center floated author">
-								贡献者：华为
-							</div>
-						</div>
-					</div>
-					<a class="flip flip-blue" href="http://openi.org.cn/projects/coral/"></a>
-				</div>
-				<div class="five wide mobile three wide tablet three wide computer column ipros">
-					<div class="ui card">
-						<div class="image">
-							<img src="https://www.openi.org.cn/statics/openi/images/index/openi-trustie.png" alt="启智Trustie" style=" height:50px;">
-						</div>
-						<div class="content">
-							<div class="meta">群体化协同创新环境</div>
-						</div>
-						<div class="extra content">
-							<div class="center floated author">
-								贡献者：国防科大、北航、北大…
-							</div>
-						</div>
-					</div>
-					<a class="flip flip-green" href="http://openi.org.cn/projects/forge/"></a>
-				</div>
-				<div class="five wide mobile three wide tablet three wide computer column ipros">
-					<div class="ui card">
-						<div class="image">
-							<img src="https://www.openi.org.cn/statics/openi/images/index/huawei.png" alt="华为" style=" height:25px; margin-top:32px;">
-						</div>
-						<div class="content">
-							<div class="meta">华为软开云</div>
-						</div>
-					</div>
-					<a class="flip flip-green"></a>
-				</div>
-				<div class="six wide mobile three wide tablet three wide computer column ipros">
-					<div class="ui card">
-						<div class="image">
-							<img src="https://www.openi.org.cn/statics/openi/images/index/openi-zhongheng.png" alt="OpenI 纵横" style=" height:50px;">
-						</div>
-						<div class="content">
-							<div class="meta">数据协同环境</div>
-						</div>
-						<div class="extra content">
-							<div class="center floated author">
-								贡献者：微众银行
-							</div>
-						</div>
-					</div>
-					<a class="flip flip-green" href="http://openi.org.cn/projects/zongheng/"></a>
-				</div>
-			</div>
-			<div class="ui divider" style="margin-top:2.0em; margin-bottom:2.0em;"></div>
+            <div class="ui six column grid prorow">
+                <div class="eight wide mobile four wide tablet four wide computer column ipros">
+                    <div class="ui card">
+                        <div class="image">
+                            <img src="https://www.openi.org.cn/statics/openi/images/index/openi-octopus.png" alt="启智章鱼" style=" height:50px;">
+                        </div>
+                        <div class="content">
+                            <div class="meta">新一代智能资源管理系统</div>
+                        </div>
+                        <div class="extra content">
+                            <div class="center floated author">
+                                贡献者：鹏城实验室、北大
+                            </div>
+                        </div>
+                    </div>
+                    <a class="flip flip-blue" href="http://openi.org.cn/projects/octopus/"></a>
+                </div>
+                <div class="eight wide mobile three wide tablet three wide computer column ipros">
+                    <div class="ui card">
+                        <div class="image">
+                            <img src="https://www.openi.org.cn/statics/openi/images/index/openi-shanhu.png" alt="OpenI珊瑚" style=" height:50px;">
+                        </div>
+                        <div class="content">
+                            <div class="meta">异构资源调度项目</div>
+                        </div>
+                        <div class="extra content">
+                            <div class="center floated author">
+                                贡献者：华为
+                            </div>
+                        </div>
+                    </div>
+                    <a class="flip flip-blue" href="http://openi.org.cn/projects/coral/"></a>
+                </div>
+                <div class="five wide mobile three wide tablet three wide computer column ipros">
+                    <div class="ui card">
+                        <div class="image">
+                            <img src="https://www.openi.org.cn/statics/openi/images/index/openi-trustie.png" alt="启智Trustie" style=" height:50px;">
+                        </div>
+                        <div class="content">
+                            <div class="meta">群体化协同创新环境</div>
+                        </div>
+                        <div class="extra content">
+                            <div class="center floated author">
+                                贡献者：国防科大、北航、北大…
+                            </div>
+                        </div>
+                    </div>
+                    <a class="flip flip-green" href="http://openi.org.cn/projects/forge/"></a>
+                </div>
+                <div class="five wide mobile three wide tablet three wide computer column ipros">
+                    <div class="ui card">
+                        <div class="image">
+                            <img src="https://www.openi.org.cn/statics/openi/images/index/huawei.png" alt="华为" style=" height:25px; margin-top:32px;">
+                        </div>
+                        <div class="content">
+                            <div class="meta">华为软开云</div>
+                        </div>
+                    </div>
+                    <a class="flip flip-green"></a>
+                </div>
+                <div class="six wide mobile three wide tablet three wide computer column ipros">
+                    <div class="ui card">
+                        <div class="image">
+                            <img src="https://www.openi.org.cn/statics/openi/images/index/openi-zhongheng.png" alt="OpenI 纵横" style=" height:50px;">
+                        </div>
+                        <div class="content">
+                            <div class="meta">数据协同环境</div>
+                        </div>
+                        <div class="extra content">
+                            <div class="center floated author">
+                                贡献者：微众银行
+                            </div>
+                        </div>
+                    </div>
+                    <a class="flip flip-green" href="http://openi.org.cn/projects/zongheng/"></a>
+                </div>
+            </div>
+            <div class="ui divider" style="margin-top:2.0em; margin-bottom:2.0em;"></div>
 
-			<div class="ui six column grid prorow">
-				<div class="sixteen wide mobile six wide tablet six wide computer column ipros">
-					<div class="content ui grid">
-						<div class="header sixteen wide column">
-							<div class="ui centered card" style=" margin-top:0.5em; margin-bottom:0.5em;">
-								<div class="content">
-									<div class="header">鹏城云脑1、2</div>
-								</div>
-							</div>
-							<a class="flip flip-green"></a>
-						</div>
-						<div class="header sixteen wide column">
-							<div class="ui centered card" style=" margin-top:0.5em; margin-bottom:0.5em;">
-								<div class="content">
-									<div class="header">北京、合肥、苏州…</div>
-								</div>
-							</div>
-							<a class="flip flip-green"></a>
-						</div>
-					</div>
-				</div>
-				<div class="eight wide mobile two wide tablet four wide computer column ipros">
-					<div class="ui card">
-						<div class="content">
-							<div class="header" style=" padding-top:0.8em;padding-bottom:0.5em"><span style="color: #5170ff;">OpenI</span> <b style="color:#FFF">海藻</b></div>
-							<div class="meta">可配置指令集和微架构的AI开源芯片</div>
-						</div>
-						<div class="extra content">
-							<div class="center floated author">
-								贡献者：北大、中科院、鹏城实验室
-							</div>
-						</div>
-					</div>
-					<a class="flip flip-green" href="http://openi.org.cn/projects/varec/"></a>
-				</div>
-				<div class="eight wide mobile three wide tablet four wide computer column ipros">
-					<div class="ui card">
-						<div class="image">
-							<img src="https://www.openi.org.cn/statics/openi/images/index/huaweicloud.png" alt="华为云" style=" height:50px; margin-top:32px;">
-						</div>
-					</div>
-					<a class="flip flip-green"></a>
-				</div>
-				<div class="sixteen wide mobile two wide tablet two wide computer column">
-					<div class="ui card">
-						<div class="content">
-							<div class="header" ><i class="ellipsis horizontal icon"></i></div>
-						</div>
-					</div>
-					<div class="flip flip-more"></div>
-				</div>
-			</div>
-		</div>
-	</div>
+            <div class="ui six column grid prorow">
+                <div class="sixteen wide mobile six wide tablet six wide computer column ipros">
+                    <div class="content ui grid">
+                        <div class="header sixteen wide column">
+                            <div class="ui centered card" style=" margin-top:0.5em; margin-bottom:0.5em;">
+                                <div class="content">
+                                    <div class="header">鹏城云脑1、2</div>
+                                </div>
+                            </div>
+                            <a class="flip flip-green"></a>
+                        </div>
+                        <div class="header sixteen wide column">
+                            <div class="ui centered card" style=" margin-top:0.5em; margin-bottom:0.5em;">
+                                <div class="content">
+                                    <div class="header">北京、合肥、苏州…</div>
+                                </div>
+                            </div>
+                            <a class="flip flip-green"></a>
+                        </div>
+                    </div>
+                </div>
+                <div class="eight wide mobile two wide tablet four wide computer column ipros">
+                    <div class="ui card">
+                        <div class="content">
+                            <div class="header" style=" padding-top:0.8em;padding-bottom:0.5em"><span style="color: #5170ff;">OpenI</span> <b style="color:#FFF">海藻</b></div>
+                            <div class="meta">可配置指令集和微架构的AI开源芯片</div>
+                        </div>
+                        <div class="extra content">
+                            <div class="center floated author">
+                                贡献者：北大、中科院、鹏城实验室
+                            </div>
+                        </div>
+                    </div>
+                    <a class="flip flip-green" href="http://openi.org.cn/projects/varec/"></a>
+                </div>
+                <div class="eight wide mobile three wide tablet four wide computer column ipros">
+                    <div class="ui card">
+                        <div class="image">
+                            <img src="https://www.openi.org.cn/statics/openi/images/index/huaweicloud.png" alt="华为云" style=" height:50px; margin-top:32px;">
+                        </div>
+                    </div>
+                    <a class="flip flip-green"></a>
+                </div>
+                <div class="sixteen wide mobile two wide tablet two wide computer column">
+                    <div class="ui card">
+                        <div class="content">
+                            <div class="header"><i class="ellipsis horizontal icon"></i></div>
+                        </div>
+                    </div>
+                    <div class="flip flip-more"></div>
+                </div>
+            </div>
+        </div>
+    </div>
 
-	<div class="ui stackable middle very relaxed page grid">
-		<div class="center column">
-			<h1 class="ui header section--header" style=" margin-top:1.0em">启智社区期待您的加入</h1>
-			<p class="large" style="padding: 0 0 43px;">
-			OpenI社区旨在促进人工智能领域的开源开放协同创新，构建OpenI的技术链、创新链和生态链、推动人工智能产业健康快速发展及其在社会经济各领域的广泛应用。围绕重大产业创新，汇聚创新资源，促进众创共享，形成产业生态的目标，让"一体两翼"构想下的以技术专家为主体组成的多个工作组（标准工作组、知识产权工作组、投融资工作组、开源治理工作组等）、和以企业为主体的多个应用推进组（智能交通推进组、智能医疗推进组、智能金融推进组、智能教育推进组等）作为一个整体进行工作。以"完全开源、完全开放、完全免费、尊重创新"为准则，汇聚学术机构、商业实体、自然人或任何其他法人，共建共享开源软件、开源硬件和开源数据的超级社区；以众智、赛智、创智、有智等工作方法，努力建设成具有国际影响力的人工智能开源开放平台。
-			</p>
-			<a class="ui blue button" href="mailto:secretariat@openi.org.cn?subject=申请贡献项目到OpenI&&body=贡献者自我介绍%3A%0D%0A申请理由%3A%0D%0A 项目地址%3A%0D%0A 联系方式%3A">申请贡献项目到OpenI</a>
-			<a class="ui blue button" href="https://www.openi.org.cn/html/Club/2019/0228/17.html" style="padding-left:5.0rem;padding-right:5.0rem;">加入OpenI社区 <i class="arrow right icon"></i></a>
-			<div style="margin-top:80px;">
-				<img src="https://www.openi.org.cn/statics/openi/images/index/mem-logos.png" alt="OpenI前期参与成员" style="width:100%; max-width:1200px;">
-			</div>
-		</div>
-	</div>
+    <div class="ui stackable middle very relaxed page grid">
+        <div class="center column">
+            <h1 class="ui header section--header" style=" margin-top:1.0em">启智社区期待您的加入</h1>
+            <p class="large" style="padding: 0 0 43px;">
+                OpenI社区旨在促进人工智能领域的开源开放协同创新，构建OpenI的技术链、创新链和生态链、推动人工智能产业健康快速发展及其在社会经济各领域的广泛应用。围绕重大产业创新，汇聚创新资源，促进众创共享，形成产业生态的目标，让"一体两翼"构想下的以技术专家为主体组成的多个工作组（标准工作组、知识产权工作组、投融资工作组、开源治理工作组等）、和以企业为主体的多个应用推进组（智能交通推进组、智能医疗推进组、智能金融推进组、智能教育推进组等）作为一个整体进行工作。以"完全开源、完全开放、完全免费、尊重创新"为准则，汇聚学术机构、商业实体、自然人或任何其他法人，共建共享开源软件、开源硬件和开源数据的超级社区；以众智、赛智、创智、有智等工作方法，努力建设成具有国际影响力的人工智能开源开放平台。
+            </p>
+            <a class="ui blue button" href="mailto:secretariat@openi.org.cn?subject=申请贡献项目到OpenI&&body=贡献者自我介绍%3A%0D%0A申请理由%3A%0D%0A 项目地址%3A%0D%0A 联系方式%3A">申请贡献项目到OpenI</a>
+            <a class="ui blue button" href="https://www.openi.org.cn/html/Club/2019/0228/17.html" style="padding-left:5.0rem;padding-right:5.0rem;">加入OpenI社区 <i class="arrow right icon"></i></a>
+            <div style="margin-top:80px;">
+                <img src="https://www.openi.org.cn/statics/openi/images/index/mem-logos.png" alt="OpenI前期参与成员" style="width:100%; max-width:1200px;">
+            </div>
+        </div>
+    </div>
 
 </div>
-{{template "base/footer" .}}
+{{template "base/footer" .}}