{{template "base/head_home" .}}
    <div class="ui vertical masthead secondary hometop segment" style="background:transparent;margin-bottom:0">
        {{template "custom/home/home_top" .}}
    </div>

    <!--组织-->
    {{template "custom/home/home_org" .}}

    <!-- 项目 -->
    {{template "custom/home/home_repo" .}}

    <!-- 数据集 -->
    {{template "custom/home/home_dataset" .}}

    <!-- 体验官 -->
    {{template "custom/home/home_user_experience" .}}

    <!-- 社区活动 -->
    {{template "custom/home/home_activity" .}}
   

    <!-- 中国算力网(C²NET) -->
    <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" class="_hm-computing-net-container" 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 class="_hm-computing-net-mobile-container" style="display:none;"></div>
        </div>
    </div>    

    <!-- 协同开发环境 -->
    <a name="fourth"></a>
    <div class="ui container i-env _hm-container" style="padding-bottom:0rem;padding-top:4rem;">
        <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>

    <!-- 启智AI协作平台 介绍 -->
    <!--    
    <a name="fifth"></a>
    <div class="ui container _hm-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" .}}