Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Merge pull request #1 from daveowenville/master

HTML and CSS refinements ready to be pulled
  • Loading branch information...
commit aeb3b5b9b0dffc9a6885f2d975a9233c23f4b4d3 2 parents e10b386 + 15ec7c5
@jafl jafl authored
Showing with 178 additions and 96 deletions.
  1. +67 −30 views/browse-file.hbs
  2. +8 −4 views/browse-root.hbs
  3. +103 −62 views/layout.hbs
View
97 views/browse-file.hbs
@@ -1,41 +1,78 @@
<!DOCTYPE HTML>
+<html lang="en">
<html>
<head>
- <title>{{title}}</title>
- <meta http-equiv=content-type content="text/html; charset=utf-8">
-
- <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.4.0/build/cssreset/reset-min.css" />
- <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.4.0/build/cssfonts/fonts-min.css" />
- <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.4.0/build/cssbase/base-min.css" />
-
- <script type="text/javascript" src="/syntax/shCore.js"></script>
- <script type="text/javascript" src="/syntax/shBrushJScript.js"></script>
- <script type="text/javascript" src="/syntax/shBrushCSS.js"></script>
-
- <link rel="stylesheet" type="text/css" href="/syntax/shCore.css" />
- <link rel="stylesheet" type="text/css" href="/syntax/shThemeDefault.css" />
-
- <style type="text/css">
- body { margin:0; }
- h1 { font-size:100%; text-align:center; margin:0; padding:5px 10px; background-color:#EEEEEE; }
- a.back { float:left; padding:5px 10px; }
- a.plain { float:right; padding:5px 10px; }
- </style>
-
- <meta name="MSSmartTagsPreventParsing" content="TRUE" />
- <meta http-equiv="X-UI-Compatible" content="IE=edge,chrome=1" />
+ <meta charset="utf-8">
+ <meta name="MSSmartTagsPreventParsing" content="TRUE" />
+ <meta http-equiv="X-UI-Compatible" content="IE=edge,chrome=1" />
+
+ <title>{{title}}</title>
+
+ <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.4.0/build/cssreset/reset-min.css" />
+ <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.4.0/build/cssfonts/fonts-min.css" />
+ <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.4.0/build/cssbase/base-min.css" />
+
+ <script type="text/javascript" src="/syntax/shCore.js"></script>
+ <script type="text/javascript" src="/syntax/shBrushJScript.js"></script>
+ <script type="text/javascript" src="/syntax/shBrushCSS.js"></script>
+
+ <link rel="stylesheet" type="text/css" href="/syntax/shCore.css" />
+ <link rel="stylesheet" type="text/css" href="/syntax/shThemeDefault.css" />
+
+ <style type="text/css">
+ body {margin:0;}
+
+ a, a:link, a:visited {text-decoration:none;font-weight:bold;color:#3a6;}
+ a:hover {text-decoration:underline;}
+
+ .drill-back {margin-right:6px;}
+
+ .header {height:40px;padding:0 18px;border-bottom:1px solid #cacaca;background-color:#eaeaea;
+ background-image:linear-gradient(top, #f7f7f7 0%, #e7e7e7 100%);
+ background-image:-o-linear-gradient(top, #f7f7f7 0%, #e7e7e7 100%);
+ background-image:-moz-linear-gradient(top, #f7f7f7 0%, #e7e7e7 100%);
+ background-image:-webkit-linear-gradient(top, #f7f7f7 0%, #e7e7e7 100%);
+ background-image:-ms-linear-gradient(top, #f7f7f7 0%, #e7e7e7 100%);}
+ .header h1 {float:left;margin:0;height:40px;line-height:40px;padding-right:18px;border-right:1px solid #d9d9d9;}
+ .header .nav {float:left;height:40px;line-height:40px;padding-left:12px;border-left:1px solid #fff;font-weight:bold;}
+
+ .content {margin:0 18px;}
+ .content .nav .drill-back {float:left;line-height:150%;}
+ .content .nav .toggle-code-highlight {float:right;font-size:108%;font-weight:normal;}
+ .content .nav a:hover {text-decoration:none;}
+ .content h2 {border-bottom:1px solid #e0e0e0;padding-bottom:12px;}
+ .content .ns-list h2, .content .bundle-list h2 {padding-bottom:0;border-bottom:none;margin-left:0;}
+ </style>
</head>
-<body>
+<body class="yui3-skin-sam">
-<a class="back" href="/browse?{{back}}">&larr; Back</a>
-<a class="plain" href="{{raw}}">Plain</a>
-<h1>{{title}}</h1>
+<header>
+ <div class="header">
+ <h1>{{title}}</h1>
+ <nav>
+ <div class="nav">
+ <!-- reserved for future use -->
+ </div>
+ </nav>
+ </div>
+</header>
-<pre class="brush:{{type}}">
-{{content}}
-</pre>
+<section>
+ <div class="section content">
+ <nav>
+ <div class="nav">
+ {{#if back}}<a class="drill-back" href="/browse?{{back}}" title="Move back one level">&#9664;</a>{{/if}}
+ <a class="toggle-code-highlight" href="{{raw}}" title="Disable syntax highlighting">&#8855; disable syntax highlighting</a>
+ </div>
+ </nav>
+ <h2>uifwk-bar 14.2.0.0.253</h2>
+ <pre class="brush:{{type}}">
+ {{content}}
+ </pre>
+ </div>
+</section>
<script type="text/javascript">
SyntaxHighlighter.all();
View
12 views/browse-root.hbs
@@ -1,5 +1,6 @@
{{#if ns}}
-<div class="ns-list">
+<section>
+ <div class="section ns-list">
<h2>Namespaces of related modules</h2>
<table>
@@ -13,11 +14,13 @@
</tr>
{{/ns}}
</table>
-</div>
+ </div>
+</section>
{{/if}}
{{#if bundle}}
-<div class="bundle-list">
+<section>
+ <div class="section bundle-list">
<h2>Bundles of modules released together</h2>
<table>
@@ -31,5 +34,6 @@
</tr>
{{/bundle}}
</table>
-</div>
+ </div>
+</section>
{{/if}}
View
165 views/layout.hbs
@@ -1,82 +1,123 @@
<!DOCTYPE HTML>
+<html lang="en">
<html>
<head>
- <title>{{title}}</title>
- <meta http-equiv=content-type content="text/html; charset=utf-8">
-
- <script src="http://yui.yahooapis.com/3.5.0/build/yui/yui-min.js"></script>
-
- <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.5.0/build/cssreset/reset-min.css" />
- <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.5.0/build/cssfonts/fonts-min.css" />
- <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.5.0/build/cssbase/base-min.css" />
-
- <style type="text/css">
- .body { margin:0 10px; }
-
- h1 { font-size:100%; text-align:center; margin:0; padding:5px 10px; background-color:#EEEEEE; }
- a.back { float:left; padding:5px 10px; }
-
- .ns-list { float:left; margin-right:50px; }
- .bundle-list { float:left; }
-
- .code { float:right; margin-top:1em; }
- .code pre { border:1px solid black; padding:5px; background-color:#EEEEEE; }
- .code pre .list-item:after { content:"," }
- .code pre .list-item:last-child:after { content:"" }
- #copy-code { float:right; }
-
- .file-title { margin-bottom:0; }
- .file-tree { margin-left:10px; }
- .file-tree ul { margin:0; }
- .file-tree li { list-style-type:none; padding-left:17px; padding-top:5px; }
- .file-tree li.directory { background:url("/img/directory.png") left 5px no-repeat; }
- .file-tree li.file { background:url("/img/file.png") left 5px no-repeat; }
-
- .notes { font-weight:bold; }
-
- table,th,td { border:1px solid #CBCBCB; }
- td { border-top:0; border-bottom:0; }
- tr:nth-child(2n+1) td { background-color:#EDF5FF; }
- </style>
-
- <meta name="MSSmartTagsPreventParsing" content="TRUE" />
- <meta http-equiv="X-UI-Compatible" content="IE=edge,chrome=1" />
+ <meta charset="utf-8">
+ <meta name="MSSmartTagsPreventParsing" content="TRUE" />
+ <meta http-equiv="X-UI-Compatible" content="IE=edge,chrome=1" />
+
+ <title>{{title}}</title>
+
+ <script src="http://yui.yahooapis.com/3.5.0/build/yui/yui-min.js"></script>
+
+ <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.5.0/build/cssreset/reset-min.css" />
+ <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.5.0/build/cssfonts/fonts-min.css" />
+ <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.5.0/build/cssbase/base-min.css" />
+
+ <style>
+ body {margin:0;}
+
+ a, a:link, a:visited {text-decoration:none;font-weight:bold;color:#3a6;}
+ a:hover {text-decoration:underline;}
+
+ .drill-back {margin-right:6px;}
+
+ .header {height:40px;padding:0 18px;border-bottom:1px solid #cacaca;background-color:#eaeaea;
+ background-image:linear-gradient(top, #f7f7f7 0%, #e7e7e7 100%);
+ background-image:-o-linear-gradient(top, #f7f7f7 0%, #e7e7e7 100%);
+ background-image:-moz-linear-gradient(top, #f7f7f7 0%, #e7e7e7 100%);
+ background-image:-webkit-linear-gradient(top, #f7f7f7 0%, #e7e7e7 100%);
+ background-image:-ms-linear-gradient(top, #f7f7f7 0%, #e7e7e7 100%);}
+ .header h1 {float:left;margin:0;height:40px;line-height:40px;padding-right:18px;border-right:1px solid #d9d9d9;}
+ .header .nav {float:left;height:40px;line-height:40px;padding-left:12px;border-left:1px solid #fff;font-weight:bold;}
+
+ .content {margin:0 18px;}
+ .content .nav .drill-back {float:left;line-height:150%;}
+ .content .nav .toggle-code-highlight {float:right;font-size:108%;font-weight:normal;}
+ .content .nav a:hover {text-decoration:none;}
+ .content h2 {border-bottom:1px solid #e0e0e0;padding-bottom:12px;}
+ .content .ns-list h2, .content .bundle-list h2 {padding-bottom:0;border-bottom:none;margin-left:0;}
+
+ .ns-list {float:left;width:45%;}
+ .bundle-list {float:right;width:50%;padding:0 0 18px 18px;border-left:1px solid #e7e7e7;}
+
+ .code {clear:both;float:right;width:50%;margin-right:-18px;padding:18px 24px 18px 18px;background-color:#eaeaea;
+ background-image:linear-gradient(right, #f7f7f7 0%, #e7e7e7 20%);
+ background-image:-o-linear-gradient(right, #f7f7f7 0%, #e7e7e7 20%);
+ background-image:-moz-linear-gradient(right, #f7f7f7 0%, #e7e7e7 20%);
+ background-image:-webkit-linear-gradient(right, #f7f7f7 0%, #e7e7e7 20%);
+ background-image:-ms-linear-gradient(right, #f7f7f7 0%, #e7e7e7 20%);
+ border:1px solid #cacaca;border-width:1px 0 1px 1px;}
+ .code pre {padding:5px;background-color:#fff;overflow:auto;
+ border:1px solid #e0e0e0;border-top-color:#cacaca;border-left-color:#cacaca;}
+ .code pre .list-item:after {content:",";}
+ .code pre .list-item:last-child:after {content:"";}
+ button#copy-code {float:right;}
+
+ .file-title {margin-bottom:0;}
+ .file-tree {margin-left:10px;}
+ .file-tree ul {margin:0;}
+ .file-tree li {list-style-type:none;padding-left:17px;padding-top:5px;}
+ .file-tree li.directory {background:url("/img/directory.png") left 5px no-repeat;}
+ .file-tree li.file {background:url("/img/file.png") left 5px no-repeat;}
+
+ .notes {font-weight:bold;}
+
+ table, th, td {border:1px solid #cbcbcb;}
+ td {border-top:0;border-bottom:0;}
+ tr:nth-child(2n+1) td {background-color:#edf5ff;}
+ </style>
</head>
<body class="yui3-skin-sam">
-{{#if back}}<a class="back" href="/browse?{{back}}">&larr; Back</a>{{/if}}
-<h1>{{title}}</h1>
-
-<div class="body">
-{{{body}}}
-</div>
+<header>
+ <div class="header">
+ <h1>{{title}}</h1>
+ <nav>
+ <div class="nav">
+ <!-- reserved for future use -->
+ </div>
+ </nav>
+ </div>
+</header>
+
+<section>
+ <div class="section content">
+ <nav>
+ <div class="nav">
+ {{#if back}}<a class="drill-back" href="/browse?{{back}}" title="Move back one level">&#9664;</a>{{/if}}
+ </div>
+ </nav>
+ {{{body}}}
+ </div>
+</section>
<script type="text/javascript">
YUI({
- gallery: 'gallery-2012.04.26-15-49'
+ gallery: 'gallery-2012.04.26-15-49'
}).use('gallery-clipboard', function(Y) {
"use strict";
var button = Y.one('#copy-code');
if (button)
{
- button.plug(Y.ClipBoard, { moviepath: '/' })
- .on('clipboard:load', function()
- {
- var code = Y.one('#sample-code');
- this.on('mouseover', function()
- {
- this.setAttribute('copy', code.get('innerText') || code.get('textContent'));
- });
-
- this.clipboard.setEvent('click', function()
- {
- this.clipboard.hide();
- },
- true);
- });
+ button.plug(Y.ClipBoard, { moviepath: '/' })
+ .on('clipboard:load', function()
+ {
+ var code = Y.one('#sample-code');
+ this.on('mouseover', function()
+ {
+ this.setAttribute('copy', code.get('innerText') || code.get('textContent'));
+ });
+
+ this.clipboard.setEvent('click', function()
+ {
+ this.clipboard.hide();
+ },
+ true);
+ });
}
});
Please sign in to comment.
Something went wrong with that request. Please try again.