From d28f37f18e2a8c04d8ef1bed82ec28bb7e7d0225 Mon Sep 17 00:00:00 2001
From: Lisa Passing <mail@lislis.de>
Date: Mon, 23 Mar 2015 16:08:19 +0100
Subject: [PATCH] markup changes

---
 app/styles/app/layout.sass         |  1 +
 app/templates/layouts/profile.hbs  | 16 +++---
 app/templates/profile/accounts.hbs | 48 ++++++++----------
 app/templates/profile/show.hbs     | 79 +++++++++++++++++++++++-------
 4 files changed, 90 insertions(+), 54 deletions(-)

diff --git a/app/styles/app/layout.sass b/app/styles/app/layout.sass
index e810b41e..dbe3e267 100644
--- a/app/styles/app/layout.sass
+++ b/app/styles/app/layout.sass
@@ -3,6 +3,7 @@
   .row
     max-width: 1024px
   .main
+    margin: auto
     max-width: 1024px
 
 .main,
diff --git a/app/templates/layouts/profile.hbs b/app/templates/layouts/profile.hbs
index 8a687763..e93c3cd4 100644
--- a/app/templates/layouts/profile.hbs
+++ b/app/templates/layouts/profile.hbs
@@ -1,15 +1,13 @@
 <div class="centered">
-  <div class="wrapper wrapper-profile">
-    <header id="top" class="top">
-      {{render "top"}}
-    </header>
+  <header id="top" class="top">
+    {{render "top"}}
+  </header>
 
-    {{render "flash"}}
+  {{render "flash"}}
 
-    <div id="main" class="main" role="main">
-      {{yield}}
+  <div id="main" class="main" role="main">
+    {{yield}}
 
-      {{outlet "left"}}
-    </div>
+    {{outlet "left"}}
   </div>
 </div>
diff --git a/app/templates/profile/accounts.hbs b/app/templates/profile/accounts.hbs
index 0187a0a4..371b1084 100644
--- a/app/templates/profile/accounts.hbs
+++ b/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>
+    <ul class="profile-orglist">
+      {{#collection "accounts-list" contentBinding="controller"}}
+        <li {{bind-attr class="view.classAccounts"}}>
+          {{#link-to "account" view.account class="name"}}
+            <div class="media">
+              <div class="media-elem">
+                <img src="" alt="">
+              </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>
-</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}}
-    <p class="summary">
-      <span class="repos_label">Repositories:</span>
-      <abbr class="repos">{{view.account.reposCount}}</abbr>
-    </p>
-    <div class="indicator"><span></span></div>
-  {{/collection}}
-</div>
- --}}
\ No newline at end of file
+</aside>
diff --git a/app/templates/profile/show.hbs b/app/templates/profile/show.hbs
index b243e92f..eeedd690 100644
--- a/app/templates/profile/show.hbs
+++ b/app/templates/profile/show.hbs
@@ -1,25 +1,70 @@
-<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>
 
-{{#if config.billingEndpoint}}
-  {{#if view.subscribed}}
-    <a class="button activated" {{bind-attr href="billingUrl"}}>
-      Subscription active!
-    </a>
-  {{else}}
-    {{#if view.education}}
+  {{!-- <h3>{{view.name}}</h3>
+
+  {{#if config.billingEndpoint}}
+    {{#if view.subscribed}}
       <a class="button activated" {{bind-attr href="billingUrl"}}>
-        Educational account!
+        Subscription active!
       </a>
     {{else}}
-      <a class="button activate" {{bind-attr href="billingUrl"}}>
-        Sign up this account!
-      </a>
+      {{#if view.education}}
+        <a class="button activated" {{bind-attr href="billingUrl"}}>
+          Educational account!
+        </a>
+      {{else}}
+        <a class="button activate" {{bind-attr href="billingUrl"}}>
+          Sign up this account!
+        </a>
+      {{/if}}
     {{/if}}
   {{/if}}
-{{/if}}
 
-{{view 'profile-tabs'}}
+  {{view 'profile-tabs'}}
 
-<div class="tab">
-  {{outlet}}
-</div>
+  <div class="tab">
+    {{outlet}}
+  </div> --}}
+</article>