Add links to Discussions on GitHub

CONTRIBUTING.md

@@ -2,7 +2,7 @@
 
 Contributions are welcome.
 
-To report bugs, request new features, or share your ideas, feel free to [open issues here](https://github.com/ricktu288/ray-optics/issues).  You can also send an email to [email protected] if you are not familiar with GitHub.
+To report bugs, request new features, or share your ideas, feel free to open [issues](https://github.com/ricktu288/ray-optics/issues) or [discussion](https://github.com/ricktu288/ray-optics/discussions).  You can also send an email to [email protected] if you are not familiar with GitHub.
 
 For direct contributions, see the following guidelines.
 

about.html

@@ -120,7 +120,7 @@ <h3><img src="icon128.png" alt="Icon" width="64" height="64"><br>
 <p>
 This project, including the gallery contents, is licensed under the <a href="https://github.com/ricktu288/ray-optics/blob/master/LICENSE">Apache License 2.0</a>, and is officially hosted on the <a href="https://phydemo.app/">PhyDemo (phydemo.app)</a> website (formerly on ricktu288.github.io).
 The source code is <a href="https://github.com/ricktu288/ray-optics">available on GitHub</a>, and you are <a href="https://github.com/ricktu288/ray-optics/blob/master/CONTRIBUTING.md#contributing">welcome to contribute</a>.
-If you have questions or suggestions, you can either <a href="https://github.com/ricktu288/ray-optics/issues">open issues on GitHub</a> or email <a href="mailto:[email protected]">[email protected]</a>.
+If you have questions or suggestions, you can open <a href="https://github.com/ricktu288/ray-optics/issues">issues</a> or <a href="https://github.com/ricktu288/ray-optics/discussions">discussions</a> on GitHub, or email <a href="mailto:[email protected]">[email protected]</a> if you do not use GitHub.
 </p>
 
 <p>

simulator/css/style.css

@@ -248,6 +248,10 @@
   overflow-y: auto
 }
 
+#help-dropdown a {
+  color: white;
+}
+
 .obj-bar {
   z-index: -1;
   background-color:rgba(23,162,184, 0.5);

simulator/index.html

@@ -1197,7 +1197,7 @@ <h5 class="modal-title" id="staticBackdropLabel" data-text="language"></h5>
         <div class="container">
           <div data-text="help_popover"></div>
           <hr class="dropdown-divider">
-          <a href="https://phydemo.app/ray-optics/about" target="_blank" id="about" data-text="about"></a>
+          <b><a href="https://phydemo.app/ray-optics/about" target="_blank" id="about" data-text="about"></a></b>
         </div>
       </div>
 

simulator/js/ui.js

@@ -300,3 +300,6 @@ function hideAllPopovers() {
   });
 }
 
+document.getElementById('help-dropdown').addEventListener('click', function(e) {
+  e.stopPropagation();
+});

simulator/locales/de.js

