aiforge/templates/home.tmpl

{{template "base/head_home" .}}
    <div class="ui vertical masthead secondary hometop segment">
        <div class="ui container" style="position: relative;">
            <div id="app" v-cloak>
				<!--数据
				<div class="aiData">
					<p>完成AI任务<br><strong id="completed_task">1716</strong></p>
					<p>运行AI任务<br><strong id="running_task">120</strong></p>
					<p>等待AI任务<br><strong id="wait_task">80</strong></p>
				</div>-->
                <!--底座-->
                <div class="rotation3D-baseMap"></div>
                <!--旋转3D-->
                <div id="rotation3D" class="rotation3D">
                    <button class="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="path3" d="M20 400 S 0 200, 20 0" stroke-dasharray="5,10"/>
                                    <path id="path4" d="M20 400 S 40 200, 20 0" stroke-dasharray="5,10"/>
                                </svg>
								<div class="dot dot3 ri-arrow-right-s-line"></div>
                                <div class="dot dot4 ri-arrow-right-s-line"><span>调试任务 #31412022050816002</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></div>
                            </div>
                            <div v-if="item.type=='green'" class="pos" style="left: -16px;">
                                <svg width="50" height="400">
                                    <path id="path3" d="M20 400 S 0 200, 20 0" stroke-dasharray="5,10"/>
                                    <path id="path4" d="M20 400 S 40 200, 20 0" stroke-dasharray="5,10"/>
                                </svg>
                                <div class="dot dot3 ri-arrow-right-s-line"></div>
                                <div class="dot dot4 ri-arrow-right-s-line"></div>
                            </div>
                        </div>
                    </div>					
                </div>
            </div><!--rotation3D end--> 
            <div class="ui homebanner">
                <div class="ui grid">
                    <div class="sixteen wide mobile twelve wide tablet six wide computer column">
                        <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>
            </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="homenews">
                    <div class="newslist">
                        <div class="ui mini aligned list swiper-wrapper" id="newmessage">
                            
                        </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_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 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>
        
        <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>


    <a name="fourth"></a>
    <div class="ui container i-env">
        
        <div class="ui center am-pb-30">
            <div class="leftline03"></div>
            <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.svg">
                </div>
                <div class="content">
                    <h3 class="ui centered small header">{{.page_dev_env_desc_title}}</h3>
                    <div class="description">
                    {{.page_dev_env_desc_desc}}
                    </div>
                </div>
            </div>
            <div class="card">
                <div class="image">
                    <img src="/img/i-pic-02.svg">
                </div>
                <div class="content">
                    <h3 class="ui centered small header">{{.page_dev_env_desc1_title}}</h3>
                    <div class="description">
                    {{.page_dev_env_desc1_desc}}
                    </div>
                </div>
            </div>
                <div class="card">
                <div class="image">
                    <img src="/img/i-pic-03.svg">
                </div>
                <div class="content">
                    <h3 class="ui centered small header">{{.page_dev_env_desc2_title}}</h3>
                    <div class="description">
                    {{.page_dev_env_desc2_desc}}
                    </div>
                </div>
            </div>
                <div class="card">
                <div class="image">
                    <img src="/img/i-pic-04.svg">
                </div>
                <div class="content">
                    <h3 class="ui centered small header">{{.page_dev_env_desc3_title}}</h3>
                    <div class="description">
                    {{.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 am-pt-30">
                    <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>               
                    </p>
                    
                    {{if .IsSigned}}
                    <a class="ui blue basic button am-mt-20" href="{{AppSubUrl}}/dashboard">{{.page_use}}</a>
                    {{else}}
                    <a class="ui blue basic button am-mt-20" href="{{AppSubUrl}}/user/login">{{.page_use}}</a>
                    {{end}}
                    
                    <a class="ui grey basic button am-mt-20" href="mailto:aiforge@openi.org.cn">{{.page_dev_yunlao_apply}}</a>
                </div>
            </div>
        </div>
    </div>
    <div class="am-mt-30"></div>



{{template "base/footer" .}}