aiforge/templates/home.tmpl

{{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" class="ui container">
                <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_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>
<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" .}}