{{/** WIP - Beta **/}}
{{template "base/head" .}}
    <div class="pages"> 
        <section style="height:auto" class="pages head">
            <div class="ui link cards explore-card top">
                <div class="card explore-card card">
                    <div class="image">
                        <img class="explore-card mobile" src="https://cdn.gitote.in/explore/aoc.png">
                    </div>
                    <div class="content">
                        <a href="https://adventofcode.com">
                            <div class="explore-card title">Advent of Code 2018</div>
                            <div class="explore-card description">
                                Advent of Code is an small programming puzzles for a variety of skill sets that can be solved in any programming language you like.
                            </div>
                        </a>
                    </div>
                </div>
                <div class="card explore-card card">
                    <div class="image">
                        <img class="explore-card mobile" src="https://cdn.gitote.in/explore/24pr.png">
                    </div>
                    <div class="content">
                        <a href="https://24pullrequests.com">
                            <div class="explore-card title">Give back to open source</div>
                            <div class="explore-card description">
                                Contribute to the software community in December at 24 Pull Requests
                            </div>
                        </a>
                    </div>
                </div>
                <div class="card explore-card card">
                    <div class="image">
                        <img class="explore-card mobile" src="https://cdn.gitote.in/explore/gitote.png">
                    </div>
                    <div class="content">
                        <a href="https://gitote.in/gitote/gitote">
                            <div class="explore-card title">Gitote is now open source</div>
                            <div class="explore-card description">
                                Gitote is an open source end-to-end software development platform with built-in version control, issue tracking, code review, and more.
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </section>

        <h2 class="ui container ex-search">
            <i style="font-size:.9em" class="menu-icon octicon">🔍</i>
            Search more than <strong>{{.Total}}</strong> repositories
        </h2>
        <div class="ui container center">
            <form class="ui form" action="{{AppSubURL}}/explore/repos" method="get">
                <div class="ui fluid action input">
                    <input type="text" name="q" placeholder="Search Gitote" required autofocus>
                    <button class="ui blue button">{{.i18n.Tr "explore.search"}}</button>
                </div>
            </form>
        </div>

        <div style="margin-top:3em" class="feature alternate ui stripe vertical">
            <div class="ui three column center aligned divided relaxed stackable grid container">
                <div class="row hide-mobile">
                    <div style="margin-top:10px" class="column">
                        <h2 class="ui icon header">
                            <a class="{{if .PageIsExploreRepositories}}active{{end}} item" href="{{AppSubURL}}/explore/repos">
                                <i class="explore-card icon menu-icon octicon">📁</i>&nbsp; {{.i18n.Tr "explore.repos"}}
                            </a>
                        </h2>
                    </div>
                    <div style="margin-top:10px" class="column">
                        <h2 class="ui icon header">
                            <a class="{{if .PageIsExploreUsers}}active{{end}} item" href="{{AppSubURL}}/explore/users">
                                <i class="explore-card icon menu-icon octicon">👦</i>&nbsp; {{.i18n.Tr "explore.users"}}
                            </a>
                        </h2>
                    </div>
                    <div style="margin-top:10px" class="column">
                        <h2 class="ui icon header">
                            <a class="{{if .PageIsExploreOrganizations}}active{{end}} item" href="{{AppSubURL}}/explore/organizations">
                                <i class="explore-card icon menu-icon octicon">🏢</i>&nbsp; {{.i18n.Tr "explore.organizations"}}
                            </a>
                        </h2>
                    </div>
                </div>
            </div>
        </div>

        <h2 class="ui container center ex-head">Trending</h2>
        <section style="background-color:#fff;height:auto" class="pages head">
            <div class="ui link cards explore-card top">
                {{range .Repos}}
                <div class="card explore-card card">
                    <div class="content">
                        <a href="{{AppSubURL}}/{{if .Owner}}{{.Owner.Name}}{{else if $.Org}}{{$.Org.Name}}{{else}}{{$.Owner.Name}}{{end}}/{{.Name}}">
                            <div class="explore-card title">{{if $.PageIsExplore}}{{.Owner.Name}} / {{end}}{{.Name}}</div>
                            <div class="explore-card description has-emoji">
                                {{.Description | Str2HTML}}
                            </div>
                        </a>
                    </div>
                    <div class="extra content explore-card extra">
                        <i class="menu-icon octicon">⭐</i>{{.NumStars}}
                        <span class="explore-card seperator"></span>
                        <i class="menu-icon octicon">🌵</i>{{.NumForks}}
                    </div>
                </div>
                {{end}}
            </div>
        </section>
        
        {{/**
        <h1 class="ui container center ex-head">Events</h1>
        <section style="background-color:#fff;height:auto" class="pages head">
            <div class="ui link cards explore-card top">
                <div class="card explore-card card">
                    <div class="image">
                        <img class="explore-card mobile" src="https://assets-cdn.github.com/images/modules/explore/events/hacktoberfest-bg.png">
                    </div>
                    <div class="content">
                        <div class="explore-card title">Event Name</div>
                        <div class="explore-card meta">
                            <a>Sep 15 - 16, 2018 • Online</a>
                        </div>
                    </div>
                </div>
                <div class="card explore-card card">
                    <div class="image">
                        <img class="explore-card mobile" src="https://assets-cdn.github.com/images/modules/explore/events/hacktoberfest-bg.png">
                    </div>
                    <div class="content">
                        <div class="explore-card title">Event Name</div>
                        <div class="explore-card meta">
                            <a>Sep 15 - 16, 2018 • Online</a>
                        </div>
                    </div>
                </div>
                <div class="card explore-card card">
                    <div class="image">
                        <img class="explore-card mobile" src="https://assets-cdn.github.com/images/modules/explore/events/hacktoberfest-bg.png">
                    </div>
                    <div class="content">
                        <div class="explore-card title">Event Name</div>
                        <div class="explore-card meta">
                            <a>Sep 15 - 16, 2018 • Online</a>
                        </div>
                    </div>
                </div>
                <div class="card explore-card card">
                    <div class="image">
                        <img class="explore-card mobile" src="https://assets-cdn.github.com/images/modules/explore/events/hacktoberfest-bg.png">
                    </div>
                    <div class="content">
                        <div class="explore-card title">Event Name</div>
                        <div class="explore-card meta">
                            <a>Sep 15 - 16, 2018 • Online</a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        **/}}
        {{template "base/footer_content" .}}
    <div>
{{template "base/footer" .}}