Ana Sayfa Keşfet Yardım
Giriş Yap
java
/
jMonkeyEngine-wiki
şunun yansıması https://github.com/jMonkeyEngine/wiki.git
2
0
Çatalla 0
Dosyalar Sorunlar 0 Wiki
Kaynağa Gözat

deploy: 37317e34c878955148639e2b26de2c7953596cf9

mitm001 5 yıl önce
ebeveyn
7c95335602
işleme
78035af9f4
100 değiştirilmiş dosya ile 4204 ekleme ve 546 silme
Görünümü Böl Farklılık Durumunu Göster
  1. 0 0
      .nojekyll
  2. 115 0
      404.html
  3. 1 1
      CNAME
  4. BIN
      Scenes/SDK-UsecaseDemo_1.zip
  5. BIN
      Scenes/Town/town.zip
  6. BIN
      Scenes/quake3level.zip
  7. BIN
      Scenes/wildhouse.zip
  8. 0 0
      _/css/site.css
  9. BIN
      _/font/roboto-latin-400.woff
  10. BIN
      _/font/roboto-latin-400.woff2
  11. BIN
      _/font/roboto-latin-400italic.woff
  12. BIN
      _/font/roboto-latin-400italic.woff2
  13. BIN
      _/font/roboto-latin-500.woff
  14. BIN
      _/font/roboto-latin-500.woff2
  15. BIN
      _/font/roboto-latin-500italic.woff
  16. BIN
      _/font/roboto-latin-500italic.woff2
  17. BIN
      _/font/roboto-mono-latin-400.woff
  18. BIN
      _/font/roboto-mono-latin-400.woff2
  19. BIN
      _/font/roboto-mono-latin-500.woff
  20. BIN
      _/font/roboto-mono-latin-500.woff2
  21. 1 0
      _/img/back.svg
  22. 1 0
      _/img/caret.svg
  23. 1 0
      _/img/chevron.svg
  24. 1 0
      _/img/close.svg
  25. 1 0
      _/img/home-o.svg
  26. 1 0
      _/img/home.svg
  27. 1 0
      _/img/menu.svg
  28. 0 0
      _/js/site.js
  29. 0 0
      _/js/vendor/highlight.js
  30. 389 0
      antora-ui-default/add-fonts.html
  31. 239 0
      antora-ui-default/admonition-styles.html
  32. 281 0
      antora-ui-default/build-preview-ui.html
  33. 231 0
      antora-ui-default/development-workflow.html
  34. 426 0
      antora-ui-default/index.html
  35. 291 0
      antora-ui-default/inline-text-styles.html
  36. 297 0
      antora-ui-default/list-styles.html
  37. 276 0
      antora-ui-default/prerequisites.html
  38. 270 0
      antora-ui-default/set-up-project.html
  39. 218 0
      antora-ui-default/sidebar-styles.html
  40. 220 0
      antora-ui-default/style-guide.html
  41. 223 0
      antora-ui-default/stylesheets.html
  42. 447 0
      antora-ui-default/templates.html
  43. 273 0
      antora-ui-default/ui-macro-styles.html
  44. 0 407
      asciidoctor.css
  45. 0 36
      bsd_license.html
  46. 0 13
      bugtest.html
  47. 0 89
      coderay-asciidoctor.css
  48. 0 0
      docs/_images/eclipse_tut/alt_four.jpg
  49. 0 0
      docs/_images/eclipse_tut/alt_seven.jpg
  50. 0 0
      docs/_images/eclipse_tut/alt_six.jpg
  51. 0 0
      docs/_images/eclipse_tut/alt_three.jpg
  52. 0 0
      docs/_images/eclipse_tut/eclipse_tut/alt_five.jpg
  53. 0 0
      docs/_images/eclipse_tut/eightteen.jpg
  54. 0 0
      docs/_images/eclipse_tut/eleven.jpg
  55. 0 0
      docs/_images/eclipse_tut/fifteen.jpg
  56. 0 0
      docs/_images/eclipse_tut/fourteen.jpg
  57. 0 0
      docs/_images/eclipse_tut/ninteen.jpg
  58. 0 0
      docs/_images/eclipse_tut/seventeen.jpg
  59. 0 0
      docs/_images/eclipse_tut/sixteen.jpg
  60. 0 0
      docs/_images/eclipse_tut/thirteen.jpg
  61. 0 0
      docs/_images/eclipse_tut/twelve.jpg
  62. 0 0
      docs/_images/intellijtute/screenshots_1.jpg
  63. 0 0
      docs/_images/intellijtute/screenshots_10.jpg
  64. 0 0
      docs/_images/intellijtute/screenshots_10_big.jpg
  65. 0 0
      docs/_images/intellijtute/screenshots_11.jpg
  66. 0 0
      docs/_images/intellijtute/screenshots_11_big.jpg
  67. 0 0
      docs/_images/intellijtute/screenshots_12.jpg
  68. 0 0
      docs/_images/intellijtute/screenshots_12_big.jpg
  69. 0 0
      docs/_images/intellijtute/screenshots_13_big.jpg
  70. 0 0
      docs/_images/intellijtute/screenshots_14.jpg
  71. 0 0
      docs/_images/intellijtute/screenshots_14_big.jpg
  72. 0 0
      docs/_images/intellijtute/screenshots_15.jpg
  73. 0 0
      docs/_images/intellijtute/screenshots_15_big.jpg
  74. 0 0
      docs/_images/intellijtute/screenshots_1_big.jpg
  75. 0 0
      docs/_images/intellijtute/screenshots_2.jpg
  76. 0 0
      docs/_images/intellijtute/screenshots_2_big.jpg
  77. 0 0
      docs/_images/intellijtute/screenshots_3.jpg
  78. 0 0
      docs/_images/intellijtute/screenshots_3_big.jpg
  79. 0 0
      docs/_images/intellijtute/screenshots_5.jpg
  80. 0 0
      docs/_images/intellijtute/screenshots_5_big.jpg
  81. 0 0
      docs/_images/intellijtute/screenshots_6.jpg
  82. 0 0
      docs/_images/intellijtute/screenshots_6_big.jpg
  83. 0 0
      docs/_images/intellijtute/screenshots_7.jpg
  84. 0 0
      docs/_images/intellijtute/screenshots_7_big.jpg
  85. 0 0
      docs/_images/intellijtute/screenshots_8.jpg
  86. 0 0
      docs/_images/intellijtute/screenshots_8_big.jpg
  87. 0 0
      docs/_images/intellijtute/screenshots_9.jpg
  88. 0 0
      docs/_images/intellijtute/screenshots_9_big.jpg
  89. 0 0
      docs/_images/intellijtute/screenshots_copy_13.jpg
  90. 0 0
      docs/_images/jme2/2d-heightmap-vs-caves.png
  91. 0 0
      docs/_images/jme2/aigd_0202.gif
  92. 0 0
      docs/_images/jme2/as_ex_colors.png
  93. 0 0
      docs/_images/jme2/as_ex_edgealpha.png
  94. 0 0
      docs/_images/jme2/as_ex_edgealpha2.png
  95. 0 0
      docs/_images/jme2/as_ex_lightning.png
  96. 0 0
      docs/_images/jme2/channels-transparency.png
  97. 0 0
      docs/_images/jme2/code_sm.png
  98. 0 0
      docs/_images/jme2/eclipse_tut_alt_one.jpg
  99. 0 0
      docs/_images/jme2/eclipse_tut_alt_two.jpg
  100. 0 0
      docs/_images/jme2/eclipse_tut_five.jpg

+ 0 - 0
.nojekill → .nojekyll
Dosyayı Görüntüle


+ 115 - 0
404.html
Dosyayı Görüntüle 

@@ -0,0 +1,115 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+  <head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width,initial-scale=1">
 
+    <title>Page Not Found :: jMonkeyEngine Docs</title>
 
+    <meta name="generator" content="Antora 2.3.3">
 
+    <link rel="stylesheet" href="/_/css/site.css">
 
+  </head>
 
+  <body class="status-404">
 
+<header class="header">
 
+  <nav class="navbar">
 
+    <div class="navbar-brand">
 
+      <a class="navbar-item" href="https://wiki.jmonkeyengine.org">jMonkeyEngine Docs</a>
 
+      <button class="navbar-burger" data-target="topbar-nav">
 
+        <span></span>
 
+        <span></span>
 
+        <span></span>
 
+      </button>
 
+    </div>
 
+    <div id="topbar-nav" class="navbar-menu">
 
+      <div class="navbar-end">
 
+        <a class="navbar-item" href="#">Home</a>
 
+        <div class="navbar-item has-dropdown is-hoverable">
 
+          <a class="navbar-link" href="#">Products</a>
 
+          <div class="navbar-dropdown">
 
+            <a class="navbar-item" href="#">Product A</a>
 
+            <a class="navbar-item" href="#">Product B</a>
 
+            <a class="navbar-item" href="#">Product C</a>
 
+          </div>
 
+        </div>
 
+        <div class="navbar-item has-dropdown is-hoverable">
 
+          <a class="navbar-link" href="#">Services</a>
 
+          <div class="navbar-dropdown">
 
+            <a class="navbar-item" href="#">Service A</a>
 
+            <a class="navbar-item" href="#">Service B</a>
 
+            <a class="navbar-item" href="#">Service C</a>
 
+          </div>
 
+        </div>
 
+        <div class="navbar-item has-dropdown is-hoverable">
 
+          <a class="navbar-link" href="#">Resources</a>
 
+          <div class="navbar-dropdown">
 
+            <a class="navbar-item" href="#">Resource A</a>
 
+            <a class="navbar-item" href="#">Resource B</a>
 
+            <a class="navbar-item" href="#">Resource C</a>
 
+          </div>
 
+        </div>
 
+        <div class="navbar-item">
 
+          <span class="control">
 
+            <a class="button is-primary" href="#">Download</a>
 
+          </span>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </nav>
 
+</header>
 
+<div class="body">
 
+<div class="nav-container">
 
+  <aside class="nav">
 
+    <div class="panels">
 
+<div class="nav-panel-explore is-active" data-panel="explore">
 
+  <ul class="components">
 
+    <li class="component">
 
+      <span class="title">Antora Default UI</span>
 
+      <ul class="versions">
 
+        <li class="version is-latest">
 
+          <a href="/antora-ui-default/index.html">master</a>
 
+        </li>
 
+      </ul>
 
+    </li>
 
+    <li class="component">
 
+      <span class="title">Docs</span>
 
+      <ul class="versions">
 
+        <li class="version is-latest">
 
+          <a href="/docs/jme3.html">master</a>
 
+        </li>
 
+      </ul>
 
+    </li>
 
+  </ul>
 
+</div>
 
+    </div>
 
+  </aside>
 
+</div>
 
+<main class="article">
 
+<div class="toolbar" role="navigation">
 
+<button class="nav-toggle"></button>
 
+  <a href="/docs/documentation.html" class="home-link"></a>
 
+<nav class="breadcrumbs" aria-label="breadcrumbs">
 
+</nav>
 
+</div>
 
+  <div class="content">
 
+<article class="doc">
 
+<h1 class="page">Page Not Found</h1>
 
+<div class="paragraph">
 
+<p>The page you&#8217;re looking for does not exist. It may have been moved.</p>
 
+</div>
 
+<div class="paragraph">
 
+<p>If you arrived on this page by clicking on a link, please notify the owner of the site that the link is broken.
 
+If you typed the URL of this page manually, please double check that you entered the address correctly.</p>
 
+</div>
 
+</article>
 
+<aside class="toc sidebar" data-title="Contents" data-levels="2">
 
+  <div class="toc-menu"></div>
 
+</aside>
 
+  </div>
 
+</main>
 
+</div>
 
+<footer class="footer">
 
+  <p>This page was built using the Antora default UI.</p>
 
+  <p>The source code for this UI is licensed under the terms of the MPL-2.0 license.</p>
 
+</footer>
 
+<script src="/_/js/site.js"></script>
 
+<script async src="/_/js/vendor/highlight.js"></script>
 
+  </body>
 
+</html>

+ 1 - 1
CNAME
Dosyayı Görüntüle 

@@ -1 +1 @@
 
-wiki.jmonkeyengine.org
 
+wiki.jmonkeyengine.org

BIN
Scenes/SDK-UsecaseDemo_1.zip
Dosyayı Görüntüle


BIN
Scenes/Town/town.zip
Dosyayı Görüntüle


BIN
Scenes/quake3level.zip
Dosyayı Görüntüle


BIN
Scenes/wildhouse.zip
Dosyayı Görüntüle


Dosya farkı çok büyük olduğundan ihmal edildi
+ 0 - 0
_/css/site.css


BIN
_/font/roboto-latin-400.woff
Dosyayı Görüntüle


BIN
_/font/roboto-latin-400.woff2
Dosyayı Görüntüle


BIN
_/font/roboto-latin-400italic.woff
Dosyayı Görüntüle


BIN
_/font/roboto-latin-400italic.woff2
Dosyayı Görüntüle


BIN
_/font/roboto-latin-500.woff
Dosyayı Görüntüle


BIN
_/font/roboto-latin-500.woff2
Dosyayı Görüntüle


BIN
_/font/roboto-latin-500italic.woff
Dosyayı Görüntüle


BIN
_/font/roboto-latin-500italic.woff2
Dosyayı Görüntüle


BIN
_/font/roboto-mono-latin-400.woff
Dosyayı Görüntüle


BIN
_/font/roboto-mono-latin-400.woff2
Dosyayı Görüntüle


BIN
_/font/roboto-mono-latin-500.woff
Dosyayı Görüntüle


BIN
_/font/roboto-mono-latin-500.woff2
Dosyayı Görüntüle


+ 1 - 0
_/img/back.svg
Dosyayı Görüntüle 

@@ -0,0 +1 @@
 
+<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path d="M50.001 9.9L9.9 50 50 90.1l5.656-5.655-30.435-30.442H90.1v-8.006H25.222l30.435-30.44z"/></svg>

+ 1 - 0
_/img/caret.svg
Dosyayı Görüntüle 

@@ -0,0 +1 @@
 
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><path d="M10.187 3l14 12-14 12z" fill="#c1c1c1" stroke="#c1c1c1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>

+ 1 - 0
_/img/chevron.svg
Dosyayı Görüntüle 

@@ -0,0 +1 @@
 
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><path d="M3.67 6.59L1.455 8.615 15 23.375l13.545-14.76L26.33 6.59 15 18.76z" fill="#5d5d5d"/></svg>

+ 1 - 0
_/img/close.svg
Dosyayı Görüntüle 

@@ -0,0 +1 @@
 
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M12.736 87.264l74.528-74.528m-74.528 0l74.528 74.528" fill="none" stroke="#222" stroke-width="8"/></svg>

+ 1 - 0
_/img/home-o.svg
Dosyayı Görüntüle 

@@ -0,0 +1 @@
 
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><g fill="none" stroke="#222" stroke-width="4"><path d="M50.02 13.576l-28.58 25.54-.02 47.345h21.506l.025-25.166H57.05l.025 25.166H78.62l.02-47.31-28.62-25.575z"/><path d="M63.815 25.904v-9.217h8.657V33.64zM21.439 39.116l-9.982 8.92m77.125 0l-9.943-8.885"/></g></svg>

+ 1 - 0
_/img/home.svg
Dosyayı Görüntüle 

@@ -0,0 +1 @@
 
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><g stroke="#222" stroke-width="4"><path d="M50.02 13.576l-28.58 25.54-.02 47.345h21.506l.025-25.166H57.05l.025 25.166H78.62l.02-47.31-28.62-25.575z" fill="#222" fill-rule="evenodd"/><path d="M63.815 25.904v-9.217h8.657V33.64z" fill="#222" fill-rule="evenodd"/><path d="M21.439 39.116l-9.982 8.92m77.125 0l-9.943-8.885" fill="none"/></g></svg>

+ 1 - 0
_/img/menu.svg
Dosyayı Görüntüle 

@@ -0,0 +1 @@
 
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M35 19.772h55" fill="none" stroke="#222" stroke-width="8" stroke-opacity=".941"/><path fill="#222" d="M10 12.272h15v15H10z"/><path d="M43 63.678h45" fill="none" stroke="#222" stroke-width="5" stroke-opacity=".941"/><path fill="#222" d="M23 58.677h10v10H23z"/><path d="M43 82.727h45" fill="none" stroke="#222" stroke-width="5" stroke-opacity=".941"/><path fill="#222" d="M23 77.727h10v10H23z"/><path d="M43 44.628h45" fill="none" stroke="#222" stroke-width="5" stroke-opacity=".941"/><path fill="#222" d="M23 39.628h10v10H23z"/></svg>

Dosya farkı çok büyük olduğundan ihmal edildi
+ 0 - 0
_/js/site.js


Dosya farkı çok büyük olduğundan ihmal edildi
+ 0 - 0
_/js/vendor/highlight.js


+ 389 - 0
antora-ui-default/add-fonts.html
Dosyayı Görüntüle 

@@ -0,0 +1,389 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+  <head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width,initial-scale=1">
 
+    <title>Add Fonts :: jMonkeyEngine Docs</title>
 
+    <link rel="canonical" href="https://wiki.jmonkeyengine.org/antora-ui-default/add-fonts.html">
 
+    <link rel="prev" href="stylesheets.html">
 
+    <link rel="next" href="style-guide.html">
 
+    <meta name="generator" content="Antora 2.3.3">
 
+    <link rel="stylesheet" href="../_/css/site.css">
 
+  </head>
 
+  <body class="article">
 
+<header class="header">
 
+  <nav class="navbar">
 
+    <div class="navbar-brand">
 
+      <a class="navbar-item" href="https://wiki.jmonkeyengine.org">jMonkeyEngine Docs</a>
 
+      <button class="navbar-burger" data-target="topbar-nav">
 
+        <span></span>
 
+        <span></span>
 
+        <span></span>
 
+      </button>
 
+    </div>
 
+    <div id="topbar-nav" class="navbar-menu">
 
+      <div class="navbar-end">
 
+        <a class="navbar-item" href="#">Home</a>
 
+        <div class="navbar-item has-dropdown is-hoverable">
 
+          <a class="navbar-link" href="#">Products</a>
 
+          <div class="navbar-dropdown">
 
+            <a class="navbar-item" href="#">Product A</a>
 
+            <a class="navbar-item" href="#">Product B</a>
 
+            <a class="navbar-item" href="#">Product C</a>
 
+          </div>
 
+        </div>
 
+        <div class="navbar-item has-dropdown is-hoverable">
 
+          <a class="navbar-link" href="#">Services</a>
 
+          <div class="navbar-dropdown">
 
+            <a class="navbar-item" href="#">Service A</a>
 
+            <a class="navbar-item" href="#">Service B</a>
 
+            <a class="navbar-item" href="#">Service C</a>
 
+          </div>
 
+        </div>
 
+        <div class="navbar-item has-dropdown is-hoverable">
 
+          <a class="navbar-link" href="#">Resources</a>
 
+          <div class="navbar-dropdown">
 
+            <a class="navbar-item" href="#">Resource A</a>
 
+            <a class="navbar-item" href="#">Resource B</a>
 
+            <a class="navbar-item" href="#">Resource C</a>
 
+          </div>
 
+        </div>
 
+        <div class="navbar-item">
 
+          <span class="control">
 
+            <a class="button is-primary" href="#">Download</a>
 
+          </span>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </nav>
 
+</header>
 
+<div class="body">
 
+<div class="nav-container" data-component="antora-ui-default" data-version="master">
 
+  <aside class="nav">
 
+    <div class="panels">
 
+<div class="nav-panel-menu is-active" data-panel="menu">
 
+  <nav class="nav-menu">
 
+    <h3 class="title"><a href="index.html">Antora Default UI</a></h3>
 
+<ul class="nav-list">
 
+  <li class="nav-item" data-depth="0">
 
+<ul class="nav-list">
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="prerequisites.html">UI Development Prerequisites</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="set-up-project.html">Set up a UI Project</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="build-preview-ui.html">Build and Preview the UI</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="development-workflow.html">UI Development Workflow</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="templates.html">Work with the Handlebars Templates</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <button class="nav-item-toggle"></button>
 
+    <a class="nav-link" href="stylesheets.html">Work with the CSS Stylesheets</a>
 
+<ul class="nav-list">
 
+  <li class="nav-item is-current-page" data-depth="2">
 
+    <a class="nav-link" href="add-fonts.html">Add Fonts</a>
 
+  </li>
 
+</ul>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <button class="nav-item-toggle"></button>
 
+    <a class="nav-link" href="style-guide.html">UI Element Styles</a>
 
+<ul class="nav-list">
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="inline-text-styles.html">Inline Text</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="admonition-styles.html">Admonitions</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="list-styles.html">Lists</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="sidebar-styles.html">Sidebars</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="ui-macro-styles.html">UI Macros</a>
 
+  </li>
 
+</ul>
 
+  </li>
 
+</ul>
 
+  </li>
 
+</ul>
 
+  </nav>
 
+</div>
 
+<div class="nav-panel-explore" data-panel="explore">
 
+  <div class="context">
 
+    <span class="title">Antora Default UI</span>
 
+    <span class="version">master</span>
 
+  </div>
 
+  <ul class="components">
 
+    <li class="component is-current">
 
+      <span class="title">Antora Default UI</span>
 
+      <ul class="versions">
 
+        <li class="version is-current is-latest">
 
+          <a href="index.html">master</a>
 
+        </li>
 
+      </ul>
 
+    </li>
 
+    <li class="component">
 
+      <span class="title">Docs</span>
 
+      <ul class="versions">
 
+        <li class="version is-latest">
 
+          <a href="../docs/jme3.html">master</a>
 
+        </li>
 
+      </ul>
 
+    </li>
 
+  </ul>
 
+</div>
 
+    </div>
 
+  </aside>
 
+</div>
 
+<main class="article">
 
+<div class="toolbar" role="navigation">
 
+<button class="nav-toggle"></button>
 
+  <a href="../docs/documentation.html" class="home-link"></a>
 
+<nav class="breadcrumbs" aria-label="breadcrumbs">
 
+  <ul>
 
+    <li><a href="index.html">Antora Default UI</a></li>
 
+    <li><a href="stylesheets.html">Work with the CSS Stylesheets</a></li>
 
+    <li><a href="add-fonts.html">Add Fonts</a></li>
 
+  </ul>
 
+</nav>
 
+  <div class="edit-this-page"><a href="https://github.com/jMonkeyEngine/wiki-ui/edit/master/docs/modules/ROOT/pages/add-fonts.adoc">Edit this Page</a></div>
 
+  </div>
 
+  <div class="content">
 
+<article class="doc">
 
+<h1 class="page">Add Fonts</h1>
 
+<div id="preamble">
 
+<div class="sectionbody">
 
+<div class="paragraph">
 
+<p>This page explains how to add new fonts to your UI.
 
+These instructions assume you&#8217;ve forked the default UI and are able to customize it.</p>
 
+</div>
 
+<div class="paragraph">
 
+<p>There are three steps involved:</p>
 
+</div>
 
+<div class="olist arabic">
 
+<ol class="arabic">
 
+<li>
 
+<p>Add the font to your UI project</p>
 
+</li>
 
+<li>
 
+<p>Add a font-face declaration to your stylesheet</p>
 
+</li>
 
+<li>
 
+<p>Use the new font in your stylesheet</p>
 
+</li>
 
+</ol>
 
+</div>
 
+<div class="paragraph">
 
+<p>How you reference the font file in the font-face declaration depends on how you decide to manage it.
 
+You can manage the font with npm or download it manually and add it directly to your UI project.
 
+The following sections describe each approach in turn.</p>
 
+</div>
 
+</div>
 
+</div>
 
+<div class="sect1">
 
+<h2 id="npm-managed"><a class="anchor" href="#npm-managed"></a>npm managed</h2>
 
+<div class="sectionbody">
 
+<div class="paragraph">
 
+<p>You can use npm (or Yarn) to manage the font.
 
+This approach saves you from having to store the font file directly in your UI project.
 
+Here are the steps involved.</p>
 
+</div>
 
+<div class="olist arabic">
 
+<ol class="arabic">
 
+<li>
 
+<p>Use npm (or Yarn) to install the font files from a package (e.g., <a href="https://www.npmjs.com/package/typeface-open-sans">typeface-open-sans</a>)</p>
 
+<div class="literalblock">
 
+<div class="content">
 
+<pre>$ npm install --save typeface-open-sans</pre>
 
+</div>
 
+</div>
 
+</li>
 
+<li>
 
+<p>In <em class="path">src/css</em>, add a corresponding CSS file (e.g., <em class="path">typeface-open-sans.css</em>)</p>
 
+</li>
 
+<li>
 
+<p>In that file, declare the font face:</p>
 
+<div class="listingblock">
 
+<div class="content">
 
+<pre class="highlightjs highlight"><code class="language-css hljs" data-lang="css">@font-face {
 
+  font-family: "Open Sans";
 
+  font-style: normal;
 
+  font-weight: 400;
 
+  src:
 
+    local("Open Sans"),
 
+    local("Open Sans-Regular"),
 
+    url(~typeface-open-sans/files/open-sans-latin-400.woff) format("woff")
 
+}</code></pre>
 
+</div>
 
+</div>
 
+<div class="paragraph">
 
+<p>The Gulp build recognizes the <code>~</code> URL prefix and copies the font from the npm package to the build folder (and hence bundle).</p>
 
+</div>
 
+<div class="paragraph">
 
+<p>You must define one @font-face for each font weight and style combination (e.g., <code>font-weight: 500</code> + <code>font-style: italic</code>) from the font that you want to use in your stylesheet.</p>
 
+</div>
 
+</li>
 
+<li>
 
+<p>Import the typeface CSS file you just created into the main stylesheet, <em class="path">src/css/site.css</em> (adjacent to the other typeface imports):</p>
 
+<div class="listingblock">
 
+<div class="content">
 
+<pre class="highlightjs highlight"><code class="language-css hljs" data-lang="css">@import "typeface-open-sans.css";</code></pre>
 
+</div>
 
+</div>
 
+</li>
 
+<li>
 
+<p>Repeat the previous steps for each font style and weight you want to use from that package.</p>
 
+</li>
 
+<li>
 
+<p>Change the CSS to use your newly imported font:</p>
 
+<div class="listingblock">
 
+<div class="content">
 
+<pre class="highlightjs highlight"><code class="language-css hljs" data-lang="css">html {
 
+  font-family: "Open Sans", sans;
 
+}</code></pre>
 
+</div>
 
+</div>
 
+<div class="admonitionblock tip">
 
+<table>
 
+<tr>
 
+<td class="icon">
 
+<i class="fa icon-tip" title="Tip"></i>
 
+</td>
 
+<td class="content">
 
+If you&#8217;re building on the default UI, you may instead want to define or update the font family using a variable defined in <em class="path">src/css/vars.css</em>.
 
+</td>
 
+</tr>
 
+</table>
 
+</div>
 
+</li>
 
+<li>
 
+<p>Test the new font by previewing your UI:</p>
 
+<div class="literalblock">
 
+<div class="content">
 
+<pre>$ gulp preview</pre>
 
+</div>
 
+</div>
 
+</li>
 
+</ol>
 
+</div>
 
+<div class="paragraph">
 
+<p>If you see the new font, you&#8217;ve now successfully added it to your UI.
 
+If you aren&#8217;t sure, look for the <a href="https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Edit_fonts">All fonts on page</a> section in your browser&#8217;s developer tools to see whether the font was loaded.</p>
 
+</div>
 
+</div>
 
+</div>
 
+<div class="sect1">
 
+<h2 id="manual"><a class="anchor" href="#manual"></a>Manual</h2>
 
+<div class="sectionbody">
 
+<div class="paragraph">
 
+<p>A simpler approach to adding fonts is to store them directly in your project.
 
+Here are the steps involved.</p>
 
+</div>
 
+<div class="olist arabic">
 
+<ol class="arabic">
 
+<li>
 
+<p>Download the font files and add them to the <em class="path">src/font</em> folder.
 
+Create this folder if it does not exist.</p>
 
+</li>
 
+<li>
 
+<p>In <em class="path">src/css</em>, add a corresponding CSS file (e.g., <em class="path">typeface-open-sans.css</em>)</p>
 
+</li>
 
+<li>
 
+<p>In that file, declare the font face:</p>
 
+<div class="listingblock">
 
+<div class="content">
 
+<pre class="highlightjs highlight"><code class="language-css hljs" data-lang="css">@font-face {
 
+  font-family: "Open Sans";
 
+  font-style: normal;
 
+  font-weight: 400;
 
+  src:
 
+    local("Open Sans"),
 
+    local("Open Sans-Regular"),
 
+    url(../font/open-sans-latin-400.woff) format("woff")
 
+}</code></pre>
 
+</div>
 
+</div>
 
+<div class="paragraph">
 
+<p>Note that the path is a relative path starting from the <em class="path">src/css</em> folder to the <em class="path">src/font</em> folder.</p>
 
+</div>
 
+<div class="paragraph">
 
+<p>You must define one @font-face for each font weight and style combination (e.g., <code>font-weight: 500</code> + <code>font-style: italic</code>) from the font that you want to use in your stylesheet.</p>
 
+</div>
 
+</li>
 
+<li>
 
+<p>Import the typeface CSS file you just created into the main stylesheet, <em class="path">src/css/site.css</em> (adjacent to the other typeface imports):</p>
 
+<div class="listingblock">
 
+<div class="content">
 
+<pre class="highlightjs highlight"><code class="language-css hljs" data-lang="css">@import "typeface-open-sans.css";</code></pre>
 
+</div>
 
+</div>
 
+</li>
 
+<li>
 
+<p>Repeat the previous steps for each font style and weight you want to use.</p>
 
+</li>
 
+<li>
 
+<p>Change the CSS to use your newly imported font:</p>
 
+<div class="listingblock">
 
+<div class="content">
 
