Skip to content

Commit 8ee30cf

Browse files
pepc84pepc84
committed
Hide syntax-block until CM renders, always pin 3 examples
1 parent 9eda72d commit 8ee30cf

164 files changed

Lines changed: 165 additions & 0 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎assets/nav.js‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -62,10 +62,12 @@
6262
style.textContent = `
6363
html.dark-pre body { background:#1a1a2e !important; }
6464
pre#code-pre { display:none !important; }
65+
.syntax-block, .impl-block { visibility:hidden; }
6566
.CodeMirror-scroll { border:none !important; background:transparent !important; }
6667
.CodeMirror-hscrollbar, .CodeMirror-vscrollbar { display:none !important; }
6768
6869
pre#code-pre { display:none !important; }
70+
.syntax-block, .impl-block { visibility:hidden; }
6971
.CodeMirror-scroll { border:none !important; background:transparent !important; }
7072
.CodeMirror-hscrollbar, .CodeMirror-vscrollbar { display:none !important; }
7173

‎examples/acceleration-with-vectors.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,7 @@
3030
.preview-wrap iframe { display: block; border: none; max-width: 100%; }
3131
.code-block { background: #f8f8f8; border-radius: 8px; overflow: hidden; }
3232
pre#code-pre { display: none; }
33+
.syntax-block, .impl-block { visibility: hidden; min-height: 0; }
3334
.code-header { padding: 0.75rem 1.25rem; border-bottom: 1px solid #e0e0e0; font-size: 12px; color: #888; font-family: monospace; display: flex; align-items: center; justify-content: space-between; }
3435
.copy-btn { font-size: 12px; color: #555; background: #fff; border: 1px solid #ddd; border-radius: 4px; padding: 3px 10px; cursor: pointer; font-family: inherit; }
3536
.copy-btn:hover { background: #f0f0f0; }

‎examples/additive-wave.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,7 @@
3030
.preview-wrap iframe { display: block; border: none; max-width: 100%; }
3131
.code-block { background: #f8f8f8; border-radius: 8px; overflow: hidden; }
3232
pre#code-pre { display: none; }
33+
.syntax-block, .impl-block { visibility: hidden; min-height: 0; }
3334
.code-header { padding: 0.75rem 1.25rem; border-bottom: 1px solid #e0e0e0; font-size: 12px; color: #888; font-family: monospace; display: flex; align-items: center; justify-content: space-between; }
3435
.copy-btn { font-size: 12px; color: #555; background: #fff; border: 1px solid #ddd; border-radius: 4px; padding: 3px 10px; cursor: pointer; font-family: inherit; }
3536
.copy-btn:hover { background: #f0f0f0; }

‎examples/alpha-mask.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,7 @@
3030
.preview-wrap iframe { display: block; border: none; max-width: 100%; }
3131
.code-block { background: #f8f8f8; border-radius: 8px; overflow: hidden; }
3232
pre#code-pre { display: none; }
33+
.syntax-block, .impl-block { visibility: hidden; min-height: 0; }
3334
.code-header { padding: 0.75rem 1.25rem; border-bottom: 1px solid #e0e0e0; font-size: 12px; color: #888; font-family: monospace; display: flex; align-items: center; justify-content: space-between; }
3435
.copy-btn { font-size: 12px; color: #555; background: #fff; border: 1px solid #ddd; border-radius: 4px; padding: 3px 10px; cursor: pointer; font-family: inherit; }
3536
.copy-btn:hover { background: #f0f0f0; }

‎examples/animated-sprite.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,7 @@
3030
.preview-wrap iframe { display: block; border: none; max-width: 100%; }
3131
.code-block { background: #f8f8f8; border-radius: 8px; overflow: hidden; }
3232
pre#code-pre { display: none; }
33+
.syntax-block, .impl-block { visibility: hidden; min-height: 0; }
3334
.code-header { padding: 0.75rem 1.25rem; border-bottom: 1px solid #e0e0e0; font-size: 12px; color: #888; font-family: monospace; display: flex; align-items: center; justify-content: space-between; }
3435
.copy-btn { font-size: 12px; color: #555; background: #fff; border: 1px solid #ddd; border-radius: 4px; padding: 3px 10px; cursor: pointer; font-family: inherit; }
3536
.copy-btn:hover { background: #f0f0f0; }

‎examples/arctangent.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,7 @@
3030
.preview-wrap iframe { display: block; border: none; max-width: 100%; }
3131
.code-block { background: #f8f8f8; border-radius: 8px; overflow: hidden; }
3232
pre#code-pre { display: none; }
33+
.syntax-block, .impl-block { visibility: hidden; min-height: 0; }
3334
.code-header { padding: 0.75rem 1.25rem; border-bottom: 1px solid #e0e0e0; font-size: 12px; color: #888; font-family: monospace; display: flex; align-items: center; justify-content: space-between; }
3435
.copy-btn { font-size: 12px; color: #555; background: #fff; border: 1px solid #ddd; border-radius: 4px; padding: 3px 10px; cursor: pointer; font-family: inherit; }
3536
.copy-btn:hover { background: #f0f0f0; }

‎examples/arm.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,7 @@
3030
.preview-wrap iframe { display: block; border: none; max-width: 100%; }
3131
.code-block { background: #f8f8f8; border-radius: 8px; overflow: hidden; }
3232
pre#code-pre { display: none; }
33+
.syntax-block, .impl-block { visibility: hidden; min-height: 0; }
3334
.code-header { padding: 0.75rem 1.25rem; border-bottom: 1px solid #e0e0e0; font-size: 12px; color: #888; font-family: monospace; display: flex; align-items: center; justify-content: space-between; }
3435
.copy-btn { font-size: 12px; color: #555; background: #fff; border: 1px solid #ddd; border-radius: 4px; padding: 3px 10px; cursor: pointer; font-family: inherit; }
3536
.copy-btn:hover { background: #f0f0f0; }

‎examples/array-2d.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,7 @@
3030
.preview-wrap iframe { display: block; border: none; max-width: 100%; }
3131
.code-block { background: #f8f8f8; border-radius: 8px; overflow: hidden; }
3232
pre#code-pre { display: none; }
33+
.syntax-block, .impl-block { visibility: hidden; min-height: 0; }
3334
.code-header { padding: 0.75rem 1.25rem; border-bottom: 1px solid #e0e0e0; font-size: 12px; color: #888; font-family: monospace; display: flex; align-items: center; justify-content: space-between; }
3435
.copy-btn { font-size: 12px; color: #555; background: #fff; border: 1px solid #ddd; border-radius: 4px; padding: 3px 10px; cursor: pointer; font-family: inherit; }
3536
.copy-btn:hover { background: #f0f0f0; }

‎examples/array-objects.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,7 @@
3030
.preview-wrap iframe { display: block; border: none; max-width: 100%; }
3131
.code-block { background: #f8f8f8; border-radius: 8px; overflow: hidden; }
3232
pre#code-pre { display: none; }
33+
.syntax-block, .impl-block { visibility: hidden; min-height: 0; }
3334
.code-header { padding: 0.75rem 1.25rem; border-bottom: 1px solid #e0e0e0; font-size: 12px; color: #888; font-family: monospace; display: flex; align-items: center; justify-content: space-between; }
3435
.copy-btn { font-size: 12px; color: #555; background: #fff; border: 1px solid #ddd; border-radius: 4px; padding: 3px 10px; cursor: pointer; font-family: inherit; }
3536
.copy-btn:hover { background: #f0f0f0; }

‎examples/array.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,7 @@
3030
.preview-wrap iframe { display: block; border: none; max-width: 100%; }
3131
.code-block { background: #f8f8f8; border-radius: 8px; overflow: hidden; }
3232
pre#code-pre { display: none; }
33+
.syntax-block, .impl-block { visibility: hidden; min-height: 0; }
3334
.code-header { padding: 0.75rem 1.25rem; border-bottom: 1px solid #e0e0e0; font-size: 12px; color: #888; font-family: monospace; display: flex; align-items: center; justify-content: space-between; }
3435
.copy-btn { font-size: 12px; color: #555; background: #fff; border: 1px solid #ddd; border-radius: 4px; padding: 3px 10px; cursor: pointer; font-family: inherit; }
3536
.copy-btn:hover { background: #f0f0f0; }

0 commit comments

Comments
 (0)