a73957a590
* Refactor web examples and tutorials - Consolidate web/docs and web/samples into web/examples - Remove literal programming blocks from Markdown tutorials - Replace tutorial_template.html with a fully embedded template in serve.py - Move serve.py to web/examples/serve.py and update dependency rules - Update filament-js wrapper to expose _malloc, _free and set GEN_MIPMAPPABLE usage - Update sample materials and WebGL asset generation within web/examples/CMakeLists.txt - Add python venv instructions and usage details to web/README.md - Remove obsolete examples, Pipfile, and demo templates * Transfer web tutorials and samples to docs_src - Introduce copy_web_docs.py api to deploy and rewrite web sample outputs into the docs output tree - Hook copy_web_docs into docs_src/build/run.py natively - Configure duplicates.json to map WebGL outputs to embedded .md docs - Strip html skeleton out of examples in run.py so they map into markdown cleanly - Update update-docs workflow to pre-build the WebGL target - Remove obsolete remote docs path from src_raw - Add explanatory comments to copy_web_docs.py and run.py - Add index page with thumbnails for Web Tutorials and samples
122 lines
1.5 KiB
CSS
122 lines
1.5 KiB
CSS
body {
|
|
font-family: 'Open Sans', sans-serif;
|
|
font-size: 10.5pt;
|
|
color: #222;
|
|
}
|
|
|
|
div.highlight {
|
|
padding-left: 5px;
|
|
border-left: solid 1px gray;
|
|
}
|
|
|
|
code, div.highlight pre {
|
|
font-family: 'Inconsolata', monospace;
|
|
}
|
|
|
|
.verbiage {
|
|
max-width: 800px;
|
|
padding-bottom: 20px;
|
|
border-bottom: solid 1px #ccc;
|
|
}
|
|
|
|
.verbiage a {
|
|
color: rgb(0, 137, 235);
|
|
}
|
|
|
|
a {
|
|
text-decoration: none;
|
|
color: black;
|
|
}
|
|
|
|
a:hover {
|
|
color: rgb(0, 157, 255);
|
|
}
|
|
|
|
.active {
|
|
color: rgb(0, 137, 235);
|
|
}
|
|
|
|
.disabled, .disabled:hover {
|
|
color: #ccc;
|
|
cursor: default;
|
|
}
|
|
|
|
h1 {
|
|
font-family: 'Tangerine', cursive;
|
|
font-weight: 700;
|
|
font-size: 50px;
|
|
margin: 10px 0 0 0;
|
|
}
|
|
|
|
nav {
|
|
padding: 10px;
|
|
text-align: center;
|
|
font-size: 10px;
|
|
}
|
|
|
|
nav h2 {
|
|
font-size: 12px;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
nav ul {
|
|
list-style: none;
|
|
padding: 0;
|
|
margin-top: 0;
|
|
}
|
|
|
|
nav li {
|
|
margin: 2px 0;
|
|
}
|
|
|
|
.HolyGrail,
|
|
.HolyGrail-body {
|
|
display: flex;
|
|
flex-direction: column;
|
|
min-height: 100vh;
|
|
}
|
|
|
|
.HolyGrail-nav {
|
|
order: -1;
|
|
}
|
|
|
|
@media (min-width: 500px) {
|
|
.HolyGrail-body {
|
|
flex-direction: row;
|
|
flex: 1;
|
|
}
|
|
.HolyGrail-content {
|
|
flex: 1;
|
|
}
|
|
.HolyGrail-nav {
|
|
/* 12em is the width of the columns */
|
|
flex: 0 0 12em;
|
|
}
|
|
article {
|
|
padding: 10px;
|
|
border-left: solid 1px #ccc;
|
|
}
|
|
nav {
|
|
text-align: right;
|
|
}
|
|
}
|
|
|
|
div.demo_frame {
|
|
width: 100%;
|
|
height: 200px;
|
|
border: none;
|
|
}
|
|
|
|
iframe {
|
|
width: 100%;
|
|
height: 100%;
|
|
border: none;
|
|
}
|
|
|
|
div.demo_frame > a {
|
|
position: relative;
|
|
float: right;
|
|
right: 10px;
|
|
bottom: 35px;
|
|
}
|