+<pre class="highlightjs highlight"><code class="language-css hljs" data-lang="css">html {
 
+  font-family: "Open Sans", sans;
 
+}</code></pre>
 
+</div>
 
+</div>
 
+<div class="admonitionblock tip">
 
+<table>
 
+<tr>
 
+<td class="icon">
 
+<i class="fa icon-tip" title="Tip"></i>
 
+</td>
 
+<td class="content">
 
+If you&#8217;re building on the default UI, you may instead want to define or update the font family using a variable defined in <em class="path">src/css/vars.css</em>.
 
+</td>
 
+</tr>
 
+</table>
 
+</div>
 
+</li>
 
+<li>
 
+<p>Test the new font by previewing your UI:</p>
 
+<div class="literalblock">
 
+<div class="content">
 
+<pre>$ gulp preview</pre>
 
+</div>
 
+</div>
 
+</li>
 
+</ol>
 
+</div>
 
+<div class="paragraph">
 
+<p>If you see the new font, you&#8217;ve now successfully added it to your UI.
 
+If you aren&#8217;t sure, look for the <a href="https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Edit_fonts">All fonts on page</a> section in your browser&#8217;s developer tools to see whether the font was loaded.</p>
 
+</div>
 
+</div>
 
+</div>
 
+<nav class="pagination">
 
+  <span class="prev"><a href="stylesheets.html">Work with the CSS Stylesheets</a></span>
 
+  <span class="next"><a href="style-guide.html">UI Element Styles</a></span>
 
+</nav>
 
+</article>
 
+<aside class="toc sidebar" data-title="Contents" data-levels="2">
 
+  <div class="toc-menu"></div>
 
+</aside>
 
+  </div>
 
+</main>
 
+</div>
 
+<footer class="footer">
 
+  <p>This page was built using the Antora default UI.</p>
 
+  <p>The source code for this UI is licensed under the terms of the MPL-2.0 license.</p>
 
+</footer>
 
+<script src="../_/js/site.js"></script>
 
+<script async src="../_/js/vendor/highlight.js"></script>
 
+  </body>
 
+</html>

+ 239 - 0
antora-ui-default/admonition-styles.html
Dosyayı Görüntüle 

@@ -0,0 +1,239 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+  <head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width,initial-scale=1">
 
+    <title>Admonition Styles :: jMonkeyEngine Docs</title>
 
+    <link rel="canonical" href="https://wiki.jmonkeyengine.org/antora-ui-default/admonition-styles.html">
 
+    <link rel="prev" href="inline-text-styles.html">
 
+    <link rel="next" href="list-styles.html">
 
+    <meta name="generator" content="Antora 2.3.3">
 
+    <link rel="stylesheet" href="../_/css/site.css">
 
+  </head>
 
+  <body class="article">
 
+<header class="header">
 
+  <nav class="navbar">
 
+    <div class="navbar-brand">
 
+      <a class="navbar-item" href="https://wiki.jmonkeyengine.org">jMonkeyEngine Docs</a>
 
+      <button class="navbar-burger" data-target="topbar-nav">
 
+        <span></span>
 
+        <span></span>
 
+        <span></span>
 
+      </button>
 
+    </div>
 
+    <div id="topbar-nav" class="navbar-menu">
 
+      <div class="navbar-end">
 
+        <a class="navbar-item" href="#">Home</a>
 
+        <div class="navbar-item has-dropdown is-hoverable">
 
+          <a class="navbar-link" href="#">Products</a>
 
+          <div class="navbar-dropdown">
 
+            <a class="navbar-item" href="#">Product A</a>
 
+            <a class="navbar-item" href="#">Product B</a>
 
+            <a class="navbar-item" href="#">Product C</a>
 
+          </div>
 
+        </div>
 
+        <div class="navbar-item has-dropdown is-hoverable">
 
+          <a class="navbar-link" href="#">Services</a>
 
+          <div class="navbar-dropdown">
 
+            <a class="navbar-item" href="#">Service A</a>
 
+            <a class="navbar-item" href="#">Service B</a>
 
+            <a class="navbar-item" href="#">Service C</a>
 
+          </div>
 
+        </div>
 
+        <div class="navbar-item has-dropdown is-hoverable">
 
+          <a class="navbar-link" href="#">Resources</a>
 
+          <div class="navbar-dropdown">
 
+            <a class="navbar-item" href="#">Resource A</a>
 
+            <a class="navbar-item" href="#">Resource B</a>
 
+            <a class="navbar-item" href="#">Resource C</a>
 
+          </div>
 
+        </div>
 
+        <div class="navbar-item">
 
+          <span class="control">
 
+            <a class="button is-primary" href="#">Download</a>
 
+          </span>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </nav>
 
+</header>
 
+<div class="body">
 
+<div class="nav-container" data-component="antora-ui-default" data-version="master">
 
+  <aside class="nav">
 
+    <div class="panels">
 
+<div class="nav-panel-menu is-active" data-panel="menu">
 
+  <nav class="nav-menu">
 
+    <h3 class="title"><a href="index.html">Antora Default UI</a></h3>
 
+<ul class="nav-list">
 
+  <li class="nav-item" data-depth="0">
 
+<ul class="nav-list">
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="prerequisites.html">UI Development Prerequisites</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="set-up-project.html">Set up a UI Project</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="build-preview-ui.html">Build and Preview the UI</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="development-workflow.html">UI Development Workflow</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="templates.html">Work with the Handlebars Templates</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <button class="nav-item-toggle"></button>
 
+    <a class="nav-link" href="stylesheets.html">Work with the CSS Stylesheets</a>
 
+<ul class="nav-list">
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="add-fonts.html">Add Fonts</a>
 
+  </li>
 
+</ul>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <button class="nav-item-toggle"></button>
 
+    <a class="nav-link" href="style-guide.html">UI Element Styles</a>
 
+<ul class="nav-list">
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="inline-text-styles.html">Inline Text</a>
 
+  </li>
 
+  <li class="nav-item is-current-page" data-depth="2">
 
+    <a class="nav-link" href="admonition-styles.html">Admonitions</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="list-styles.html">Lists</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="sidebar-styles.html">Sidebars</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="ui-macro-styles.html">UI Macros</a>
 
+  </li>
 
+</ul>
 
+  </li>
 
+</ul>
 
+  </li>
 
+</ul>
 
+  </nav>
 
+</div>
 
+<div class="nav-panel-explore" data-panel="explore">
 
+  <div class="context">
 
+    <span class="title">Antora Default UI</span>
 
+    <span class="version">master</span>
 
+  </div>
 
+  <ul class="components">
 
+    <li class="component is-current">
 
+      <span class="title">Antora Default UI</span>
 
+      <ul class="versions">
 
+        <li class="version is-current is-latest">
 
+          <a href="index.html">master</a>
 
+        </li>
 
+      </ul>
 
+    </li>
 
+    <li class="component">
 
+      <span class="title">Docs</span>
 
+      <ul class="versions">
 
+        <li class="version is-latest">
 
+          <a href="../docs/jme3.html">master</a>
 
+        </li>
 
+      </ul>
 
+    </li>
 
+  </ul>
 
+</div>
 
+    </div>
 
+  </aside>
 
+</div>
 
+<main class="article">
 
+<div class="toolbar" role="navigation">
 
+<button class="nav-toggle"></button>
 
+  <a href="../docs/documentation.html" class="home-link"></a>
 
+<nav class="breadcrumbs" aria-label="breadcrumbs">
 
+  <ul>
 
+    <li><a href="index.html">Antora Default UI</a></li>
 
+    <li><a href="style-guide.html">UI Element Styles</a></li>
 
+    <li><a href="admonition-styles.html">Admonitions</a></li>
 
+  </ul>
 
+</nav>
 
+  <div class="edit-this-page"><a href="https://github.com/jMonkeyEngine/wiki-ui/edit/master/docs/modules/ROOT/pages/admonition-styles.adoc">Edit this Page</a></div>
 
+  </div>
 
+  <div class="content">
 
+<article class="doc">
 
+<h1 class="page">Admonition Styles</h1>
 
+<div id="preamble">
 
+<div class="sectionbody">
 
+<div class="paragraph">
 
+<p>An <a href="#antora:asciidoc:admonitions.adoc" class="page unresolved">admonition</a>, also known as a notice, helps draw attention to content with a special label or icon.</p>
 
+</div>
 
+</div>
 
+</div>
 
+<div class="sect1">
 
+<h2 id="admonition-blocks"><a class="anchor" href="#admonition-blocks"></a>Admonition blocks</h2>
 
+<div class="sectionbody">
 
+<div class="paragraph">
 
+<p>An admonition block is a table.
 
+The table title element is specified by the block class: tip, note, important, warning, or caution.
 
+Here&#8217;s an AsciiDoc source example that produces an admonition with the table title warning:</p>
 
+</div>
 
+<div class="listingblock">
 
+<div class="content">
 
+<pre class="highlightjs highlight"><code class="language-asciidoc hljs" data-lang="asciidoc">WARNING: Watch out!</code></pre>
 
+</div>
 
+</div>
 
+<div class="paragraph">
 
+<p>If font-based icons are enabled (<code>icons=font</code>), the table title text is replaced by the associated icon.</p>
 
+</div>
 
+<div class="listingblock">
 
+<div class="content">
 
+<pre class="highlightjs highlight"><code class="language-html hljs" data-lang="html">&lt;div class="admonitionblock warning"&gt;
 
+&lt;table&gt;
 
+&lt;tr&gt;
 
+&lt;td class="icon"&gt;
 
+&lt;i class="fa icon-warning" title="Warning"&gt;&lt;/i&gt;
 
+&lt;/td&gt;
 
+&lt;td class="content"&gt;
 
+&lt;div class="paragraph"&gt;
 
+&lt;p&gt;Watch out!&lt;/p&gt;
 
+&lt;/div&gt;
 
+&lt;/td&gt;
 
+&lt;/tr&gt;
 
+&lt;/table&gt;
 
+&lt;/div&gt;</code></pre>
 
+</div>
 
+</div>
 
+<div class="paragraph">
 
+<p>Here&#8217;s how it might appear when the title is displayed as text:</p>
 
+</div>
 
+<div class="admonitionblock warning">
 
+<table>
 
+<tr>
 
+<td class="icon">
 
+<i class="fa icon-warning" title="Warning"></i>
 
+</td>
 
+<td class="content">
 
+Watch out!
 
+</td>
 
+</tr>
 
+</table>
 
+</div>
 
+</div>
 
+</div>
 
+<nav class="pagination">
 
+  <span class="prev"><a href="inline-text-styles.html">Inline Text</a></span>
 
+  <span class="next"><a href="list-styles.html">Lists</a></span>
 
+</nav>
 
+</article>
 
+<aside class="toc sidebar" data-title="Contents" data-levels="2">
 
+  <div class="toc-menu"></div>
 
+</aside>
 
+  </div>
 
+</main>
 
+</div>
 
+<footer class="footer">
 
+  <p>This page was built using the Antora default UI.</p>
 
+  <p>The source code for this UI is licensed under the terms of the MPL-2.0 license.</p>
 
+</footer>
 
+<script src="../_/js/site.js"></script>
 
+<script async src="../_/js/vendor/highlight.js"></script>
 
+  </body>
 
+</html>

+ 281 - 0
antora-ui-default/build-preview-ui.html
Dosyayı Görüntüle 

@@ -0,0 +1,281 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+  <head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width,initial-scale=1">
 
+    <title>Build a UI Project for Local Preview :: jMonkeyEngine Docs</title>
 
+    <link rel="canonical" href="https://wiki.jmonkeyengine.org/antora-ui-default/build-preview-ui.html">
 
+    <link rel="prev" href="set-up-project.html">
 
+    <link rel="next" href="development-workflow.html">
 
+    <meta name="generator" content="Antora 2.3.3">
 
+    <link rel="stylesheet" href="../_/css/site.css">
 
+  </head>
 
+  <body class="article">
 
+<header class="header">
 
+  <nav class="navbar">
 
+    <div class="navbar-brand">
 
+      <a class="navbar-item" href="https://wiki.jmonkeyengine.org">jMonkeyEngine Docs</a>
 
+      <button class="navbar-burger" data-target="topbar-nav">
 
+        <span></span>
 
+        <span></span>
 
+        <span></span>
 
+      </button>
 
+    </div>
 
+    <div id="topbar-nav" class="navbar-menu">
 
+      <div class="navbar-end">
 
+        <a class="navbar-item" href="#">Home</a>
 
+        <div class="navbar-item has-dropdown is-hoverable">
 
+          <a class="navbar-link" href="#">Products</a>
 
+          <div class="navbar-dropdown">
 
+            <a class="navbar-item" href="#">Product A</a>
 
+            <a class="navbar-item" href="#">Product B</a>
 
+            <a class="navbar-item" href="#">Product C</a>
 
+          </div>
 
+        </div>
 
+        <div class="navbar-item has-dropdown is-hoverable">
 
+          <a class="navbar-link" href="#">Services</a>
 
+          <div class="navbar-dropdown">
 
+            <a class="navbar-item" href="#">Service A</a>
 
+            <a class="navbar-item" href="#">Service B</a>
 
+            <a class="navbar-item" href="#">Service C</a>
 
+          </div>
 
+        </div>
 
+        <div class="navbar-item has-dropdown is-hoverable">
 
+          <a class="navbar-link" href="#">Resources</a>
 
+          <div class="navbar-dropdown">
 
+            <a class="navbar-item" href="#">Resource A</a>
 
+            <a class="navbar-item" href="#">Resource B</a>
 
+            <a class="navbar-item" href="#">Resource C</a>
 
+          </div>
 
+        </div>
 
+        <div class="navbar-item">
 
+          <span class="control">
 
+            <a class="button is-primary" href="#">Download</a>
 
+          </span>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </nav>
 
+</header>
 
+<div class="body">
 
+<div class="nav-container" data-component="antora-ui-default" data-version="master">
 
+  <aside class="nav">
 
+    <div class="panels">
 
+<div class="nav-panel-menu is-active" data-panel="menu">
 
+  <nav class="nav-menu">
 
+    <h3 class="title"><a href="index.html">Antora Default UI</a></h3>
 
+<ul class="nav-list">
 
+  <li class="nav-item" data-depth="0">
 
+<ul class="nav-list">
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="prerequisites.html">UI Development Prerequisites</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="set-up-project.html">Set up a UI Project</a>
 
+  </li>
 
+  <li class="nav-item is-current-page" data-depth="1">
 
+    <a class="nav-link" href="build-preview-ui.html">Build and Preview the UI</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="development-workflow.html">UI Development Workflow</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="templates.html">Work with the Handlebars Templates</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <button class="nav-item-toggle"></button>
 
+    <a class="nav-link" href="stylesheets.html">Work with the CSS Stylesheets</a>
 
+<ul class="nav-list">
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="add-fonts.html">Add Fonts</a>
 
+  </li>
 
+</ul>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <button class="nav-item-toggle"></button>
 
+    <a class="nav-link" href="style-guide.html">UI Element Styles</a>
 
+<ul class="nav-list">
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="inline-text-styles.html">Inline Text</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="admonition-styles.html">Admonitions</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="list-styles.html">Lists</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="sidebar-styles.html">Sidebars</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="ui-macro-styles.html">UI Macros</a>
 
+  </li>
 
+</ul>
 
+  </li>
 
+</ul>
 
+  </li>
 
+</ul>
 
+  </nav>
 
+</div>
 
+<div class="nav-panel-explore" data-panel="explore">
 
+  <div class="context">
 
+    <span class="title">Antora Default UI</span>
 
+    <span class="version">master</span>
 
+  </div>
 
+  <ul class="components">
 
+    <li class="component is-current">
 
+      <span class="title">Antora Default UI</span>
 
+      <ul class="versions">
 
+        <li class="version is-current is-latest">
 
+          <a href="index.html">master</a>
 
+        </li>
 
+      </ul>
 
+    </li>
 
+    <li class="component">
 
+      <span class="title">Docs</span>
 
+      <ul class="versions">
 
+        <li class="version is-latest">
 
+          <a href="../docs/jme3.html">master</a>
 
+        </li>
 
+      </ul>
 
+    </li>
 
+  </ul>
 
+</div>
 
+    </div>
 
+  </aside>
 
+</div>
 
+<main class="article">
 
+<div class="toolbar" role="navigation">
 
+<button class="nav-toggle"></button>
 
+  <a href="../docs/documentation.html" class="home-link"></a>
 
+<nav class="breadcrumbs" aria-label="breadcrumbs">
 
+  <ul>
 
+    <li><a href="index.html">Antora Default UI</a></li>
 
+    <li><a href="build-preview-ui.html">Build and Preview the UI</a></li>
 
+  </ul>
 
+</nav>
 
+  <div class="edit-this-page"><a href="https://github.com/jMonkeyEngine/wiki-ui/edit/master/docs/modules/ROOT/pages/build-preview-ui.adoc">Edit this Page</a></div>
 
+  </div>
 
+  <div class="content">
 
+<article class="doc">
 
+<h1 class="page">Build a UI Project for Local Preview</h1>
 
+<div class="sect1">
 
+<h2 id="build-preview-site"><a class="anchor" href="#build-preview-site"></a>Build Preview Site</h2>
 
+<div class="sectionbody">
 
+<div class="paragraph">
 
+<p>Once you&#8217;ve modified the site UI, the first thing you&#8217;ll want to do is check out how it looks.
 
+That&#8217;s what the files in the <em class="path">preview-src/</em> folder are for.
 
+This folder contains HTML file fragments that provide a representative sample of content from the site.
 
+The preview saves you from having to generate the whole site just to test the UI.
 
+These files should give you an idea of how the UI will look when applied to the actual site.</p>
 
+</div>
 
+<div class="paragraph">
 
+<p>The pages in the preview site are assembled using the Handlebars templates and link to the pre-compiled asset files (emulating the behavior of the site generator).
 
+Thus, to look at them, you need to run them through the UI build.</p>
 
+</div>
 
+<div class="paragraph">
 
+<p>There are two preview modes available.
 
+You can run the build once and examine the result or you can run the build continuously so you can see changes as you make them.
 
+The next two sections explain how to use these modes.</p>
 
+</div>
 
+<div class="sect2">
 
+<h3 id="build-once"><a class="anchor" href="#build-once"></a>Build Once</h3>
 
+<div class="paragraph">
 
+<p>To build the UI once for preview, then stop, execute the following command:</p>
 
+</div>
 
+<div class="literalblock">
 
+<div class="content">
 
+<pre>$ gulp preview:build</pre>
 
+</div>
 
+</div>
 
+<div class="paragraph">
 
+<p>This task pre-compiles the UI files into the <em class="path">public</em> directory.
 
+To view the preview pages, navigate to the HTML pages in the <em class="path">public</em> directory using your browser (e.g., <em class="path">public/index.html</em>).</p>
 
+</div>
 
+</div>
 
+<div class="sect2">
 
+<h3 id="build-continuously"><a class="anchor" href="#build-continuously"></a>Build Continuously</h3>
 
+<div class="paragraph">
 
+<p>To avoid the need to run the <code>preview:build</code> task over and over while developing, you can use the <code>preview</code> command instead to have it run continuously.
 
