Add a basic Bootstrap homepage skin.

Basic top-nav with relevant links. Also adds
favicons and a few other tweaks. More to come.
This commit is contained in:
Lou Quillio 2017-07-26 12:04:57 -07:00
parent 6f0825092b
commit f32a643b79
46 changed files with 437 additions and 70 deletions

116
docs/_layouts/home.html Normal file
View File

@ -0,0 +1,116 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="description" content="">
<meta name="author" content="">
<title>{{ page.title }}</title>
<!-- Bootstrap core CSS -->
<link rel="stylesheet" href="{{ 'assets/css/bootstrap.min.css' | relative_url }}">
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<link rel="stylesheet" href="{{ 'assets/css/ie10-viewport-bug-workaround.css' | relative_url }}">
<!-- Custom styles for this template -->
<link rel="stylesheet" href="{{ 'assets/css/navbar-fixed-top.css' | relative_url }}">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<link rel="apple-touch-icon" sizes="57x57" href="{{ 'artwork/favicon/apple-icon-57x57.png' | relative_url }}">
<link rel="apple-touch-icon" sizes="60x60" href="{{ 'artwork/favicon/apple-icon-60x60.png' | relative_url }}">
<link rel="apple-touch-icon" sizes="72x72" href="{{ 'artwork/favicon/apple-icon-72x72.png' | relative_url }}">
<link rel="apple-touch-icon" sizes="76x76" href="{{ 'artwork/favicon/apple-icon-76x76.png' | relative_url }}">
<link rel="apple-touch-icon" sizes="114x114" href="{{ 'artwork/favicon/apple-icon-114x114.png' | relative_url }}">
<link rel="apple-touch-icon" sizes="120x120" href="{{ 'artwork/favicon/apple-icon-120x120.png' | relative_url }}">
<link rel="apple-touch-icon" sizes="144x144" href="{{ 'artwork/favicon/apple-icon-144x144.png' | relative_url }}">
<link rel="apple-touch-icon" sizes="152x152" href="{{ 'artwork/favicon/apple-icon-152x152.png' | relative_url }}">
<link rel="apple-touch-icon" sizes="180x180" href="{{ 'artwork/favicon/apple-icon-180x180.png' | relative_url }}">
<link rel="icon" type="image/png" sizes="36x36" href="{{ 'artwork/favicon/android-icon-36x36.png' | relative_url }}">
<link rel="icon" type="image/png" sizes="96x96" href="{{ 'artwork/favicon/android-icon-96x96.png' | relative_url }}">
<link rel="manifest" href="{{ 'artwork/favicon/manifest.json' | relative_url }}">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="{{ 'artwork/favicon/ms-icon-144x144.png' | relative_url }}">
<meta name="theme-color" content="#ffffff">
<style>
</style>
</head>
<body>
<!-- Fixed navbar -->
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/">Draco 3D</a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="https://github.com/google/draco">Github</a></li>
<li><a href="https://github.com/google/draco/tree/master/javascript/example">Example</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Spec <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="spec">Draft Specification</a></li>
<li><a href="spec/README.html">Author README</a></li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li></li>
<li></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
<div class="container">
<!-- Main component for a primary marketing message or call to action -->
<div class="jumbotron">
<div class="row">
<div class="col-md-3 col-sm-3 col-xs-4">
<img class="img-responsive center-block" src="artwork/draco3d-vert-360x274.png">
</div>
<div class="col-md-9 col-sm-9 col-xs-12 text-center">
<p>Draco is an open-source library for compressing and decompressing 3D
geometric meshes and point clouds. It is intended to improve the storage
and transmission of 3D graphics.</p>
<p>
<a class="btn btn-md btn-primary pull-right" href="https://github.com/google/draco" role="button">View on GitHub &raquo;</a>
</p>
</div>
</div>
</div>
</div> <!-- /container -->
<div class="container">
<footer>
<p>&copy; 2017 The Draco authors</p>
</footer>
</div> <!-- /container -->
</div> <!-- /container -->
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="{{ 'assets/js/bootstrap.min.js' | relative_url }}"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="{{ 'assets/js/ie10-viewport-bug-workaround.js' | relative_url }}"></script>
</body>
</html>

