trying to make sense to templates

app/styles/app/layouts/profile.sass

@@ -137,7 +137,7 @@ p.profile-user-last
     color: #484849
   &:hover
     background-color: #ededec
-  .is-active &:hover
+  .active &:hover
     background-color: #e2eee2
   @media #{$medium-up}
     width: grid-calc(17, 24)

app/templates/account.hbs

@@ -1,19 +1,40 @@
-<p class="tip">
-  {{#if config.pro}}
-  We're only showing <strong>your private repositories</strong> below.
-  You can find your <strong>public projects on <a href="https://travis-ci.org?utm_source=hooks">travis-ci.org</a></strong>.
-  {{else}}
-  We're only showing <strong>your public repositories</strong> below.
-  You can find your <strong>private projects on <a href="https://travis-ci.com?utm_source=hooks">travis-ci.com</a></strong>.
-  {{/if}}
-</p>
-
-<p class="tip">
-  Enable your projects below by flicking the switch, add a <a href="http://docs.travis-ci.com">.travis.yml</a> to your project, and push a new commit to
-  GitHub.
-</p>
-
 {{#if allHooks.isLoaded}}
+  <header>
+
+    <h1>{{view.name}}</h1>
+    {{!-- {{sync-button user=auth.currentUser}} --}}
+
+    {{#if config.pro}}
+    <p>We're only showing you private repositories. You can find your public projects on <a href="https://travis-ci.org" title="travis-ci.org">travis-ci.org</a>.</p>
+    {{else}}
+    <p>We're only showing you public repositories. You can find your private projects on <a href="https://travis-ci.com" title="travis-ci.com">travis-ci.com</a>.</p>
+    {{/if}}
+  </header>
+  <section class="profile-getstarted">
+    <a href="#" class="dismiss"><span class="icon icon--dismiss-grey"></span></a>
+    <ol class="row">
+      <li class="columns medium-4">
+        <figure>
+          <img src="/images/svg/hooks-step-1-01.svg" alt="">
+          <figcaption>Flick the repository switch on</figcaption>
+        </figure>
+      </li>
+      <li class="columns medium-4">
+        <figure>
+          <img src="/images/svg/hooks-step-2-01.svg" alt="">
+          <figcaption>Add .travis.yml file to your repository</figcaption>
+        </figure>
+      </li>
+      <li class="columns medium-4">
+        <figure>
+          <img src="/images/svg/hooks-step-3-01.svg" alt="">
+          <figcaption>Trigger your first build with a git push</figcaption>
+        </figure>
+      </li>
+    </ol>
+  </section>
+
+
   {{#if user.isSyncing}}
     <p class="message loading">
       <span>Please wait while we synchronize your data from GitHub</span>
@@ -26,30 +47,34 @@
       </a>
     </p>
 
-    <ul id="hooks">
+    <div>
-      {{#each hook in hooks}}
+      <ul class="profile-hooklist">
-        <li {{bind-attr class="hook.active:active"}}>
+        {{#each hook in hooks}}
-          <a {{bind-attr href="hook.urlGithub"}} rel="nofollow">{{hook.slug}}</a>
+          <li {{bind-attr class="hook.active:active :row"}}>
-          {{#if hook.isSaving}}<span class="loading"></span>{{/if}}
+            <div class="columns">
-          <p class="description">{{hook.description}}</p>
+              {{travis-switch action="toggle" target=hook toggleAutomatically="false"}}
+              {{!-- <button class="switch is-on"></button> --}}
+              {{#link-to "settings" hook.ownerName hook.name class=":profile-settings" title="Repository settings"}}<span class="icon icon--cog"></span>{{/link-to}}
+            </div>
+            {{#if hook.isSaving}}<span class="loading"></span>{{/if}}
+            <a {{bind-attr href="hook.urlGithub"}} rel="nofollow" class="profile-repo columns">{{hook.slug}}
+              <span>{{hook.description}}</span></a>
+          </li>
+        {{else}}
+          <li>
+            {{#if hooksWithoutAdmin.length}}
+              Sorry, but we can't find any repositories you have admin access to.
+            {{else}}
+              Sorry, it seems like we couldn't find any repositories you have access to on GitHub.
+            {{/if}}
+          </li>
+        {{/each}}
+      </ul>
+    </div>
 
-          <div class="controls">
-            {{#link-to "settings" hook.ownerName hook.name class="repo-settings-icon tool-tip" title="Repository settings"}}{{/link-to}}
-            {{travis-switch action="toggle" target=hook toggleAutomatically="false"}}
-          </div>
-        </li>
-      {{else}}
-        <li>
-          {{#if hooksWithoutAdmin.length}}
-            Sorry, but we can't find any repositories you have admin access to.
-          {{else}}
-            Sorry, it seems like we couldn't find any repositories you have access to on GitHub.
-          {{/if}}
-        </li>
-      {{/each}}
-    </ul>
 
-    {{#if hooksWithoutAdmin.length}}
+
+    {{!-- {{#if hooksWithoutAdmin.length}}
       <div id="unadministerable-hooks">
         <h3>Repositories without admin access</h3>
 
@@ -66,7 +91,7 @@
           {{/each}}
         </ul>
       </div>
-    {{/if}}
+    {{/if}} --}}
   {{/if}}
 {{else}}
   <p class="message loading">

app/templates/profile/show.hbs

@@ -1,50 +1,4 @@
 <article class="columns medium-8 float-right profile-main">
-  <header>
-    <h1>{{view.name}}</h1>
-    {{sync-button user=auth.currentUser}}
-    <p>We're only showing you public repositories. You can find your private projects on <a href="https://travis-ci.com" title="travis-ci.ocm">travis-ci.com</a>.</p>
-  </header>
-  <section class="profile-getstarted">
-    <a href="#" class="dismiss"><span class="icon icon--dismiss-grey"></span></a>
-    <ol class="row">
-      <li class="columns medium-4">
-        <figure>
-          <img src="/images/svg/hooks-step-1-01.svg" alt="">
-          <figcaption>Flick the repository switch on</figcaption>
-        </figure>
-      </li>
-      <li class="columns medium-4">
-        <figure>
-          <img src="/images/svg/hooks-step-2-01.svg" alt="">
-          <figcaption>Add .travis.yml file to your repository</figcaption>
-        </figure>
-      </li>
-      <li class="columns medium-4">
-        <figure>
-          <img src="/images/svg/hooks-step-3-01.svg" alt="">
-          <figcaption>Trigger your first build with a git push</figcaption>
-        </figure>
-      </li>
-    </ol>
-  </section>
-  <div>
-    <ul class="profile-hooklist">
-      <li class="row is-active">
-        <div class="columns">
-          <button class="switch is-on"></button>
-          <a href="#" class="profile-settings"><span class="icon icon--cog"></span></a>
-        </div>
-        <a href="#" class="profile-repo columns">travis-ci/build-email <span>Lorem ipsum dolor sit amet</span></a>
-      </li>
-      <li class="row">
-        <div class="columns">
-          <button class="switch"></button>
-          <a href="#" class="profile-settings"><span class="icon icon--cog"></span></a>
-        </div>
-        <a href="#" class="profile-repo columns">travis-ci/lorem <span>Lorem ipsum dolor sit amet</span></a>
-      </li>
-    </ul>
-  </div>
 
   {{#if config.billingEndpoint}}
     {{#if view.subscribed}}
@@ -64,9 +18,9 @@
     {{/if}}
   {{/if}}
 
-{{!--   {{view 'profile-tabs'}} --}}
+  {{!-- {{view 'profile-tabs'}} --}}
-{{!-- 
+
   <div class="tab">
     {{outlet}}
-  </div> --}}
+  </div>
 </article>