+This task also launches a local HTTP server so updates get synchronized with the browser (i.e., &#8220;live reload&#8221;).</p>
 
+</div>
 
+<div class="paragraph">
 
+<p>To launch the preview server, execute the following command:</p>
 
+</div>
 
+<div class="literalblock">
 
+<div class="content">
 
+<pre>$ gulp preview</pre>
 
+</div>
 
+</div>
 
+<div class="paragraph">
 
+<p>You&#8217;ll see a URL listed in the output of this command:</p>
 
+</div>
 
+<div class="literalblock">
 
+<div class="content">
 
+<pre>[12:59:28] Starting 'preview:serve'...
 
+[12:59:28] Starting server...
 
+[12:59:28] Server started http://localhost:5252
 
+[12:59:28] Running server</pre>
 
+</div>
 
+</div>
 
+<div class="paragraph">
 
+<p>Navigate to the URL to view the preview site.
 
+While this command is running, any changes you make to the source files will be instantly reflected in the browser.
 
+This works by monitoring the project for changes, running the <code>preview:build</code> task if a change is detected, and sending the updates to the browser.</p>
 
+</div>
 
+<div class="paragraph">
 
+<p>Press <span class="keyseq"><kbd>Ctrl</kbd>+<kbd>C</kbd></span> to stop the preview server and end the continuous build.</p>
 
+</div>
 
+</div>
 
+</div>
 
+</div>
 
+<div class="sect1">
 
+<h2 id="package-for-previewing"><a class="anchor" href="#package-for-previewing"></a>Package for Previewing</h2>
 
+<div class="sectionbody">
 
+<div class="paragraph">
 
+<p>If you need to bundle the UI in order to preview the UI on the real site in local development, run the following command:</p>
 
+</div>
 
+<div class="literalblock">
 
+<div class="content">
 
+<pre>$ gulp bundle</pre>
 
+</div>
 
+</div>
 
+<div class="paragraph">
 
+<p>The <code>bundle</code> command also invokes the <code>lint</code> command to check that the CSS and JavaScript follow the coding standards.</p>
 
+</div>
 
+<div class="paragraph">
 
+<p>The UI bundle will be available at <em class="path">build/ui-bundle.zip</em>.
 
+You can then point Antora at this bundle using the <code>--ui-bundle-url</code> command-line option.</p>
 
+</div>
 
+<div class="paragraph">
 
+<p>If you have the preview running, and you want to bundle without causing the preview to be clobbered, use:</p>
 
+</div>
 
+<div class="literalblock">
 
+<div class="content">
 
+<pre>$ gulp bundle:pack</pre>
 
+</div>
 
+</div>
 
+<div class="paragraph">
 
+<p>The UI bundle will again be available at <em class="path">build/ui-bundle.zip</em>.</p>
 
+</div>
 
+</div>
 
+</div>
 
+<nav class="pagination">
 
+  <span class="prev"><a href="set-up-project.html">Set up a UI Project</a></span>
 
+  <span class="next"><a href="development-workflow.html">UI Development Workflow</a></span>
 
+</nav>
 
+</article>
 
+<aside class="toc sidebar" data-title="Contents" data-levels="2">
 
+  <div class="toc-menu"></div>
 
+</aside>
 
+  </div>
 
+</main>
 
+</div>
 
+<footer class="footer">
 
+  <p>This page was built using the Antora default UI.</p>
 
+  <p>The source code for this UI is licensed under the terms of the MPL-2.0 license.</p>
 
+</footer>
 
+<script src="../_/js/site.js"></script>
 
+<script async src="../_/js/vendor/highlight.js"></script>
 
+  </body>
 
+</html>

+ 231 - 0
antora-ui-default/development-workflow.html
Dosyayı Görüntüle 

@@ -0,0 +1,231 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+  <head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width,initial-scale=1">
 
+    <title>UI Development Workflow :: jMonkeyEngine Docs</title>
 
+    <link rel="canonical" href="https://wiki.jmonkeyengine.org/antora-ui-default/development-workflow.html">
 
+    <link rel="prev" href="build-preview-ui.html">
 
+    <link rel="next" href="templates.html">
 
+    <meta name="generator" content="Antora 2.3.3">
 
+    <link rel="stylesheet" href="../_/css/site.css">
 
+  </head>
 
+  <body class="article">
 
+<header class="header">
 
+  <nav class="navbar">
 
+    <div class="navbar-brand">
 
+      <a class="navbar-item" href="https://wiki.jmonkeyengine.org">jMonkeyEngine Docs</a>
 
+      <button class="navbar-burger" data-target="topbar-nav">
 
+        <span></span>
 
+        <span></span>
 
+        <span></span>
 
+      </button>
 
+    </div>
 
+    <div id="topbar-nav" class="navbar-menu">
 
+      <div class="navbar-end">
 
+        <a class="navbar-item" href="#">Home</a>
 
+        <div class="navbar-item has-dropdown is-hoverable">
 
+          <a class="navbar-link" href="#">Products</a>
 
+          <div class="navbar-dropdown">
 
+            <a class="navbar-item" href="#">Product A</a>
 
+            <a class="navbar-item" href="#">Product B</a>
 
+            <a class="navbar-item" href="#">Product C</a>
 
+          </div>
 
+        </div>
 
+        <div class="navbar-item has-dropdown is-hoverable">
 
+          <a class="navbar-link" href="#">Services</a>
 
+          <div class="navbar-dropdown">
 
+            <a class="navbar-item" href="#">Service A</a>
 
+            <a class="navbar-item" href="#">Service B</a>
 
+            <a class="navbar-item" href="#">Service C</a>
 
+          </div>
 
+        </div>
 
+        <div class="navbar-item has-dropdown is-hoverable">
 
+          <a class="navbar-link" href="#">Resources</a>
 
+          <div class="navbar-dropdown">
 
+            <a class="navbar-item" href="#">Resource A</a>
 
+            <a class="navbar-item" href="#">Resource B</a>
 
+            <a class="navbar-item" href="#">Resource C</a>
 
+          </div>
 
+        </div>
 
+        <div class="navbar-item">
 
+          <span class="control">
 
+            <a class="button is-primary" href="#">Download</a>
 
+          </span>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </nav>
 
+</header>
 
+<div class="body">
 
+<div class="nav-container" data-component="antora-ui-default" data-version="master">
 
+  <aside class="nav">
 
+    <div class="panels">
 
+<div class="nav-panel-menu is-active" data-panel="menu">
 
+  <nav class="nav-menu">
 
+    <h3 class="title"><a href="index.html">Antora Default UI</a></h3>
 
+<ul class="nav-list">
 
+  <li class="nav-item" data-depth="0">
 
+<ul class="nav-list">
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="prerequisites.html">UI Development Prerequisites</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="set-up-project.html">Set up a UI Project</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="build-preview-ui.html">Build and Preview the UI</a>
 
+  </li>
 
+  <li class="nav-item is-current-page" data-depth="1">
 
+    <a class="nav-link" href="development-workflow.html">UI Development Workflow</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="templates.html">Work with the Handlebars Templates</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <button class="nav-item-toggle"></button>
 
+    <a class="nav-link" href="stylesheets.html">Work with the CSS Stylesheets</a>
 
+<ul class="nav-list">
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="add-fonts.html">Add Fonts</a>
 
+  </li>
 
+</ul>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <button class="nav-item-toggle"></button>
 
+    <a class="nav-link" href="style-guide.html">UI Element Styles</a>
 
+<ul class="nav-list">
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="inline-text-styles.html">Inline Text</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="admonition-styles.html">Admonitions</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="list-styles.html">Lists</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="sidebar-styles.html">Sidebars</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="ui-macro-styles.html">UI Macros</a>
 
+  </li>
 
+</ul>
 
+  </li>
 
+</ul>
 
+  </li>
 
+</ul>
 
+  </nav>
 
+</div>
 
+<div class="nav-panel-explore" data-panel="explore">
 
+  <div class="context">
 
+    <span class="title">Antora Default UI</span>
 
+    <span class="version">master</span>
 
+  </div>
 
+  <ul class="components">
 
+    <li class="component is-current">
 
+      <span class="title">Antora Default UI</span>
 
+      <ul class="versions">
 
+        <li class="version is-current is-latest">
 
+          <a href="index.html">master</a>
 
+        </li>
 
+      </ul>
 
+    </li>
 
+    <li class="component">
 
+      <span class="title">Docs</span>
 
+      <ul class="versions">
 
+        <li class="version is-latest">
 
+          <a href="../docs/jme3.html">master</a>
 
+        </li>
 
+      </ul>
 
+    </li>
 
+  </ul>
 
+</div>
 
+    </div>
 
+  </aside>
 
+</div>
 
+<main class="article">
 
+<div class="toolbar" role="navigation">
 
+<button class="nav-toggle"></button>
 
+  <a href="../docs/documentation.html" class="home-link"></a>
 
+<nav class="breadcrumbs" aria-label="breadcrumbs">
 
+  <ul>
 
+    <li><a href="index.html">Antora Default UI</a></li>
 
+    <li><a href="development-workflow.html">UI Development Workflow</a></li>
 
+  </ul>
 
+</nav>
 
+  <div class="edit-this-page"><a href="https://github.com/jMonkeyEngine/wiki-ui/edit/master/docs/modules/ROOT/pages/development-workflow.adoc">Edit this Page</a></div>
 
+  </div>
 
+  <div class="content">
 
+<article class="doc">
 
+<h1 class="page">UI Development Workflow</h1>
 
+<div id="preamble">
 
+<div class="sectionbody">
 
+<div class="paragraph">
 
+<p>All changes pushed to a UI project&#8217;s master branch can trigger a new release (not described here).
 
+Therefore, you want to make your changes to a development branch and submit it as a pull request (PR) to be approved.
 
+(Even better would be to issue the PR from a fork).
 
+Only when the PR is approved and merged will the new release be triggered.</p>
 
+</div>
 
+</div>
 
+</div>
 
+<div class="sect1">
 
+<h2 id="git-steps"><a class="anchor" href="#git-steps"></a>git steps</h2>
 
+<div class="sectionbody">
 
+<div class="paragraph">
 
+<p>Use the following command to create a local development branch named <code>name-me</code>:</p>
 
+</div>
 
+<div class="literalblock">
 
+<div class="content">
 
+<pre>$ git checkout -b name-me -t origin/master</pre>
 
+</div>
 
+</div>
 
+<div class="paragraph">
 
+<p>You&#8217;ll then apply your changes to the UI files.
 
+Once you&#8217;re done making changes, commit those changes to the local branch:</p>
 
+</div>
 
+<div class="literalblock">
 
+<div class="content">
 
+<pre>$ git commit -a -m "describe your change"</pre>
 
+</div>
 
+</div>
 
+<div class="paragraph">
 
+<p>Then, push your branch to the remote repository:</p>
 
+</div>
 
+<div class="literalblock">
 
+<div class="content">
 
+<pre>$ git push origin name-me</pre>
 
+</div>
 
+</div>
 
+<div class="paragraph">
 
+<p>Finally, navigate to your UI project in your browser and create a new pull request from this branch.</p>
 
+</div>
 
+<div class="paragraph">
 
+<p>The maintainer of the UI should review the changes.
 
+If the changes are acceptable, the maintainer will merge the pull request.
 
+As soon as the pull request is merged into master, an automated process will take over to publish a new release for the site generator to use.</p>
 
+</div>
 
+<div class="paragraph">
 
+<p>Now that you&#8217;ve got the process down, let&#8217;s review some of the files you&#8217;ll be working with in more detail.</p>
 
+</div>
 
+</div>
 
+</div>
 
+<nav class="pagination">
 
+  <span class="prev"><a href="build-preview-ui.html">Build and Preview the UI</a></span>
 
+  <span class="next"><a href="templates.html">Work with the Handlebars Templates</a></span>
 
+</nav>
 
+</article>
 
+<aside class="toc sidebar" data-title="Contents" data-levels="2">
 
+  <div class="toc-menu"></div>
 
+</aside>
 
+  </div>
 
+</main>
 
+</div>
 
+<footer class="footer">
 
+  <p>This page was built using the Antora default UI.</p>
 
+  <p>The source code for this UI is licensed under the terms of the MPL-2.0 license.</p>
 
+</footer>
 
+<script src="../_/js/site.js"></script>
 
+<script async src="../_/js/vendor/highlight.js"></script>
 
+  </body>
 
+</html>

+ 426 - 0
antora-ui-default/index.html
Dosyayı Görüntüle 

@@ -0,0 +1,426 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+  <head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width,initial-scale=1">
 
+    <title>Antora Default UI :: jMonkeyEngine Docs</title>
 
+    <link rel="canonical" href="https://wiki.jmonkeyengine.org/antora-ui-default/index.html">
 
+    <link rel="next" href="prerequisites.html">
 
+    <meta name="generator" content="Antora 2.3.3">
 
+    <link rel="stylesheet" href="../_/css/site.css">
 
+  </head>
 
+  <body class="article">
 
+<header class="header">
 
+  <nav class="navbar">
 
+    <div class="navbar-brand">
 
+      <a class="navbar-item" href="https://wiki.jmonkeyengine.org">jMonkeyEngine Docs</a>
 
+      <button class="navbar-burger" data-target="topbar-nav">
 
+        <span></span>
 
+        <span></span>
 
+        <span></span>
 
+      </button>
 
+    </div>
 
+    <div id="topbar-nav" class="navbar-menu">
 
+      <div class="navbar-end">
 
+        <a class="navbar-item" href="#">Home</a>
 
+        <div class="navbar-item has-dropdown is-hoverable">
 
+          <a class="navbar-link" href="#">Products</a>
 
+          <div class="navbar-dropdown">
 
+            <a class="navbar-item" href="#">Product A</a>
 
+            <a class="navbar-item" href="#">Product B</a>
 
+            <a class="navbar-item" href="#">Product C</a>
 
+          </div>
 
+        </div>
 
+        <div class="navbar-item has-dropdown is-hoverable">
 
+          <a class="navbar-link" href="#">Services</a>
 
+          <div class="navbar-dropdown">
 
+            <a class="navbar-item" href="#">Service A</a>
 
+            <a class="navbar-item" href="#">Service B</a>
 
+            <a class="navbar-item" href="#">Service C</a>
 
+          </div>
 
+        </div>
 
+        <div class="navbar-item has-dropdown is-hoverable">
 
+          <a class="navbar-link" href="#">Resources</a>
 
+          <div class="navbar-dropdown">
 
+            <a class="navbar-item" href="#">Resource A</a>
 
+            <a class="navbar-item" href="#">Resource B</a>
 
+            <a class="navbar-item" href="#">Resource C</a>
 
+          </div>
 
+        </div>
 
+        <div class="navbar-item">
 
+          <span class="control">
 
+            <a class="button is-primary" href="#">Download</a>
 
+          </span>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </nav>
 
+</header>
 
+<div class="body">
 
+<div class="nav-container" data-component="antora-ui-default" data-version="master">
 
+  <aside class="nav">
 
+    <div class="panels">
 
+<div class="nav-panel-menu is-active" data-panel="menu">
 
+  <nav class="nav-menu">
 
+    <h3 class="title"><a href="index.html">Antora Default UI</a></h3>
 
+<ul class="nav-list">
 
+  <li class="nav-item" data-depth="0">
 
+<ul class="nav-list">
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="prerequisites.html">UI Development Prerequisites</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="set-up-project.html">Set up a UI Project</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="build-preview-ui.html">Build and Preview the UI</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="development-workflow.html">UI Development Workflow</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="templates.html">Work with the Handlebars Templates</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <button class="nav-item-toggle"></button>
 
+    <a class="nav-link" href="stylesheets.html">Work with the CSS Stylesheets</a>
 
+<ul class="nav-list">
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="add-fonts.html">Add Fonts</a>
 
+  </li>
 
+</ul>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <button class="nav-item-toggle"></button>
 
+    <a class="nav-link" href="style-guide.html">UI Element Styles</a>
 
+<ul class="nav-list">
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="inline-text-styles.html">Inline Text</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="admonition-styles.html">Admonitions</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="list-styles.html">Lists</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="sidebar-styles.html">Sidebars</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="ui-macro-styles.html">UI Macros</a>
 
+  </li>
 
+</ul>
 
+  </li>
 
+</ul>
 
+  </li>
 
+</ul>
 
+  </nav>
 
+</div>
 
+<div class="nav-panel-explore" data-panel="explore">
 
+  <div class="context">
 
+    <span class="title">Antora Default UI</span>
 
+    <span class="version">master</span>
 
+  </div>
 
+  <ul class="components">
 
+    <li class="component is-current">
 
+      <span class="title">Antora Default UI</span>
 
+      <ul class="versions">
 
+        <li class="version is-current is-latest">
 
+          <a href="index.html">master</a>
 
+        </li>
 
+      </ul>
 
+    </li>
 
+    <li class="component">
 
+      <span class="title">Docs</span>
 
+      <ul class="versions">
 
+        <li class="version is-latest">
 
+          <a href="../docs/jme3.html">master</a>
 
+        </li>
 
+      </ul>
 
+    </li>
 
+  </ul>
 
+</div>
 
+    </div>
 
+  </aside>
 
+</div>
 
+<main class="article">
 
+<div class="toolbar" role="navigation">
 
+<button class="nav-toggle"></button>
 
+  <a href="../docs/documentation.html" class="home-link"></a>
 
+<nav class="breadcrumbs" aria-label="breadcrumbs">
 
+  <ul>
 
+    <li><a href="index.html">Antora Default UI</a></li>
 
+  </ul>
 
+</nav>
 
+  <div class="edit-this-page"><a href="https://github.com/jMonkeyEngine/wiki-ui/edit/master/docs/modules/ROOT/pages/index.adoc">Edit this Page</a></div>
 
+  </div>
 
+  <div class="content">
 
+<article class="doc">
 
+<h1 class="page">Antora Default UI</h1>
 
+<div id="preamble">
 
+<div class="sectionbody">
 
+<div class="paragraph">
 
+<p>This project produces the <a href="https://antora.gitlab.io/antora-ui-default">default UI bundle</a> for documentation sites generated with <a href="https://antora.org">Antora</a>.
 
+It contains the UI assets (page templates, CSS, JavaScript, images, etc.) and a Gulp build script.
 
+The build can be used to preview the UI locally (featuring live updates), or to package it for consumption by the Antora site generator.</p>
 
+</div>
 
+<div class="paragraph">
 
+<p>This documentation explains how to use this project to set up, customize and manage a UI for a documentation site generated with Antora.
 
+After reading it, you&#8217;ll be able to:</p>
 
+</div>
 
+<div class="ulist checklist">
 
+<ul class="checklist">
 
+<li>
 
+<p><i class="fa fa-check-square-o"></i> Understand how an Antora UI project is structured.</p>
 
+</li>
 
+<li>
 
+<p><i class="fa fa-check-square-o"></i> Set up your environment to work on the UI project.</p>
 
+</li>
 
+<li>
 
+<p><i class="fa fa-check-square-o"></i> Launch a preview server to visually inspect the UI.</p>
 
+</li>
 
+<li>
 
+<p><i class="fa fa-check-square-o"></i> Adopt a development workflow to share and accept changes to the UI.</p>
 
+</li>
 
+<li>
 
+<p><i class="fa fa-check-square-o"></i> Package a UI for your documentation site that Antora can use.</p>
 
+</li>
 
+</ul>
 
+</div>
 
+</div>
 
+</div>
 
+<div class="sect1">
 
+<h2 id="file-type-and-technology-overview"><a class="anchor" href="#file-type-and-technology-overview"></a>File type and technology overview</h2>
 
+<div class="sectionbody">
 
+<div class="paragraph">
 
+<p>The Antora UI consists of the following file types that are used to structure and style the documentation site pages generated by Antora.</p>
 
+</div>
 
+<div class="ulist">
 
+<ul>
 
+<li>
 
+<p>Handlebars &#8220;page&#8221; templates (layouts, partials, and helpers)</p>
 
+</li>
 
+<li>
 
+<p>CSS (enhanced using PostCSS)</p>
 
+</li>
 
+<li>
 
+<p>JavaScript (UI scripts)</p>
 
+</li>
 
+<li>
 
+<p>Images / Graphics (specific to the UI)</p>
 
+</li>
 
+<li>
 
+<p>Fonts</p>
 
+</li>
 
+<li>
 
+<p>Sample content for previewing the UI (HTML and UI model)</p>
 
+</li>
 
+</ul>
 
+</div>
 
+<div class="paragraph">
 
+<p>To understand how the UI works, let&#8217;s begin by surveying the primary technologies used by the UI.</p>
 
+</div>
 
+<div class="dlist">
 
+<dl>
 
+<dt class="hdlist1">Handlebars (file extension: <code>.hbs</code>)</dt>
 
+<dd>
 
+<p><a href="http://handlebarsjs.com">Handlebars</a> is a &#8220;logic-less&#8221; templating engine used to create HTML from template files.
 
+Templates contain placeholders (i.e., mustache expressions like <code>{{{page.title}}}</code>) into which content is injected from a model.
 
+They also accommodate simple logic expressions for repeating content or including it conditionally (e.g., <code>{{#each navigation}}</code>) as well as partials (e.g., <code>{{&gt; header}}</code>).</p>
 
+</dd>
 
+<dt class="hdlist1">Gulp (script file: <em class="path">gulpfile.js/index.js</em>)</dt>
 
+<dd>
 
+<p><a href="http://gulpjs.com">Gulp</a> is a build tool for JavaScript projects.
 
+It configures a collection of tasks that can be used to perform automated tasks such as compiling files, running a preview server, or publishing a release.</p>
 
+</dd>
 
+<dt class="hdlist1">npm (command: <code>npm</code>)</dt>
 
+<dd>
 
+<p>npm manages software packages (i.e., software dependencies) that it downloads from <a href="https://npmjs.com" class="bare">npmjs.com</a>.
 
+Software this project uses includes libraries that handle compilation as well as shared assets such as font files that are distributed as npm packages.
 
+npm is part of Node.js.</p>
 
+<div class="dlist">
 
+<dl>
 
+<dt class="hdlist1">package.json</dt>
 
+<dd>
 
+<p>This file keeps track of the dependencies (described using fuzzy versions) that npm (or Yarn) should fetch.</p>
 
+</dd>
 
+<dt class="hdlist1">package-lock.json</dt>
 
+<dd>
 
+<p>This file contains a report of which dependencies npm resolved.
 
+This information ensures that dependency resolution is reproducible.</p>
 
+</dd>
 
+<dt class="hdlist1">node_modules/</dt>
 
+<dd>
 
+<p>A local cache of resolved dependencies that npm (or Yarn) fetches.</p>
 
+</dd>
 
+</dl>
 
+</div>
 
+</dd>
 
+<dt class="hdlist1">PostCSS</dt>
 
+<dd>
 
+<p>This project does not use a CSS preprocessor such as Sass or LESS.
 
+Instead, it relies on normal CSS which is enhanced by a series of postprocessors.
 
+The most common postprocessor backports newer CSS features to older browsers by adding properties with vendor prefixes.</p>
 
+</dd>
 
+</dl>
 
+</div>
 
+</div>
 
+</div>
 
+<div class="sect1">
 
+<h2 id="ui-project-versus-ui-bundle"><a class="anchor" href="#ui-project-versus-ui-bundle"></a>UI project versus UI bundle</h2>
 
+<div class="sectionbody">
 
+<div class="paragraph">
 
+<p>The <strong class="term">UI project</strong>, the master branch of a git repository, contains the recipe and raw materials for creating an Antora UI bundle.
 
+It includes a build, source files, project files, and dependency information.
 
+This is your development workspace.</p>
 
+</div>
 
+<div class="paragraph">
 
+<p>The <strong class="term">UI bundle</strong>, a distributable archive, provides pre-compiled (interpreted, consolidated, and/or minimized) files that are ready to be used by Antora.</p>
 
+</div>
 
+<div class="sect2">
 
+<h3 id="ui-project-repository-structure-master-branch"><a class="anchor" href="#ui-project-repository-structure-master-branch"></a>UI project repository structure (master branch)</h3>
 
+<div class="paragraph">
 
+<p>You should think of the UI project&#8217;s master branch as your UI workspace.
 
+It contains the recipe and raw materials for creating a UI, including a build, source files, project files, and dependency information.</p>
 
+</div>
 
+<div class="paragraph">
 
+<p>Here&#8217;s how the files are structured in the UI project:</p>
 
+</div>
 
+<div class="literalblock output">
 
+<div class="content">
 
+<pre>README.adoc
 
+gulpfile.js/
 
+  index.js
 
+  lib/
 
+  tasks/
 
+package.json
 
+package-lock.json
 
+src/
 
+  css/
 
+    base.css
 
+    breadcrumbs.css
 
+    ...
 
+  helpers/
 
+    and.js
 
+    eq.js
 
+    ...
 
+  img/
 
+    back.svg
 
+    caret.svg
 
+    ...
 
+  layouts/
 
+    default.hbs
 
+    404.hbs
 
+  partials/
 
+    article.hbs
 
+    breadcrumbs.hbs
 
+    ...
 
+  js/
 
+    01-navigation.js
 
+    02-fragment-jumper.js
 
+    ...
 
+    vendor/
 
+      highlight.js
 
+preview-src/
 
+  index.html
 
+  ui-model.yml</pre>
 
+</div>
 
+</div>
 
+<div class="paragraph">
 
+<p>A Gulp build is used to compile and assemble the UI project files into a UI bundle.</p>
 
+</div>
 
+</div>
 
+<div class="sect2">
 
+<h3 id="ui-bundle-structure-releases"><a class="anchor" href="#ui-bundle-structure-releases"></a>UI bundle structure (releases)</h3>
 
+<div class="paragraph">
 
+<p>The UI bundle&#8212;&#8203;a distributable archive&#8212;&#8203;provides files which are ready to be used by Antora.</p>
 
+</div>
 
+<div class="paragraph">
 
+<p>When the UI project files are built by Gulp, they are assembled under the <em class="path">public</em> directory.
 
+Since the <em class="path">public</em> directory is generated, it&#8217;s safe to remove.</p>
 
+</div>
 
+<div class="paragraph">
 
+<p>The contents of the UI bundle resembles the UI project&#8217;s master branch contents, except the bundle doesn&#8217;t contain any files other than the ones that make up the UI.
 
+This is the content that is used by Antora.</p>
 
+</div>
 
+<div class="literalblock output">
 
+<div class="content">
 
+<pre>css/
 
+  site.css
 
+font/
 
+  ...
 
+helpers/
 
+  and.js
 
+  eq.js
 
+  ...
 
+img/
 
+  back.svg
 
+  caret.svg
 
+  ...
 
+layouts/
 
+  default.hbs
 
+  404.hbs
 
+partials/
 
+  article.hbs
 
+  breadcrumbs.hbs
 
+  ...
 
+js/
 
+  site.js
 
+  vendor/
 
+    highlight.js</pre>
 
+</div>
 
+</div>
 
+<div class="paragraph">
 
+<p>Some of these files have been compiled or aggregated, such as the stylesheets and JavaScript.
 
+The benefit of building the UI files is that the files can be optimized for static inclusion in the site without that optimization getting in the way of UI development.
 
+For example, the UI build can optimize SVGs or add vendor prefixes to the CSS.
 
+Since these optimizations are only applied to the pre-compiled files, they don&#8217;t interfere with the web developer&#8217;s workflow.</p>
 
+</div>
 
+</div>
 
+</div>
 
+</div>
 
+<div class="sect1">
 
+<h2 id="ui-compilation-and-generator-consumption-overview"><a class="anchor" href="#ui-compilation-and-generator-consumption-overview"></a>UI compilation and generator consumption overview</h2>
 
+<div class="sectionbody">
 
+<div class="paragraph">
 
+<p>The purpose of an Antora UI project is to get the UI files into a state that Antora can use and to make it reusable.</p>
 
+</div>
 
+<div class="paragraph">
 
+<p>The UI is served statically in a production site, but the UI&#8217;s assets live in a source form in a UI project to accommodate development and simplify maintenance.
 
+When handed off to the Antora pipeline, the UI is in an interim, pre-compiled state.
 
+Specifically, the master branch of the git repository contains the files in source form while releases are used to distribute the files in pre-compiled form.</p>
 
+</div>
 
+<div class="paragraph">
 
+<p>The responsibility of compiling the UI is shared between a UI project and Antora.
 
+The UI project uses a local build to pre-compile (i.e., interpret, consolidate, and/or minimize) the files.
 
+The pre-compiled files are agnostic to Antora&#8217;s content model, relieving the generator from having to deal with this part.
 
+It also allows the UI to be reused.</p>
 
+</div>
 
+<div class="paragraph">
 
+<p>The UI project build then packages the UI into a bundle, which the UI Loader in Antora consumes.
 
+Antora grabs the bundle, extracts it into a UI catalog, and takes compilation to completion by weaving the Antora&#8217;s content model into the Handlebars templates to make the pages and auxiliary data files.
 
+Antora then copies the remaining UI assets to the site output.</p>
 
+</div>
 
+<div class="paragraph">
 
+<p>Now that you have an overview of the files that make up the UI and how it gets assembled, let&#8217;s go over how to set up the project, build the UI, and preview it.</p>
 
+</div>
 
+</div>
 
+</div>
 
+<nav class="pagination">
 
+  <span class="next"><a href="prerequisites.html">UI Development Prerequisites</a></span>
 
+</nav>
 
+</article>
 
+<aside class="toc sidebar" data-title="Contents" data-levels="2">
 
+  <div class="toc-menu"></div>
 
+</aside>
 
+  </div>
 
+</main>
 
+</div>
 
+<footer class="footer">
 
+  <p>This page was built using the Antora default UI.</p>
 
+  <p>The source code for this UI is licensed under the terms of the MPL-2.0 license.</p>
 
+</footer>
 
+<script src="../_/js/site.js"></script>
 
+<script async src="../_/js/vendor/highlight.js"></script>
 
+  </body>
 
+</html>

+ 291 - 0
antora-ui-default/inline-text-styles.html
Dosyayı Görüntüle 

@@ -0,0 +1,291 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+  <head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width,initial-scale=1">
 
+    <title>Inline Text Styles :: jMonkeyEngine Docs</title>
 
+    <link rel="canonical" href="https://wiki.jmonkeyengine.org/antora-ui-default/inline-text-styles.html">
 
+    <link rel="prev" href="style-guide.html">
 
+    <link rel="next" href="admonition-styles.html">
 
+    <meta name="generator" content="Antora 2.3.3">
 
+    <link rel="stylesheet" href="../_/css/site.css">
 
+  </head>
 
+  <body class="article">
 
+<header class="header">
 
+  <nav class="navbar">
 
+    <div class="navbar-brand">
 
+      <a class="navbar-item" href="https://wiki.jmonkeyengine.org">jMonkeyEngine Docs</a>
 
+      <button class="navbar-burger" data-target="topbar-nav">
 
+        <span></span>
 
+        <span></span>
 
+        <span></span>
 
+      </button>
 
+    </div>
 
+    <div id="topbar-nav" class="navbar-menu">
 
+      <div class="navbar-end">
 
+        <a class="navbar-item" href="#">Home</a>
 
+        <div class="navbar-item has-dropdown is-hoverable">
 
+          <a class="navbar-link" href="#">Products</a>
 
+          <div class="navbar-dropdown">
 
+            <a class="navbar-item" href="#">Product A</a>
 
+            <a class="navbar-item" href="#">Product B</a>
 
+            <a class="navbar-item" href="#">Product C</a>
 
+          </div>
 
+        </div>
 
+        <div class="navbar-item has-dropdown is-hoverable">
 
+          <a class="navbar-link" href="#">Services</a>
 
+          <div class="navbar-dropdown">
 
+            <a class="navbar-item" href="#">Service A</a>
 
+            <a class="navbar-item" href="#">Service B</a>
 
+            <a class="navbar-item" href="#">Service C</a>
 
+          </div>
 
+        </div>
 
+        <div class="navbar-item has-dropdown is-hoverable">
 
+          <a class="navbar-link" href="#">Resources</a>
 
+          <div class="navbar-dropdown">
 
+            <a class="navbar-item" href="#">Resource A</a>
 
+            <a class="navbar-item" href="#">Resource B</a>
 
+            <a class="navbar-item" href="#">Resource C</a>
 
+          </div>
 
+        </div>
 
+        <div class="navbar-item">
 
+          <span class="control">
 
+            <a class="button is-primary" href="#">Download</a>
 
+          </span>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </nav>
 
+</header>
 
+<div class="body">
 
+<div class="nav-container" data-component="antora-ui-default" data-version="master">
 
+  <aside class="nav">
 
+    <div class="panels">
 
+<div class="nav-panel-menu is-active" data-panel="menu">
 
+  <nav class="nav-menu">
 
+    <h3 class="title"><a href="index.html">Antora Default UI</a></h3>
 
+<ul class="nav-list">
 
+  <li class="nav-item" data-depth="0">
 
+<ul class="nav-list">
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="prerequisites.html">UI Development Prerequisites</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="set-up-project.html">Set up a UI Project</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="build-preview-ui.html">Build and Preview the UI</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="development-workflow.html">UI Development Workflow</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="templates.html">Work with the Handlebars Templates</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <button class="nav-item-toggle"></button>
 
+    <a class="nav-link" href="stylesheets.html">Work with the CSS Stylesheets</a>
 
+<ul class="nav-list">
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="add-fonts.html">Add Fonts</a>
 
+  </li>
 
+</ul>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <button class="nav-item-toggle"></button>
 
+    <a class="nav-link" href="style-guide.html">UI Element Styles</a>
 
+<ul class="nav-list">
 
+  <li class="nav-item is-current-page" data-depth="2">
 
+    <a class="nav-link" href="inline-text-styles.html">Inline Text</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="admonition-styles.html">Admonitions</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="list-styles.html">Lists</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="sidebar-styles.html">Sidebars</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="ui-macro-styles.html">UI Macros</a>
 
+  </li>
 
+</ul>
 
+  </li>
 
+</ul>
 
+  </li>
 
+</ul>
 
+  </nav>
 
+</div>
 
+<div class="nav-panel-explore" data-panel="explore">
 
+  <div class="context">
 
+    <span class="title">Antora Default UI</span>
 
+    <span class="version">master</span>
 
+  </div>
 
+  <ul class="components">
 
+    <li class="component is-current">
 
+      <span class="title">Antora Default UI</span>
 
+      <ul class="versions">
 
+        <li class="version is-current is-latest">
 
+          <a href="index.html">master</a>
 
+        </li>
 
+      </ul>
 
+    </li>
 
+    <li class="component">
 
+      <span class="title">Docs</span>
 
+      <ul class="versions">
 
+        <li class="version is-latest">
 
+          <a href="../docs/jme3.html">master</a>
 
+        </li>
 
+      </ul>
 
+    </li>
 
+  </ul>
 
+</div>
 
+    </div>
 
+  </aside>
 
+</div>
 
+<main class="article">
 
+<div class="toolbar" role="navigation">
 
+<button class="nav-toggle"></button>
 
+  <a href="../docs/documentation.html" class="home-link"></a>
 
+<nav class="breadcrumbs" aria-label="breadcrumbs">
 
+  <ul>
 
+    <li><a href="index.html">Antora Default UI</a></li>
 
+    <li><a href="style-guide.html">UI Element Styles</a></li>
 
+    <li><a href="inline-text-styles.html">Inline Text</a></li>
 
+  </ul>
 
+</nav>
 
+  <div class="edit-this-page"><a href="https://github.com/jMonkeyEngine/wiki-ui/edit/master/docs/modules/ROOT/pages/inline-text-styles.adoc">Edit this Page</a></div>
 
+  </div>
 
+  <div class="content">
 
+<article class="doc">
 
+<h1 class="page">Inline Text Styles</h1>
 
+<div id="preamble">
 
+<div class="sectionbody">
 
+<div class="paragraph">
 
+<p>This page describes how to style text in the contents of the page which is visually emphasized.</p>
 
+</div>
 
+</div>
 
+</div>
 
+<div class="sect1">
 
+<h2 id="bold"><a class="anchor" href="#bold"></a>Bold text (&lt;strong&gt;)</h2>
 
+<div class="sectionbody">
 
+<div class="paragraph">
 
+<p>How <a href="#antora:asciidoc:bold.adoc" class="page unresolved">text marked as bold</a> appears on your site depends on the fonts loaded by the UI and the CSS styles the UI applies to the <code>&lt;strong&gt;</code> HTML tag.</p>
 
+</div>
 
+<div class="listingblock">
 
+<div class="content">
 
+<pre class="highlightjs highlight"><code class="language-html hljs" data-lang="html">A bold &lt;strong&gt;word&lt;/strong&gt;, or a bold &lt;strong&gt;phrase of text&lt;/strong&gt;.</code></pre>
 
+</div>
 
+</div>
 
+<div class="paragraph">
 
+<p>Since <code>&lt;strong&gt;</code> is a semantic HTML element, it automatically inherits default styling (<code>font-weight: bold</code>) from the browser.
 
+If you want to override the browser styles, you&#8217;ll need to define properties on the <code>strong</code> selector in the stylesheet for your UI.</p>
 
+</div>
 
+<div class="paragraph">
 
+<p>In the default UI, the <code>&lt;strong&gt;</code> element is styled in the 500 font weight of the current typeface (Roboto).
 
+For example:</p>
 
+</div>
 
+<div class="exampleblock">
 
+<div class="content">
 
+A bold <strong>word</strong>, or a bold <strong>phrase of text</strong>.
 
+</div>
 
+</div>
 
+</div>
 
+</div>
 
+<div class="sect1">
 
+<h2 id="italic"><a class="anchor" href="#italic"></a>Italic text (&lt;em&gt;)</h2>
 
+<div class="sectionbody">
 
+<div class="paragraph">
 
+<p>How <a href="#antora:asciidoc:italic.adoc" class="page unresolved">italicized text</a> appears on your site depends on the fonts loaded by the UI and the CSS styles the UI applies to the <code>&lt;em&gt;</code> HTML tag.</p>
 
+</div>
 
+<div class="listingblock">
 
+<div class="content">
 
+<pre class="highlightjs highlight"><code class="language-html hljs" data-lang="html">An italic &lt;em&gt;word&lt;/em&gt;, or an italic &lt;em&gt;phrase of text&lt;/em&gt;.</code></pre>
 
+</div>
 
+</div>
 
+<div class="paragraph">
 
+<p>Since <code>&lt;em&gt;</code> is a semantic HTML element, it automatically inherits default styling (<code>font-style: italic</code>) from the browser.
 
+If you want to override the browser styles, you&#8217;ll need to define properties on the <code>em</code> selector in the stylesheet for your UI.</p>
 
+</div>
 
+<div class="paragraph">
 
+<p>In the default UI, the <code>em</code> element is styled in the italic font variant of the current typeface (Roboto).
 
+For example:</p>
 
+</div>
 
+<div class="exampleblock">
 
+<div class="content">
 
+An italic <em>word</em>, or an italic <em>phrase of text</em>.
 
+</div>
 
+</div>
 
+</div>
 
+</div>
 
+<div class="sect1">
 
+<h2 id="monospace"><a class="anchor" href="#monospace"></a>Monospace text (&lt;code&gt;)</h2>
 
+<div class="sectionbody">
 
+<div class="paragraph">
 
+<p>How <a href="#antora:asciidoc:monospace.adoc" class="page unresolved">inline monospace text</a> is displayed depends on the fixed-width font loaded by your UI and the CSS styles it applies to the <code>&lt;code&gt;</code> HTML tag.</p>
 
+</div>
 
+<div class="listingblock">
 
+<div class="content">
 
+<pre class="highlightjs highlight"><code class="language-html hljs" data-lang="html">A monospace &lt;code&gt;word&lt;/code&gt;, or a monospace &lt;code&gt;phrase of text&lt;/code&gt;.</code></pre>
 
+</div>
 
+</div>
 
+<div class="paragraph">
 
+<p>Since <code>&lt;code&gt;</code> is a semantic HTML element, it automatically inherits default styling (<code>font-family: monospace</code>) from the browser.
 
+If you want to override the browser styles, you&#8217;ll need to define properties on the <code>code</code> selector in the stylesheet for your UI.</p>
 
+</div>
 
+<div class="paragraph">
 
+<p>In the default UI, the <code>code</code> element is styled using the fixed-width font loaded by the stylesheet (Roboto Mono).
 
+For example:</p>
 
+</div>
 
+<div class="exampleblock">
 
+<div class="content">
 
+A monospace <code>word</code>, or a monospace <code>phrase of text</code>.
 
+</div>
 
+</div>
 
+</div>
 
+</div>
 
+<div class="sect1">
 
+<h2 id="highlight"><a class="anchor" href="#highlight"></a>Highlighted text (&lt;mark&gt;)</h2>
 
+<div class="sectionbody">
 
+<div class="paragraph">
 
+<p>How <a href="#antora:asciidoc:highlight.adoc" class="page unresolved">highlighted (or marked) text</a> appears on your site depends on the CSS styles the UI applies to the <code>&lt;mark&gt;</code> HTML tag.</p>
 
+</div>
 
+<div class="listingblock">
 
+<div class="content">
 
+<pre class="highlightjs highlight"><code class="language-html hljs" data-lang="html">Let&amp;#8217;s add some &lt;mark&gt;highlight&lt;/mark&gt; to it.</code></pre>
 
+</div>
 
+</div>
 
+<div class="paragraph">
 
+<p>Since <code>&lt;mark&gt;</code> is a semantic HTML element, it automatically inherits default styling (<code>background-color: yellow</code>) from the browser.
 
+Here&#8217;s an example:</p>
 
+</div>
 
+<div class="exampleblock">
 
+<div class="content">
 
+Let&#8217;s add some <mark>highlight</mark> to it.
 
+</div>
 
+</div>
 
+<div class="paragraph">
 
+<p>If you want to override the browser styles, you&#8217;ll need to define properties on the <code>mark</code> selector in the stylesheet for your UI.</p>
 
+</div>
 
+</div>
 
+</div>
 
+<nav class="pagination">
 
+  <span class="prev"><a href="style-guide.html">UI Element Styles</a></span>
 
+  <span class="next"><a href="admonition-styles.html">Admonitions</a></span>
 
+</nav>
 
+</article>
 
+<aside class="toc sidebar" data-title="Contents" data-levels="2">
 
+  <div class="toc-menu"></div>
 
+</aside>
 
+  </div>
 
+</main>
 
+</div>
 
+<footer class="footer">
 
+  <p>This page was built using the Antora default UI.</p>
 
+  <p>The source code for this UI is licensed under the terms of the MPL-2.0 license.</p>
 
+</footer>
 
+<script src="../_/js/site.js"></script>
 
+<script async src="../_/js/vendor/highlight.js"></script>
 
+  </body>
 
+</html>

+ 297 - 0
antora-ui-default/list-styles.html
Dosyayı Görüntüle 

@@ -0,0 +1,297 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+  <head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width,initial-scale=1">
 
+    <title>List Styles :: jMonkeyEngine Docs</title>
 
+    <link rel="canonical" href="https://wiki.jmonkeyengine.org/antora-ui-default/list-styles.html">
 
+    <link rel="prev" href="admonition-styles.html">
 
+    <link rel="next" href="sidebar-styles.html">
 
+    <meta name="generator" content="Antora 2.3.3">
 
+    <link rel="stylesheet" href="../_/css/site.css">
 
+  </head>
 
+  <body class="article">
 
+<header class="header">
 
+  <nav class="navbar">
 
+    <div class="navbar-brand">
 
+      <a class="navbar-item" href="https://wiki.jmonkeyengine.org">jMonkeyEngine Docs</a>
 
+      <button class="navbar-burger" data-target="topbar-nav">
 
+        <span></span>
 
+        <span></span>
 
+        <span></span>
 
+      </button>
 
+    </div>
 
+    <div id="topbar-nav" class="navbar-menu">
 
+      <div class="navbar-end">
 
+        <a class="navbar-item" href="#">Home</a>
 
+        <div class="navbar-item has-dropdown is-hoverable">
 
+          <a class="navbar-link" href="#">Products</a>
 
+          <div class="navbar-dropdown">
 
+            <a class="navbar-item" href="#">Product A</a>
 
+            <a class="navbar-item" href="#">Product B</a>
 
+            <a class="navbar-item" href="#">Product C</a>
 
+          </div>
 
+        </div>
 
+        <div class="navbar-item has-dropdown is-hoverable">
 
+          <a class="navbar-link" href="#">Services</a>
 
+          <div class="navbar-dropdown">
 
+            <a class="navbar-item" href="#">Service A</a>
 
+            <a class="navbar-item" href="#">Service B</a>
 
+            <a class="navbar-item" href="#">Service C</a>
 
+          </div>
 
+        </div>
 
+        <div class="navbar-item has-dropdown is-hoverable">
 
+          <a class="navbar-link" href="#">Resources</a>
 
+          <div class="navbar-dropdown">
 
+            <a class="navbar-item" href="#">Resource A</a>
 
+            <a class="navbar-item" href="#">Resource B</a>
 
+            <a class="navbar-item" href="#">Resource C</a>
 
+          </div>
 
+        </div>
 
+        <div class="navbar-item">
 
+          <span class="control">
 
+            <a class="button is-primary" href="#">Download</a>
 
+          </span>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </nav>
 
+</header>
 
+<div class="body">
 
+<div class="nav-container" data-component="antora-ui-default" data-version="master">
 
+  <aside class="nav">
 
+    <div class="panels">
 
+<div class="nav-panel-menu is-active" data-panel="menu">
 
+  <nav class="nav-menu">
 
+    <h3 class="title"><a href="index.html">Antora Default UI</a></h3>
 
+<ul class="nav-list">
 
+  <li class="nav-item" data-depth="0">
 
+<ul class="nav-list">
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="prerequisites.html">UI Development Prerequisites</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="set-up-project.html">Set up a UI Project</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="build-preview-ui.html">Build and Preview the UI</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="development-workflow.html">UI Development Workflow</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="templates.html">Work with the Handlebars Templates</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <button class="nav-item-toggle"></button>
 
+    <a class="nav-link" href="stylesheets.html">Work with the CSS Stylesheets</a>
 
+<ul class="nav-list">
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="add-fonts.html">Add Fonts</a>
 
+  </li>
 
+</ul>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <button class="nav-item-toggle"></button>
 
+    <a class="nav-link" href="style-guide.html">UI Element Styles</a>
 
+<ul class="nav-list">
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="inline-text-styles.html">Inline Text</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="admonition-styles.html">Admonitions</a>
 
+  </li>
 
+  <li class="nav-item is-current-page" data-depth="2">
 
+    <a class="nav-link" href="list-styles.html">Lists</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="sidebar-styles.html">Sidebars</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="ui-macro-styles.html">UI Macros</a>
 
+  </li>
 
+</ul>
 
+  </li>
 
+</ul>
 
+  </li>
 
+</ul>
 
+  </nav>
 
+</div>
 
+<div class="nav-panel-explore" data-panel="explore">
 
+  <div class="context">
 
+    <span class="title">Antora Default UI</span>
 
+    <span class="version">master</span>
 
+  </div>
 
+  <ul class="components">
 
+    <li class="component is-current">
 
+      <span class="title">Antora Default UI</span>
 
+      <ul class="versions">
 
+        <li class="version is-current is-latest">
 
+          <a href="index.html">master</a>
 
+        </li>
 
+      </ul>
 
+    </li>
 
+    <li class="component">
 
+      <span class="title">Docs</span>
 
+      <ul class="versions">
 
+        <li class="version is-latest">
 
+          <a href="../docs/jme3.html">master</a>
 
+        </li>
 
+      </ul>
 
+    </li>
 
+  </ul>
 
+</div>
 
+    </div>
 
+  </aside>
 
+</div>
 
+<main class="article">
 
+<div class="toolbar" role="navigation">
 
+<button class="nav-toggle"></button>
 
+  <a href="../docs/documentation.html" class="home-link"></a>
 
+<nav class="breadcrumbs" aria-label="breadcrumbs">
 
+  <ul>
 
+    <li><a href="index.html">Antora Default UI</a></li>
 
+    <li><a href="style-guide.html">UI Element Styles</a></li>
 
+    <li><a href="list-styles.html">Lists</a></li>
 
+  </ul>
 
+</nav>
 
+  <div class="edit-this-page"><a href="https://github.com/jMonkeyEngine/wiki-ui/edit/master/docs/modules/ROOT/pages/list-styles.adoc">Edit this Page</a></div>
 
+  </div>
 
+  <div class="content">
 
+<article class="doc">
 
+<h1 class="page">List Styles</h1>
 
+<div class="sect1">
 
+<h2 id="ordered-list-numeration"><a class="anchor" href="#ordered-list-numeration"></a>Ordered list numeration</h2>
 
+<div class="sectionbody">
 
+<div class="paragraph">
 
+<p>The browser automatically numbers <a href="#antora:asciidoc:ordered-and-unordered-lists.adoc" class="page unresolved">ordered lists</a> and selects a numeration style by list depth in the following order: decimal, lower-alpha, lower-roman, upper-alpha, upper-roman.</p>
 
+</div>
 
+<div class="paragraph">
 
+<p>AsciiDoc allows the author to override the numeration style for an ordered list.
 
+Here&#8217;s an example of that output:</p>
 
+</div>
 
+<div class="listingblock">
 
+<div class="content">
 
+<pre class="highlightjs highlight"><code class="language-html hljs" data-lang="html">&lt;div class="olist loweralpha"&gt;
 
+&lt;ol class="loweralpha" type="a"&gt;
 
+&lt;li&gt;&lt;p&gt;a&lt;/p&gt;&lt;/li&gt;
 
+&lt;li&gt;&lt;p&gt;b&lt;/p&gt;&lt;/li&gt;
 
+&lt;li&gt;&lt;p&gt;c&lt;/p&gt;&lt;/li&gt;
 
+&lt;/ol&gt;
 
+&lt;/div&gt;</code></pre>
 
+</div>
 
+</div>
 
+<div class="paragraph">
 
+<p>In order to support this customization, you must assign the list-style-type property to the following classes on the <code>&lt;ol&gt;</code> element in your stylesheet.</p>
 
+</div>
 
+<table class="tableblock frame-all grid-all stretch">
 
+<colgroup>
 
+<col style="width: 50%;">
 
+<col style="width: 50%;">
 
+</colgroup>
 
+<thead>
 
+<tr>
 
+<th class="tableblock halign-left valign-top">&lt;ol&gt; class</th>
 
+<th class="tableblock halign-left valign-top">list-style-type property value</th>
 
+</tr>
 
+</thead>
 
+<tbody>
 
+<tr>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock">arabic</p></td>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock">decimal</p></td>
 
+</tr>
 
+<tr>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock">decimal</p></td>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock">decimal-leading-zero</p></td>
 
+</tr>
 
+<tr>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock">loweralpha</p></td>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock">lower-alpha</p></td>
 
+</tr>
 
+<tr>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock">lowergreek</p></td>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock">lower-greek</p></td>
 
+</tr>
 
+<tr>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock">lowerroman</p></td>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock">lower-roman</p></td>
 
+</tr>
 
+<tr>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock">upperalpha</p></td>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock">upper-alpha</p></td>
 
+</tr>
 
+<tr>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock">upperroman</p></td>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock">upper-roman</p></td>
 
+</tr>
 
+</tbody>
 
+</table>
 
+</div>
 
+</div>
 
+<div class="sect1">
 
+<h2 id="checklist"><a class="anchor" href="#checklist"></a>Checklist</h2>
 
+<div class="sectionbody">
 
+<div class="paragraph">
 
+<p>A <a href="#antora:asciidoc:checklists.adoc" class="page unresolved">checklist</a> is an unordered list with items that are prefixed with a checkbox marker (checked or unchecked).
 
+Here&#8217;s an AsciiDoc source example that produces a checklist:</p>
 
+</div>
 
+<div class="listingblock">
 
+<div class="content">
 
+<pre class="highlightjs highlight"><code class="language-asciidoc hljs" data-lang="asciidoc">* [ ] todo
 
+* [x] done!</code></pre>
 
+</div>
 
+</div>
 
+<div class="paragraph">
 
+<p>If font-based icons are enabled (<code>icons=font</code>), the checkbox gets inserted as the first element of the paragraph element that contains the list item text.</p>
 
+</div>
 
+<div class="listingblock">
 
+<div class="content">
 
+<pre class="highlightjs highlight"><code class="language-html hljs" data-lang="html">&lt;div class="ulist checklist"&gt;
 
+&lt;ul class="checklist"&gt;
 
+&lt;li&gt;
 
+&lt;p&gt;&lt;i class="fa fa-square-o"&gt; todo&lt;/p&gt;
 
+&lt;/li&gt;
 
+&lt;li&gt;
 
+&lt;p&gt;&lt;i class="fa fa-check-square-o"&gt; done!&lt;/p&gt;
 
+&lt;/li&gt;
 
+&lt;/ul&gt;
 
+&lt;/div&gt;</code></pre>
 
+</div>
 
+</div>
 
+<div class="paragraph">
 
+<p>The recommended approach is to hide the list markers (<code>list-style: none</code>), then add a checkbox glyph on the icon element using either a background image or a <code>before</code> pseudo element.</p>
 
+</div>
 
+<div class="paragraph">
 
+<p>Here&#8217;s how it might appear:</p>
 
+</div>
 
+<div class="ulist checklist">
 
+<ul class="checklist">
 
+<li>
 
+<p><i class="fa fa-square-o"></i> todo</p>
 
+</li>
 
+<li>
 
+<p><i class="fa fa-check-square-o"></i> done!</p>
 
+</li>
 
+</ul>
 
+</div>
 
+</div>
 
+</div>
 
+<nav class="pagination">
 
+  <span class="prev"><a href="admonition-styles.html">Admonitions</a></span>
 
+  <span class="next"><a href="sidebar-styles.html">Sidebars</a></span>
 
+</nav>
 
+</article>
 
+<aside class="toc sidebar" data-title="Contents" data-levels="2">
 
+  <div class="toc-menu"></div>
 
+</aside>
 
+  </div>
 
+</main>
 
+</div>
 
+<footer class="footer">
 
+  <p>This page was built using the Antora default UI.</p>
 
+  <p>The source code for this UI is licensed under the terms of the MPL-2.0 license.</p>
 
+</footer>
 
+<script src="../_/js/site.js"></script>
 
+<script async src="../_/js/vendor/highlight.js"></script>
 
+  </body>
 
+</html>

+ 276 - 0
antora-ui-default/prerequisites.html
Dosyayı Görüntüle 

@@ -0,0 +1,276 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+  <head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width,initial-scale=1">
 
+    <title>UI Development Prerequisites :: jMonkeyEngine Docs</title>
 
+    <link rel="canonical" href="https://wiki.jmonkeyengine.org/antora-ui-default/prerequisites.html">
 
+    <link rel="prev" href="index.html">
 
+    <link rel="next" href="set-up-project.html">
 
+    <meta name="generator" content="Antora 2.3.3">
 
+    <link rel="stylesheet" href="../_/css/site.css">
 
+  </head>
 
+  <body class="article">
 
+<header class="header">
 
+  <nav class="navbar">
 
+    <div class="navbar-brand">
 
+      <a class="navbar-item" href="https://wiki.jmonkeyengine.org">jMonkeyEngine Docs</a>
 
+      <button class="navbar-burger" data-target="topbar-nav">
 
+        <span></span>
 
+        <span></span>
 
+        <span></span>
 
+      </button>
 
+    </div>
 
+    <div id="topbar-nav" class="navbar-menu">
 
+      <div class="navbar-end">
 
+        <a class="navbar-item" href="#">Home</a>
 
+        <div class="navbar-item has-dropdown is-hoverable">
 
+          <a class="navbar-link" href="#">Products</a>
 
+          <div class="navbar-dropdown">
 
+            <a class="navbar-item" href="#">Product A</a>
 
+            <a class="navbar-item" href="#">Product B</a>
 
+            <a class="navbar-item" href="#">Product C</a>
 
+          </div>
 
+        </div>
 
+        <div class="navbar-item has-dropdown is-hoverable">
 
+          <a class="navbar-link" href="#">Services</a>
 
+          <div class="navbar-dropdown">
 
+            <a class="navbar-item" href="#">Service A</a>
 
+            <a class="navbar-item" href="#">Service B</a>
 
+            <a class="navbar-item" href="#">Service C</a>
 
+          </div>
 
+        </div>
 
+        <div class="navbar-item has-dropdown is-hoverable">
 
+          <a class="navbar-link" href="#">Resources</a>
 
+          <div class="navbar-dropdown">
 
+            <a class="navbar-item" href="#">Resource A</a>
 
+            <a class="navbar-item" href="#">Resource B</a>
 
+            <a class="navbar-item" href="#">Resource C</a>
 
+          </div>
 
+        </div>
 
+        <div class="navbar-item">
 
+          <span class="control">
 
+            <a class="button is-primary" href="#">Download</a>
 
+          </span>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </nav>
 
+</header>
 
+<div class="body">
 
+<div class="nav-container" data-component="antora-ui-default" data-version="master">
 
+  <aside class="nav">
 
+    <div class="panels">
 
+<div class="nav-panel-menu is-active" data-panel="menu">
 
+  <nav class="nav-menu">
 
+    <h3 class="title"><a href="index.html">Antora Default UI</a></h3>
 
+<ul class="nav-list">
 
+  <li class="nav-item" data-depth="0">
 
+<ul class="nav-list">
 
+  <li class="nav-item is-current-page" data-depth="1">
 
+    <a class="nav-link" href="prerequisites.html">UI Development Prerequisites</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="set-up-project.html">Set up a UI Project</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="build-preview-ui.html">Build and Preview the UI</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="development-workflow.html">UI Development Workflow</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="templates.html">Work with the Handlebars Templates</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <button class="nav-item-toggle"></button>
 
+    <a class="nav-link" href="stylesheets.html">Work with the CSS Stylesheets</a>
 
+<ul class="nav-list">
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="add-fonts.html">Add Fonts</a>
 
+  </li>
 
+</ul>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <button class="nav-item-toggle"></button>
 
+    <a class="nav-link" href="style-guide.html">UI Element Styles</a>
 
+<ul class="nav-list">
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="inline-text-styles.html">Inline Text</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="admonition-styles.html">Admonitions</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="list-styles.html">Lists</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="sidebar-styles.html">Sidebars</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="ui-macro-styles.html">UI Macros</a>
 
+  </li>
 
+</ul>
 
+  </li>
 
+</ul>
 
+  </li>
 
+</ul>
 
+  </nav>
 
+</div>
 
+<div class="nav-panel-explore" data-panel="explore">
 
+  <div class="context">
 
+    <span class="title">Antora Default UI</span>
 
+    <span class="version">master</span>
 
+  </div>
 
+  <ul class="components">
 
+    <li class="component is-current">
 
+      <span class="title">Antora Default UI</span>
 
+      <ul class="versions">
 
+        <li class="version is-current is-latest">
 
+          <a href="index.html">master</a>
 
+        </li>
 
+      </ul>
 
+    </li>
 
+    <li class="component">
 
+      <span class="title">Docs</span>
 
+      <ul class="versions">
 
+        <li class="version is-latest">
 
+          <a href="../docs/jme3.html">master</a>
 
+        </li>
 
+      </ul>
 
+    </li>
 
+  </ul>
 
+</div>
 
+    </div>
 
+  </aside>
 
+</div>
 
+<main class="article">
 
+<div class="toolbar" role="navigation">
 
+<button class="nav-toggle"></button>
 
+  <a href="../docs/documentation.html" class="home-link"></a>
 
+<nav class="breadcrumbs" aria-label="breadcrumbs">
 
+  <ul>
 
+    <li><a href="index.html">Antora Default UI</a></li>
 
+    <li><a href="prerequisites.html">UI Development Prerequisites</a></li>
 
+  </ul>
 
+</nav>
 
+  <div class="edit-this-page"><a href="https://github.com/jMonkeyEngine/wiki-ui/edit/master/docs/modules/ROOT/pages/prerequisites.adoc">Edit this Page</a></div>
 
+  </div>
 
+  <div class="content">
 
+<article class="doc">
 
+<h1 class="page">UI Development Prerequisites</h1>
 
+<div id="preamble">
 
+<div class="sectionbody">
 
+<div class="paragraph">
 
+<p>An Antora UI project is based on tools built atop Node.js, namely:</p>
 
+</div>
 
+<div class="ulist">
 
+<ul>
 
+<li>
 
+<p><a href="https://nodejs.org">Node.js</a> (commands: <code>node</code> and <code>npm</code>)</p>
 
+<div class="ulist">
 
+<ul>
 
+<li>
 
+<p><a href="https://github.com/creationix/nvm">nvm</a> (optional, but strongly recommended)</p>
 
+</li>
 
+</ul>
 
+</div>
 
+</li>
 
+<li>
 
+<p><a href="http://gulpjs.com">Gulp CLI</a> (command: <code>gulp</code>)</p>
 
+</li>
 
+</ul>
 
+</div>
 
+<div class="paragraph">
 
+<p>You also need <a href="https://git-scm.com">git</a> (command: <code>git</code>) to pull down the project and push updates to it.</p>
 
+</div>
 
+</div>
 
+</div>
 
+<div class="sect1">
 
+<h2 id="git"><a class="anchor" href="#git"></a>git</h2>
 
+<div class="sectionbody">
 
+<div class="paragraph">
 
+<p>First, make sure you have git installed.</p>
 
+</div>
 
+<div class="literalblock">
 
+<div class="content">
 
+<pre>$ git --version</pre>
 
+</div>
 
+</div>
 
+<div class="paragraph">
 
+<p>If not, <a href="https://git-scm.com/downloads">download and install</a> the git package for your system.</p>
 
+</div>
 
+</div>
 
+</div>
 
+<div class="sect1">
 
+<h2 id="node-js"><a class="anchor" href="#node-js"></a>Node.js</h2>
 
+<div class="sectionbody">
 
+<div class="paragraph">
 
+<p>You need Node.js installed on your machine to use Antora, including the default UI.
 
+Antora follows the Node.js release schedule, so we advise that you choose an active long term support (LTS) release of Node.js.
 
+We recommend using the latest active Node.js LTS version.
 
+While you can use other versions of Node.js, Antora is only tested against LTS releases.</p>
 
+</div>
 
+<div class="paragraph">
 
+<p>To check whether you have Node.js installed, and which version, open a terminal and type:</p>
 
+</div>
 
+<div class="literalblock">
 
+<div class="content">
 
+<pre>$ node --version</pre>
 
+</div>
 
+</div>
 
+<div class="paragraph">
 
+<p>You should see a version string, such as:</p>
 
+</div>
 
+<div class="literalblock">
 
+<div class="content">
 
+<pre>v10.15.3</pre>
 
+</div>
 
+</div>
 
+<div class="paragraph">
 
+<p>If the command fails with an error, it means you don&#8217;t have Node.js installed.
 
+The best way to install Node.js is to use nvm (Node Version Manager).
 
+Refer to <a href="#antora:install:linux-requirements.adoc#install-nvm" class="page unresolved">Install nvm and Node.js (Linux)</a>, <a href="#antora:install:macos-requirements.adoc#install-nvm" class="page unresolved">Install nvm and Node.js (macOS)</a>, or <a href="#antora:install:windows-requirements.adoc#install-nvm" class="page unresolved">Install nvm and Node.js (Windows)</a> for instructions.</p>
 
+</div>
 
+<div class="paragraph">
 
+<p>Once you have Node.js installed, you can proceed with installing the Gulp CLI.</p>
 
+</div>
 
+</div>
 
+</div>
 
+<div class="sect1">
 
+<h2 id="gulp-cli"><a class="anchor" href="#gulp-cli"></a>Gulp CLI</h2>
 
+<div class="sectionbody">
 
+<div class="paragraph">
 
+<p>Next, you&#8217;ll need the Gulp CLI (aka wrapper).
 
+This package provides the <code>gulp</code> command which executes the version of Gulp declared by the project.
 
+You should install the Gulp CLI globally (which resolves to a location in your user directory if you&#8217;re using nvm) using the following command:</p>
 
+</div>
 
+<div class="literalblock">
 
+<div class="content">
 
+<pre>$ npm install -g gulp-cli</pre>
 
+</div>
 
+</div>
 
+<div class="paragraph">
 
+<p>Now that you have Node.js and Gulp installed, you&#8217;re ready to set up the project.</p>
 
+</div>
 
+</div>
 
+</div>
 
+<nav class="pagination">
 
+  <span class="prev"><a href="index.html">Antora Default UI</a></span>
 
+  <span class="next"><a href="set-up-project.html">Set up a UI Project</a></span>
 
+</nav>
 
+</article>
 
+<aside class="toc sidebar" data-title="Contents" data-levels="2">
 
+  <div class="toc-menu"></div>
 
+</aside>
 
+  </div>
 
+</main>
 
+</div>
 
+<footer class="footer">
 
+  <p>This page was built using the Antora default UI.</p>
 
+  <p>The source code for this UI is licensed under the terms of the MPL-2.0 license.</p>
 
+</footer>
 
+<script src="../_/js/site.js"></script>
 
+<script async src="../_/js/vendor/highlight.js"></script>
 
+  </body>
 
+</html>

+ 270 - 0
antora-ui-default/set-up-project.html
Dosyayı Görüntüle 

@@ -0,0 +1,270 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+  <head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width,initial-scale=1">
 
+    <title>Set up a UI Project :: jMonkeyEngine Docs</title>
 
+    <link rel="canonical" href="https://wiki.jmonkeyengine.org/antora-ui-default/set-up-project.html">
 
+    <link rel="prev" href="prerequisites.html">
 
+    <link rel="next" href="build-preview-ui.html">
 
+    <meta name="generator" content="Antora 2.3.3">
 
+    <link rel="stylesheet" href="../_/css/site.css">
 
+  </head>
 
+  <body class="article">
 
+<header class="header">
 
+  <nav class="navbar">
 
+    <div class="navbar-brand">
 
+      <a class="navbar-item" href="https://wiki.jmonkeyengine.org">jMonkeyEngine Docs</a>
 
+      <button class="navbar-burger" data-target="topbar-nav">
 
+        <span></span>
 
+        <span></span>
 
+        <span></span>
 
+      </button>
 
+    </div>
 
+    <div id="topbar-nav" class="navbar-menu">
 
+      <div class="navbar-end">
 
+        <a class="navbar-item" href="#">Home</a>
 
+        <div class="navbar-item has-dropdown is-hoverable">
 
+          <a class="navbar-link" href="#">Products</a>
 
+          <div class="navbar-dropdown">
 
+            <a class="navbar-item" href="#">Product A</a>
 
+            <a class="navbar-item" href="#">Product B</a>
 
+            <a class="navbar-item" href="#">Product C</a>
 
+          </div>
 
+        </div>
 
+        <div class="navbar-item has-dropdown is-hoverable">
 
+          <a class="navbar-link" href="#">Services</a>
 
+          <div class="navbar-dropdown">
 
+            <a class="navbar-item" href="#">Service A</a>
 
+            <a class="navbar-item" href="#">Service B</a>
 
+            <a class="navbar-item" href="#">Service C</a>
 
+          </div>
 
+        </div>
 
+        <div class="navbar-item has-dropdown is-hoverable">
 
+          <a class="navbar-link" href="#">Resources</a>
 
+          <div class="navbar-dropdown">
 
+            <a class="navbar-item" href="#">Resource A</a>
 
+            <a class="navbar-item" href="#">Resource B</a>
 
+            <a class="navbar-item" href="#">Resource C</a>
 
+          </div>
 
+        </div>
 
+        <div class="navbar-item">
 
+          <span class="control">
 
+            <a class="button is-primary" href="#">Download</a>
 
+          </span>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </nav>
 
+</header>
 
+<div class="body">
 
+<div class="nav-container" data-component="antora-ui-default" data-version="master">
 
+  <aside class="nav">
 
+    <div class="panels">
 
+<div class="nav-panel-menu is-active" data-panel="menu">
 
+  <nav class="nav-menu">
 
+    <h3 class="title"><a href="index.html">Antora Default UI</a></h3>
 
+<ul class="nav-list">
 
+  <li class="nav-item" data-depth="0">
 
+<ul class="nav-list">
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="prerequisites.html">UI Development Prerequisites</a>
 
+  </li>
 
+  <li class="nav-item is-current-page" data-depth="1">
 
+    <a class="nav-link" href="set-up-project.html">Set up a UI Project</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="build-preview-ui.html">Build and Preview the UI</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="development-workflow.html">UI Development Workflow</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="templates.html">Work with the Handlebars Templates</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <button class="nav-item-toggle"></button>
 
+    <a class="nav-link" href="stylesheets.html">Work with the CSS Stylesheets</a>
 
+<ul class="nav-list">
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="add-fonts.html">Add Fonts</a>
 
+  </li>
 
+</ul>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <button class="nav-item-toggle"></button>
 
+    <a class="nav-link" href="style-guide.html">UI Element Styles</a>
 
+<ul class="nav-list">
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="inline-text-styles.html">Inline Text</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="admonition-styles.html">Admonitions</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="list-styles.html">Lists</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="sidebar-styles.html">Sidebars</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="ui-macro-styles.html">UI Macros</a>
 
+  </li>
 
+</ul>
 
+  </li>
 
+</ul>
 
+  </li>
 
+</ul>
 
+  </nav>
 
+</div>
 
+<div class="nav-panel-explore" data-panel="explore">
 
+  <div class="context">
 
+    <span class="title">Antora Default UI</span>
 
+    <span class="version">master</span>
 
+  </div>
 
+  <ul class="components">
 
+    <li class="component is-current">
 
+      <span class="title">Antora Default UI</span>
 
+      <ul class="versions">
 
+        <li class="version is-current is-latest">
 
+          <a href="index.html">master</a>
 
+        </li>
 
+      </ul>
 
+    </li>
 
+    <li class="component">
 
+      <span class="title">Docs</span>
 
+      <ul class="versions">
 
+        <li class="version is-latest">
 
+          <a href="../docs/jme3.html">master</a>
 
+        </li>
 
+      </ul>
 
+    </li>
 
+  </ul>
 
+</div>
 
+    </div>
 
+  </aside>
 
+</div>
 
+<main class="article">
 
+<div class="toolbar" role="navigation">
 
+<button class="nav-toggle"></button>
 
+  <a href="../docs/documentation.html" class="home-link"></a>
 
+<nav class="breadcrumbs" aria-label="breadcrumbs">
 
+  <ul>
 
+    <li><a href="index.html">Antora Default UI</a></li>
 
+    <li><a href="set-up-project.html">Set up a UI Project</a></li>
 
+  </ul>
 
+</nav>
 
+  <div class="edit-this-page"><a href="https://github.com/jMonkeyEngine/wiki-ui/edit/master/docs/modules/ROOT/pages/set-up-project.adoc">Edit this Page</a></div>
 
+  </div>
 
+  <div class="content">
 
+<article class="doc">
 
+<h1 class="page">Set up a UI Project</h1>
 
+<div id="preamble">
 
+<div class="sectionbody">
 
+<div class="paragraph">
 
+<p>Before you can start working on the UI, you need to grab the sources and initialize the project.
 
+The sources can be <a href="https://gitlab.com/antora/antora-ui-default.git">Antora&#8217;s default UI</a> or an existing UI project structured to work with Antora.</p>
 
+</div>
 
+</div>
 
+</div>
 
+<div class="sect1">
 
+<h2 id="fetch-the-default-ui-project"><a class="anchor" href="#fetch-the-default-ui-project"></a>Fetch the Default UI project</h2>
 
+<div class="sectionbody">
 
+<div class="paragraph">
 
+<p>To start, clone the default UI project using git:</p>
 
+</div>
 
+<div class="literalblock">
 
+<div class="content">
 
+<pre>$ git clone https://gitlab.com/antora/antora-ui-default.git &amp;&amp;
 
+  cd "`basename $_`"</pre>
 
+</div>
 
+</div>
 
+<div class="paragraph">
 
+<p>The example above clones Antora&#8217;s default UI project and then switches to the project folder on your filesystem.
 
+Stay in this project folder in order to initialize the project using npm.</p>
 
+</div>
 
+</div>
 
+</div>
 
+<div class="sect1">
 
+<h2 id="install-dependencies"><a class="anchor" href="#install-dependencies"></a>Install dependencies</h2>
 
+<div class="sectionbody">
 
+<div class="paragraph">
 
+<p>Next, you&#8217;ll need to initialize the project.
 
+Initializing the project essentially means downloading and installing the dependencies into the project.
 
+That&#8217;s the job of npm.</p>
 
+</div>
 
+<div class="paragraph">
 
+<p>In your terminal, execute the following command (while inside the project folder):</p>
 
+</div>
 
+<div class="literalblock">
 
+<div class="content">
 
+<pre>$ npm install</pre>
 
+</div>
 
+</div>
 
+<div class="paragraph">
 
+<p>This command installs the dependencies listed in <em class="path">package.json</em> into the <em class="path">node_modules/</em> folder inside the project.
 
+This folder does not get included in the UI bundle.
 
+The folder is safe to delete, though npm does a great job of managing it.</p>
 
+</div>
 
+<div class="paragraph">
 
+<p>You&#8217;ll notice another file which seems to be relevant here, <em class="path">package-lock.json</em>.
 
+npm uses this file to determine which concrete version of a dependency to use, since versions in <em class="path">package.json</em> are typically just a range.
 
+The information in this file makes the build reproducible across different machines and runs.</p>
 
+</div>
 
+<div class="paragraph">
 
+<p>If a new dependency must be resolved that isn&#8217;t yet listed in <em class="path">package-lock.json</em>, npm will update this file with the new information when you run <code>npm install</code>.
 
+Therefore, you&#8217;re advised to commit the <em class="path">package-lock.json</em> file into the repository whenever it changes.</p>
 
+</div>
 
+</div>
 
+</div>
 
+<div class="sect1">
 
+<h2 id="supported-build-tasks"><a class="anchor" href="#supported-build-tasks"></a>Supported build tasks</h2>
 
+<div class="sectionbody">
 
+<div class="paragraph">
 
+<p>Now that the dependencies are installed, you should be able to run the <code>gulp</code> command to find out what tasks the build supports:</p>
 
+</div>
 
+<div class="literalblock">
 
+<div class="content">
 
+<pre>$ gulp --tasks-simple</pre>
 
+</div>
 
+</div>
 
+<div class="paragraph">
 
+<p>You should see:</p>
 
+</div>
 
+<div class="literalblock output">
 
+<div class="content">
 
+<pre>default
 
+clean
 
+lint
 
+format
 
+build
 
+bundle
 
+bundle:pack
 
+preview
 
+preview:build</pre>
 
+</div>
 
+</div>
 
+<div class="paragraph">
 
+<p>We&#8217;ll explain what each of these tasks are for and when to use them.</p>
 
+</div>
 
+</div>
 
+</div>
 
+<nav class="pagination">
 
+  <span class="prev"><a href="prerequisites.html">UI Development Prerequisites</a></span>
 
+  <span class="next"><a href="build-preview-ui.html">Build and Preview the UI</a></span>
 
+</nav>
 
+</article>
 
+<aside class="toc sidebar" data-title="Contents" data-levels="2">
 
+  <div class="toc-menu"></div>
 
+</aside>
 
+  </div>
 
+</main>
 
+</div>
 
+<footer class="footer">
 
+  <p>This page was built using the Antora default UI.</p>
 
+  <p>The source code for this UI is licensed under the terms of the MPL-2.0 license.</p>
 
+</footer>
 
+<script src="../_/js/site.js"></script>
 
+<script async src="../_/js/vendor/highlight.js"></script>
 
+  </body>
 
+</html>

+ 218 - 0
antora-ui-default/sidebar-styles.html
Dosyayı Görüntüle 

@@ -0,0 +1,218 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+  <head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width,initial-scale=1">
 
+    <title>Sidebar Styles :: jMonkeyEngine Docs</title>
 
+    <link rel="canonical" href="https://wiki.jmonkeyengine.org/antora-ui-default/sidebar-styles.html">
 
+    <link rel="prev" href="list-styles.html">
 
+    <link rel="next" href="ui-macro-styles.html">
 
+    <meta name="generator" content="Antora 2.3.3">
 
+    <link rel="stylesheet" href="../_/css/site.css">
 
+  </head>
 
+  <body class="article">
 
+<header class="header">
 
+  <nav class="navbar">
 
+    <div class="navbar-brand">
 
+      <a class="navbar-item" href="https://wiki.jmonkeyengine.org">jMonkeyEngine Docs</a>
 
+      <button class="navbar-burger" data-target="topbar-nav">
 
+        <span></span>
 
+        <span></span>
 
+        <span></span>
 
+      </button>
 
+    </div>
 
+    <div id="topbar-nav" class="navbar-menu">
 
+      <div class="navbar-end">
 
+        <a class="navbar-item" href="#">Home</a>
 
+        <div class="navbar-item has-dropdown is-hoverable">
 
+          <a class="navbar-link" href="#">Products</a>
 
+          <div class="navbar-dropdown">
 
+            <a class="navbar-item" href="#">Product A</a>
 
+            <a class="navbar-item" href="#">Product B</a>
 
+            <a class="navbar-item" href="#">Product C</a>
 
+          </div>
 
+        </div>
 
+        <div class="navbar-item has-dropdown is-hoverable">
 
+          <a class="navbar-link" href="#">Services</a>
 
+          <div class="navbar-dropdown">
 
+            <a class="navbar-item" href="#">Service A</a>
 
+            <a class="navbar-item" href="#">Service B</a>
 
+            <a class="navbar-item" href="#">Service C</a>
 
+          </div>
 
+        </div>
 
+        <div class="navbar-item has-dropdown is-hoverable">
 
+          <a class="navbar-link" href="#">Resources</a>
 
+          <div class="navbar-dropdown">
 
+            <a class="navbar-item" href="#">Resource A</a>
 
+            <a class="navbar-item" href="#">Resource B</a>
 
+            <a class="navbar-item" href="#">Resource C</a>
 
+          </div>
 
+        </div>
 
+        <div class="navbar-item">
 
+          <span class="control">
 
+            <a class="button is-primary" href="#">Download</a>
 
+          </span>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </nav>
 
+</header>
 
+<div class="body">
 
+<div class="nav-container" data-component="antora-ui-default" data-version="master">
 
+  <aside class="nav">
 
+    <div class="panels">
 
+<div class="nav-panel-menu is-active" data-panel="menu">
 
+  <nav class="nav-menu">
 
+    <h3 class="title"><a href="index.html">Antora Default UI</a></h3>
 
+<ul class="nav-list">
 
+  <li class="nav-item" data-depth="0">
 
+<ul class="nav-list">
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="prerequisites.html">UI Development Prerequisites</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="set-up-project.html">Set up a UI Project</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="build-preview-ui.html">Build and Preview the UI</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="development-workflow.html">UI Development Workflow</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="templates.html">Work with the Handlebars Templates</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <button class="nav-item-toggle"></button>
 
+    <a class="nav-link" href="stylesheets.html">Work with the CSS Stylesheets</a>
 
+<ul class="nav-list">
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="add-fonts.html">Add Fonts</a>
 
+  </li>
 
+</ul>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <button class="nav-item-toggle"></button>
 
+    <a class="nav-link" href="style-guide.html">UI Element Styles</a>
 
+<ul class="nav-list">
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="inline-text-styles.html">Inline Text</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="admonition-styles.html">Admonitions</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="list-styles.html">Lists</a>
 
+  </li>
 
+  <li class="nav-item is-current-page" data-depth="2">
 
+    <a class="nav-link" href="sidebar-styles.html">Sidebars</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="ui-macro-styles.html">UI Macros</a>
 
+  </li>
 
+</ul>
 
+  </li>
 
+</ul>
 
+  </li>
 
+</ul>
 
+  </nav>
 
+</div>
 
+<div class="nav-panel-explore" data-panel="explore">
 
+  <div class="context">
 
+    <span class="title">Antora Default UI</span>
 
+    <span class="version">master</span>
 
+  </div>
 
+  <ul class="components">
 
+    <li class="component is-current">
 
+      <span class="title">Antora Default UI</span>
 
+      <ul class="versions">
 
+        <li class="version is-current is-latest">
 
+          <a href="index.html">master</a>
 
+        </li>
 
+      </ul>
 
+    </li>
 
+    <li class="component">
 
+      <span class="title">Docs</span>
 
+      <ul class="versions">
 
+        <li class="version is-latest">
 
+          <a href="../docs/jme3.html">master</a>
 
+        </li>
 
+      </ul>
 
+    </li>
 
+  </ul>
 
+</div>
 
+    </div>
 
+  </aside>
 
+</div>
 
+<main class="article">
 
+<div class="toolbar" role="navigation">
 
+<button class="nav-toggle"></button>
 
+  <a href="../docs/documentation.html" class="home-link"></a>
 
+<nav class="breadcrumbs" aria-label="breadcrumbs">
 
+  <ul>
 
+    <li><a href="index.html">Antora Default UI</a></li>
 
+    <li><a href="style-guide.html">UI Element Styles</a></li>
 
+    <li><a href="sidebar-styles.html">Sidebars</a></li>
 
+  </ul>
 
+</nav>
 
+  <div class="edit-this-page"><a href="https://github.com/jMonkeyEngine/wiki-ui/edit/master/docs/modules/ROOT/pages/sidebar-styles.adoc">Edit this Page</a></div>
 
+  </div>
 
+  <div class="content">
 
+<article class="doc">
 
+<h1 class="page">Sidebar Styles</h1>
 
+<div id="preamble">
 
+<div class="sectionbody">
 
+<div class="paragraph">
 
+<p>This page describes the in-page sidebar block styles, not the styles for the navigation sidebar.</p>
 
+</div>
 
+</div>
 
+</div>
 
+<div class="sect1">
 
+<h2 id="sidebar-blocks"><a class="anchor" href="#sidebar-blocks"></a>Sidebar blocks</h2>
 
+<div class="sectionbody">
 
+<div class="paragraph">
 
+<p><a href="#antora:asciidoc:sidebar.adoc" class="page unresolved">Sidebars</a> can contain any type of content.
 
+The sidebar title is specified by the block class title.
 
+Here&#8217;s an AsciiDoc source example that produces a sidebar with a title:</p>
 
+</div>
 
+<div class="listingblock">
 
+<div class="content">
 
+<pre class="highlightjs highlight"><code class="language-asciidoc hljs" data-lang="asciidoc">.Optional Title
 
+****
 
+This is a paragraph in a sidebar.
 
+****</code></pre>
 
+</div>
 
+</div>
 
+<div class="listingblock">
 
+<div class="content">
 
+<pre class="highlightjs highlight"><code class="language-html hljs" data-lang="html">&lt;div class="sidebarblock"&gt;
 
+&lt;div class="content"&gt;
 
+&lt;div class="title"&gt;Optional Title&lt;/div&gt;
 
+&lt;div class="paragraph"&gt;
 
+&lt;p&gt;This is a paragraph in a sidebar.&lt;/p&gt;
 
+&lt;/div&gt;
 
+&lt;/div&gt;
 
+&lt;/div&gt;</code></pre>
 
+</div>
 
+</div>
 
+</div>
 
+</div>
 
+<nav class="pagination">
 
+  <span class="prev"><a href="list-styles.html">Lists</a></span>
 
+  <span class="next"><a href="ui-macro-styles.html">UI Macros</a></span>
 
+</nav>
 
+</article>
 
+<aside class="toc sidebar" data-title="Contents" data-levels="2">
 
+  <div class="toc-menu"></div>
 
+</aside>
 
+  </div>
 
+</main>
 
+</div>
 
+<footer class="footer">
 
+  <p>This page was built using the Antora default UI.</p>
 
+  <p>The source code for this UI is licensed under the terms of the MPL-2.0 license.</p>
 
+</footer>
 
+<script src="../_/js/site.js"></script>
 
+<script async src="../_/js/vendor/highlight.js"></script>
 
+  </body>
 
+</html>

+ 220 - 0
antora-ui-default/style-guide.html
Dosyayı Görüntüle 

@@ -0,0 +1,220 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+  <head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width,initial-scale=1">
 
+    <title>UI Element Style Guide :: jMonkeyEngine Docs</title>
 
+    <link rel="canonical" href="https://wiki.jmonkeyengine.org/antora-ui-default/style-guide.html">
 
+    <link rel="prev" href="add-fonts.html">
 
+    <link rel="next" href="inline-text-styles.html">
 
+    <meta name="generator" content="Antora 2.3.3">
 
+    <link rel="stylesheet" href="../_/css/site.css">
 
+  </head>
 
+  <body class="article">
 
+<header class="header">
 
+  <nav class="navbar">
 
+    <div class="navbar-brand">
 
+      <a class="navbar-item" href="https://wiki.jmonkeyengine.org">jMonkeyEngine Docs</a>
 
+      <button class="navbar-burger" data-target="topbar-nav">
 
+        <span></span>
 
+        <span></span>
 
+        <span></span>
 
+      </button>
 
+    </div>
 
+    <div id="topbar-nav" class="navbar-menu">
 
+      <div class="navbar-end">
 
+        <a class="navbar-item" href="#">Home</a>
 
+        <div class="navbar-item has-dropdown is-hoverable">
 
+          <a class="navbar-link" href="#">Products</a>
 
+          <div class="navbar-dropdown">
 
+            <a class="navbar-item" href="#">Product A</a>
 
+            <a class="navbar-item" href="#">Product B</a>
 
+            <a class="navbar-item" href="#">Product C</a>
 
+          </div>
 
+        </div>
 
+        <div class="navbar-item has-dropdown is-hoverable">
 
+          <a class="navbar-link" href="#">Services</a>
 
+          <div class="navbar-dropdown">
 
+            <a class="navbar-item" href="#">Service A</a>
 
+            <a class="navbar-item" href="#">Service B</a>
 
+            <a class="navbar-item" href="#">Service C</a>
 
+          </div>
 
+        </div>
 
+        <div class="navbar-item has-dropdown is-hoverable">
 
+          <a class="navbar-link" href="#">Resources</a>
 
+          <div class="navbar-dropdown">
 
+            <a class="navbar-item" href="#">Resource A</a>
 
+            <a class="navbar-item" href="#">Resource B</a>
 
+            <a class="navbar-item" href="#">Resource C</a>
 
+          </div>
 
+        </div>
 
+        <div class="navbar-item">
 
+          <span class="control">
 
+            <a class="button is-primary" href="#">Download</a>
 
+          </span>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </nav>
 
+</header>
 
+<div class="body">
 
+<div class="nav-container" data-component="antora-ui-default" data-version="master">
 
+  <aside class="nav">
 
+    <div class="panels">
 
+<div class="nav-panel-menu is-active" data-panel="menu">
 
+  <nav class="nav-menu">
 
+    <h3 class="title"><a href="index.html">Antora Default UI</a></h3>
 
+<ul class="nav-list">
 
+  <li class="nav-item" data-depth="0">
 
+<ul class="nav-list">
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="prerequisites.html">UI Development Prerequisites</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="set-up-project.html">Set up a UI Project</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="build-preview-ui.html">Build and Preview the UI</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="development-workflow.html">UI Development Workflow</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="templates.html">Work with the Handlebars Templates</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <button class="nav-item-toggle"></button>
 
+    <a class="nav-link" href="stylesheets.html">Work with the CSS Stylesheets</a>
 
+<ul class="nav-list">
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="add-fonts.html">Add Fonts</a>
 
+  </li>
 
+</ul>
 
+  </li>
 
+  <li class="nav-item is-current-page" data-depth="1">
 
+    <button class="nav-item-toggle"></button>
 
+    <a class="nav-link" href="style-guide.html">UI Element Styles</a>
 
+<ul class="nav-list">
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="inline-text-styles.html">Inline Text</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="admonition-styles.html">Admonitions</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="list-styles.html">Lists</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="sidebar-styles.html">Sidebars</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="ui-macro-styles.html">UI Macros</a>
 
+  </li>
 
+</ul>
 
+  </li>
 
+</ul>
 
+  </li>
 
+</ul>
 
+  </nav>
 
+</div>
 
+<div class="nav-panel-explore" data-panel="explore">
 
+  <div class="context">
 
+    <span class="title">Antora Default UI</span>
 
+    <span class="version">master</span>
 
+  </div>
 
+  <ul class="components">
 
+    <li class="component is-current">
 
+      <span class="title">Antora Default UI</span>
 
+      <ul class="versions">
 
+        <li class="version is-current is-latest">
 
+          <a href="index.html">master</a>
 
+        </li>
 
+      </ul>
 
+    </li>
 
+    <li class="component">
 
+      <span class="title">Docs</span>
 
+      <ul class="versions">
 
+        <li class="version is-latest">
 
+          <a href="../docs/jme3.html">master</a>
 
+        </li>
 
+      </ul>
 
+    </li>
 
+  </ul>
 
+</div>
 
+    </div>
 
+  </aside>
 
+</div>
 
+<main class="article">
 
+<div class="toolbar" role="navigation">
 
+<button class="nav-toggle"></button>
 
+  <a href="../docs/documentation.html" class="home-link"></a>
 
+<nav class="breadcrumbs" aria-label="breadcrumbs">
 
+  <ul>
 
+    <li><a href="index.html">Antora Default UI</a></li>
 
+    <li><a href="style-guide.html">UI Element Styles</a></li>
 
+  </ul>
 
+</nav>
 
+  <div class="edit-this-page"><a href="https://github.com/jMonkeyEngine/wiki-ui/edit/master/docs/modules/ROOT/pages/style-guide.adoc">Edit this Page</a></div>
 
+  </div>
 
+  <div class="content">
 
+<article class="doc">
 
+<h1 class="page">UI Element Style Guide</h1>
 
+<div id="preamble">
 
+<div class="sectionbody">
 
+<div class="paragraph">
 
+<p>When creating a UI theme for Antora, there are certain elements in the UI that require support from the CSS to work correctly.
 
+This list includes elements in the shell (i.e., frame) and in the document content.
 
+This document identifies these UI elements.</p>
 
+</div>
 
+</div>
 
+</div>
 
+<div class="sect1">
 
+<h2 id="document-content"><a class="anchor" href="#document-content"></a>Document Content</h2>
 
+<div class="sectionbody">
 
+<div class="paragraph">
 
+<p>The HTML in the main content area is generated from AsciiDoc using Asciidoctor.
 
+AsciiDoc has numerous content elements that require assistance from CSS to render properly.</p>
 
+</div>
 
+<div class="paragraph">
 
+<p>These elements include:</p>
 
+</div>
 
+<div class="ulist">
 
+<ul>
 
+<li>
 
+<p><a href="inline-text-styles.html" class="page">Inline text emphasis</a></p>
 
+</li>
 
+<li>
 
+<p><a href="admonition-styles.html" class="page">Admonitions</a></p>
 
+</li>
 
+<li>
 
+<p><a href="list-styles.html" class="page">Lists</a></p>
 
+</li>
 
+<li>
 
+<p><a href="sidebar-styles.html" class="page">Sidebars</a></p>
 
+</li>
 
+<li>
 
+<p><a href="ui-macro-styles.html" class="page">Button, keybinding, and menu UI macros</a></p>
 
+</li>
 
+</ul>
 
+</div>
 
+</div>
 
+</div>
 
+<nav class="pagination">
 
+  <span class="prev"><a href="add-fonts.html">Add Fonts</a></span>
 
+  <span class="next"><a href="inline-text-styles.html">Inline Text</a></span>
 
+</nav>
 
+</article>
 
+<aside class="toc sidebar" data-title="Contents" data-levels="2">
 
+  <div class="toc-menu"></div>
 
+</aside>
 
+  </div>
 
+</main>
 
+</div>
 
+<footer class="footer">
 
+  <p>This page was built using the Antora default UI.</p>
 
+  <p>The source code for this UI is licensed under the terms of the MPL-2.0 license.</p>
 
+</footer>
 
+<script src="../_/js/site.js"></script>
 
+<script async src="../_/js/vendor/highlight.js"></script>
 
+  </body>
 
+</html>

+ 223 - 0
antora-ui-default/stylesheets.html
Dosyayı Görüntüle 

@@ -0,0 +1,223 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+  <head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width,initial-scale=1">
 
+    <title>Work with the CSS Stylesheets :: jMonkeyEngine Docs</title>
 
+    <link rel="canonical" href="https://wiki.jmonkeyengine.org/antora-ui-default/stylesheets.html">
 
+    <link rel="prev" href="templates.html">
 
+    <link rel="next" href="add-fonts.html">
 
+    <meta name="generator" content="Antora 2.3.3">
 
+    <link rel="stylesheet" href="../_/css/site.css">
 
+  </head>
 
+  <body class="article">
 
+<header class="header">
 
+  <nav class="navbar">
 
+    <div class="navbar-brand">
 
+      <a class="navbar-item" href="https://wiki.jmonkeyengine.org">jMonkeyEngine Docs</a>
 
+      <button class="navbar-burger" data-target="topbar-nav">
 
+        <span></span>
 
+        <span></span>
 
+        <span></span>
 
+      </button>
 
+    </div>
 
+    <div id="topbar-nav" class="navbar-menu">
 
+      <div class="navbar-end">
 
+        <a class="navbar-item" href="#">Home</a>
 
+        <div class="navbar-item has-dropdown is-hoverable">
 
+          <a class="navbar-link" href="#">Products</a>
 
+          <div class="navbar-dropdown">
 
+            <a class="navbar-item" href="#">Product A</a>
 
+            <a class="navbar-item" href="#">Product B</a>
 
+            <a class="navbar-item" href="#">Product C</a>
 
+          </div>
 
+        </div>
 
+        <div class="navbar-item has-dropdown is-hoverable">
 
+          <a class="navbar-link" href="#">Services</a>
 
+          <div class="navbar-dropdown">
 
+            <a class="navbar-item" href="#">Service A</a>
 
+            <a class="navbar-item" href="#">Service B</a>
 
+            <a class="navbar-item" href="#">Service C</a>
 
+          </div>
 
+        </div>
 
+        <div class="navbar-item has-dropdown is-hoverable">
 
+          <a class="navbar-link" href="#">Resources</a>
 
+          <div class="navbar-dropdown">
 
+            <a class="navbar-item" href="#">Resource A</a>
 
+            <a class="navbar-item" href="#">Resource B</a>
 
+            <a class="navbar-item" href="#">Resource C</a>
 
+          </div>
 
+        </div>
 
+        <div class="navbar-item">
 
+          <span class="control">
 
+            <a class="button is-primary" href="#">Download</a>
 
+          </span>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </nav>
 
+</header>
 
+<div class="body">
 
+<div class="nav-container" data-component="antora-ui-default" data-version="master">
 
+  <aside class="nav">
 
+    <div class="panels">
 
+<div class="nav-panel-menu is-active" data-panel="menu">
 
+  <nav class="nav-menu">
 
+    <h3 class="title"><a href="index.html">Antora Default UI</a></h3>
 
+<ul class="nav-list">
 
+  <li class="nav-item" data-depth="0">
 
+<ul class="nav-list">
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="prerequisites.html">UI Development Prerequisites</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="set-up-project.html">Set up a UI Project</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="build-preview-ui.html">Build and Preview the UI</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="development-workflow.html">UI Development Workflow</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="templates.html">Work with the Handlebars Templates</a>
 
+  </li>
 
+  <li class="nav-item is-current-page" data-depth="1">
 
+    <button class="nav-item-toggle"></button>
 
+    <a class="nav-link" href="stylesheets.html">Work with the CSS Stylesheets</a>
 
+<ul class="nav-list">
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="add-fonts.html">Add Fonts</a>
 
+  </li>
 
+</ul>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <button class="nav-item-toggle"></button>
 
+    <a class="nav-link" href="style-guide.html">UI Element Styles</a>
 
+<ul class="nav-list">
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="inline-text-styles.html">Inline Text</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="admonition-styles.html">Admonitions</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="list-styles.html">Lists</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="sidebar-styles.html">Sidebars</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="ui-macro-styles.html">UI Macros</a>
 
+  </li>
 
+</ul>
 
+  </li>
 
+</ul>
 
+  </li>
 
+</ul>
 
+  </nav>
 
+</div>
 
+<div class="nav-panel-explore" data-panel="explore">
 
+  <div class="context">
 
+    <span class="title">Antora Default UI</span>
 
+    <span class="version">master</span>
 
+  </div>
 
+  <ul class="components">
 
+    <li class="component is-current">
 
+      <span class="title">Antora Default UI</span>
 
+      <ul class="versions">
 
+        <li class="version is-current is-latest">
 
+          <a href="index.html">master</a>
 
+        </li>
 
+      </ul>
 
+    </li>
 
+    <li class="component">
 
+      <span class="title">Docs</span>
 
+      <ul class="versions">
 
+        <li class="version is-latest">
 
+          <a href="../docs/jme3.html">master</a>
 
+        </li>
 
+      </ul>
 
+    </li>
 
+  </ul>
 
+</div>
 
+    </div>
 
+  </aside>
 
+</div>
 
+<main class="article">
 
+<div class="toolbar" role="navigation">
 
+<button class="nav-toggle"></button>
 
+  <a href="../docs/documentation.html" class="home-link"></a>
 
+<nav class="breadcrumbs" aria-label="breadcrumbs">
 
+  <ul>
 
+    <li><a href="index.html">Antora Default UI</a></li>
 
+    <li><a href="stylesheets.html">Work with the CSS Stylesheets</a></li>
 
+  </ul>
 
+</nav>
 
+  <div class="edit-this-page"><a href="https://github.com/jMonkeyEngine/wiki-ui/edit/master/docs/modules/ROOT/pages/stylesheets.adoc">Edit this Page</a></div>
 
+  </div>
 
+  <div class="content">
 
+<article class="doc">
 
+<h1 class="page">Work with the CSS Stylesheets</h1>
 
+<div id="preamble">
 
+<div class="sectionbody">
 
+<div class="paragraph">
 
+<p>The stylesheets are written in CSS.
 
+These stylesheets utilize CSS variables to keep the CSS DRY and easy to customize.</p>
 
+</div>
 
+</div>
 
+</div>
 
+<div class="sect1">
 
+<h2 id="stylesheet-organization-and-processing"><a class="anchor" href="#stylesheet-organization-and-processing"></a>Stylesheet organization and processing</h2>
 
+<div class="sectionbody">
 
+<div class="paragraph">
 
+<p>Within the default UI project, the stylesheet files are separated into modules to help organize the rules and make them easier to find.
 
+The UI build combines and minifies these files into a single file named <em class="path">site.css</em>.
 
+During the build, the CSS is enhanced using PostCSS in much the same way as a CSS preprocessor works, only the modifications are made to the CSS directly.
 
+The modifications mostly center around injecting vendor prefixes for compatibility or backporting new features to more broadly supported syntax.</p>
 
+</div>
 
+</div>
 
+</div>
 
+<div class="sect1">
 
+<h2 id="add-a-new-css-rule"><a class="anchor" href="#add-a-new-css-rule"></a>Add a new CSS rule</h2>
 
+<div class="sectionbody">
 
+<div class="paragraph">
 
+<p>Let&#8217;s consider the case when you want to modify the font size of a section title.</p>
 
+</div>
 
+<div class="paragraph">
 
+<p>First, make sure you have set up the project and created a development branch.
 
+Next, open the file <em class="path">src/css/doc.css</em> and modify the rule for the section title.</p>
 
+</div>
 
+<div class="listingblock">
 
+<div class="content">
 
+<pre class="highlightjs highlight"><code class="language-css hljs" data-lang="css">.doc h1 {
 
+  font-size: 2.5rem;
 
+  margin-bottom: 1rem;
 
+  margin-top: 2rem
 
+}</code></pre>
 
+</div>
 
+</div>
 
+<div class="paragraph">
 
+<p>Save the file, commit it to git, push the branch, and allow the approval workflow to play out.</p>
 
+</div>
 
+</div>
 
+</div>
 
+<nav class="pagination">
 
+  <span class="prev"><a href="templates.html">Work with the Handlebars Templates</a></span>
 
+  <span class="next"><a href="add-fonts.html">Add Fonts</a></span>
 
+</nav>
 
+</article>
 
+<aside class="toc sidebar" data-title="Contents" data-levels="2">
 
+  <div class="toc-menu"></div>
 
+</aside>
 
+  </div>
 
+</main>
 
+</div>
 
+<footer class="footer">
 
+  <p>This page was built using the Antora default UI.</p>
 
+  <p>The source code for this UI is licensed under the terms of the MPL-2.0 license.</p>
 
+</footer>
 
+<script src="../_/js/site.js"></script>
 
+<script async src="../_/js/vendor/highlight.js"></script>
 
+  </body>
 
+</html>

+ 447 - 0
antora-ui-default/templates.html
Dosyayı Görüntüle 

@@ -0,0 +1,447 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+  <head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width,initial-scale=1">
 
+    <title>Work with the Handlebars Templates :: jMonkeyEngine Docs</title>
 
+    <link rel="canonical" href="https://wiki.jmonkeyengine.org/antora-ui-default/templates.html">
 
+    <link rel="prev" href="development-workflow.html">
 
+    <link rel="next" href="stylesheets.html">
 
+    <meta name="generator" content="Antora 2.3.3">
 
+    <link rel="stylesheet" href="../_/css/site.css">
 
+  </head>
 
+  <body class="article">
 
+<header class="header">
 
+  <nav class="navbar">
 
+    <div class="navbar-brand">
 
+      <a class="navbar-item" href="https://wiki.jmonkeyengine.org">jMonkeyEngine Docs</a>
 
+      <button class="navbar-burger" data-target="topbar-nav">
 
+        <span></span>
 
+        <span></span>
 
+        <span></span>
 
+      </button>
 
+    </div>
 
+    <div id="topbar-nav" class="navbar-menu">
 
+      <div class="navbar-end">
 
+        <a class="navbar-item" href="#">Home</a>
 
+        <div class="navbar-item has-dropdown is-hoverable">
 
+          <a class="navbar-link" href="#">Products</a>
 
+          <div class="navbar-dropdown">
 
+            <a class="navbar-item" href="#">Product A</a>
 
+            <a class="navbar-item" href="#">Product B</a>
 
+            <a class="navbar-item" href="#">Product C</a>
 
+          </div>
 
+        </div>
 
+        <div class="navbar-item has-dropdown is-hoverable">
 
+          <a class="navbar-link" href="#">Services</a>
 
+          <div class="navbar-dropdown">
 
+            <a class="navbar-item" href="#">Service A</a>
 
+            <a class="navbar-item" href="#">Service B</a>
 
+            <a class="navbar-item" href="#">Service C</a>
 
+          </div>
 
+        </div>
 
+        <div class="navbar-item has-dropdown is-hoverable">
 
+          <a class="navbar-link" href="#">Resources</a>
 
+          <div class="navbar-dropdown">
 
+            <a class="navbar-item" href="#">Resource A</a>
 
+            <a class="navbar-item" href="#">Resource B</a>
 
+            <a class="navbar-item" href="#">Resource C</a>
 
+          </div>
 
+        </div>
 
+        <div class="navbar-item">
 
+          <span class="control">
 
+            <a class="button is-primary" href="#">Download</a>
 
+          </span>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </nav>
 
+</header>
 
+<div class="body">
 
+<div class="nav-container" data-component="antora-ui-default" data-version="master">
 
+  <aside class="nav">
 
+    <div class="panels">
 
+<div class="nav-panel-menu is-active" data-panel="menu">
 
+  <nav class="nav-menu">
 
+    <h3 class="title"><a href="index.html">Antora Default UI</a></h3>
 
+<ul class="nav-list">
 
+  <li class="nav-item" data-depth="0">
 
+<ul class="nav-list">
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="prerequisites.html">UI Development Prerequisites</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="set-up-project.html">Set up a UI Project</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="build-preview-ui.html">Build and Preview the UI</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="development-workflow.html">UI Development Workflow</a>
 
+  </li>
 
+  <li class="nav-item is-current-page" data-depth="1">
 
+    <a class="nav-link" href="templates.html">Work with the Handlebars Templates</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <button class="nav-item-toggle"></button>
 
+    <a class="nav-link" href="stylesheets.html">Work with the CSS Stylesheets</a>
 
+<ul class="nav-list">
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="add-fonts.html">Add Fonts</a>
 
+  </li>
 
+</ul>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <button class="nav-item-toggle"></button>
 
+    <a class="nav-link" href="style-guide.html">UI Element Styles</a>
 
+<ul class="nav-list">
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="inline-text-styles.html">Inline Text</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="admonition-styles.html">Admonitions</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="list-styles.html">Lists</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="sidebar-styles.html">Sidebars</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="ui-macro-styles.html">UI Macros</a>
 
+  </li>
 
+</ul>
 
+  </li>
 
+</ul>
 
+  </li>
 
+</ul>
 
+  </nav>
 
+</div>
 
+<div class="nav-panel-explore" data-panel="explore">
 
+  <div class="context">
 
+    <span class="title">Antora Default UI</span>
 
+    <span class="version">master</span>
 
+  </div>
 
+  <ul class="components">
 
+    <li class="component is-current">
 
+      <span class="title">Antora Default UI</span>
 
+      <ul class="versions">
 
+        <li class="version is-current is-latest">
 
+          <a href="index.html">master</a>
 
+        </li>
 
+      </ul>
 
+    </li>
 
+    <li class="component">
 
+      <span class="title">Docs</span>
 
+      <ul class="versions">
 
+        <li class="version is-latest">
 
+          <a href="../docs/jme3.html">master</a>
 
+        </li>
 
+      </ul>
 
+    </li>
 
+  </ul>
 
+</div>
 
+    </div>
 
+  </aside>
 
+</div>
 
+<main class="article">
 
+<div class="toolbar" role="navigation">
 
+<button class="nav-toggle"></button>
 
+  <a href="../docs/documentation.html" class="home-link"></a>
 
+<nav class="breadcrumbs" aria-label="breadcrumbs">
 
+  <ul>
 
+    <li><a href="index.html">Antora Default UI</a></li>
 
+    <li><a href="templates.html">Work with the Handlebars Templates</a></li>
 
+  </ul>
 
+</nav>
 
+  <div class="edit-this-page"><a href="https://github.com/jMonkeyEngine/wiki-ui/edit/master/docs/modules/ROOT/pages/templates.adoc">Edit this Page</a></div>
 
+  </div>
 
+  <div class="content">
 
+<article class="doc">
 
+<h1 class="page">Work with the Handlebars Templates</h1>
 
+<div id="preamble">
 
+<div class="sectionbody">
 
+<div class="paragraph">
 
+<p>Antora combines the Handlebars templates with the converted AsciiDoc content and other UI model data to make the pages in the site.
 
+These &#8220;logic-less&#8221; templates are mostly HTML with some special mustache tags sprinkled in where content should be inserted.</p>
 
+</div>
 
+</div>
 
+</div>
 
+<div class="sect1">
 
+<h2 id="what-do-the-templates-do"><a class="anchor" href="#what-do-the-templates-do"></a>What do the templates do?</h2>
 
+<div class="sectionbody">
 
+<div class="paragraph">
 
+<p>The layout templates, which are stored in <em class="path">src/layouts/</em>, provide the main page structure.
 
+The partial templates, in <em class="path">src/partials/</em>, fill in different regions of a page, such as the navigation and footer.</p>
 
+</div>
 
+<div class="paragraph">
 
+<p>The templates read from a model that&#8217;s populated by Antora.
 
+The model can be accessed by enclosing path expressions in mustaches, which are <code>{{</code> and <code>}}</code> or <code>{{{</code> and <code>}}}</code> (e.g., <code>{{{page.title}}}</code>).
 
+The double mustaches escape the value for HTML, whereas triple mustaches insert the value as is.</p>
 
+</div>
 
+<div class="admonitionblock warning">
 
+<table>
 
+<tr>
 
+<td class="icon">
 
+<i class="fa icon-warning" title="Warning"></i>
 
+</td>
 
+<td class="content">
 
+If the mustaches are preceded by a backslash (e.g, <code>\{{</code>), the expression will be disabled.
 
+This often comes up when constructing URLs.
 
+To avoid this problem, you should use forward slashes in URLs instead of backslashes.
 
+</td>
 
+</tr>
 
+</table>
 
+</div>
 
+<div class="paragraph">
 
+<p>When <code>{{</code> is immediately followed by <code>&gt;</code>, that invokes a partial (from the partials directory) and inserts the result (e.g., <code>{{&gt; head}}</code>.
 
+In other words, that&#8217;s not a model reference like the other mustache expressions.</p>
 
+</div>
 
+<div class="sect2">
 
+<h3 id="template-variables"><a class="anchor" href="#template-variables"></a>Template variables</h3>
 
+<div class="admonitionblock caution">
 
+<table>
 
+<tr>
 
+<td class="icon">
 
+<i class="fa icon-caution" title="Caution"></i>
 
+</td>
 
+<td class="content">
 
+This model is not final.
 
+Variable names and purposes may change.
 
+</td>
 
+</tr>
 
+</table>
 
+</div>
 
+<div class="paragraph">
 
+<p>Here&#8217;s an overview of the available UI model:</p>
 
+</div>
 
+<table id="template-variables-table" class="tableblock frame-all grid-all stretch">
 
+<caption class="title">Table 1. Variables available to the Handlebars templates (top-level variables in bold)</caption>
 
+<colgroup>
 
+<col style="width: 33.3333%;">
 
+<col style="width: 66.6667%;">
 
+</colgroup>
 
+<thead>
 
+<tr>
 
+<th class="tableblock halign-left valign-top">Name</th>
 
+<th class="tableblock halign-left valign-top">Description</th>
 
+</tr>
 
+</thead>
 
+<tbody>
 
+<tr>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock"><strong><a id="site"></a>site</strong></p></td>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock">Information about the site.</p></td>
 
+</tr>
 
+<tr>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>site.url</code></p></td>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock">The base URL of the site, if specified in the playbook.</p></td>
 
+</tr>
 
+<tr>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>site.path</code></p></td>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock">The pathname (i.e., subpath) of the site.url under which the site is hosted (e.g., /docs).
 
+This value is empty if site.url is not defined, has no path segment, or matches /.
 
+Can be removed from the site.url value using a helper (e.g., <code>deleteSuffix site.url site.path</code>)
 
+(since Antora 2.1)</p></td>
 
+</tr>
 
+<tr>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>site.title</code></p></td>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock">The title of the site.</p></td>
 
+</tr>
 
+<tr>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>site.components</code></p></td>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock">A map of all the components in the site, keyed by component name.
 
+Properties of each component include name, title, url, latest, and versions.
 
+Properties of each version include name (since 2.3), version, displayVersion, prerelease (if set), title, url, asciidoc (since 2.3), and navigation.
 
+The navigation property on each version provides access to the navigation menu for that component version.</p></td>
 
+</tr>
 
+<tr>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>site.ui</code></p></td>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock">Information about the site UI.</p></td>
 
+</tr>
 
+<tr>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>site.ui.defaultLayout</code></p></td>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock">The default page layout used for this site.</p></td>
 
+</tr>
 
+<tr>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>site.ui.url</code></p></td>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock">The absolute base URL of the UI.</p></td>
 
+</tr>
 
+<tr>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock"><strong><a id="page"></a>page</strong></p></td>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock">Information about the current page.</p></td>
 
+</tr>
 
+<tr>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>page.title</code></p></td>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock">The page title in HTML format (often used as the primary heading).
 
+This value may include inline HTML elements and XML character references.</p></td>
 
+</tr>
 
+<tr>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>page.contents</code></p></td>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock">The main article content in HTML format.
 
+Sourced from AsciiDoc and converted to HTML by the Asciidoctor processor.</p></td>
 
+</tr>
 
+<tr>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>page.attributes</code></p></td>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock">Any AsciiDoc document attribute prefixed with <code>page-</code>.
 
+The <code>page-</code> prefix is dropped from the name used in this model.
 
+For example, the value of the document attribute named <code>page-support-phone</code> can be accessed via the UI model using <code>page.attributes.support-phone</code>.
 
+Page attributes can be defined per page in the AsciiDoc document header (e.g., <code>:page-support-phone: +1 212-555-1234</code>) or globally in the playbook under the key <code>asciidoc.attributes</code>.
 
+The <code>page-</code> prefix is used to isolate page-related attributes from the numerous other document attributes in AsciiDoc.</p></td>
 
+</tr>
 
+<tr>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>page.description</code></p></td>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock">The text of the description attribute in the AsciiDoc header, if specified.</p></td>
 
+</tr>
 
+<tr>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>page.keywords</code></p></td>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock">A comma-separated list of keywords defined in the AsciiDoc header, if specified.</p></td>
 
+</tr>
 
+<tr>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>page.component</code></p></td>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock">Information about the component for the current page.
 
+Properties include name, title, url, latest, and versions.</p></td>
 
+</tr>
 
+<tr>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>page.componentVersion</code></p></td>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock">Information about the component version for the current page.
 
+Properties include name (since 2.3), version, displayVersion, prerelease (if set), title, url, and asciidoc (since 2.3).</p></td>
 
+</tr>
 
+<tr>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>page.module</code></p></td>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock">The name of the module for the current page.</p></td>
 
+</tr>
 
+<tr>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>page.version</code></p></td>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock">The name of the version for the current page.</p></td>
 
+</tr>
 
+<tr>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>page.displayVersion</code></p></td>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock">The name of the display version for the current page.</p></td>
 
+</tr>
 
+<tr>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>page.versions</code></p></td>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock">All versions of the current page, including the current page.
 
+Each entry has the properties url, string, and missing.</p></td>
 
+</tr>
 
+<tr>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>page.breadcrumbs</code></p></td>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock">An array of breadcrumb items that represent the current selection in the navigation tree.
 
+Includes text-only and external items.</p></td>
 
+</tr>
 
+<tr>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>page.navigation</code></p></td>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock">The hierarchical navigation menu for the component version of the current page.
 
+Each navigation item contains the property <code>content</code> as well as the optional properties <code>url</code> and (child) <code>items</code>.</p></td>
 
+</tr>
 
+<tr>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>page.url</code></p></td>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock">The URL for the current page.
 
+This value is a root-relative path.
 
+It&#8217;s often used as the base URL to generate relative URLs from this page.</p></td>
 
+</tr>
 
+<tr>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>page.canonicalUrl</code></p></td>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock">The canonical URL for the current page.
 
+The canonicalUrl is only set if site.url is set.
 
+If there are multiple versions of the component, the canonical URL is the qualified URL of the most recent version of the page (excluding any prerelease versions).
 
+If there&#8217;s only a single version of the component, the canonical URL is the qualified URL of the current page.</p></td>
 
+</tr>
 
+<tr>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>page.editUrl</code></p></td>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock">The URL to edit the current page (typically a web-based editor on the git host).
 
+The only hosts supported right now are github.com, gitlab.com, pagure.io, and bitbucket.org.</p></td>
 
+</tr>
 
+<tr>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>page.origin.private</code></p></td>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock">This value will be true if the repository requires authentication or the repository URL embeds credentials.
 
+In the default UI, if this value is <code>true</code>, the "Edit this Page" link is disabled.
 
+A quick way to force this property to be <code>true</code> (even if the repository is public) is to begin the content source URL in the playbook with empty credentials, as in <code>https://@</code>.
 
+Then, the "Edit the Page" link will not appear.</p></td>
 
+</tr>
 
+<tr>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>page.home</code></p></td>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock">Indicates whether the current page is the home page of the site.</p></td>
 
+</tr>
 
+<tr>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>page.layout</code></p></td>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock">The page layout for the current page.</p></td>
 
+</tr>
 
+<tr>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>page.next</code></p></td>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock">The next reachable page in the navigation tree (skips past text-only and external items).</p></td>
 
+</tr>
 
+<tr>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>page.previous</code></p></td>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock">The previous reachable page in the navigation tree (skips past text-only and external items).</p></td>
 
+</tr>
 
+<tr>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock"><code>page.parent</code></p></td>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock">The parent page in the navigation tree (skips past text-only and external items).</p></td>
 
+</tr>
 
+<tr>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock"><strong>env</strong></p></td>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock">The map of environment variables (sourced from <code>process.env</code>).</p></td>
 
+</tr>
 
+<tr>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock"><strong>siteRootPath</strong></p></td>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock">The relative path to the root of the published site.</p></td>
 
+</tr>
 
+<tr>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock"><strong>uiRootPath</strong></p></td>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock">The relative path to the root directory of the UI.</p></td>
 
+</tr>
 
+<tr>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock"><strong>antoraVersion</strong></p></td>
 
+<td class="tableblock halign-left valign-top"><p class="tableblock">The version of Antora used to build the site (specifically the version of the @antora/page-composer package).</p></td>
 
+</tr>
 
+</tbody>
 
+</table>
 
+<div class="paragraph">
 
+<p>This model is likely to grow over time.</p>
 
+</div>
 
+</div>
 
+</div>
 
+</div>
 
+<div class="sect1">
 
+<h2 id="modify-a-template"><a class="anchor" href="#modify-a-template"></a>Modify a template</h2>
 
+<div class="sectionbody">
 
+<div class="paragraph">
 
+<p>Let&#8217;s consider the case when you want to add a new meta tag inside the HTML head.</p>
 
+</div>
 
+<div class="paragraph">
 
+<p>First, make sure you have set up the project and created a development branch.
 
+Next, open the file <em class="path">templates/partials/head.hbs</em> and add your tag.</p>
 
+</div>
 
+<div class="listingblock">
 
+<div class="content">
 
+<pre class="highlightjs highlight"><code class="language-html hljs" data-lang="html">&lt;meta class="swiftype" name="title" data-type="string" content="{{page.title}}"&gt;</code></pre>
 
+</div>
 
+</div>
 
+<div class="paragraph">
 
+<p>Each template file has access to the template model, which exposes information about the current page through variable names.
 
+The variables currently available are listed in <a href="#template-variables-table">Variables available to the Handlebars templates (top-level variables in bold)</a>.</p>
 
+</div>
 
+<div class="paragraph">
 
+<p>Save the file, commit it to git, push the branch, and allow the approval workflow to play out.</p>
 
+</div>
 
+</div>
 
+</div>
 
+<nav class="pagination">
 
+  <span class="prev"><a href="development-workflow.html">UI Development Workflow</a></span>
 
+  <span class="next"><a href="stylesheets.html">Work with the CSS Stylesheets</a></span>
 
+</nav>
 
+</article>
 
+<aside class="toc sidebar" data-title="Contents" data-levels="2">
 
+  <div class="toc-menu"></div>
 
+</aside>
 
+  </div>
 
+</main>
 
+</div>
 
+<footer class="footer">
 
+  <p>This page was built using the Antora default UI.</p>
 
+  <p>The source code for this UI is licensed under the terms of the MPL-2.0 license.</p>
 
+</footer>
 
+<script src="../_/js/site.js"></script>
 
+<script async src="../_/js/vendor/highlight.js"></script>
 
+  </body>
 
+</html>

+ 273 - 0
antora-ui-default/ui-macro-styles.html
Dosyayı Görüntüle 

@@ -0,0 +1,273 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+  <head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width,initial-scale=1">
 
+    <title>UI Macro Styles :: jMonkeyEngine Docs</title>
 
+    <link rel="canonical" href="https://wiki.jmonkeyengine.org/antora-ui-default/ui-macro-styles.html">
 
+    <link rel="prev" href="sidebar-styles.html">
 
+    <meta name="generator" content="Antora 2.3.3">
 
+    <link rel="stylesheet" href="../_/css/site.css">
 
+  </head>
 
+  <body class="article">
 
+<header class="header">
 
+  <nav class="navbar">
 
+    <div class="navbar-brand">
 
+      <a class="navbar-item" href="https://wiki.jmonkeyengine.org">jMonkeyEngine Docs</a>
 
+      <button class="navbar-burger" data-target="topbar-nav">
 
+        <span></span>
 
+        <span></span>
 
+        <span></span>
 
+      </button>
 
+    </div>
 
+    <div id="topbar-nav" class="navbar-menu">
 
+      <div class="navbar-end">
 
+        <a class="navbar-item" href="#">Home</a>
 
+        <div class="navbar-item has-dropdown is-hoverable">
 
+          <a class="navbar-link" href="#">Products</a>
 
+          <div class="navbar-dropdown">
 
+            <a class="navbar-item" href="#">Product A</a>
 
+            <a class="navbar-item" href="#">Product B</a>
 
+            <a class="navbar-item" href="#">Product C</a>
 
+          </div>
 
+        </div>
 
+        <div class="navbar-item has-dropdown is-hoverable">
 
+          <a class="navbar-link" href="#">Services</a>
 
+          <div class="navbar-dropdown">
 
+            <a class="navbar-item" href="#">Service A</a>
 
+            <a class="navbar-item" href="#">Service B</a>
 
+            <a class="navbar-item" href="#">Service C</a>
 
+          </div>
 
+        </div>
 
+        <div class="navbar-item has-dropdown is-hoverable">
 
+          <a class="navbar-link" href="#">Resources</a>
 
+          <div class="navbar-dropdown">
 
+            <a class="navbar-item" href="#">Resource A</a>
 
+            <a class="navbar-item" href="#">Resource B</a>
 
+            <a class="navbar-item" href="#">Resource C</a>
 
+          </div>
 
+        </div>
 
+        <div class="navbar-item">
 
+          <span class="control">
 
+            <a class="button is-primary" href="#">Download</a>
 
+          </span>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </nav>
 
+</header>
 
+<div class="body">
 
+<div class="nav-container" data-component="antora-ui-default" data-version="master">
 
+  <aside class="nav">
 
+    <div class="panels">
 
+<div class="nav-panel-menu is-active" data-panel="menu">
 
+  <nav class="nav-menu">
 
+    <h3 class="title"><a href="index.html">Antora Default UI</a></h3>
 
+<ul class="nav-list">
 
+  <li class="nav-item" data-depth="0">
 
+<ul class="nav-list">
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="prerequisites.html">UI Development Prerequisites</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="set-up-project.html">Set up a UI Project</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="build-preview-ui.html">Build and Preview the UI</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="development-workflow.html">UI Development Workflow</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <a class="nav-link" href="templates.html">Work with the Handlebars Templates</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <button class="nav-item-toggle"></button>
 
+    <a class="nav-link" href="stylesheets.html">Work with the CSS Stylesheets</a>
 
+<ul class="nav-list">
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="add-fonts.html">Add Fonts</a>
 
+  </li>
 
+</ul>
 
+  </li>
 
+  <li class="nav-item" data-depth="1">
 
+    <button class="nav-item-toggle"></button>
 
+    <a class="nav-link" href="style-guide.html">UI Element Styles</a>
 
+<ul class="nav-list">
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="inline-text-styles.html">Inline Text</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="admonition-styles.html">Admonitions</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="list-styles.html">Lists</a>
 
+  </li>
 
+  <li class="nav-item" data-depth="2">
 
+    <a class="nav-link" href="sidebar-styles.html">Sidebars</a>
 
+  </li>
 
+  <li class="nav-item is-current-page" data-depth="2">
 
+    <a class="nav-link" href="ui-macro-styles.html">UI Macros</a>
 
+  </li>
 
+</ul>
 
+  </li>
 
+</ul>
 
+  </li>
 
+</ul>
 
+  </nav>
 
+</div>
 
+<div class="nav-panel-explore" data-panel="explore">
 
+  <div class="context">
 
+    <span class="title">Antora Default UI</span>
 
+    <span class="version">master</span>
 
+  </div>
 
+  <ul class="components">
 
+    <li class="component is-current">
 
+      <span class="title">Antora Default UI</span>
 
+      <ul class="versions">
 
+        <li class="version is-current is-latest">
 
+          <a href="index.html">master</a>
 
+        </li>
 
+      </ul>
 
+    </li>
 
+    <li class="component">
 
+      <span class="title">Docs</span>
 
+      <ul class="versions">
 
+        <li class="version is-latest">
 
+          <a href="../docs/jme3.html">master</a>
 
+        </li>
 
+      </ul>
 
+    </li>
 
+  </ul>
 
+</div>
 
+    </div>
 
+  </aside>
 
+</div>
 
+<main class="article">
 
+<div class="toolbar" role="navigation">
 
+<button class="nav-toggle"></button>
 
+  <a href="../docs/documentation.html" class="home-link"></a>
 
+<nav class="breadcrumbs" aria-label="breadcrumbs">
 
+  <ul>
 
+    <li><a href="index.html">Antora Default UI</a></li>
 
+    <li><a href="style-guide.html">UI Element Styles</a></li>
 
+    <li><a href="ui-macro-styles.html">UI Macros</a></li>
 
+  </ul>
 
+</nav>
 
+  <div class="edit-this-page"><a href="https://github.com/jMonkeyEngine/wiki-ui/edit/master/docs/modules/ROOT/pages/ui-macro-styles.adoc">Edit this Page</a></div>
 
+  </div>
 
+  <div class="content">
 
+<article class="doc">
 
+<h1 class="page">UI Macro Styles</h1>
 
+<div id="preamble">
 
+<div class="sectionbody">
 
+<div class="paragraph">
 
+<p>Asciidoctor supports <a href="#antora:asciidoc:ui-macros.adoc" class="page unresolved">three UI element representations</a> out of the box, which are made from corresponding inline UI macros.</p>
 
+</div>
 
+<div class="ulist">
 
+<ul>
 
+<li>
 
+<p>button (btn macro)</p>
 
+</li>
 
+<li>
 
+<p>keybinding (kbd macro)</p>
 
+</li>
 
+<li>
 
+<p>menu (menu macro)</p>
 
+</li>
 
+</ul>
 
+</div>
 
+<div class="paragraph">
 
+<p>The UI elements are output using semantic HTML elements, so they inherit some default styling from the browser.
 
+However, to look proper, they require some additional styling.</p>
 
+</div>
 
+</div>
 
+</div>
 
+<div class="sect1">
 
+<h2 id="button"><a class="anchor" href="#button"></a>Button</h2>
 
+<div class="sectionbody">
 
+<div class="paragraph">
 
+<p>A <a href="#antora:asciidoc:ui-macros.adoc#button" class="page unresolved">button</a> is meant to represent an on-screen button (<code>btn:[Save]</code>).
 
+However, it should not appear like an actual button as that could confuse the reader into thinking it&#8217;s interactive.
 
+Therefore, a button is rendered as a bold text by default:</p>
 
+</div>
 
+<div class="listingblock">
 
+<div class="content">
 
+<pre class="highlightjs highlight"><code class="language-html hljs" data-lang="html">&lt;b class="button"&gt;Save&lt;/b&gt;</code></pre>
 
+</div>
 
+</div>
 
+<div class="paragraph">
 
+<p>Traditionally, a button reference is styled by surrounding the text with square brackets, as shown here:</p>
 
+</div>
 
+<div class="paragraph">
 
+<p><b class="button">Save</b></p>
 
+</div>
 
+</div>
 
+</div>
 
+<div class="sect1">
 
+<h2 id="keybinding"><a class="anchor" href="#keybinding"></a>Keybinding</h2>
 
+<div class="sectionbody">
 
+<div class="paragraph">
 
+<p>A <a href="#antora:asciidoc:ui-macros.adoc#keybinding" class="page unresolved">keybinding</a> can be a single key (<code>kbd:[F11]</code>) or a sequence of keys (<code>+<span class="keyseq"><kbd>Ctrl</kbd>+<kbd>F</kbd></span></code>).
 
+Here&#8217;s the HTML that&#8217;s generated for these two forms.</p>
 
+</div>
 
+<div class="listingblock">
 
+<div class="content">
 
+<pre class="highlightjs highlight"><code class="language-html hljs" data-lang="html">&lt;kbd&gt;F11&lt;/kbd&gt;
 
+&lt;span class="keyseq"&gt;&lt;kbd&gt;Ctrl&lt;/kbd&gt;+&lt;kbd&gt;F&lt;/kbd&gt;&lt;/span&gt;</code></pre>
 
+</div>
 
+</div>
 
+<div class="paragraph">
 
+<p>Here&#8217;s how these might appear:</p>
 
+</div>
 
+<div class="paragraph">
 
+<p><kbd>F11</kbd><br>
 
+<span class="keyseq"><kbd>Ctrl</kbd>+<kbd>F</kbd></span></p>
 
+</div>
 
+</div>
 
+</div>
 
+<div class="sect1">
 
+<h2 id="menu"><a class="anchor" href="#menu"></a>Menu</h2>
 
+<div class="sectionbody">
 
+<div class="paragraph">
 
+<p>A <a href="#antora:asciidoc:ui-macros.adoc#menu" class="page unresolved">menu</a> can be a top-level menu reference (<code>menu:File[]</code>) or a nested selection (<code>menu:File[Save]</code>).
 
+Here&#8217;s the HTML that&#8217;s generated for these two forms.</p>
 
+</div>
 
+<div class="listingblock">
 
+<div class="content">
 
+<pre class="highlightjs highlight"><code class="language-html hljs" data-lang="html">&lt;b class="menuref"&gt;File&lt;/b&gt;
 
+&lt;span class="menuseq"&gt;&lt;b class="menu"&gt;File&lt;/b&gt;&amp;#160;&lt;b class="caret"&gt;&amp;#8250;&lt;/b&gt; &lt;b class="menuitem"&gt;Save&lt;/b&gt;&lt;/span&gt;</code></pre>
 
+</div>
 
+</div>
 
+<div class="paragraph">
 
+<p>This might be rendered as:</p>
 
+</div>
 
+<div class="paragraph">
 
+<p><b class="menuref">File</b></p>
 
+</div>
 
+<div class="paragraph">
 
+<p><span class="menuseq"><b class="menu">File</b>&#160;<i class="fa fa-angle-right caret"></i> <b class="menuitem">Save</b></span></p>
 
+</div>
 
+<div class="paragraph">
 
+<p>The default styling applied to a menu reference is usually sufficient.</p>
 
+</div>
 
+</div>
 
+</div>
 
+<nav class="pagination">
 
+  <span class="prev"><a href="sidebar-styles.html">Sidebars</a></span>
 
+</nav>
 
+</article>
 
+<aside class="toc sidebar" data-title="Contents" data-levels="2">
 
+  <div class="toc-menu"></div>
 
+</aside>
 
+  </div>
 
+</main>
 
+</div>
 
+<footer class="footer">
 
+  <p>This page was built using the Antora default UI.</p>
 
+  <p>The source code for this UI is licensed under the terms of the MPL-2.0 license.</p>
 
+</footer>
 
+<script src="../_/js/site.js"></script>
 
+<script async src="../_/js/vendor/highlight.js"></script>
 
+  </body>
 
+</html>

+ 0 - 407
asciidoctor.css
Dosyayı Görüntüle 

@@ -1,407 +0,0 @@
 
-/* Asciidoctor default stylesheet | MIT License | http://asciidoctor.org */
 
-/* Remove comment around @import statement below when using as a custom stylesheet */
 
-/*@import "https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic%7CNoto+Serif:400,400italic,700,700italic%7CDroid+Sans+Mono:400,700";*/
 
-article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
 
-audio,canvas,video{display:inline-block}
 
-audio:not([controls]){display:none;height:0}
 
-[hidden],template{display:none}
 
-script{display:none!important}
 
-html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
 
-body{margin:0}
 
-a{background:transparent}
 
-a:focus{outline:thin dotted}
 
-a:active,a:hover{outline:0}
 
-h1{font-size:2em;margin:.67em 0}
 
-abbr[title]{border-bottom:1px dotted}
 
-b,strong{font-weight:bold}
 
-dfn{font-style:italic}
 
-hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
 
-mark{background:#ff0;color:#000}
 
-code,kbd,pre,samp{font-family:monospace;font-size:1em}
 
-pre{white-space:pre-wrap}
 
-q{quotes:"\201C" "\201D" "\2018" "\2019"}
 
-small{font-size:80%}
 
-sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
 
-sup{top:-.5em}
 
-sub{bottom:-.25em}
 
-img{border:0}
 
-svg:not(:root){overflow:hidden}
 
-figure{margin:0}
 
-fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
 
-legend{border:0;padding:0}
 
-button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}
 
-button,input{line-height:normal}
 
-button,select{text-transform:none}
 
-button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
 
-button[disabled],html input[disabled]{cursor:default}
 
-input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
 
-input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
 
-input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
 
-button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
 
-textarea{overflow:auto;vertical-align:top}
 
-table{border-collapse:collapse;border-spacing:0}
 
-*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
 
-html,body{font-size:100%}
 
-body{background:#fff;color:rgba(0,0,0,.8);padding:0;margin:0;font-family:"Noto Serif","DejaVu Serif",serif;font-weight:400;font-style:normal;line-height:1;position:relative;cursor:auto}
 
-a:hover{cursor:pointer}
 
-img,object,embed{max-width:100%;height:auto}
 
-object,embed{height:100%}
 
-img{-ms-interpolation-mode:bicubic}
 
-.left{float:left!important}
 
-.right{float:right!important}
 
-.text-left{text-align:left!important}
 
-.text-right{text-align:right!important}
 
-.text-center{text-align:center!important}
 
-.text-justify{text-align:justify!important}
 
-.hide{display:none}
 
-body{-webkit-font-smoothing:antialiased}
 
-img,object,svg{display:inline-block;vertical-align:middle}
 
-textarea{height:auto;min-height:50px}
 
-select{width:100%}
 
-.center{margin-left:auto;margin-right:auto}
 
-.spread{width:100%}
 
-p.lead,.paragraph.lead>p,#preamble>.sectionbody>.paragraph:first-of-type p{font-size:1.21875em;line-height:1.6}
 
-.subheader,.admonitionblock td.content>.title,.audioblock>.title,.exampleblock>.title,.imageblock>.title,.listingblock>.title,.literalblock>.title,.stemblock>.title,.openblock>.title,.paragraph>.title,.quoteblock>.title,table.tableblock>.title,.verseblock>.title,.videoblock>.title,.dlist>.title,.olist>.title,.ulist>.title,.qlist>.title,.hdlist>.title{line-height:1.45;color:#7a2518;font-weight:400;margin-top:0;margin-bottom:.25em}
 
-div,dl,dt,dd,ul,ol,li,h1,h2,h3,#toctitle,.sidebarblock>.content>.title,h4,h5,h6,pre,form,p,blockquote,th,td{margin:0;padding:0;direction:ltr}
 
-a{color:#2156a5;text-decoration:underline;line-height:inherit}
 
-a:hover,a:focus{color:#1d4b8f}
 
-a img{border:none}
 
-p{font-family:inherit;font-weight:400;font-size:1em;line-height:1.6;margin-bottom:1.25em;text-rendering:optimizeLegibility}
 
-p aside{font-size:.875em;line-height:1.35;font-style:italic}
 
-h1,h2,h3,#toctitle,.sidebarblock>.content>.title,h4,h5,h6{font-family:"Open Sans","DejaVu Sans",sans-serif;font-weight:300;font-style:normal;color:#ba3925;text-rendering:optimizeLegibility;margin-top:1em;margin-bottom:.5em;line-height:1.0125em}
 
-h1 small,h2 small,h3 small,#toctitle small,.sidebarblock>.content>.title small,h4 small,h5 small,h6 small{font-size:60%;color:#e99b8f;line-height:0}
 
-h1{font-size:2.125em}
 
-h2{font-size:1.6875em}
 
-h3,#toctitle,.sidebarblock>.content>.title{font-size:1.375em}
 
-h4,h5{font-size:1.125em}
 
-h6{font-size:1em}
 
-hr{border:solid #ddddd8;border-width:1px 0 0;clear:both;margin:1.25em 0 1.1875em;height:0}
 
-em,i{font-style:italic;line-height:inherit}
 
-strong,b{font-weight:bold;line-height:inherit}
 
-small{font-size:60%;line-height:inherit}
 
-code{font-family:"Droid Sans Mono","DejaVu Sans Mono",monospace;font-weight:400;color:rgba(0,0,0,.9)}
 
-ul,ol,dl{font-size:1em;line-height:1.6;margin-bottom:1.25em;list-style-position:outside;font-family:inherit}
 
-ul,ol,ul.no-bullet,ol.no-bullet{margin-left:1.5em}
 
-ul li ul,ul li ol{margin-left:1.25em;margin-bottom:0;font-size:1em}
 
-ul.square li ul,ul.circle li ul,ul.disc li ul{list-style:inherit}
 
-ul.square{list-style-type:square}
 
-ul.circle{list-style-type:circle}
 
-ul.disc{list-style-type:disc}
 
-ul.no-bullet{list-style:none}
 
-ol li ul,ol li ol{margin-left:1.25em;margin-bottom:0}
 
-dl dt{margin-bottom:.3125em;font-weight:bold}
 
-dl dd{margin-bottom:1.25em}
 
-abbr,acronym{text-transform:uppercase;font-size:90%;color:rgba(0,0,0,.8);border-bottom:1px dotted #ddd;cursor:help}
 
-abbr{text-transform:none}
 
-blockquote{margin:0 0 1.25em;padding:.5625em 1.25em 0 1.1875em;border-left:1px solid #ddd}
 
-blockquote cite{display:block;font-size:.9375em;color:rgba(0,0,0,.6)}
 
-blockquote cite:before{content:"\2014 \0020"}
 
-blockquote cite a,blockquote cite a:visited{color:rgba(0,0,0,.6)}
 
-blockquote,blockquote p{line-height:1.6;color:rgba(0,0,0,.85)}
 
-@media only screen and (min-width:768px){h1,h2,h3,#toctitle,.sidebarblock>.content>.title,h4,h5,h6{line-height:1.2}
 
-h1{font-size:2.75em}
 
-h2{font-size:2.3125em}
 
-h3,#toctitle,.sidebarblock>.content>.title{font-size:1.6875em}
 
-h4{font-size:1.4375em}}
 
-table{background:#fff;margin-bottom:1.25em;border:solid 1px #dedede}
 
-table thead,table tfoot{background:#f7f8f7;font-weight:bold}
 
-table thead tr th,table thead tr td,table tfoot tr th,table tfoot tr td{padding:.5em .625em .625em;font-size:inherit;color:rgba(0,0,0,.8);text-align:left}
 
-table tr th,table tr td{padding:.5625em .625em;font-size:inherit;color:rgba(0,0,0,.8)}
 
-table tr.even,table tr.alt,table tr:nth-of-type(even){background:#f8f8f7}
 
-table thead tr th,table tfoot tr th,table tbody tr td,table tr td,table tfoot tr td{display:table-cell;line-height:1.6}
 
-body{tab-size:4}
 
-h1,h2,h3,#toctitle,.sidebarblock>.content>.title,h4,h5,h6{line-height:1.2;word-spacing:-.05em}
 
-h1 strong,h2 strong,h3 strong,#toctitle strong,.sidebarblock>.content>.title strong,h4 strong,h5 strong,h6 strong{font-weight:400}
 
-.clearfix:before,.clearfix:after,.float-group:before,.float-group:after{content:" ";display:table}
 
-.clearfix:after,.float-group:after{clear:both}
 
-*:not(pre)>code{font-size:.9375em;font-style:normal!important;letter-spacing:0;padding:.1em .5ex;word-spacing:-.15em;background-color:#f7f7f8;-webkit-border-radius:4px;border-radius:4px;line-height:1.45;text-rendering:optimizeSpeed}
 
-pre,pre>code{line-height:1.45;color:rgba(0,0,0,.9);font-family:"Droid Sans Mono","DejaVu Sans Mono",monospace;font-weight:400;text-rendering:optimizeSpeed}
 
-.keyseq{color:rgba(51,51,51,.8)}
 
-kbd{font-family:"Droid Sans Mono","DejaVu Sans Mono",monospace;display:inline-block;color:rgba(0,0,0,.8);font-size:.65em;line-height:1.45;background-color:#f7f7f7;border:1px solid #ccc;-webkit-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.2),0 0 0 .1em white inset;box-shadow:0 1px 0 rgba(0,0,0,.2),0 0 0 .1em #fff inset;margin:0 .15em;padding:.2em .5em;vertical-align:middle;position:relative;top:-.1em;white-space:nowrap}
 
-.keyseq kbd:first-child{margin-left:0}
 
-.keyseq kbd:last-child{margin-right:0}
 
-.menuseq,.menu{color:rgba(0,0,0,.8)}
 
-b.button:before,b.button:after{position:relative;top:-1px;font-weight:400}
 
-b.button:before{content:"[";padding:0 3px 0 2px}
 
-b.button:after{content:"]";padding:0 2px 0 3px}
 
-p a>code:hover{color:rgba(0,0,0,.9)}
 
-#header,#content,#footnotes,#footer{width:100%;margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:0;max-width:62.5em;*zoom:1;position:relative;padding-left:.9375em;padding-right:.9375em}
 
-#header:before,#header:after,#content:before,#content:after,#footnotes:before,#footnotes:after,#footer:before,#footer:after{content:" ";display:table}
 
-#header:after,#content:after,#footnotes:after,#footer:after{clear:both}
 
-#content{margin-top:1.25em}
 
-#content:before{content:none}
 
-#header>h1:first-child{color:rgba(0,0,0,.85);margin-top:2.25rem;margin-bottom:0}
 
-#header>h1:first-child+#toc{margin-top:8px;border-top:1px solid #ddddd8}
 
-#header>h1:only-child,body.toc2 #header>h1:nth-last-child(2){border-bottom:1px solid #ddddd8;padding-bottom:8px}
 
-#header .details{border-bottom:1px solid #ddddd8;line-height:1.45;padding-top:.25em;padding-bottom:.25em;padding-left:.25em;color:rgba(0,0,0,.6);display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-flow:row wrap;-webkit-flex-flow:row wrap;flex-flow:row wrap}
 
-#header .details span:first-child{margin-left:-.125em}
 
-#header .details span.email a{color:rgba(0,0,0,.85)}
 
-#header .details br{display:none}
 
-#header .details br+span:before{content:"\00a0\2013\00a0"}
 
-#header .details br+span.author:before{content:"\00a0\22c5\00a0";color:rgba(0,0,0,.85)}
 
-#header .details br+span#revremark:before{content:"\00a0|\00a0"}
 
-#header #revnumber{text-transform:capitalize}
 
-#header #revnumber:after{content:"\00a0"}
 
-#content>h1:first-child:not([class]){color:rgba(0,0,0,.85);border-bottom:1px solid #ddddd8;padding-bottom:8px;margin-top:0;padding-top:1rem;margin-bottom:1.25rem}
 
-#toc{border-bottom:1px solid #efefed;padding-bottom:.5em}
 
-#toc>ul{margin-left:.125em}
 
-#toc ul.sectlevel0>li>a{font-style:italic}
 
-#toc ul.sectlevel0 ul.sectlevel1{margin:.5em 0}
 
-#toc ul{font-family:"Open Sans","DejaVu Sans",sans-serif;list-style-type:none}
 
-#toc li{line-height:1.3334;margin-top:.3334em}
 
-#toc a{text-decoration:none}
 
-#toc a:active{text-decoration:underline}
 
-#toctitle{color:#7a2518;font-size:1.2em}
 
-@media only screen and (min-width:768px){#toctitle{font-size:1.375em}
 
-body.toc2{padding-left:15em;padding-right:0}
 
-#toc.toc2{margin-top:0!important;background-color:#f8f8f7;position:fixed;width:15em;left:0;top:0;border-right:1px solid #efefed;border-top-width:0!important;border-bottom-width:0!important;z-index:1000;padding:1.25em 1em;height:100%;overflow:auto}
 
-#toc.toc2 #toctitle{margin-top:0;margin-bottom:.8rem;font-size:1.2em}
 
-#toc.toc2>ul{font-size:.9em;margin-bottom:0}
 
-#toc.toc2 ul ul{margin-left:0;padding-left:1em}
 
-#toc.toc2 ul.sectlevel0 ul.sectlevel1{padding-left:0;margin-top:.5em;margin-bottom:.5em}
 
-body.toc2.toc-right{padding-left:0;padding-right:15em}
 
-body.toc2.toc-right #toc.toc2{border-right-width:0;border-left:1px solid #efefed;left:auto;right:0}}
 
-@media only screen and (min-width:1280px){body.toc2{padding-left:20em;padding-right:0}
 
-#toc.toc2{width:20em}
 
-#toc.toc2 #toctitle{font-size:1.375em}
 
-#toc.toc2>ul{font-size:.95em}
 
-#toc.toc2 ul ul{padding-left:1.25em}
 
-body.toc2.toc-right{padding-left:0;padding-right:20em}}
 
-#content #toc{border-style:solid;border-width:1px;border-color:#e0e0dc;margin-bottom:1.25em;padding:1.25em;background:#f8f8f7;-webkit-border-radius:4px;border-radius:4px}
 
-#content #toc>:first-child{margin-top:0}
 
-#content #toc>:last-child{margin-bottom:0}
 
-#footer{max-width:100%;background-color:rgba(0,0,0,.8);padding:1.25em}
 
-#footer-text{color:rgba(255,255,255,.8);line-height:1.44}
 
-.sect1{padding-bottom:.625em}
 
-@media only screen and (min-width:768px){.sect1{padding-bottom:1.25em}}
 
-.sect1+.sect1{border-top:1px solid #efefed}
 
-#content h1>a.anchor,h2>a.anchor,h3>a.anchor,#toctitle>a.anchor,.sidebarblock>.content>.title>a.anchor,h4>a.anchor,h5>a.anchor,h6>a.anchor{position:absolute;z-index:1001;width:1.5ex;margin-left:-1.5ex;display:block;text-decoration:none!important;visibility:hidden;text-align:center;font-weight:400}
 
-#content h1>a.anchor:before,h2>a.anchor:before,h3>a.anchor:before,#toctitle>a.anchor:before,.sidebarblock>.content>.title>a.anchor:before,h4>a.anchor:before,h5>a.anchor:before,h6>a.anchor:before{content:"\00A7";font-size:.85em;display:block;padding-top:.1em}
 
-#content h1:hover>a.anchor,#content h1>a.anchor:hover,h2:hover>a.anchor,h2>a.anchor:hover,h3:hover>a.anchor,#toctitle:hover>a.anchor,.sidebarblock>.content>.title:hover>a.anchor,h3>a.anchor:hover,#toctitle>a.anchor:hover,.sidebarblock>.content>.title>a.anchor:hover,h4:hover>a.anchor,h4>a.anchor:hover,h5:hover>a.anchor,h5>a.anchor:hover,h6:hover>a.anchor,h6>a.anchor:hover{visibility:visible}
 
-#content h1>a.link,h2>a.link,h3>a.link,#toctitle>a.link,.sidebarblock>.content>.title>a.link,h4>a.link,h5>a.link,h6>a.link{color:#ba3925;text-decoration:none}
 
-#content h1>a.link:hover,h2>a.link:hover,h3>a.link:hover,#toctitle>a.link:hover,.sidebarblock>.content>.title>a.link:hover,h4>a.link:hover,h5>a.link:hover,h6>a.link:hover{color:#a53221}
 
-.audioblock,.imageblock,.literalblock,.listingblock,.stemblock,.videoblock{margin-bottom:1.25em}
 
-.admonitionblock td.content>.title,.audioblock>.title,.exampleblock>.title,.imageblock>.title,.listingblock>.title,.literalblock>.title,.stemblock>.title,.openblock>.title,.paragraph>.title,.quoteblock>.title,table.tableblock>.title,.verseblock>.title,.videoblock>.title,.dlist>.title,.olist>.title,.ulist>.title,.qlist>.title,.hdlist>.title{text-rendering:optimizeLegibility;text-align:left;font-family:"Noto Serif","DejaVu Serif",serif;font-size:1rem;font-style:italic}
 
-table.tableblock>caption.title{white-space:nowrap;overflow:visible;max-width:0}
 
-.paragraph.lead>p,#preamble>.sectionbody>.paragraph:first-of-type p{color:rgba(0,0,0,.85)}
 
-table.tableblock #preamble>.sectionbody>.paragraph:first-of-type p{font-size:inherit}
 
-.admonitionblock>table{border-collapse:separate;border:0;background:none;width:100%}
 
-.admonitionblock>table td.icon{text-align:center;width:80px}
 
-.admonitionblock>table td.icon img{max-width:none}
 
-.admonitionblock>table td.icon .title{font-weight:bold;font-family:"Open Sans","DejaVu Sans",sans-serif;text-transform:uppercase}
 
-.admonitionblock>table td.content{padding-left:1.125em;padding-right:1.25em;border-left:1px solid #ddddd8;color:rgba(0,0,0,.6)}
 
-.admonitionblock>table td.content>:last-child>:last-child{margin-bottom:0}
 
-.exampleblock>.content{border-style:solid;border-width:1px;border-color:#e6e6e6;margin-bottom:1.25em;padding:1.25em;background:#fff;-webkit-border-radius:4px;border-radius:4px}
 
-.exampleblock>.content>:first-child{margin-top:0}
 
-.exampleblock>.content>:last-child{margin-bottom:0}
 
-.sidebarblock{border-style:solid;border-width:1px;border-color:#e0e0dc;margin-bottom:1.25em;padding:1.25em;background:#f8f8f7;-webkit-border-radius:4px;border-radius:4px}
 
-.sidebarblock>:first-child{margin-top:0}
 
-.sidebarblock>:last-child{margin-bottom:0}
 
-.sidebarblock>.content>.title{color:#7a2518;margin-top:0;text-align:center}
 
-.exampleblock>.content>:last-child>:last-child,.exampleblock>.content .olist>ol>li:last-child>:last-child,.exampleblock>.content .ulist>ul>li:last-child>:last-child,.exampleblock>.content .qlist>ol>li:last-child>:last-child,.sidebarblock>.content>:last-child>:last-child,.sidebarblock>.content .olist>ol>li:last-child>:last-child,.sidebarblock>.content .ulist>ul>li:last-child>:last-child,.sidebarblock>.content .qlist>ol>li:last-child>:last-child{margin-bottom:0}
 
-.literalblock pre,.listingblock pre:not(.highlight),.listingblock pre[class="highlight"],.listingblock pre[class^="highlight "],.listingblock pre.CodeRay,.listingblock pre.prettyprint{background:#f7f7f8}
 
-.sidebarblock .literalblock pre,.sidebarblock .listingblock pre:not(.highlight),.sidebarblock .listingblock pre[class="highlight"],.sidebarblock .listingblock pre[class^="highlight "],.sidebarblock .listingblock pre.CodeRay,.sidebarblock .listingblock pre.prettyprint{background:#f2f1f1}
 
-.literalblock pre,.literalblock pre[class],.listingblock pre,.listingblock pre[class]{-webkit-border-radius:4px;border-radius:4px;word-wrap:break-word;padding:1em;font-size:.8125em}
 
-.literalblock pre.nowrap,.literalblock pre[class].nowrap,.listingblock pre.nowrap,.listingblock pre[class].nowrap{overflow-x:auto;white-space:pre;word-wrap:normal}
 
-@media only screen and (min-width:768px){.literalblock pre,.literalblock pre[class],.listingblock pre,.listingblock pre[class]{font-size:.90625em}}
 
-@media only screen and (min-width:1280px){.literalblock pre,.literalblock pre[class],.listingblock pre,.listingblock pre[class]{font-size:1em}}
 
-.literalblock.output pre{color:#f7f7f8;background-color:rgba(0,0,0,.9)}
 
-.listingblock pre.highlightjs{padding:0}
 
-.listingblock pre.highlightjs>code{padding:1em;-webkit-border-radius:4px;border-radius:4px}
 
-.listingblock pre.prettyprint{border-width:0}
 
-.listingblock>.content{position:relative}
 
-.listingblock code[data-lang]:before{display:none;content:attr(data-lang);position:absolute;font-size:.75em;top:.425rem;right:.5rem;line-height:1;text-transform:uppercase;color:#999}
 
-.listingblock:hover code[data-lang]:before{display:block}
 
-.listingblock.terminal pre .command:before{content:attr(data-prompt);padding-right:.5em;color:#999}
 
-.listingblock.terminal pre .command:not([data-prompt]):before{content:"$"}
 
-table.pyhltable{border-collapse:separate;border:0;margin-bottom:0;background:none}
 
-table.pyhltable td{vertical-align:top;padding-top:0;padding-bottom:0;line-height:1.45}
 
-table.pyhltable td.code{padding-left:.75em;padding-right:0}
 
-pre.pygments .lineno,table.pyhltable td:not(.code){color:#999;padding-left:0;padding-right:.5em;border-right:1px solid #ddddd8}
 
-pre.pygments .lineno{display:inline-block;margin-right:.25em}
 
-table.pyhltable .linenodiv{background:none!important;padding-right:0!important}
 
-.quoteblock{margin:0 1em 1.25em 1.5em;display:table}
 
-.quoteblock>.title{margin-left:-1.5em;margin-bottom:.75em}
 
-.quoteblock blockquote,.quoteblock blockquote p{color:rgba(0,0,0,.85);font-size:1.15rem;line-height:1.75;word-spacing:.1em;letter-spacing:0;font-style:italic;text-align:justify}
 
-.quoteblock blockquote{margin:0;padding:0;border:0}
 
-.quoteblock blockquote:before{content:"\201c";float:left;font-size:2.75em;font-weight:bold;line-height:.6em;margin-left:-.6em;color:#7a2518;text-shadow:0 1px 2px rgba(0,0,0,.1)}
 
-.quoteblock blockquote>.paragraph:last-child p{margin-bottom:0}
 
-.quoteblock .attribution{margin-top:.5em;margin-right:.5ex;text-align:right}
 
-.quoteblock .quoteblock{margin-left:0;margin-right:0;padding:.5em 0;border-left:3px solid rgba(0,0,0,.6)}
 
-.quoteblock .quoteblock blockquote{padding:0 0 0 .75em}
 
-.quoteblock .quoteblock blockquote:before{display:none}
 
-.verseblock{margin:0 1em 1.25em 1em}
 
-.verseblock pre{font-family:"Open Sans","DejaVu Sans",sans;font-size:1.15rem;color:rgba(0,0,0,.85);font-weight:300;text-rendering:optimizeLegibility}
 
-.verseblock pre strong{font-weight:400}
 
-.verseblock .attribution{margin-top:1.25rem;margin-left:.5ex}
 
-.quoteblock .attribution,.verseblock .attribution{font-size:.9375em;line-height:1.45;font-style:italic}
 
-.quoteblock .attribution br,.verseblock .attribution br{display:none}
 
-.quoteblock .attribution cite,.verseblock .attribution cite{display:block;letter-spacing:-.025em;color:rgba(0,0,0,.6)}
 
-.quoteblock.abstract{margin:0 0 1.25em 0;display:block}
 
-.quoteblock.abstract blockquote,.quoteblock.abstract blockquote p{text-align:left;word-spacing:0}
 
-.quoteblock.abstract blockquote:before,.quoteblock.abstract blockquote p:first-of-type:before{display:none}
 
-table.tableblock{max-width:100%;border-collapse:separate}
 
-table.tableblock td>.paragraph:last-child p>p:last-child,table.tableblock th>p:last-child,table.tableblock td>p:last-child{margin-bottom:0}
 
-table.tableblock,th.tableblock,td.tableblock{border:0 solid #dedede}
 
-table.grid-all th.tableblock,table.grid-all td.tableblock{border-width:0 1px 1px 0}
 
-table.grid-all tfoot>tr>th.tableblock,table.grid-all tfoot>tr>td.tableblock{border-width:1px 1px 0 0}
 
-table.grid-cols th.tableblock,table.grid-cols td.tableblock{border-width:0 1px 0 0}
 
-table.grid-all *>tr>.tableblock:last-child,table.grid-cols *>tr>.tableblock:last-child{border-right-width:0}
 
-table.grid-rows th.tableblock,table.grid-rows td.tableblock{border-width:0 0 1px 0}
 
-table.grid-all tbody>tr:last-child>th.tableblock,table.grid-all tbody>tr:last-child>td.tableblock,table.grid-all thead:last-child>tr>th.tableblock,table.grid-rows tbody>tr:last-child>th.tableblock,table.grid-rows tbody>tr:last-child>td.tableblock,table.grid-rows thead:last-child>tr>th.tableblock{border-bottom-width:0}
 
-table.grid-rows tfoot>tr>th.tableblock,table.grid-rows tfoot>tr>td.tableblock{border-width:1px 0 0 0}
 
-table.frame-all{border-width:1px}
 
-table.frame-sides{border-width:0 1px}
 
-table.frame-topbot{border-width:1px 0}
 
-th.halign-left,td.halign-left{text-align:left}
 
-th.halign-right,td.halign-right{text-align:right}
 
-th.halign-center,td.halign-center{text-align:center}
 
-th.valign-top,td.valign-top{vertical-align:top}
 
-th.valign-bottom,td.valign-bottom{vertical-align:bottom}
 
-th.valign-middle,td.valign-middle{vertical-align:middle}
 
-table thead th,table tfoot th{font-weight:bold}
 
-tbody tr th{display:table-cell;line-height:1.6;background:#f7f8f7}
 
-tbody tr th,tbody tr th p,tfoot tr th,tfoot tr th p{color:rgba(0,0,0,.8);font-weight:bold}
 
-p.tableblock>code:only-child{background:none;padding:0}
 
-p.tableblock{font-size:1em}
 
-td>div.verse{white-space:pre}
 
-ol{margin-left:1.75em}
 
-ul li ol{margin-left:1.5em}
 
-dl dd{margin-left:1.125em}
 
-dl dd:last-child,dl dd:last-child>:last-child{margin-bottom:0}
 
-ol>li p,ul>li p,ul dd,ol dd,.olist .olist,.ulist .ulist,.ulist .olist,.olist .ulist{margin-bottom:.625em}
 
-ul.unstyled,ol.unnumbered,ul.checklist,ul.none{list-style-type:none}
 
-ul.unstyled,ol.unnumbered,ul.checklist{margin-left:.625em}
 
-ul.checklist li>p:first-child>.fa-square-o:first-child,ul.checklist li>p:first-child>.fa-check-square-o:first-child{width:1em;font-size:.85em}
 
-ul.checklist li>p:first-child>input[type="checkbox"]:first-child{width:1em;position:relative;top:1px}
 
-ul.inline{margin:0 auto .625em auto;margin-left:-1.375em;margin-right:0;padding:0;list-style:none;overflow:hidden}
 
-ul.inline>li{list-style:none;float:left;margin-left:1.375em;display:block}
 
-ul.inline>li>*{display:block}
 
-.unstyled dl dt{font-weight:400;font-style:normal}
 
-ol.arabic{list-style-type:decimal}
 
-ol.decimal{list-style-type:decimal-leading-zero}
 
-ol.loweralpha{list-style-type:lower-alpha}
 
-ol.upperalpha{list-style-type:upper-alpha}
 
-ol.lowerroman{list-style-type:lower-roman}
 
-ol.upperroman{list-style-type:upper-roman}
 
-ol.lowergreek{list-style-type:lower-greek}
 
-.hdlist>table,.colist>table{border:0;background:none}
 
-.hdlist>table>tbody>tr,.colist>table>tbody>tr{background:none}
 
-td.hdlist1,td.hdlist2{vertical-align:top;padding:0 .625em}
 
-td.hdlist1{font-weight:bold;padding-bottom:1.25em}
 
-.literalblock+.colist,.listingblock+.colist{margin-top:-.5em}
 
-.colist>table tr>td:first-of-type{padding:0 .75em;line-height:1}
 
-.colist>table tr>td:last-of-type{padding:.25em 0}
 
-.thumb,.th{line-height:0;display:inline-block;border:solid 4px #fff;-webkit-box-shadow:0 0 0 1px #ddd;box-shadow:0 0 0 1px #ddd}
 
-.imageblock.left,.imageblock[style*="float: left"]{margin:.25em .625em 1.25em 0}
 
-.imageblock.right,.imageblock[style*="float: right"]{margin:.25em 0 1.25em .625em}
 
-.imageblock>.title{margin-bottom:0}
 
-.imageblock.thumb,.imageblock.th{border-width:6px}
 
-.imageblock.thumb>.title,.imageblock.th>.title{padding:0 .125em}
 
-.image.left,.image.right{margin-top:.25em;margin-bottom:.25em;display:inline-block;line-height:0}
 
-.image.left{margin-right:.625em}
 
-.image.right{margin-left:.625em}
 
-a.image{text-decoration:none;display:inline-block}
 
-a.image object{pointer-events:none}
 
-sup.footnote,sup.footnoteref{font-size:.875em;position:static;vertical-align:super}
 
-sup.footnote a,sup.footnoteref a{text-decoration:none}
 
-sup.footnote a:active,sup.footnoteref a:active{text-decoration:underline}
 
-#footnotes{padding-top:.75em;padding-bottom:.75em;margin-bottom:.625em}
 
-#footnotes hr{width:20%;min-width:6.25em;margin:-.25em 0 .75em 0;border-width:1px 0 0 0}
 
-#footnotes .footnote{padding:0 .375em 0 .225em;line-height:1.3334;font-size:.875em;margin-left:1.2em;text-indent:-1.05em;margin-bottom:.2em}
 
-#footnotes .footnote a:first-of-type{font-weight:bold;text-decoration:none}
 
-#footnotes .footnote:last-of-type{margin-bottom:0}
 
-#content #footnotes{margin-top:-.625em;margin-bottom:0;padding:.75em 0}
 
-.gist .file-data>table{border:0;background:#fff;width:100%;margin-bottom:0}
 
-.gist .file-data>table td.line-data{width:99%}
 
-div.unbreakable{page-break-inside:avoid}
 
-.big{font-size:larger}
 
-.small{font-size:smaller}
 
-.underline{text-decoration:underline}
 
-.overline{text-decoration:overline}
 
-.line-through{text-decoration:line-through}
 
-.aqua{color:#00bfbf}
 
-.aqua-background{background-color:#00fafa}
 
-.black{color:#000}
 
-.black-background{background-color:#000}
 
-.blue{color:#0000bf}
 
-.blue-background{background-color:#0000fa}
 
-.fuchsia{color:#bf00bf}
 
-.fuchsia-background{background-color:#fa00fa}
 
-.gray{color:#606060}
 
-.gray-background{background-color:#7d7d7d}
 
-.green{color:#006000}
 
-.green-background{background-color:#007d00}
 
-.lime{color:#00bf00}
 
-.lime-background{background-color:#00fa00}
 
-.maroon{color:#600000}
 
-.maroon-background{background-color:#7d0000}
 
-.navy{color:#000060}
 
-.navy-background{background-color:#00007d}
 
-.olive{color:#606000}
 
-.olive-background{background-color:#7d7d00}
 
-.purple{color:#600060}
 
-.purple-background{background-color:#7d007d}
 
-.red{color:#bf0000}
 
-.red-background{background-color:#fa0000}
 
-.silver{color:#909090}
 
-.silver-background{background-color:#bcbcbc}
 
-.teal{color:#006060}
 
-.teal-background{background-color:#007d7d}
 
-.white{color:#bfbfbf}
 
-.white-background{background-color:#fafafa}
 
-.yellow{color:#bfbf00}
 
-.yellow-background{background-color:#fafa00}
 
-span.icon>.fa{cursor:default}
 
-.admonitionblock td.icon [class^="fa icon-"]{font-size:2.5em;text-shadow:1px 1px 2px rgba(0,0,0,.5);cursor:default}
 
-.admonitionblock td.icon .icon-note:before{content:"\f05a";color:#19407c}
 
-.admonitionblock td.icon .icon-tip:before{content:"\f0eb";text-shadow:1px 1px 2px rgba(155,155,0,.8);color:#111}
 
-.admonitionblock td.icon .icon-warning:before{content:"\f071";color:#bf6900}
 
-.admonitionblock td.icon .icon-caution:before{content:"\f06d";color:#bf3400}
 
-.admonitionblock td.icon .icon-important:before{content:"\f06a";color:#bf0000}
 
-.conum[data-value]{display:inline-block;color:#fff!important;background-color:rgba(0,0,0,.8);-webkit-border-radius:100px;border-radius:100px;text-align:center;font-size:.75em;width:1.67em;height:1.67em;line-height:1.67em;font-family:"Open Sans","DejaVu Sans",sans-serif;font-style:normal;font-weight:bold}
 
-.conum[data-value] *{color:#fff!important}
 
-.conum[data-value]+b{display:none}
 
-.conum[data-value]:after{content:attr(data-value)}
 
-pre .conum[data-value]{position:relative;top:-.125em}
 
-b.conum *{color:inherit!important}
 
-.conum:not([data-value]):empty{display:none}
 
-dt,th.tableblock,td.content,div.footnote{text-rendering:optimizeLegibility}
 
-h1,h2,p,td.content,span.alt{letter-spacing:-.01em}
 
-p strong,td.content strong,div.footnote strong{letter-spacing:-.005em}
 
-p,blockquote,dt,td.content,span.alt{font-size:1.0625rem}
 
-p{margin-bottom:1.25rem}
 
-.sidebarblock p,.sidebarblock dt,.sidebarblock td.content,p.tableblock{font-size:1em}
 
-.exampleblock>.content{background-color:#fffef7;border-color:#e0e0dc;-webkit-box-shadow:0 1px 4px #e0e0dc;box-shadow:0 1px 4px #e0e0dc}
 
-.print-only{display:none!important}
 
-@media print{@page{margin:1.25cm .75cm}
 
-*{-webkit-box-shadow:none!important;box-shadow:none!important;text-shadow:none!important}
 
-a{color:inherit!important;text-decoration:underline!important}
 
-a.bare,a[href^="#"],a[href^="mailto:"]{text-decoration:none!important}
 
-a[href^="http:"]:not(.bare):after,a[href^="https:"]:not(.bare):after{content:"(" attr(href) ")";display:inline-block;font-size:.875em;padding-left:.25em}
 
-abbr[title]:after{content:" (" attr(title) ")"}
 
-pre,blockquote,tr,img,object,svg{page-break-inside:avoid}
 
-thead{display:table-header-group}
 
-svg{max-width:100%}
 
-p,blockquote,dt,td.content{font-size:1em;orphans:3;widows:3}
 
-h2,h3,#toctitle,.sidebarblock>.content>.title{page-break-after:avoid}
 
-#toc,.sidebarblock,.exampleblock>.content{background:none!important}
 
-#toc{border-bottom:1px solid #ddddd8!important;padding-bottom:0!important}
 
-.sect1{padding-bottom:0!important}
 
-.sect1+.sect1{border:0!important}
 
-#header>h1:first-child{margin-top:1.25rem}
 
-body.book #header{text-align:center}
 
-body.book #header>h1:first-child{border:0!important;margin:2.5em 0 1em 0}
 
-body.book #header .details{border:0!important;display:block;padding:0!important}
 
-body.book #header .details span:first-child{margin-left:0!important}
 
-body.book #header .details br{display:block}
 
-body.book #header .details br+span:before{content:none!important}
 
-body.book #toc{border:0!important;text-align:left!important;padding:0!important;margin:0!important}
 
-body.book #toc,body.book #preamble,body.book h1.sect0,body.book .sect1>h2{page-break-before:always}
 
-.listingblock code[data-lang]:before{display:block}
 
-#footer{background:none!important;padding:0 .9375em}
 
-#footer-text{color:rgba(0,0,0,.6)!important;font-size:.9em}
 
-.hide-on-print{display:none!important}
 
-.print-only{display:block!important}
 
-.hide-for-print{display:none!important}
 
-.show-for-print{display:inherit!important}}

+ 0 - 36
bsd_license.html
Dosyayı Görüntüle 

@@ -1,36 +0,0 @@
 
-<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge"><![endif]--><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="generator" content="Asciidoctor 1.5.4"><title>bsd_license</title><link rel="stylesheet" href="./asciidoctor.css">
 
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
 
-<link rel="stylesheet" href="./coderay-asciidoctor.css"><link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css"><link rel="stylesheet" href="/home/travis/build/jMonkeyEngine/wiki/build/asciidoc/html5/twemoji-awesome.css"></head><body class="article toc2 toc-left"><div id="header"><div id="toolbar"><a href="https://github.com/jMonkeyEngine/wiki/edit/master/src/docs/asciidoc/bsd_license.adoc"><i class="fa fa-pencil-square" aria-hidden="true"></i></a><a href="https://github.com/jMonkeyEngine/wiki/new/master/src/docs/asciidoc/"><i class="fa fa-plus-square" aria-hidden="true"></i></a><input dir="auto" style="position: relative; vertical-align: top;" spellcheck="false" autocomplete="off" class="searchbox__input aa-input" id="doc-search" name="search" placeholder="Search in the doc" required="required" type="search"></div><h1>bsd_license</h1><div class="details"><span class="author" id="author"></span><br><span id="revnumber">version ,</span> <span id="revdate">2016/03/17 20:48</span></div><div id="toc" class="toc2"><div id="toctitle">Table of Contents</div><ul class="sectlevel1"><li><a href="#jme-s-bsd-license">jME&#8217;s BSD License</a></li></ul></div></div><div id="content"><div class="sect1"><h2 id="jme-s-bsd-license">jME&#8217;s BSD License</h2><div class="sectionbody"><div class="listingblock"><div class="content"><pre class="CodeRay highlight"><code>Copyright (c) 2009-2012 jMonkeyEngine
 
-All rights reserved.
 
-
 
-Redistribution and use in source and binary forms, with or without
 
-modification, are permitted provided that the following conditions are
 
-met:
 
-
 
-* Redistributions of source code must retain the above copyright
 
-notice, this list of conditions and the following disclaimer.
 
-
 
-* Redistributions in binary form must reproduce the above copyright
 
-notice, this list of conditions and the following disclaimer in the
 
-documentation and/or other materials provided with the distribution.
 
-
 
-* Neither the name of 'jMonkeyEngine' nor the names of its contributors
 
-may be used to endorse or promote products derived from this software
 
-without specific prior written permission.
 
-
 
-THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
 
-"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED
 
-TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
 
-PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR
 
-CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
 
-EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
 
-PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
 
-PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF
 
-LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
 
-NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
 
-SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.</code></pre></div></div></div></div></div><div id="footer"><div id="footer-text">Version <br>Last updated 2020-05-26 04:33:04 +00:00</div></div><script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script><script>docsearch({
 
-  apiKey: 'a736b6d93de805e26ec2f49b55013fbd',
 
-  indexName: 'jmonkeyengine',
 
-  inputSelector: '#doc-search',
 
-  debug: false // Set debug to true if you want to inspect the dropdown
 
-});</script></body></html>

+ 0 - 13
bugtest.html
Dosyayı Görüntüle 

@@ -1,13 +0,0 @@
 
-<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge"><![endif]--><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="generator" content="Asciidoctor 1.5.4"><title>wiki bug test page</title><link rel="stylesheet" href="./asciidoctor.css">
 
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
 
-<link rel="stylesheet" href="./coderay-asciidoctor.css"><link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css"><link rel="stylesheet" href="/home/travis/build/jMonkeyEngine/wiki/build/asciidoc/html5/twemoji-awesome.css"></head><body class="article toc2 toc-left"><div id="header"><div id="toolbar"><a href="https://github.com/jMonkeyEngine/wiki/edit/master/src/docs/asciidoc/bugtest.adoc"><i class="fa fa-pencil-square" aria-hidden="true"></i></a><a href="https://github.com/jMonkeyEngine/wiki/new/master/src/docs/asciidoc/"><i class="fa fa-plus-square" aria-hidden="true"></i></a><input dir="auto" style="position: relative; vertical-align: top;" spellcheck="false" autocomplete="off" class="searchbox__input aa-input" id="doc-search" name="search" placeholder="Search in the doc" required="required" type="search"></div><h1>wiki bug test page</h1><div class="details"><span class="author" id="author"></span><br><span id="revnumber">version ,</span> <span id="revdate">2016/03/17 20:48</span></div><div id="toc" class="toc2"><div id="toctitle">Table of Contents</div></div></div><div id="content"><div class="paragraph"><p>askjdhaskjdh akjdh akjdsh akjdhakjsdh askjdhaskjdh akjdh akjdsh akjdhakjsdh askjdhaskjdh akjdh akjdsh akjdhakjsdh askjdhaskjdh akjdh akjdsh akjdhakjsdh askjdhaskjdh akjdh akjdsh akjdhakjsdh askjdhaskjdh akjdh akjdsh akjdhakjsdh askjdhaskjdh akjdh akjdsh akjdhakjsdh askjdhaskjdh akjdh akjdsh akjdhakjsdh askjdhaskjdh akjdh akjdsh akjdhakjsdh
 
-<strong>askjdhaskjdh akjdh lkjskal akjdsh akjdhakjsdh askjdhaskjdh akjdh akjdsh akjdhakjsdh askjdhaskjdh akjdh akjdsh akjdhakjsdh askjdhaskjdh</strong>
 
-khjg akjdh akjdsh akjdhakjsdh askjdhaskjdh akjdh akjdsh akjdhakjsdh askjdhaskjdh akjdh akjdsh akjdhakjsdh askjdhaskjdh akjdh akjdsh akjdhakjsdh askjdhaskjdh akjdh akjdsh akjdhakjsdh askjdhaskjdh akjdh akjdsh akjdhakjsdh askjdhaskjdh akjdh akjdsh akjdhakjsdh askjdhaskjdh akjdh akjdsh akjdhakjsdh askjdhaskjdh akjdh akjdsh akjdhakjsdh askjdhaskjdh akjdh akjdsh akjdhakjsdh askjdhaskjdh akjdh akjdsh akjdhakjsdh askjdhaskjdh akjdh akjdsh akjdhakjsdh askjdhaskjdh akjdh akjdsh akjdhakjsdh askjdhaskjdh akjdh akjdsh akjdhakjsdh askjdhaskjdh akjdh akjdsh akjdhakjsdh
 
-ii askjdhaskjdh akjdh akjdsh akjdhakjsdh askjdhaskjdh akjdh akjdsh akjdhakjsdh askjdhaskjdh akjdh akjdsh akjdhakjsdh askjdhaskjdh akjdh akjdsh akjdhakjsdh askjdhaskjdh akjdh akjdsh akjdhakjsdh askjdhaskjdh akjdh akjdsh akjdhakjsdh askjdhaskjdh akjdh akjdsh akjdhakjsdh askjdhaskjdh akjdh akjdsh akjdhakjsdh askjdhaskjdh akjdh akjdsh akjdhakjsdh
 
-lkjhg akjdh akjdsh akjdhakjsdh askjdhaskjdh akjdh akjdsh akjdhakjsdh askjdhaskjdh akjdh akjdsh akjdhakjsdh askjdhaskjdh akjdh akjdsh akjdhakjsdh askjdhaskjdh akjdh akjdsh akjdhakjsdh askjdhaskjdh akjdh akjdsh akjdhakjsdh askjdhaskjdh akjdh akjdsh akjdhakjsdh askjdhaskjdh akjdh akjdsh akjdhakjsdh askjdhaskjdh
 
-akjdh akjdsh akjdhakjsdh askjdhaskjdh akjdh akjdsh akjdhakjsdh askjdhaskjdh akjdh akjdsh akjdhakjsdh askjdhaskjdh akjdh akjdsh akjdhakjsdh askjdhaskjdh akjdh akjdsh akjdhakjsdh askjdhaskjdh akjdh akjdsh akjdhakjsdh askjdhaskjdh akjdh akjdsh akjdhakjsdh</p></div></div><div id="footer"><div id="footer-text">Version <br>Last updated 2020-05-26 04:33:04 +00:00</div></div><script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script><script>docsearch({
 
-  apiKey: 'a736b6d93de805e26ec2f49b55013fbd',
 
-  indexName: 'jmonkeyengine',
 
-  inputSelector: '#doc-search',
 
-  debug: false // Set debug to true if you want to inspect the dropdown
 
-});</script></body></html>

+ 0 - 89
coderay-asciidoctor.css
Dosyayı Görüntüle 

@@ -1,89 +0,0 @@
 
-/* Stylesheet for CodeRay to match GitHub theme | MIT License | http://foundation.zurb.com */
 
-/*pre.CodeRay {background-color:#f7f7f8;}*/
 
-.CodeRay .line-numbers{border-right:1px solid #d8d8d8;padding:0 0.5em 0 .25em}
 
-.CodeRay span.line-numbers{display:inline-block;margin-right:.5em;color:rgba(0,0,0,.3)}
 
-.CodeRay .line-numbers strong{color:rgba(0,0,0,.4)}
 
-table.CodeRay{border-collapse:separate;border-spacing:0;margin-bottom:0;border:0;background:none}
 
-table.CodeRay td{vertical-align: top;line-height:1.45}
 
-table.CodeRay td.line-numbers{text-align:right}
 
-table.CodeRay td.line-numbers>pre{padding:0;color:rgba(0,0,0,.3)}
 
-table.CodeRay td.code{padding:0 0 0 .5em}
 
-table.CodeRay td.code>pre{padding:0}
 
-.CodeRay .debug{color:#fff !important;background:#000080 !important}
 
-.CodeRay .annotation{color:#007}
 
-.CodeRay .attribute-name{color:#000080}
 
-.CodeRay .attribute-value{color:#700}
 
-.CodeRay .binary{color:#509}
 
-.CodeRay .comment{color:#998;font-style:italic}
 
-.CodeRay .char{color:#04d}
 
-.CodeRay .char .content{color:#04d}
 
-.CodeRay .char .delimiter{color:#039}
 
-.CodeRay .class{color:#458;font-weight:bold}
 
-.CodeRay .complex{color:#a08}
 
-.CodeRay .constant,.CodeRay .predefined-constant{color:#008080}
 
-.CodeRay .color{color:#099}
 
-.CodeRay .class-variable{color:#369}
 
-.CodeRay .decorator{color:#b0b}
 
-.CodeRay .definition{color:#099}
 
-.CodeRay .delimiter{color:#000}
 
-.CodeRay .doc{color:#970}
 
-.CodeRay .doctype{color:#34b}
 
-.CodeRay .doc-string{color:#d42}
 
-.CodeRay .escape{color:#666}
 
-.CodeRay .entity{color:#800}
 
-.CodeRay .error{color:#808}
 
-.CodeRay .exception{color:inherit}
 
-.CodeRay .filename{color:#099}
 
-.CodeRay .function{color:#900;font-weight:bold}
 
-.CodeRay .global-variable{color:#008080}
 
-.CodeRay .hex{color:#058}
 
-.CodeRay .integer,.CodeRay .float{color:#099}
 
-.CodeRay .include{color:#555}
 
-.CodeRay .inline{color:#000}
 
-.CodeRay .inline .inline{background:#ccc}
 
-.CodeRay .inline .inline .inline{background:#bbb}
 
-.CodeRay .inline .inline-delimiter{color:#d14}
 
-.CodeRay .inline-delimiter{color:#d14}
 
-.CodeRay .important{color:#555;font-weight:bold}
 
-.CodeRay .interpreted{color:#b2b}
 
-.CodeRay .instance-variable{color:#008080}
 
-.CodeRay .label{color:#970}
 
-.CodeRay .local-variable{color:#963}
 
-.CodeRay .octal{color:#40e}
 
-.CodeRay .predefined{color:#369}
 
-.CodeRay .preprocessor{color:#579}
 
-.CodeRay .pseudo-class{color:#555}
 
-.CodeRay .directive{font-weight:bold}
 
-.CodeRay .type{font-weight:bold}
 
-.CodeRay .predefined-type{color:inherit}
 
-.CodeRay .reserved,.CodeRay .keyword {color:#000;font-weight:bold}
 
-.CodeRay .key{color:#808}
 
-.CodeRay .key .delimiter{color:#606}
 
-.CodeRay .key .char{color:#80f}
 
-.CodeRay .value{color:#088}
 
-.CodeRay .regexp .delimiter{color:#808}
 
-.CodeRay .regexp .content{color:#808}
 
-.CodeRay .regexp .modifier{color:#808}
 
-.CodeRay .regexp .char{color:#d14}
 
-.CodeRay .regexp .function{color:#404;font-weight:bold}
 
-.CodeRay .string{color:#d20}
 
-.CodeRay .string .string .string{background:#ffd0d0}
 
-.CodeRay .string .content{color:#d14}
 
-.CodeRay .string .char{color:#d14}
 
-.CodeRay .string .delimiter{color:#d14}
 
-.CodeRay .shell{color:#d14}
 
-.CodeRay .shell .delimiter{color:#d14}
 
-.CodeRay .symbol{color:#990073}
 
-.CodeRay .symbol .content{color:#a60}
 
-.CodeRay .symbol .delimiter{color:#630}
 
-.CodeRay .tag{color:#008080}
 
-.CodeRay .tag-special{color:#d70}
 
-.CodeRay .variable{color:#036}
 
-.CodeRay .insert{background:#afa}
 
-.CodeRay .delete{background:#faa}
 
-.CodeRay .change{color:#aaf;background:#007}
 
-.CodeRay .head{color:#f8f;background:#505}
 
-.CodeRay .insert .insert{color:#080}
 
-.CodeRay .delete .delete{color:#800}
 
-.CodeRay .change .change{color:#66f}
 
-.CodeRay .head .head{color:#f4f}

+ 0 - 0
eclipse_tut/alt_four.jpg → docs/_images/eclipse_tut/alt_four.jpg
Dosyayı Görüntüle


+ 0 - 0
eclipse_tut/alt_seven.jpg → docs/_images/eclipse_tut/alt_seven.jpg
Dosyayı Görüntüle


+ 0 - 0
eclipse_tut/alt_six.jpg → docs/_images/eclipse_tut/alt_six.jpg
Dosyayı Görüntüle


+ 0 - 0
eclipse_tut/alt_three.jpg → docs/_images/eclipse_tut/alt_three.jpg
Dosyayı Görüntüle


+ 0 - 0
eclipse_tut/eclipse_tut/alt_five.jpg → docs/_images/eclipse_tut/eclipse_tut/alt_five.jpg
Dosyayı Görüntüle


+ 0 - 0
eclipse_tut/eightteen.jpg → docs/_images/eclipse_tut/eightteen.jpg
Dosyayı Görüntüle


+ 0 - 0
eclipse_tut/eleven.jpg → docs/_images/eclipse_tut/eleven.jpg
Dosyayı Görüntüle


+ 0 - 0
eclipse_tut/fifteen.jpg → docs/_images/eclipse_tut/fifteen.jpg
Dosyayı Görüntüle


+ 0 - 0
eclipse_tut/fourteen.jpg → docs/_images/eclipse_tut/fourteen.jpg
Dosyayı Görüntüle


+ 0 - 0
eclipse_tut/ninteen.jpg → docs/_images/eclipse_tut/ninteen.jpg
Dosyayı Görüntüle


+ 0 - 0
eclipse_tut/seventeen.jpg → docs/_images/eclipse_tut/seventeen.jpg
Dosyayı Görüntüle


+ 0 - 0
eclipse_tut/sixteen.jpg → docs/_images/eclipse_tut/sixteen.jpg
Dosyayı Görüntüle


+ 0 - 0
eclipse_tut/thirteen.jpg → docs/_images/eclipse_tut/thirteen.jpg
Dosyayı Görüntüle


+ 0 - 0
eclipse_tut/twelve.jpg → docs/_images/eclipse_tut/twelve.jpg
Dosyayı Görüntüle


+ 0 - 0
intellijtute/screenshots_1.jpg → docs/_images/intellijtute/screenshots_1.jpg
Dosyayı Görüntüle


+ 0 - 0
intellijtute/screenshots_10.jpg → docs/_images/intellijtute/screenshots_10.jpg
Dosyayı Görüntüle


+ 0 - 0
intellijtute/screenshots_10_big.jpg → docs/_images/intellijtute/screenshots_10_big.jpg
Dosyayı Görüntüle


+ 0 - 0
intellijtute/screenshots_11.jpg → docs/_images/intellijtute/screenshots_11.jpg
Dosyayı Görüntüle


+ 0 - 0
intellijtute/screenshots_11_big.jpg → docs/_images/intellijtute/screenshots_11_big.jpg
Dosyayı Görüntüle


+ 0 - 0
intellijtute/screenshots_12.jpg → docs/_images/intellijtute/screenshots_12.jpg
Dosyayı Görüntüle


+ 0 - 0
intellijtute/screenshots_12_big.jpg → docs/_images/intellijtute/screenshots_12_big.jpg
Dosyayı Görüntüle


+ 0 - 0
intellijtute/screenshots_13_big.jpg → docs/_images/intellijtute/screenshots_13_big.jpg
Dosyayı Görüntüle


+ 0 - 0
intellijtute/screenshots_14.jpg → docs/_images/intellijtute/screenshots_14.jpg
Dosyayı Görüntüle


+ 0 - 0
intellijtute/screenshots_14_big.jpg → docs/_images/intellijtute/screenshots_14_big.jpg
Dosyayı Görüntüle


+ 0 - 0
intellijtute/screenshots_15.jpg → docs/_images/intellijtute/screenshots_15.jpg
Dosyayı Görüntüle


+ 0 - 0
intellijtute/screenshots_15_big.jpg → docs/_images/intellijtute/screenshots_15_big.jpg
Dosyayı Görüntüle


+ 0 - 0
intellijtute/screenshots_1_big.jpg → docs/_images/intellijtute/screenshots_1_big.jpg
Dosyayı Görüntüle


+ 0 - 0
intellijtute/screenshots_2.jpg → docs/_images/intellijtute/screenshots_2.jpg
Dosyayı Görüntüle


+ 0 - 0
intellijtute/screenshots_2_big.jpg → docs/_images/intellijtute/screenshots_2_big.jpg
Dosyayı Görüntüle


+ 0 - 0
intellijtute/screenshots_3.jpg → docs/_images/intellijtute/screenshots_3.jpg
Dosyayı Görüntüle


+ 0 - 0
intellijtute/screenshots_3_big.jpg → docs/_images/intellijtute/screenshots_3_big.jpg
Dosyayı Görüntüle


+ 0 - 0
intellijtute/screenshots_5.jpg → docs/_images/intellijtute/screenshots_5.jpg
Dosyayı Görüntüle


+ 0 - 0
intellijtute/screenshots_5_big.jpg → docs/_images/intellijtute/screenshots_5_big.jpg
Dosyayı Görüntüle


+ 0 - 0
intellijtute/screenshots_6.jpg → docs/_images/intellijtute/screenshots_6.jpg
Dosyayı Görüntüle


+ 0 - 0
intellijtute/screenshots_6_big.jpg → docs/_images/intellijtute/screenshots_6_big.jpg
Dosyayı Görüntüle


+ 0 - 0
intellijtute/screenshots_7.jpg → docs/_images/intellijtute/screenshots_7.jpg
Dosyayı Görüntüle


+ 0 - 0
intellijtute/screenshots_7_big.jpg → docs/_images/intellijtute/screenshots_7_big.jpg
Dosyayı Görüntüle


+ 0 - 0
intellijtute/screenshots_8.jpg → docs/_images/intellijtute/screenshots_8.jpg
Dosyayı Görüntüle


+ 0 - 0
intellijtute/screenshots_8_big.jpg → docs/_images/intellijtute/screenshots_8_big.jpg
Dosyayı Görüntüle


+ 0 - 0
intellijtute/screenshots_9.jpg → docs/_images/intellijtute/screenshots_9.jpg
Dosyayı Görüntüle


+ 0 - 0
intellijtute/screenshots_9_big.jpg → docs/_images/intellijtute/screenshots_9_big.jpg
Dosyayı Görüntüle


+ 0 - 0
intellijtute/screenshots_copy_13.jpg → docs/_images/intellijtute/screenshots_copy_13.jpg
Dosyayı Görüntüle


+ 0 - 0
jme2/2d-heightmap-vs-caves.png → docs/_images/jme2/2d-heightmap-vs-caves.png
Dosyayı Görüntüle


+ 0 - 0
jme2/aigd_0202.gif → docs/_images/jme2/aigd_0202.gif
Dosyayı Görüntüle


+ 0 - 0
jme2/as_ex_colors.png → docs/_images/jme2/as_ex_colors.png
Dosyayı Görüntüle


+ 0 - 0
jme2/as_ex_edgealpha.png → docs/_images/jme2/as_ex_edgealpha.png
Dosyayı Görüntüle


+ 0 - 0
jme2/as_ex_edgealpha2.png → docs/_images/jme2/as_ex_edgealpha2.png
Dosyayı Görüntüle


+ 0 - 0
jme2/as_ex_lightning.png → docs/_images/jme2/as_ex_lightning.png
Dosyayı Görüntüle


+ 0 - 0
jme2/channels-transparency.png → docs/_images/jme2/channels-transparency.png
Dosyayı Görüntüle


+ 0 - 0
jme2/code_sm.png → docs/_images/jme2/code_sm.png
Dosyayı Görüntüle


+ 0 - 0
jme2/eclipse_tut_alt_one.jpg → docs/_images/jme2/eclipse_tut_alt_one.jpg
Dosyayı Görüntüle


+ 0 - 0
jme2/eclipse_tut_alt_two.jpg → docs/_images/jme2/eclipse_tut_alt_two.jpg
Dosyayı Görüntüle


+ 0 - 0
jme2/eclipse_tut_five.jpg → docs/_images/jme2/eclipse_tut_five.jpg
Dosyayı Görüntüle


Bu fark içinde çok fazla dosya değişikliği olduğu için bazı dosyalar gösterilmiyor