markup changes

app/styles/app/layout.sass

@@ -3,6 +3,7 @@
   .row
     max-width: 1024px
   .main
+    margin: auto
     max-width: 1024px
 
 .main,

app/templates/layouts/profile.hbs

@@ -1,5 +1,4 @@
 <div class="centered">
-  <div class="wrapper wrapper-profile">
   <header id="top" class="top">
     {{render "top"}}
   </header>
@@ -12,4 +11,3 @@
     {{outlet "left"}}
   </div>
 </div>
-</div>

app/templates/profile/accounts.hbs

@@ -1,4 +1,4 @@
-<aside>
+<aside class="columns medium-4">
   <section class="profile-user">
     <div class="media">
       <div class="media-elem">
@@ -11,32 +11,24 @@
       </div>
     </div>
   </section>
-  <section>
+  <section class="profile-orgs">
     <h1>Organiszations</h1>
-  </section>
+    <ul class="profile-orglist">
-</div>
-
-
-
-
-
-{{!-- 
-
-
-<ul class="tabs">
-  <li id="tab_accounts" {{bind-attr class="view.classAccounts"}}>
-    <h5><a name="accounts" href="">Accounts</a></h5>
-  </li>
-</ul>
-
-<div class="tab">
       {{#collection "accounts-list" contentBinding="controller"}}
-    {{#link-to "account" view.account class="name"}}{{view.name}}{{/link-to}}
+        <li {{bind-attr class="view.classAccounts"}}>
-    <p class="summary">
+          {{#link-to "account" view.account class="name"}}
-      <span class="repos_label">Repositories:</span>
+            <div class="media">
-      <abbr class="repos">{{view.account.reposCount}}</abbr>
+              <div class="media-elem">
-    </p>
+                <img src="" alt="">
-    <div class="indicator"><span></span></div>
-  {{/collection}}
               </div>
- --}}
+              <div class="media-body">
+                <h2>{{view.name}}</h2>
+                <p>Repositories <strong>{{view.account.reposCount}}</strong></p>
+              </div>
+            </div>
+          {{/link-to}}
+        </li>
+      {{/collection}}
+    </ul>
+  </section>
+</aside>

app/templates/profile/show.hbs

@@ -1,4 +1,48 @@
-<h3>{{view.name}}</h3>
+<article class="columns medium-8 float-right">
+  <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=""><span class="icon icon--close"></span></a>
+    <ol>
+      <li>
+        <figure>
+          <img src="" alt="">
+          <figcaption>Flick the repository switch on</figcaption>
+        </figure>
+      </li>
+      <li>
+        <figure>
+          <img src="" alt="">
+          <figcaption>Add .travis.yml file to your repository</figcaption>
+        </figure>
+      </li>
+      <li>
+        <figure>
+          <img src="" alt="">
+          <figcaption>Trigger your first build with a git push</figcaption>
+        </figure>
+      </li>
+    </ol>
+  </section>
+  <div>
+    <ul class="profile-hooklist">
+      <li>
+        <button class="switch is-on"></button>
+        <a href="#"><span class="icon icon--cog"></span></a>
+        <a href="#">travis-ci/build-email <span>Lorem ipsum dolor sit amet</span></a>
+      </li>
+      <li>
+        <button class="switch"></button>
+        <a href="#"><span class="icon icon--cog"></span></a>
+        <a href="#">travis-ci/lorem <span>Lorem ipsum dolor sit amet</span></a>
+      </li>
+    </ul>
+  </div>
+
+  {{!-- <h3>{{view.name}}</h3>
 
   {{#if config.billingEndpoint}}
     {{#if view.subscribed}}
@@ -22,4 +66,5 @@
 
   <div class="tab">
     {{outlet}}
-</div>
+  </div> --}}
+</article>