Skip to content

Commit

Permalink
Updated UI
Browse files Browse the repository at this point in the history
  • Loading branch information
Nathan Totten committed Jun 26, 2013
1 parent c97954a commit dca11f6
Show file tree
Hide file tree
Showing 11 changed files with 3,855 additions and 5,084 deletions.
66 changes: 33 additions & 33 deletions 404.html
@@ -1,6 +1,6 @@
<!DOCTYPE html>
<!DOCTYPE html>
<html lang="en">
<head>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>404: Page Not Found</title>
Expand All @@ -13,41 +13,41 @@
<link href="/assets/css/bootstrap.css" rel="stylesheet">
<link href="/assets/css/style.css" rel="stylesheet">
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-28972181-1']);
_gaq.push(['_trackPageview']);
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-28972181-1']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
(function () {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
</head>

<body>
<body>
<div class="navbar navbar-fixed-top">
<a href="http://github.com/facebook-csharp-sdk/facebook-csharp-sdk"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"></a>
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="#">Facebook SDK for .NET</a>
<div class="nav-collapse">
<ul class="nav">
<li><a href="/docs">Docs</a></li>
<li><a href="/docs/reference">SDK Reference</a></li>
<li><a href="/docs/windows">Windows 8</a></li>
<li><a href="/docs/phone">Windows Phone</a></li>
<li><a href="/docs/web">Web</a></li>
<li><a href="/docs/about">About</a></li>
</ul>
</div>
<a href="http://github.com/facebook-csharp-sdk/facebook-csharp-sdk"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"></a>
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="#">Facebook SDK for .NET</a>
<div class="nav-collapse">
<ul class="nav">
<li><a href="/docs">Docs</a></li>
<li><a href="/docs/reference">SDK Reference</a></li>
<li><a href="/docs/windows">Windows 8</a></li>
<li><a href="/docs/phone">Windows Phone</a></li>
<li><a href="/docs/web">Web</a></li>
<li><a href="/docs/about">About</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>

<div id="top" class="container content">
Expand All @@ -74,5 +74,5 @@ <h1>Page not found</h1>
</footer>

</div>
</body>
</body>
</html>
51 changes: 24 additions & 27 deletions _layouts/default.html
@@ -1,4 +1,4 @@
<!DOCTYPE html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
Expand Down Expand Up @@ -43,47 +43,37 @@
<a class="brand" href="/">Facebook SDK for .NET</a>
<div class="nav-collapse">
<ul class="nav">
<li{% if page.url == "/docs/index.html" %} class="active" {% endif %}><a href="/docs">Docs</a></li>
<li{% if page.url contains "/docs/reference/" %} class="active" {% endif %}><a href="/docs/reference">SDK Reference</a></li>
<li{% if page.url == "/docs/index.html" %} class="active" {% endif %}><a href="/docs">Overview</a></li>
<li{% if page.url == "/docs/reference/index.html" %} class="active" {% endif %}><a href="/docs/reference">SDK Reference</a></li>
<li{% if page.url contains "/docs/windows/" %} class="active" {% endif %}><a href="/docs/windows">Windows 8</a></li>
<li{% if page.url contains "/docs/phone/" %} class="active" {% endif %}><a href="/docs/phone">Windows Phone</a></li>
<li{% if page.url contains "/docs/web/" %} class="active" {% endif %}><a href="/docs/web">Web</a></li>
<li{% if page.url == "/docs/about/" %} class="active" {% endif %}><a href="/docs/about">About</a></li>
<li{% if page.url == "/docs/about.html" %} class="active" {% endif %}><a href="/docs/about">About</a></li>
</ul>
</div>
</div>
</div>
</div>

<div id="top" class="container content">
<div class="container-body">
<div class="bodyMenu">
<div id="toc">
<h5>Topics</h5>
</div>
&nbsp;
</div>
<div class="bodyText">
<div class="header">
<h1>{{page.title}}</h1>
</div>
<div id="doc">{{content}}</div>
</div>
<div class="clear"></div>
</div>
<h1>{{page.title}}</h1>
<div class="row">
<div class="span3"><div id="toc"><h2>Table of Contents</h2></div>&nbsp;</div>
<div class="span9"><div id="doc">{{content}}</div></div>
</div>


<footer class="footer">
<div class="container-footer">
<p class="pull-right"><a href="#">Back to top</a></p>
<p class="pull-right"><a href="/docs/about/#2">License</a></p>
<p>Copyright &copy; 2012 &sdot; <a href="http://www.outercurve.org">The Outercurve Foundation</a>.</p>
</div>
</footer>
</div>
<footer class="footer">
<p class="pull-right"><a id="back-to-top" href="#top">Back to top</a></p>
<p>Copyright &copy; 2012, <a href="http://www.outercurve.org">The Outercurve Foundation</a>.</p>
<p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under a <a rel="license" href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0 Unported License</a>.</p>
</footer>

</div>
<script src="/assets/js/jquery-1.7.1.min.js"></script>
<script src="/assets/js/bootstrap.min.js"></script>
<script src="/assets/js/prettify.js" type="text/javascript"></script>
<script src="/assets/js/jquery.smooth-scroll.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('code').addClass('prettyprint');
Expand All @@ -93,6 +83,13 @@ <h1>{{page.title}}</h1>
$('<h6><a href="#' + i + '">' + h2.text() + '</a></h6>').appendTo('#toc');
h2.after($('<a id="' + i + '" />'));
});
$('#toc a').smoothScroll({offset: -80});
$('#back-to-top').smoothScroll({offset: -50});
$('#toc').affix({
offset: {
top: 100
}
});
});
</script>
</body>
Expand Down
99 changes: 99 additions & 0 deletions _layouts/default.old.html
@@ -0,0 +1,99 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>{{ page.title }}</title>
<link rel="icon" href="http://docs.csharpsdk.org/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="http://docs.csharpsdk.org/favicon.ico" type="image/x-icon">
<meta property="og:title" content="{{ page.title }}"/>
<meta property="og:type" content="article"/>
<meta property="og:url" content="http://csharpsdk.org{{ page.url }}"/>
<meta property="og:image" content="http://csharpsdk.org/assets/img/logo500x500.png"/>
<meta property="og:site_name" content="Facebook SDK for .NET"/>
<meta property="fb:admins" content="14812017,605430316,537883665"/>
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link href="/assets/css/bootstrap.css" rel="stylesheet">
<link href="/assets/css/style.css" rel="stylesheet">
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-28972181-1']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>