View File

@ -18,6 +18,18 @@
h6:before {counter-increment: h6; content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) "." counter(h6) ". "} h6:before {counter-increment: h6; content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) "." counter(h6) ". "}
h2.nocount:before, h3.nocount:before, h4.nocount:before, h5.nocount:before, h6.nocount:before { content: ""; counter-increment: none } h2.nocount:before, h3.nocount:before, h4.nocount:before, h5.nocount:before, h6.nocount:before { content: ""; counter-increment: none }
ol.breadcrumb {
padding-left: 0;
font-style: italic;
font-size: smaller;
}
.breadcrumb li {
display: inline;
}
.breadcrumb li+li:before {
content:"» ";
}
</style> </style>
</head> </head>
<body> <body>

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 35 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

View File

@ -0,0 +1,2 @@
<?xml version="1.0" encoding="utf-8"?>
<browserconfig><msapplication><tile><square70x70logo src="/ms-icon-70x70.png"/><square150x150logo src="/ms-icon-150x150.png"/><square310x310logo src="/ms-icon-310x310.png"/><TileColor>#ffffff</TileColor></tile></msapplication></browserconfig>

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@ -0,0 +1,41 @@
{
"name": "App",
"icons": [
{
"src": "\/android-icon-36x36.png",
"sizes": "36x36",
"type": "image\/png",
"density": "0.75"
},
{
"src": "\/android-icon-48x48.png",
"sizes": "48x48",
"type": "image\/png",
"density": "1.0"
},
{
"src": "\/android-icon-72x72.png",
"sizes": "72x72",
"type": "image\/png",
"density": "1.5"
},
{
"src": "\/android-icon-96x96.png",
"sizes": "96x96",
"type": "image\/png",
"density": "2.0"
},
{
"src": "\/android-icon-144x144.png",
"sizes": "144x144",
"type": "image\/png",
"density": "3.0"
},
{
"src": "\/android-icon-192x192.png",
"sizes": "192x192",
"type": "image\/png",
"density": "4.0"
}
]
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 63 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.0 KiB

6
docs/assets/css/bootstrap.min.css vendored Normal file

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,13 @@
/*!
* IE10 viewport hack for Surface/desktop Windows 8 bug
* Copyright 2014-2015 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*
* See the Getting Started docs for more information:
* http://getbootstrap.com/getting-started/#support-ie10-width
*/
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

View File

@ -0,0 +1,4 @@
body {
min-height: 2000px;
padding-top: 70px;
}

View File

@ -11,7 +11,7 @@ $gridweight: 2px
body body
font-family: Arial, sans-serif font-family: Arial, sans-serif
margin: 10% 25% 10% 10% margin: 5% 25% 10% 10%
line-height: 1.3 line-height: 1.3
a a

View File

@ -0,0 +1,32 @@
/* Sticky footer styles
-------------------------------------------------- */
html {
position: relative;
min-height: 100%;
}
body {
/* Margin bottom by footer height */
margin-bottom: 60px;
}
.footer {
position: absolute;
bottom: 0;
width: 100%;
/* Set the fixed height of the footer here */
height: 60px;
background-color: #f5f5f5;
}
/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */
.container {
width: auto;
max-width: 680px;
padding: 0 15px;
}
.container .text-muted {
margin: 20px 0;
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 KiB

7
docs/assets/js/bootstrap.min.js vendored Normal file

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,23 @@
/*!
* IE10 viewport hack for Surface/desktop Windows 8 bug
* Copyright 2014-2015 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
// See the Getting Started docs for more information:
// http://getbootstrap.com/getting-started/#support-ie10-width
(function () {
'use strict';
if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
var msViewportStyle = document.createElement('style')
msViewportStyle.appendChild(
document.createTextNode(
'@-ms-viewport{width:auto!important}'
)
)
document.querySelector('head').appendChild(msViewportStyle)
}
})();

View File

@ -1,58 +0,0 @@
// jQuery AutoTOC
// Dynamically create a table of contents for a page with semantically correct HTML headings.
// Version 1.0, December 30, 2016
// By Craig D. Cocca
jQuery.fn.extend({
autoTOC: function(options) {
var monitoredDOMElements = new Array();
var windowHeight = $(window).height();
// Make sure we keep tabs on the window height as the user changes the browser window dimensions
$(window).on("resize", function() {
windowHeight = $(window).height();
});
// Bind monitor to scroll event to keep an eye which heading element is in the top quarter of the page
$(window).on("scroll",function() {
topOfWindow = $(window).scrollTop();
bottomOfWindow = $(window).scrollTop() + (windowHeight * .25);
for(element in monitoredDOMElements) {
if( monitoredDOMElements[element].offset > topOfWindow &&
monitoredDOMElements[element].offset < bottomOfWindow) {
$(monitoredDOMElements[element].anchor).addClass("selected");
$(".autotoc li").not(monitoredDOMElements[element].anchor).removeClass("selected");
break;
}
}
});
// Default settings
var settings = $.extend({
toc: "#toc"
},options);
var toc = $('<ul class="autotoc"></ul>');
$(settings.toc).append(toc);
return this.each(function() {
tocEntry = $('<li class="' + $(this).prop("tagName") + '">' + $(this).html() + '</li>');
tocEntry.data("parentHeading",this);
tocEntry.on("click", function() {
$('html, body').animate({
scrollTop: $($(this).data("parentHeading")).offset().top - (windowHeight * .2)
}, 750 );
});
$(".autotoc").append(tocEntry);
monitoredDOMElements.push({
offset: $(this).offset().top,
anchor: tocEntry
});
});
}
});

View File

@ -1,10 +0,0 @@
---
layout: spec
title: Draco 3D Graphics Compression
---
* [Draft Draco Bitstream Specification][spec]
* [README file for specification authors][readme]
[spec]: spec
[readme]: spec/README

View File

@ -1,4 +1,3 @@
**Contents** **Contents**
* TOC * TOC

View File

@ -3,6 +3,12 @@ layout: spec
title: "README: Draco Spec Authoring Information" title: "README: Draco Spec Authoring Information"
--- ---
<ol class="breadcrumb">
<li class=""><a href="/">Home</a></li>
<li class=""><a href=".">Draft Specification</a></li>
<li class="">README</li>
</ol>
![Draco logo graphic](../artwork/draco3d-horiz-320x79.png) ![Draco logo graphic](../artwork/draco3d-horiz-320x79.png)

View File

@ -5,11 +5,17 @@ version: Version 1,2
version_date: Released 2017-xx-xx version_date: Released 2017-xx-xx
--- ---
<ol class="breadcrumb">
<li class=""><a href="/">Home</a></li>
<li class="">Draft Specification</li>
</ol>
{% include_relative 00.00.00.title.md %} {% include_relative 00.00.00.title.md %}
{% include_relative 00.00.01.version.md %} {% include_relative 00.00.01.version.md %}
{% include_relative 00.00.02.authors.md %} {% include_relative 00.00.02.authors.md %}
{% include_relative 00.00.03.last.modified.md %} {% include_relative 00.00.03.last.modified.md %}
{% include_relative 00.00.04.abstract.md %} {% include_relative 00.00.04.abstract.md %}
{% include_relative 00.00.05.toc.md %} {% include_relative 00.00.05.toc.md %}
{% include_relative 01.00.00.scope.md %} {% include_relative 01.00.00.scope.md %}