Added GeoGebra and Desmos Graphs functionality - check

Author: aryan

content/blog/math/add-geogebra-graphs-in-HUGO-as-shortcode.md

@@ -85,10 +85,26 @@ To integrate GeoGebra into a Hugo website as a shortcode, you can create a custo
 
 ---
 
-## Graph
+## GeoGebra-JS Graph
 
 {{< geogebra-js id="fe9vckwu" width="800" height="600" >}}
 
+{{< geogebra-js id="qhqxxhp9" width="800" height="600" >}}
+
+
+
+## Math/GeoGebra
+
+{{< math/geogebra id="azbxfs9y" width="600" height="600" >}}
+
+{{< math/geogebra id="fe9vckwu" width="600" height="600" >}}
+
+{{< math/geogebra id="u7mzkqt2" width="600" height="600" >}}
+
+## i-frame
+
+<iframe src="https://www.geogebra.org/classic/azbxfs9y?embed" width="800" height="600" allowfullscreen style="border: 1px solid #e4e4e4;border-radius: 4px;" frameborder="0"></iframe>
+
 
 ## 2. How Hugo Shortcodes Work
 

content/blog/math/create-interactive-math-example-with-geogebra.md

@@ -108,6 +108,10 @@ Add a slider for angle size, and watch a triangle's shape change as the angle is
 - Use color coding for different elements (e.g., red for important points, blue for lines).
 - Align text and objects neatly for a professional look.
 
+{{< geogebra-js id="fe9vckwu" width="650" height="500" >}}
+
+{{< geogebra-js id="qhqxxhp9" width="650" height="500" >}}
+
 ---
 
 ## **GeoGebra Math Practice (for Algebra and Step-by-Step Problems)**

layouts/shortcodes/geogebra-js.html

@@ -1,7 +1,8 @@
+{{ $id := delimit (slice "ggb_%d" (partial "functions/uid.html" .)) "-" }}
 {{ $materialID := .Get "id" | default "" }}
 {{ $width := .Get "width" | default "800" }}
 {{ $height := .Get "height" | default "600" }}
-<div id="ggb-element-{{ $materialID }}"></div>
+<div id="{{ $id }}"></div>
 <script src="https://www.geogebra.org/apps/deployggb.js"></script>
 <script>
   var params = {
@@ -15,6 +16,6 @@
   };
   var applet = new GGBApplet(params, true);
   window.addEventListener("load", function() {
-    applet.inject('ggb-element-{{ $materialID }}');
+    applet.inject('{{ $id }}');
   });
 </script>

layouts/shortcodes/math/geogebra.html

@@ -0,0 +1,19 @@
+{{ $id := delimit (slice "ggb_%d" (partial "functions/uid.html" .)) "-" }}
+
+{{ $materialID := .Get "id" | default "" }}
+{{ $width := .Get "width" | default "800" }}
+{{ $height := .Get "height" | default "600" }}
+<iframe
+  src="https://www.geogebra.org/material/iframe/id/{{ $materialID }}/width/{{ $width }}/height/{{ $height }}/border/888888/sfsb/true/smb/false/stb/false/stbh/false/ai/false/sdz/false/sfbl/false"
+  width="{{ $width }}"
+  height="{{ $height }}"
+  style="border:0;"
+  allowfullscreen>
+</iframe>
+
+
+
+<style>
+
+
+</style>