improved project page design ・ 48df206 ・ Gitprep

- improved project page design;
- Browse files
- Yuki Kimoto commited on 2013-04-30
- 1 parent 83a1e39
  
  commit 48df2065982acacdd5ffc24c66b9f5a15989a3e3

Showing 4 changed files with 17 additions and 14 deletions

+1 -1

templates/include/code_menu.html.ep

@@ -9,7 +9,7 @@
   my $tags = app->git->tags($user, $project);
 %>
 
-<ul class="nav nav-tabs" style="margin-bottom:10px">
+<ul class="nav nav-tabs" style="margin-bottom:20px">
   % if (defined $rev) {
     <li style="padding-right:10px">
       <button class="btn">

templates/include/readme.html.ep

View

...	...	@@ -0,0 +1,4 @@
	1	+<div class="border-gray bk-gray-light" style="border-radius:1px;font-size:17px;padding:10px">
	2	+ <i class="icon-book" style="margin-top:2px"></i> README
	3	+</div>
	4	+<pre class="border-gray " style="background:white;border-top-left-radius:0;border-radius:1px;border-top:none;padding:27px;font-size:16px;margin-bottom:80px"><%= $readme %></pre>

+9 -8

templates/project.html.ep

View

@@ -39,7 +39,8 @@
       commit => $commit,
       trees => $trees,
       rev => $rev,
-      title => "$user/$project"
+      title => "$user/$project",
+      readme => $readme
     );
     
     $state = 'display';
@@ -127,7 +128,7 @@
       
       %= include '/include/code_menu', display => 'files';
       
-      <div class="row" style="font-size:17px;margin-bottom:10px">
+      <div class="row" style="font-size:18px;margin-bottom:10px">
         <div class="span6">
           <a href="<%= url_for %>"><%= $project %></a>
         </div>
@@ -138,12 +139,12 @@
         </div>
       </div>
       
-      %= include '/include/tree';
-      
-      <div>
-        <h3 style="font-size:20px">README</h3>
-        <pre><%= $readme %></pre>
+      <div style="margin-bottom:30px">
+        %= include '/include/tree';
       </div>
+      
+      %= include '/include/readme';
+      
     % } elsif ($state eq 'init' && $logined) {
     
       <div class="text-center" style="margin-bottom:10px">
@@ -166,7 +167,7 @@ git push -u origin master</pre>
 git remote add origin <%= $ssh_rep_url %>
 git push -u origin master</pre>
     % } else {
-      <div class="well text-center muted" style="margin-bottom:30px">
+      <div class="well text-center muted" style="background:white;margin-bottom:30px">
         <b>Repositry is not yet created.</b>
       </div>
     % }

+3 -5

templates/tree.html.ep

View

@@ -33,7 +33,8 @@
     commit => $commit,
     trees => $trees,
     dir => $dir,
-    title => "$project/$dir at $rev - $user/$project"
+    title => "$project/$dir at $rev - $user/$project",
+    readme => $readme
   );
 %>
 
@@ -48,10 +49,7 @@
     %= include '/include/tree';
 
     % if ($top) {
-      <div>
-        <h3>README</h3>
-        <pre><%= $readme %></pre>
-      </div>
+      %= include '/include/readme';
     % }
   </div>
   

...	...	@@ -9,7 +9,7 @@
9	9	my $tags = app->git->tags($user, $project);
10	10	%>
11	11
12		-<ul class="nav nav-tabs" style="margin-bottom:10px">
	12	+<ul class="nav nav-tabs" style="margin-bottom:20px">
13	13	% if (defined $rev) {
14	14	<li style="padding-right:10px">
15	15	<button class="btn">

...	...	@@ -39,7 +39,8 @@
39	39	commit => $commit,
40	40	trees => $trees,
41	41	rev => $rev,
42		- title => "$user/$project"
	42	+ title => "$user/$project",
	43	+ readme => $readme
43	44	);
44	45
45	46	$state = 'display';
...	...	@@ -127,7 +128,7 @@
127	128
128	129	%= include '/include/code_menu', display => 'files';
129	130
130		- <div class="row" style="font-size:17px;margin-bottom:10px">
	131	+ <div class="row" style="font-size:18px;margin-bottom:10px">
131	132	<div class="span6">
132	133	<a href="<%= url_for %>"><%= $project %></a>
133	134	</div>
...	...	@@ -138,12 +139,12 @@
138	139	</div>
139	140	</div>
140	141
141		- %= include '/include/tree';
142		-
143		- <div>
144		- <h3 style="font-size:20px">README</h3>
145		- <pre><%= $readme %></pre>
	142	+ <div style="margin-bottom:30px">
	143	+ %= include '/include/tree';
146	144	</div>
	145	+
	146	+ %= include '/include/readme';
	147	+
147	148	% } elsif ($state eq 'init' && $logined) {
148	149
149	150	<div class="text-center" style="margin-bottom:10px">
...	...	@@ -166,7 +167,7 @@ git push -u origin master</pre>
166	167	git remote add origin <%= $ssh_rep_url %>
167	168	git push -u origin master</pre>
168	169	% } else {
169		- <div class="well text-center muted" style="margin-bottom:30px">
	170	+ <div class="well text-center muted" style="background:white;margin-bottom:30px">
170	171	<b>Repositry is not yet created.</b>
171	172	</div>
172	173	% }

...	...	@@ -33,7 +33,8 @@
33	33	commit => $commit,
34	34	trees => $trees,
35	35	dir => $dir,
36		- title => "$project/$dir at $rev - $user/$project"
	36	+ title => "$project/$dir at $rev - $user/$project",
	37	+ readme => $readme
37	38	);
38	39	%>
39	40
...	...	@@ -48,10 +49,7 @@
48	49	%= include '/include/tree';
49	50
50	51	% if ($top) {
51		- <div>
52		- <h3>README</h3>
53		- <pre><%= $readme %></pre>
54		- </div>
	52	+ %= include '/include/readme';
55	53	% }
56	54	</div>
57	55