admin2/manual_teachbooks
1
0
Fork 0
mirror of https://github.com/TeachBooks/manual.git synced 2026-11-12 22:35:51 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix syntax

Browse source
This commit is contained in:
Tom van Woudenberg 2025-02-20 12:52:43 +01:00
parent 80af14875b
commit ae45ed8766
3 changed files with 12 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

12
book/features/HTML_javascript.md
View file

@ -12,18 +12,18 @@ In this section, we will discuss how to [create](creating_basic_HTML_elements.md
This could be for example interactive 3d figures:
```{iframe} ../_static/element_render_box.html
:width: 600
:height: 400
:width: 600px
:height: 400px
```
Or other interactive graphs:
```{iframe} ../_static/element_pdf_and_cdf.html
:width: 600
:height: 300
:width: 600px
:height: 300px
```
```{iframe} https://openla.ewi.tudelft.nl/applet/lines_and_planes/normal_equation_plane_origin?iframe=true
:width: 600
:height: 500
:width: 600px
:height: 500px
```

8
book/features/adding_HTML_elements.md
View file

@ -5,8 +5,8 @@
In this section, we will discuss how to embed interactive elements created in HTML/JavaScript in a TeachBook. If you are interested in learning how to create these elements yourself, we will discuss an example in the [next article](creating_basic_HTML_elements.md). As an example, let us discuss how to embed an interactive 3D model of a subsurface environment I created:
```{iframe} ../_static/element_render_box.html
:width: 600
:height: 400
:width: 600px
:height: 400px
```
## Storing the HTML file
@ -17,8 +17,8 @@ If we want to embed our HTML/JS element in a Markdown page, we must use an inlin
````
```{iframe} ../_static/element_render_box.html
:width: 600
:height: 300
:width: 600px
:height: 300px
```
````

4
book/features/creating_basic_HTML_elements.md
View file

@ -1,8 +1,8 @@
# Creating basic interactive HTML/JavaScript elements
```{iframe} ../_static/element_pdf_and_cdf.html
:width: 600
:height: 300
:width: 600px
:height: 300px
```
At the bottom of this page, I will provide the full code for the interactive element above. In this section, let us go through the code one piece at a time. Let us begin from the top.