@@ -792,7 +792,8 @@ locales["de"] = {
     "message": "Ansicht zoomen. (in Prozent)"
   },
   "help_popover": {
-    "message": "<b>Ziehen einschränken</b><p>Wenn Sie ein Objekt ziehen, halten Sie Shift gedrückt, um die Bewegung horizontal/vertikal einzuschränken; halten Sie Strg um zu duplizieren. Wenn Sie ein Linien-Objekt erzeugen oder seine Endpunkte ziehen, halten Sie Shift, um den Winkel zu fixieren oder auf 0°, 45°, 90° einzurasten; halten Sie Strg, um um das Zentrum zu rotieren/zu skalieren.</p><b>Objekte gruppieren, rotieren und skalieren</b><p> Halten Sie Strg, klicken mehrere Kontrollpunkte (z.B. Endpunkte); dann klicken Sie in den leeren Raum, um die gewählten Punkte zu gruppieren und einen 'Griff' zu erzeugen. Ziehen Sie den Griff (oder verwenden Sie die Pfeiltasten) um die Gruppe zu verschieben; Shift+Ziehen um die Bewegung horizontal/vertikal zu begrenzen; Strg+Ziehen Rotieren, Strg+Shift+Ziehen Skalieren. Ziehen Sie \"x\" um das Rotations/Skalierzentrum zu setzen. Klicken Sie den Griff und drücken Strg+D, um die Gruppe zu duplizieren; drücken Sie Delete, zum Auflösen der Gruppe.</p><b>Koordinaten direkt editieren</b><p>Doppel-Klick oder Rechts-Klick auf einen Kontrollpunkt (z.B. Endpunkt) eines Objekts, editieren Sie die (x,y)-Koordinaten in Pixeln, dann drücken Sie Enter.</p><b>Tastenkürzel</b><p>Wenn ein Objekt durck Klicken ausgewählt wurde, verwenden Sie die Pfeiltasten zum Verschieben; Strg+D zum Duplizieren; Löschen-Taste zum Löschen.</p>"
+    "incomplete": true,
+    "message": "<b>Ziehen einschränken</b><p>Wenn Sie ein Objekt ziehen, halten Sie Shift gedrückt, um die Bewegung horizontal/vertikal einzuschränken; halten Sie Strg um zu duplizieren. Wenn Sie ein Linien-Objekt erzeugen oder seine Endpunkte ziehen, halten Sie Shift, um den Winkel zu fixieren oder auf 0°, 45°, 90° einzurasten; halten Sie Strg, um um das Zentrum zu rotieren/zu skalieren.</p><b>Objekte gruppieren, rotieren und skalieren</b><p> Halten Sie Strg, klicken mehrere Kontrollpunkte (z.B. Endpunkte); dann klicken Sie in den leeren Raum, um die gewählten Punkte zu gruppieren und einen 'Griff' zu erzeugen. Ziehen Sie den Griff (oder verwenden Sie die Pfeiltasten) um die Gruppe zu verschieben; Shift+Ziehen um die Bewegung horizontal/vertikal zu begrenzen; Strg+Ziehen Rotieren, Strg+Shift+Ziehen Skalieren. Ziehen Sie \"x\" um das Rotations/Skalierzentrum zu setzen. Klicken Sie den Griff und drücken Strg+D, um die Gruppe zu duplizieren; drücken Sie Delete, zum Auflösen der Gruppe.</p><b>Koordinaten direkt editieren</b><p>Doppel-Klick oder Rechts-Klick auf einen Kontrollpunkt (z.B. Endpunkt) eines Objekts, editieren Sie die (x,y)-Koordinaten in Pixeln, dann drücken Sie Enter.</p><b>Tastenkürzel</b><p>Wenn ein Objekt durck Klicken ausgewählt wurde, verwenden Sie die Pfeiltasten zum Verschieben; Strg+D zum Duplizieren; Löschen-Taste zum Löschen.</p><b>Contact Us</b><p>The suggested way is to go to <a target=\"_blank\" href=\"https://github.com/ricktu288/ray-optics/discussions\">Discussions</a> or <a target=\"_blank\" href=\"https://github.com/ricktu288/ray-optics/issues\">Issues</a> on GitHub. If you do not use GitHub, you can also email us at <a href=\"mailto:[email protected]\">[email protected]</a> (please use English). </p><p>Direct contributions are also welcome (see <a target=\"_blank\" href=\"https://github.com/ricktu288/ray-optics/blob/master/CONTRIBUTING.md\">the contribution guide</a>).</p>"
   },
   "show_help_popups": {
     "incomplete": true,

simulator/locales/en.js

@@ -712,7 +712,7 @@ locales["en"] = {
     "message": "Zoom the view with percentage."
   },
   "help_popover": {
-    "message": "<b>Constrained dragging</b><p>When dragging an object, hold Shift to limit to horizontal/vertical; hold Ctrl to clone. When creating a line-shaped object or dragging its endpoints, hold Shift to lock the angle or snap to 0°, 45°, 90°; hold Ctrl to rotate/scale about its center.</p><b>Group, rotate, and scale objects</b><p> Hold Ctrl, click several control points (e.g. endpoints), then click empty space to group these points and create a handle. Drag the handle (or press arrow keys) to move the group; Shift+drag to limit to horizontal/vertical; Ctrl+drag to rotate, Ctrl+Shift+drag to scale. Drag the \"+\" to set rotation/scaling center. Click the handle and press Ctrl+D to duplicate the group; press Delete to ungroup. </p><b>Edit coordinates directly</b><p>Double-click or right-click the control point (e.g. endpoint) of the object, edit the (x,y) coordinates in pixels, then press Enter.</p><b>Keyboard shortcuts</b><p>When an object is selected (by clicking it), press arrow keys to move; Ctrl+D to duplicate; Delete key to delete.</p>"
+    "message": "<b>Constrained dragging</b><p>When dragging an object, hold Shift to limit to horizontal/vertical; hold Ctrl to clone. When creating a line-shaped object or dragging its endpoints, hold Shift to lock the angle or snap to 0°, 45°, 90°; hold Ctrl to rotate/scale about its center.</p><b>Group, rotate, and scale objects</b><p> Hold Ctrl, click several control points (e.g. endpoints), then click empty space to group these points and create a handle. Drag the handle (or press arrow keys) to move the group; Shift+drag to limit to horizontal/vertical; Ctrl+drag to rotate, Ctrl+Shift+drag to scale. Drag the \"+\" to set rotation/scaling center. Click the handle and press Ctrl+D to duplicate the group; press Delete to ungroup. </p><b>Edit coordinates directly</b><p>Double-click or right-click the control point (e.g. endpoint) of the object, edit the (x,y) coordinates in pixels, then press Enter.</p><b>Keyboard shortcuts</b><p>When an object is selected (by clicking it), press arrow keys to move; Ctrl+D to duplicate; Delete key to delete.</p><b>Contact Us</b><p>The suggested way is to go to <a target=\"_blank\" href=\"https://github.com/ricktu288/ray-optics/discussions\">Discussions</a> or <a target=\"_blank\" href=\"https://github.com/ricktu288/ray-optics/issues\">Issues</a> on GitHub. If you do not use GitHub, you can also email us at <a href=\"mailto:[email protected]\">[email protected]</a>. </p><p>Direct contributions are also welcome (see <a target=\"_blank\" href=\"https://github.com/ricktu288/ray-optics/blob/master/CONTRIBUTING.md\">the contribution guide</a>).</p>"
   },
   "show_help_popups": {
     "message": "Show help popups"

simulator/locales/es.js

@@ -723,7 +723,8 @@ locales["es"] = {
     "message": "Zoom de la vista con porcentaje."
   },
   "help_popover": {
-    "message": "<b>Arrastre restringido</b><p>Cuando arrastre un objeto, presione Shift para limitar a horizontal/vertical; presione Ctrl para clonar. Cuando cree un objeto lineal o arrastre sus puntos extremales, presione Shift para bloquear el ángulo o fijarlo a 0°, 45°, 90°; presione Ctrl para rotar/escalar sobre su centro.</p><b>Agrupar, rotar y escalar objetos</b><p> Presione Ctrl, clique múltiples puntos de control (por ejemplo, puntos extremales), después clique en un espacio vacío para agrupar estos puntos y crear un punto de manejo. Arrastre el punto de manejo (o presione las flechas) para mover el grupo; Shift+arrastrar para limitar a horizontal/vertical; Ctrl+arrastrar para rotar, Ctrl+Shift+arrastrar para escalar. Arrastre el \"+\" para establecer un centro de rotación/ escala. Clique el punto de manejo y presione Ctrl+D para duplicar el grupo; Presione Supr para desagrupar. </p><b>Editar las coordenadas directamente</b><p>Doble-click o click derecho sobre un punto de control (por ejemplo, un punto extremal) del objeto, edite las coordenadas (x,y) en píxeles, después presione Enter.</p><b>Atajos de teclado</b><p>Cuando un objeto está seleccionado (al clicarlo), presione las flechas para moverlo; Ctrl+D para duplicarlo o Supr para suprimirlo.</p>"
+    "incomplete": true,
+    "message": "<b>Arrastre restringido</b><p>Cuando arrastre un objeto, presione Shift para limitar a horizontal/vertical; presione Ctrl para clonar. Cuando cree un objeto lineal o arrastre sus puntos extremales, presione Shift para bloquear el ángulo o fijarlo a 0°, 45°, 90°; presione Ctrl para rotar/escalar sobre su centro.</p><b>Agrupar, rotar y escalar objetos</b><p> Presione Ctrl, clique múltiples puntos de control (por ejemplo, puntos extremales), después clique en un espacio vacío para agrupar estos puntos y crear un punto de manejo. Arrastre el punto de manejo (o presione las flechas) para mover el grupo; Shift+arrastrar para limitar a horizontal/vertical; Ctrl+arrastrar para rotar, Ctrl+Shift+arrastrar para escalar. Arrastre el \"+\" para establecer un centro de rotación/ escala. Clique el punto de manejo y presione Ctrl+D para duplicar el grupo; Presione Supr para desagrupar. </p><b>Editar las coordenadas directamente</b><p>Doble-click o click derecho sobre un punto de control (por ejemplo, un punto extremal) del objeto, edite las coordenadas (x,y) en píxeles, después presione Enter.</p><b>Atajos de teclado</b><p>Cuando un objeto está seleccionado (al clicarlo), presione las flechas para moverlo; Ctrl+D para duplicarlo o Supr para suprimirlo.</p><b>Contact Us</b><p>The suggested way is to go to <a target=\"_blank\" href=\"https://github.com/ricktu288/ray-optics/discussions\">Discussions</a> or <a target=\"_blank\" href=\"https://github.com/ricktu288/ray-optics/issues\">Issues</a> on GitHub. If you do not use GitHub, you can also email us at <a href=\"mailto:[email protected]\">[email protected]</a> (please use English). </p><p>Direct contributions are also welcome (see <a target=\"_blank\" href=\"https://github.com/ricktu288/ray-optics/blob/master/CONTRIBUTING.md\">the contribution guide</a>).</p>"
   },
   "show_help_popups": {
     "message": "Mostrar ventanas de ayuda"

simulator/locales/fr.js

@@ -845,7 +845,7 @@ locales["fr"] = {
   },
   "help_popover": {
     "incomplete": true,
-    "message": "<b>Constrained dragging</b><p>When dragging an object, hold Shift to limit to horizontal/vertical; hold Ctrl to clone. When creating a line-shaped object or dragging its endpoints, hold Shift to lock the angle or snap to 0°, 45°, 90°; hold Ctrl to rotate/scale about its center.</p><b>Group, rotate, and scale objects</b><p> Hold Ctrl, click several control points (e.g. endpoints), then click empty space to group these points and create a handle. Drag the handle (or press arrow keys) to move the group; Shift+drag to limit to horizontal/vertical; Ctrl+drag to rotate, Ctrl+Shift+drag to scale. Drag the \"+\" to set rotation/scaling center. Click the handle and press Ctrl+D to duplicate the group; press Delete to ungroup. </p><b>Edit coordinates directly</b><p>Double-click or right-click the control point (e.g. endpoint) of the object, edit the (x,y) coordinates in pixels, then press Enter.</p><b>Keyboard shortcuts</b><p>When an object is selected (by clicking it), press arrow keys to move; Ctrl+D to duplicate; Delete key to delete.</p>"
+    "message": "<b>Constrained dragging</b><p>When dragging an object, hold Shift to limit to horizontal/vertical; hold Ctrl to clone. When creating a line-shaped object or dragging its endpoints, hold Shift to lock the angle or snap to 0°, 45°, 90°; hold Ctrl to rotate/scale about its center.</p><b>Group, rotate, and scale objects</b><p> Hold Ctrl, click several control points (e.g. endpoints), then click empty space to group these points and create a handle. Drag the handle (or press arrow keys) to move the group; Shift+drag to limit to horizontal/vertical; Ctrl+drag to rotate, Ctrl+Shift+drag to scale. Drag the \"+\" to set rotation/scaling center. Click the handle and press Ctrl+D to duplicate the group; press Delete to ungroup. </p><b>Edit coordinates directly</b><p>Double-click or right-click the control point (e.g. endpoint) of the object, edit the (x,y) coordinates in pixels, then press Enter.</p><b>Keyboard shortcuts</b><p>When an object is selected (by clicking it), press arrow keys to move; Ctrl+D to duplicate; Delete key to delete.</p><b>Contact Us</b><p>The suggested way is to go to <a target=\"_blank\" href=\"https://github.com/ricktu288/ray-optics/discussions\">Discussions</a> or <a target=\"_blank\" href=\"https://github.com/ricktu288/ray-optics/issues\">Issues</a> on GitHub. If you do not use GitHub, you can also email us at <a href=\"mailto:[email protected]\">[email protected]</a> (please use English). </p><p>Direct contributions are also welcome (see <a target=\"_blank\" href=\"https://github.com/ricktu288/ray-optics/blob/master/CONTRIBUTING.md\">the contribution guide</a>).</p>"
   },
   "show_help_popups": {
     "incomplete": true,

simulator/locales/ja.js

@@ -948,8 +948,8 @@ locales["ja"] = {
     "message": "パーセンテージでビューをズームします。"
   },
   "help_popover": {
-    "incomplete": false,
-    "message": "<b>ドラッグの制限</b><p>オブジェクトをドラッグするとき、Shift キーを押したままにすると、水平/垂直に制限されます。 Ctrl キーを押したままクローンを作成します。 線状のオブジェクトを作成するか、その端点をドラッグする場合、Shift キーを押したまま角度をロックするか、0°、45°、90° にスナップします。 Ctrl キーを押したままにして、中心を中心に回転/スケールします。</p><b>オブジェクトをグループ化、回転、スケールする</b><p> Ctrl キーを押しながら、いくつかのコントロール ポイント (端点など) をクリックし、空のスペースをクリックしてグループ化します。 をポイントしてハンドルを作成します。 ハンドルをドラッグして (または矢印キーを押して)、グループを移動します。 Shift キーを押しながらドラッグすると、水平/垂直に制限されます。 Ctrl+ドラッグして回転させ、Ctrl+Shift+ドラッグして拡大縮小します。 「+」をドラッグして回転/スケーリングの中心を設定します。 ハンドルをクリックし、Ctrl+D を押してグループを複製します。 グループを解除するには、[削除]を押します。 </p><b>座標を直接編集する</b><p>オブジェクトの制御点 (エンドポイントなど) をダブルクリックまたは右クリックし、(x,y) 座標をピクセル単位で編集し、Enter キーを押します。 </p><b>キーボード ショートカット</b><p>オブジェクトをクリックして選択したら、矢印キーを押して移動します。 Ctrl+D を押して複製します。 Deleteキーで削除できます。</p>"
+    "incomplete": true,
+    "message": "<b>ドラッグの制限</b><p>オブジェクトをドラッグするとき、Shift キーを押したままにすると、水平/垂直に制限されます。 Ctrl キーを押したままクローンを作成します。 線状のオブジェクトを作成するか、その端点をドラッグする場合、Shift キーを押したまま角度をロックするか、0°、45°、90° にスナップします。 Ctrl キーを押したままにして、中心を中心に回転/スケールします。</p><b>オブジェクトをグループ化、回転、スケールする</b><p> Ctrl キーを押しながら、いくつかのコントロール ポイント (端点など) をクリックし、空のスペースをクリックしてグループ化します。 をポイントしてハンドルを作成します。 ハンドルをドラッグして (または矢印キーを押して)、グループを移動します。 Shift キーを押しながらドラッグすると、水平/垂直に制限されます。 Ctrl+ドラッグして回転させ、Ctrl+Shift+ドラッグして拡大縮小します。 「+」をドラッグして回転/スケーリングの中心を設定します。 ハンドルをクリックし、Ctrl+D を押してグループを複製します。 グループを解除するには、[削除]を押します。 </p><b>座標を直接編集する</b><p>オブジェクトの制御点 (エンドポイントなど) をダブルクリックまたは右クリックし、(x,y) 座標をピクセル単位で編集し、Enter キーを押します。 </p><b>キーボード ショートカット</b><p>オブジェクトをクリックして選択したら、矢印キーを押して移動します。 Ctrl+D を押して複製します。 Deleteキーで削除できます。</p><b>Contact Us</b><p>The suggested way is to go to <a target=\"_blank\" href=\"https://github.com/ricktu288/ray-optics/discussions\">Discussions</a> or <a target=\"_blank\" href=\"https://github.com/ricktu288/ray-optics/issues\">Issues</a> on GitHub. If you do not use GitHub, you can also email us at <a href=\"mailto:[email protected]\">[email protected]</a> (please use English). </p><p>Direct contributions are also welcome (see <a target=\"_blank\" href=\"https://github.com/ricktu288/ray-optics/blob/master/CONTRIBUTING.md\">the contribution guide</a>).</p>"
   },
   "show_help_popups": {
     "incomplete": true,