{{template "base/head_home" .}}
    <div class="ui vertical masthead secondary hometop segment">
        <div class="ui container" style="position: relative;">            
            <div class="ui center homebanner">
                <h1 class="ui huge header">
                    {{.page_title}}
                    <div class="sub header">
                        {{.page_small_title}}
                    </div>
                </h1>
                <p class="ui am-lh-18">{{.page_description}}</p>
                
                {{if .IsSigned}}
                <a class="circular huge ui secondary button" href="{{AppSubUrl}}/dashboard">{{.page_use}} <i class="right arrow icon"></i></a>
                {{else}}
                <a class="circular huge ui secondary button" href="{{AppSubUrl}}/user/login">{{.page_use}} <i class="right arrow icon"></i></a>
                {{end}}
            </div>
            <div class="bannerpic"><img class="ui fluid image" src="/img/gitopeni-index-01.svg"></div>
            <div id="homenews">
                <p>* {{.page_only_dynamic}}</p>
                <div class="ui grid">
                    <div class="sixteen wide mobile twelve wide tablet ten wide computer column homenews">
                        <div class="newslist">
                            <div class="ui mini aligned list swiper-wrapper" id="newmessage">
                                
                            </div>
                        </div>
                    </div>
                </div>
            </div><!-- end homenews -->
            
        </div>
    </div><!-- end segment -->

    <!--组织-->
    <div class="ui container homeorg">
        <div class="ui stackable grid"> 
            <div class="sixteen wide tablet four wide computer column homeorg-tit">
                <h2>{{.page_recommend_org}}</h2>
                <p><span class="ui text grey">{{.page_recommend_org_desc}}&nbsp;</span><a href="{{.RecommendURL}}">{{.page_recommend_org_commit}}</a></p>
                <a href="{{AppSubUrl}}/explore/organizations" class="circular ui primary basic button">{{.page_recommend_org_more}} <i class="arrow circle right icon"></i></a>
            </div>
            <div class="sixteen wide tablet twelve wide computer column">
                <div class="homeorg-list">
                    <div class="swiper-wrapper" id="recommendorg">
                        
                    </div>
                    <div class="swiper-pagination"></div>
                    
                </div>
            </div>

            <div class="sixteen wide tablet four wide computer column homeorg-tit">
                <h2>{{.page_recommend_activity}}</h2>
                <p><span class="ui text grey">{{.page_recommend_activity_desc}}</p>
            </div>
            <div class="sixteen wide tablet twelve wide computer column">
                <div class="event-list">
                    <div class="swiper-wrapper" id="recommendactivity">                    
                        
                    </div>
                    <div class="swiper-pagination"></div>
                </div>
            </div>
        </div>
        
        <div class="leftline01"></div>
    </div>
    
    <!--项目-->
    <div class="ui container homepro">
        <div class="leftline02"></div>
        <div class="leftline02-2"></div>
        <div class="ui center homepro-tit am-mb-20">
            <h2>{{.page_recommend_repo}}</h2>
            <p><span class="ui text grey">{{.page_recommend_repo_desc}}&nbsp;</span><a href="{{.RecommendURL}}">{{.page_recommend_repo_commit}}</a>{{.page_recommend_repo_go}}&nbsp;<a href="{{AppSubUrl}}/explore/">{{.page_recommend_repo_more}}</a></p>
        </div>

        <div class="homepro-list">				
            <div class="swiper-wrapper" id="recommendrepo">
                   
            </div>
            <div class="swiper-pagination"></div>
        </div>
        
    </div>

    <div class="ui vertical masthead secondary c2net segment">
        <div class="ui container">
            <div class="ui center am-pt-30 am-pb-30">
                <h2>{{.i18n.Tr "home.c2net_title"}}</h2>
                <p><span class="ui text grey">{{.i18n.Tr "home.c2net_desc"}}</p>
            </div>

            <div id="app" v-cloak>
                <!--底座-->
                <div class="rotation3D-baseMap"></div>
                <!--旋转3D-->
                <div id="rotation3D" class="rotation3D">
                    <button class="center">{{.i18n.Tr "home.c2net_center"}}</button>
					
                    <div class="itemList">
                        <div class="rotation3D__item" :class="item.type" v-for="item in itemList">
                            <div class="scale">
                                <div class="baseImg"></div>
                                <div class="cont">
                                    <i class="iconfont" :class="item.icon"></i>
                                    <p></p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="lineList">
                        <div class="rotation3D__line" v-for="item in itemList" :class="item.type">
                            <div v-if="item.type=='blue'" class="pos">
                                <svg width="50" height="400">
                                    <path id="path1" d="M0 400, 0 0" stroke-dasharray="5,10"/>
                                </svg>
								<div class="dot dot1 ri-arrow-left-s-line"><span></span></div>
                            </div>
                            <div v-if="item.type=='yellow'" class="pos">
                                <svg width="10" height="400">
                                    <path id="path2" d="M0 400, 0 0" stroke-dasharray="5,10"/>
                                </svg>
                                <div class="dot dot2"><i class="el-icon-close"></i><span></span></div>
                            </div>
                            <div v-if="item.type=='green'" class="pos">
                                <svg width="50" height="400">
                                    <path id="path1" d="M0 400, 0 0" stroke-dasharray="5,10"/>
                                </svg>
                                <div class="dot dot1 ri-arrow-left-s-line"><span></span></div>
                            </div>
                        </div>
                    </div>					
                </div>
            </div><!--rotation3D end--> 
        </div>
    </div>

    <a name="fourth"></a>
    <div class="ui container i-env">
        
        <div class="ui center am-pb-30">
            <h2>{{.page_dev_env}}</h2>
            <p><span class="ui text grey">{{.page_dev_env_desc}}</p>
        </div>
        <div class="ui four doubling cards">
            <div class="card">
                <div class="image">
                    <img src="/img/i-pic-01.jpg">
                </div>
                <div class="content">
                    <h3 class="ui centered small header">{{.page_dev_env_desc_title}}</h3>
                    <div class="description ui text grey">
                    {{.page_dev_env_desc_desc}}
                    </div>
                </div>
            </div>
            <div class="card">
                <div class="image">
                    <img src="/img/i-pic-02.jpg">
                </div>
                <div class="content">
                    <h3 class="ui centered small header">{{.page_dev_env_desc1_title}}</h3>
                    <div class="description ui text grey">
                    {{.page_dev_env_desc1_desc}}
                    </div>
                </div>
            </div>
                <div class="card">
                <div class="image">
                    <img src="/img/i-pic-03.jpg">
                </div>
                <div class="content">
                    <h3 class="ui centered small header">{{.page_dev_env_desc2_title}}</h3>
                    <div class="description ui text grey">
                    {{.page_dev_env_desc2_desc}}
                    </div>
                </div>
            </div>
                <div class="card">
                <div class="image">
                    <img src="/img/i-pic-04.jpg">
                </div>
                <div class="content">
                    <h3 class="ui centered small header">{{.page_dev_env_desc3_title}}</h3>
                    <div class="description ui text grey">
                    {{.page_dev_env_desc3_desc}}
                    </div>
                </div>
            </div>
        </div>
    </div>

    <a name="fifth"></a>
    <div class="ui container">
        <div class="ui very padded inverted segment radius15">
            <div class="ui stackable grid">
                <div class="six wide column">
                    <img class="ui centered large image" src="/img/i-yunnao.svg">              
                </div>
                <div class="ten wide column">
                    <h2 class="ui grey inverted header">{{.page_dev_yunlao}}</h2>
                    <p class="am-lh-18 ui text grey">
                    {{.page_dev_yunlao_desc1}}<br>
                    {{.page_dev_yunlao_desc2}}<br>
                    {{.page_dev_yunlao_desc3}}<br>
                    {{.page_dev_yunlao_desc4}}<br>     
                    {{.page_dev_yunlao_desc5}}<br>               
                    </p>
                    
                    {{if .IsSigned}}
                    <a class="ui blue basic button am-mt-10" href="{{AppSubUrl}}/dashboard">{{.page_use}}</a>
                    {{else}}
                    <a class="ui blue basic button am-mt-10" href="{{AppSubUrl}}/user/login">{{.page_use}}</a>
                    {{end}}
                    
                    <a class="ui grey basic button am-mt-10" href="mailto:aiforge@openi.org.cn">{{.page_dev_yunlao_apply}}</a>
                </div>
            </div>
        </div>
    </div>
    <div class="am-mt-30"></div>
    <script src="/self/js/jquery.min.js" type="text/javascript"></script>	
    <script src="/home/home.js?v={{MD5 AppVer}}" type="text/javascript"></script>


{{template "base/footer" .}}