<body>
<div class="navbar navbar-fixed-top">
<a href="http://github.com/facebook-csharp-sdk/facebook-csharp-sdk"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"></a>
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="/">Facebook SDK for .NET</a>
<div class="nav-collapse">
<ul class="nav">
<li{% if page.url == "/docs/index.html" %} class="active" {% endif %}><a href="/docs">Docs</a></li>
<li{% if page.url contains "/docs/reference/" %} class="active" {% endif %}><a href="/docs/reference">SDK Reference</a></li>
<li{% if page.url contains "/docs/windows/" %} class="active" {% endif %}><a href="/docs/windows">Windows 8</a></li>
<li{% if page.url contains "/docs/phone/" %} class="active" {% endif %}><a href="/docs/phone">Windows Phone</a></li>
<li{% if page.url contains "/docs/web/" %} class="active" {% endif %}><a href="/docs/web">Web</a></li>
<li{% if page.url == "/docs/about/" %} class="active" {% endif %}><a href="/docs/about">About</a></li>
</ul>
</div>
</div>
</div>
</div>

<div id="top" class="container content">
<div class="container-body">
<div class="bodyMenu">
<div id="toc">
<h5>Topics</h5>
</div>
&nbsp;
</div>
<div class="bodyText">
<div class="header">
<h1>{{page.title}}</h1>
</div>
<div id="doc">{{content}}</div>
</div>
<div class="clear"></div>
</div>

<footer class="footer">
<div class="container-footer">
<p class="pull-right"><a href="#">Back to top</a></p>
<p class="pull-right"><a href="/docs/about/#2">License</a></p>
<p>Copyright &copy; 2012 &sdot; <a href="http://www.outercurve.org">The Outercurve Foundation</a>.</p>
</div>
</footer>
</div>

<script src="/assets/js/jquery-1.7.1.min.js"></script>
<script src="/assets/js/bootstrap.min.js"></script>
<script src="/assets/js/prettify.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('code').addClass('prettyprint');
prettyPrint();
$('#doc h2').each(function(i, element) {
var h2 = $(element);
$('<h6><a href="#' + i + '">' + h2.text() + '</a></h6>').appendTo('#toc');
h2.after($('<a id="' + i + '" />'));
});
});
</script>
</body>
</html>

0 comments on commit dca11f6

Please sign in to comment.