mirror of
https://git.mirrors.martin98.com/https://github.com/google/draco
synced 2025-08-12 20:29:04 +08:00
Merge pull request #152 from louquillio/bootstrap-spec-template
Adapt spec-related pages to Bootstrap.
This commit is contained in:
Lou Quillio
GitHub
commit
6eb4920e64
6
docs/_includes/footer.html
Normal file
6
docs/_includes/footer.html
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
<div class="container">
|
||||||
|
<footer>
|
||||||
|
<hr>
|
||||||
|
<p>© 2017 The Draco authors</p>
|
||||||
|
</footer>
|
||||||
|
</div> <!-- /container -->
|
||||||
@ -153,13 +153,7 @@
|
|||||||
|
|
||||||
</div> <!-- /container -->
|
</div> <!-- /container -->
|
||||||
|
|
||||||
<div class="container">
|
{% include footer.html %}
|
||||||
<footer>
|
|
||||||
<p>© 2017 The Draco authors</p>
|
|
||||||
</footer>
|
|
||||||
</div> <!-- /container -->
|
|
||||||
</div> <!-- /container -->
|
|
||||||
|
|
||||||
|
|
||||||
<!-- Bootstrap core JavaScript
|
<!-- Bootstrap core JavaScript
|
||||||
================================================== -->
|
================================================== -->
|
||||||
|
|||||||
115
docs/_layouts/spec-page.html
Normal file
115
docs/_layouts/spec-page.html
Normal file
@ -0,0 +1,115 @@
|
|||||||
|
<!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">
|
||||||
|
<link rel="stylesheet" href="{{ 'assets/css/spec-style.css' | relative_url }}">
|
||||||
|
<style>
|
||||||
|
body {counter-reset: h2}
|
||||||
|
h2 {counter-reset: h3}
|
||||||
|
h3 {counter-reset: h4}
|
||||||
|
h4 {counter-reset: h5}
|
||||||
|
h5 {counter-reset: h6}
|
||||||
|
|
||||||
|
h2:before {counter-increment: h2; content: counter(h2) ". "}
|
||||||
|
h3:before {counter-increment: h3; content: counter(h2) "." counter(h3) ". "}
|
||||||
|
h4:before {counter-increment: h4; content: counter(h2) "." counter(h3) "." counter(h4) ". "}
|
||||||
|
h5:before {counter-increment: h5; content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) ". "}
|
||||||
|
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 }
|
||||||
|
</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://storage.googleapis.com/demos.webmproject.org/draco/draco_loader_throw.html">Demo</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">
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-xs-12 col-sm-12 col-md-10 col-md-offset-1">
|
||||||
|
{{ content }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div> <!-- /container -->
|
||||||
|
|
||||||
|
{% include footer.html %}
|
||||||
|
|
||||||
|
<!-- 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>
|
||||||
|
{% include analytics.html %}
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -9,33 +9,6 @@ $monofont: 'Inconsolata', monospace
|
|||||||
$gridcolor: #ddd
|
$gridcolor: #ddd
|
||||||
$gridweight: 2px
|
$gridweight: 2px
|
||||||
|
|
||||||
body
|
|
||||||
font-family: Arial, sans-serif
|
|
||||||
margin: 5% 25% 10% 10%
|
|
||||||
line-height: 1.3
|
|
||||||
|
|
||||||
a
|
|
||||||
color: navy
|
|
||||||
text-decoration: none
|
|
||||||
&:visited
|
|
||||||
color: navy
|
|
||||||
text-decoration: none
|
|
||||||
&:hover
|
|
||||||
text-decoration: underline
|
|
||||||
|
|
||||||
pre
|
|
||||||
//font-family: $monofont
|
|
||||||
//border: $gridweight solid $gridcolor
|
|
||||||
//background-color: #f7f7f7
|
|
||||||
//padding: 1em
|
|
||||||
//margin-left: 1em
|
|
||||||
//overflow-x: auto
|
|
||||||
|
|
||||||
code
|
|
||||||
//color: #060
|
|
||||||
//background-color: #f2f2f2
|
|
||||||
font-family: $monofont
|
|
||||||
|
|
||||||
table
|
table
|
||||||
border-collapse: collapse
|
border-collapse: collapse
|
||||||
min-width: 50%
|
min-width: 50%
|
||||||
@ -82,15 +55,62 @@ figure.highlight
|
|||||||
|
|
||||||
div.draco-syntax pre
|
div.draco-syntax pre
|
||||||
background-color: #fff
|
background-color: #fff
|
||||||
background-image: linear-gradient(90deg, transparent 580px, #abced4 580px, #abced4 582px, transparent 582px), linear-gradient($gridcolor .1em, transparent .1em)
|
background-image: linear-gradient(90deg, transparent 660px, #abced4 660px, #abced4 662px, transparent 582px), linear-gradient($gridcolor .1em, transparent .1em)
|
||||||
background-size: 100% 1.3em
|
background-size: 100% 1.3em
|
||||||
border-left: $gridweight solid $gridcolor
|
border-left: $gridweight solid $gridcolor
|
||||||
border-right: $gridweight solid $gridcolor
|
border-right: $gridweight solid $gridcolor
|
||||||
border-bottom: $gridweight solid $gridcolor
|
border-bottom: $gridweight solid $gridcolor
|
||||||
white-space: pre
|
white-space: pre
|
||||||
font-family: $monofont
|
font-family: $monofont
|
||||||
font-size: 1em
|
font-size: 14px
|
||||||
padding-left: 1em
|
padding: 0 14px
|
||||||
|
line-height: 18px
|
||||||
margin-left: 1em
|
margin-left: 1em
|
||||||
width: 720px
|
width: 840px
|
||||||
//overflow: auto
|
//overflow: auto
|
||||||
|
|
||||||
|
ol.breadcrumb
|
||||||
|
background-color: #fff
|
||||||
|
padding-left: 0
|
||||||
|
font-size: 12px
|
||||||
|
|
||||||
|
// Auto heading-number styles
|
||||||
|
|
||||||
|
body
|
||||||
|
counter-reset: h2
|
||||||
|
|
||||||
|
h2
|
||||||
|
counter-reset: h3
|
||||||
|
|
||||||
|
h3
|
||||||
|
counter-reset: h4
|
||||||
|
|
||||||
|
h4
|
||||||
|
counter-reset: h5
|
||||||
|
|
||||||
|
h5
|
||||||
|
counter-reset: h6
|
||||||
|
|
||||||
|
h2:before
|
||||||
|
counter-increment: h2
|
||||||
|
content: counter(h2) ". "
|
||||||
|
|
||||||
|
h3:before
|
||||||
|
counter-increment: h3
|
||||||
|
content: counter(h2) "." counter(h3) ". "
|
||||||
|
|
||||||
|
h4:before
|
||||||
|
counter-increment: h4
|
||||||
|
content: counter(h2) "." counter(h3) "." counter(h4) ". "
|
||||||
|
|
||||||
|
h5:before
|
||||||
|
counter-increment: h5
|
||||||
|
content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) ". "
|
||||||
|
|
||||||
|
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
|
||||||
|
|||||||
@ -1,5 +1,5 @@
|
|||||||
---
|
---
|
||||||
layout: spec
|
layout: spec-page
|
||||||
title: "README: Draco Spec Authoring Information"
|
title: "README: Draco Spec Authoring Information"
|
||||||
---
|
---
|
||||||
|
|
||||||
@ -189,7 +189,7 @@ them up as follows:
|
|||||||
immediately after the code-block closing delimiter.
|
immediately after the code-block closing delimiter.
|
||||||
|
|
||||||
* Some syntax elements as annotated with their type and size in a right-hand
|
* Some syntax elements as annotated with their type and size in a right-hand
|
||||||
column. In your text editor, position these annotations at column 73.
|
column. In your text editor, position these annotations at column **86**.
|
||||||
|
|
||||||
**Example:**
|
**Example:**
|
||||||
|
|
||||||
|
|||||||
@ -1,5 +1,5 @@
|
|||||||
---
|
---
|
||||||
layout: spec
|
layout: spec-page
|
||||||
title: Draco Bitstream Specification (Draft)
|
title: Draco Bitstream Specification (Draft)
|
||||||
version: Version 1,2
|
version: Version 1,2
|
||||||
version_date: Released 2017-xx-xx
|
version_date: Released 2017-xx-xx
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user