Updated GitHub design. Still work in progress.

core/section/github/commits_template.go

@@ -18,7 +18,7 @@ const commitsTemplate = `
 
 	<h3>Contributor activity since {{.Config.Since}}{{.Config.DateMessage}}</h3>
 	<table class="contributor-table" style="width: 100%;">
-		<thead>
+		<thead class="github">
 			<tr>
 				<th class="title">Contributor</th>
 				<th class="title">Assigned/Closed</th>
@@ -27,7 +27,7 @@ const commitsTemplate = `
 			</tr>
 		</thead>
 
-		<tbody>
+		<tbody class="github">
 		{{range $stats := .AuthorStats}}
 			<tr>
 				<td style="width: 20%;">
@@ -49,31 +49,38 @@ const commitsTemplate = `
 	</table>
 {{end}}
 
-{{if .HasCommits}}	
+{{if .HasCommits}}
 	<h3>Commits activity since {{.Config.Since}}{{.Config.DateMessage}}</h3>
-		<table>
+
+	<table class="contributor-table" style="width: 100%;">
+		<thead class="github">
+			<tr>
+				<th class="title">Repository:Branch</th>
+				<th class="title">Date</th>
+				<th class="title">Contributor</th>
+				<th class="title">Commits</th>
+			</tr>
+		</thead>
+
+		<tbody class="github">
 		{{range $commit := .BranchCommits}}
 			<tr>
-				<td>
-					{{if $commit.ShowRepo}}{{$commit.Repo}}{{end}}
-				</td>
-				<td>
-					{{if $commit.ShowBranch}}{{$commit.Branch}}{{end}}
-				</td>
-				<td>
-					{{if $commit.ShowDate}}{{$commit.Date}}{{end}}
-				</td>
-				<td>
+				<td style="width: 20%;">{{if $commit.ShowBranch}}{{$commit.Repo}}:{{$commit.Branch}}{{end}}</td>
+				<td style="width: 15%;">{{if $commit.ShowDate}}{{$commit.Date}}{{end}}</td>
+				<td style="width: 15%;">
 					{{if $commit.ShowUser}}
-						<img alt="@{{$commit.Name}}" src="{{$commit.Avatar}}" height="36" width="36"> {{$commit.Name}}
+					<div class="github-avatar">
+						<img alt="@{{$commit.Name}}" src="{{$commit.Avatar}}" height="36" width="36">
+					</div>
+					 {{$commit.Name}}
 					{{end}}
 				</td>
-				<td>
-					<a class="link" href="{{$commit.URL}}">{{$commit.Message}}</a>
-				</td>
+				<td style="width: 50%;"><a class="link" href="{{$commit.URL}}">{{$commit.Message}}</td>
 			</tr>
 		{{end}}
-		</table>
+		</tbody>
+	</table>
+
 {{end}}
 
 </div>

core/section/github/issues_template.go

@@ -41,7 +41,7 @@ const (
 
 
 	<table class="issue-table" style="width: 100%;">
-	    <thead>
+	    <thead class="github">
 	        <tr>
 	            <th class="title">Repository</th>
 	            <th class="title">Milestone</th>
@@ -49,11 +49,11 @@ const (
 	        </tr>
 	    </thead>
 
-	    <tbody>
+	    <tbody class="github">
 		{{range $data := .Issues}}
 	        <tr>
-	            <td style="width: 20%;">{{$data.Repo}}</td>
-	            <td style="width: 20%;">{{$data.Milestone}}</td>
+	            <td style="width: 20%;"><span><a class="link" href="{{$data.URL}}">{{$data.Repo}}</a></span> {{if $data.Private}}(Private){{end}}</td>
+	            <td style="width: 20%;"><span class="milestone">{{$data.Milestone}}</span></td>
 	            <td style="width: 60%;">
 				<li class="github-commit-item">
 				<a class="link" href="{{$data.URL}}">

core/section/github/milestones_template.go

@@ -34,22 +34,22 @@ const (
 		<h3>Milestones: {{.ClosedMS}} closed, {{.OpenMS}} open</h3>
 		<div class="github-board">
 		<table class="milestone-table" style="width: 100%;">
-		    <thead>
+		    <thead class="github">
 		        <tr>
 		            <th class="title">Repository</th>
 		            <th class="title">Milestone</th>
 		            <th class="title">Issue Progress</th>
-					<th class="title">X</th>
+					<th class="title"></th>
 		        </tr>
 		    </thead>
 
-		    <tbody>
+		    <tbody class="github">
 			{{range $data := .Milestones}}
 		        <tr>
-		            <td style="width: 25%;">{{$data.Repo}} </td>
-		            <td style="width: 20%;">{{$data.Name}} <br>
+		            <td style="width: 15%;"><span><a class="link" href="{{$data.URL}}">{{$data.Repo}}</a></span> {{if $data.Private}}(Private){{end}}</td>
+		            <td style="width: 30%;"><span class="milestone">{{$data.Name}}</span><br>
 						{{if $data.IsMilestone}}
-							{{$data.DueDate}} Last updated {{$data.UpdatedAt}}.
+							{{$data.DueDate}} <span><img src="assets/img/github/icon-last-updated.png" alt="Last Updated">Last updated {{$data.UpdatedAt}}</span>
 						{{end}}
 					</td>
 		            <td style="width: 45%;">

core/section/github/summary_template.go

@@ -31,7 +31,7 @@ const summaryTemplate = `
 		</h3>
 
 		<table class="label-table" style="width: 100%;">
-		    <thead>
+		    <thead class="github">
 		        <tr>
 		            <th class="title">Label</th>
 		            <th class="title">Count</th>
@@ -39,12 +39,12 @@ const summaryTemplate = `
 		        </tr>
 		    </thead>
 
-		    <tbody>
+		    <tbody class="github">
 			{{range $slabel := .SharedLabels}}
 		        <tr>
-		            <td style="width: 25%;">{{$slabel.Name}}</td>
-		            <td style="width: 25%;">{{$slabel.Count}}</td>
-		            <td style="width: 50%;">{{$slabel.Repos}}</td>
+		            <td style="width: 15%;">{{$slabel.Name}}</td>
+		            <td style="width: 15%;">{{$slabel.Count}}</td>
+		            <td style="width: 70%;">{{$slabel.Repos}}</td>
 		        </tr>
 			{{end}}
 		    </tbody>