|
7 | 7 |
|
8 | 8 | {% block content %} |
9 | 9 | <navclass="container-full clear"><divclass="row"> |
10 | | -<divclass="col-4"> |
| 10 | +<divclass="col-12 col-4-xl col-4-l col-5-m"> |
11 | 11 | <ahref="/"><imgsrc="/img/coderstats.png"></a> |
12 | 12 | <spanclass="brand">CoderStats({{ username }})</span> |
13 | 13 | </div> |
14 | | -<divclass="col-8"id="search"> |
| 14 | +<divclass="col-12 col-8-xl col-8-l col-7-m"id="search"> |
15 | 15 | <form@submit.preventclass="right"> |
16 | 16 | <inputid="username"type="text"placeholder="GitHub user name"v-model="username"> |
17 | 17 | <button@click="coder"class="button">Get Stats</button> |
|
21 | 21 |
|
22 | 22 | {% raw %} |
23 | 23 | <divid="coder"> |
24 | | -<divv-if="user"class="flex"> |
25 | | -<divclass="sidebar padh"> |
26 | | -<header> |
27 | | -<h3>{{ user.name }}</h3> |
28 | | -</header> |
29 | | -<img:src="user.avatar_url":alt="user.name"class="img-fluid"> |
30 | | -<p>Joined GitHub {{ user.created_at|formatDate }}</p> |
31 | | -<a:href="'https://github.com/' + user.login"class="block"><iclass="fa fa-github"aria-hidden="true"></i> {{ user.login }}</a> |
32 | | -<av-if="user.blog":href="user.blog | fixURL"class="block"><iclass="fa fa-home"aria-hidden="true"></i> {{ user.blog | formatURL }}</a> |
33 | | -<spanv-if="user.location"class="block"><iclass="fa fa-globe"aria-hidden="true"></i> {{ user.location }}</span> |
34 | | -<spanv-if="user.company"class="block"><iclass="fa fa-money"aria-hidden="true"></i> {{ user.company }}</span> |
35 | | -<blockquotev-if="user.bio"><p>{{ user.bio }}</p></blockquote> |
| 24 | +<divv-if="user"class="row"> |
| 25 | +<divclass="col-12 col-2-xl col-2-l col-4-m"> |
| 26 | +<divclass="padh"> |
| 27 | +<header> |
| 28 | +<h3>{{ user.name }}</h3> |
| 29 | +</header> |
| 30 | +<img:src="user.avatar_url":alt="user.name"class="img-fluid"> |
| 31 | +<p>Joined GitHub {{ user.created_at|formatDate }}</p> |
| 32 | +<a:href="'https://github.com/' + user.login"class="block"><iclass="fa fa-github"aria-hidden="true"></i> {{ user.login }}</a> |
| 33 | +<av-if="user.blog":href="user.blog | fixURL"class="block"><iclass="fa fa-home"aria-hidden="true"></i> {{ user.blog | formatURL }}</a> |
| 34 | +<spanv-if="user.location"class="block"><iclass="fa fa-globe"aria-hidden="true"></i> {{ user.location }}</span> |
| 35 | +<spanv-if="user.company"class="block"><iclass="fa fa-money"aria-hidden="true"></i> {{ user.company }}</span> |
| 36 | +<blockquotev-if="user.bio"><p>{{ user.bio }}</p></blockquote> |
| 37 | +</div> |
36 | 38 | </div> |
37 | | -<divv-if="repos_pushed.length < 2"class="error"> |
| 39 | +<divv-if="repos_pushed.length < 2"class="col-12error"> |
38 | 40 | {{ user.name }} has not pushed changes to enough public repositories to show any interesting data here. |
39 | 41 | </div> |
40 | | -<divv-elseclass="main"> |
| 42 | +<divv-elseclass="col-12 col-10-xl col-10-l col-8-m no-paddingmain"> |
41 | 43 | <divclass="flex boxes"> |
42 | 44 | <divclass="box-stat"title="The number of loaded repositories this user has pushed to."> |
43 | 45 | <iclass="fa fa-code"aria-hidden="true"></i> Pushed to repos |
|