changes to bonk and the fractal page

Author: chrisorban

docs/activities.html

@@ -472,11 +472,11 @@ <h5 class="no-anchor card-title listing-title">
 </div>
 </a>
 </div>
-<div class="g-col-1" data-index="6" data-categories="SW50cm8lMjBIUyUyQ1BoeXNpY2FsJTIwU2NpZW5jZSUyQ1BoeXNpY3MlMkNKYXZhc2NyaXB0" data-listing-file-modified-sort="1751868704683" data-listing-reading-time-sort="1" data-listing-word-count-sort="131">
+<div class="g-col-1" data-index="6" data-categories="SW50cm8lMjBIUyUyQ1BoeXNpY2FsJTIwU2NpZW5jZSUyQ1BoeXNpY3MlMkNKYXZhc2NyaXB0" data-listing-file-modified-sort="1751944842197" data-listing-reading-time-sort="1" data-listing-word-count-sort="132">
 <a href="./projects/bonk.html" class="quarto-grid-link">
 <div class="quarto-grid-item card h-100 card-left">
 <p class="card-img-top">
-<img loading="lazy" src="./img/bonk.png" class="thumbnail-image card-img" style="height: 150px;">
+<img loading="lazy" src="./img/bonkio.png" class="thumbnail-image card-img" style="height: 150px;">
 </p>
 <div class="card-body post-contents">
 <h5 class="no-anchor card-title listing-title">
@@ -730,7 +730,7 @@ <h5 class="no-anchor card-title listing-title">
 </div>
 </a>
 </div>
-<div class="g-col-1" data-index="13" data-categories="QWxsJTIwQWdlcyUyQ01hdGg=" data-listing-file-modified-sort="1751868990443" data-listing-reading-time-sort="1" data-listing-word-count-sort="25">
+<div class="g-col-1" data-index="13" data-categories="QWxsJTIwQWdlcyUyQ01hdGg=" data-listing-file-modified-sort="1751945264930" data-listing-reading-time-sort="1" data-listing-word-count-sort="37">
 <a href="./projects/fractal.html" class="quarto-grid-link">
 <div class="quarto-grid-item card h-100 card-left">
 <p class="card-img-top">

docs/img/bonkio.png

@@ -174,7 +174,11 @@ <h1 class="title">Bonk.io Clone</h1>
 </header>
 
 
-<p><img src="../img/bonk.png" class="img-fluid"></p>
+<div class="quarto-figure quarto-figure-center">
+<figure class="figure">
+<p><img src="../img/bonkio.png" class="img-fluid quarto-figure quarto-figure-center figure-img" width="550"></p>
+</figure>
+</div>
 <p>If you liked the Pong activity you’ll love this activity which is based on a real game called Bonk.io</p>
 <p>One of the most popular and entertaining .io games out there right now is bonk.io If you’ve not played it you should definitely check it out. The game is pretty simple. You’re a little ball and you bounce off the ground and various objects. You have some ability to affect your motion, but if you get bounced by some object or some other player so that you fly off the board you lose the game. It’s a little bit like sumo wrestling that way.</p>
 <section id="links-to-activity" class="level2">

docs/projects/bonk.html

@@ -142,6 +142,7 @@ <h2 id="toc-title">On this page</h2>
 
   <ul>
   <li><a href="#links-to-activity" id="toc-links-to-activity" class="nav-link active" data-scroll-target="#links-to-activity">Links to Activity</a></li>
+  <li><a href="#fun-fact" id="toc-fun-fact" class="nav-link" data-scroll-target="#fun-fact">Fun fact</a></li>
   </ul>
 </nav>
     </div>
@@ -171,10 +172,19 @@ <h1 class="title">Fractal Puzzle</h1>
 </header>
 
 
+<div class="quarto-figure quarto-figure-center">
+<figure class="figure">
+<p><img src="../img/fractal.png" class="img-fluid quarto-figure quarto-figure-center figure-img" width="600"></p>
+</figure>
+</div>
 <p>Download a pdf of a fractal puzzle, print it out on a regular office printer and see if you can put it together!</p>
 <section id="links-to-activity" class="level2">
 <h2 class="anchored" data-anchor-id="links-to-activity">Links to Activity</h2>
 <p><a href="https://www.asc.ohio-state.edu/orban.14/STEMcoding_dragon_curve.pdf">Student Worksheets/Print Outs</a></p>
+</section>
+<section id="fun-fact" class="level2">
+<h2 class="anchored" data-anchor-id="fun-fact">Fun fact</h2>
+<p>This is an example of a <a href="https://en.wikipedia.org/wiki/Dragon_curve">dragon curve</a>, 13th order</p>
 
 
 </section>

docs/projects/fractal.html

@@ -1664,5 +1664,12 @@
     "title": "About",
     "section": "",
     "text": "The “STEMcoding project” is an initiatve at Ohio State University and the University of Mount Union that collaborates with teachers and researchers across the US\nSome of the professors associated with the STEMcoding project help to lead “STEMcoding Education Ohio” which is a 501c3 non-profit. The primary function of this non-profit is to run and maintain stemcoding.herokuapp.com which is a learning management system that can be used in high schools in the US. The site stemcoding.herokuapp.com is not affiliated with or managed by Ohio State University or the University of Mount Union.\nFor more information about STEMcoding Education Ohio, email [email protected]"
+  },
+  {
+    "objectID": "projects/fractal.html#fun-fact",
+    "href": "projects/fractal.html#fun-fact",
+    "title": "Fractal Puzzle",
+    "section": "Fun fact",
+    "text": "Fun fact\nThis is an example of a dragon curve, 13th order"
   }
 ]

docs/search.json

@@ -1,14 +1,14 @@
 ---
 title: "Bonk.io Clone"
-image: ../img/bonk.png
+image: ../img/bonkio.png
 categories:
   - Intro HS
   - Physical Science
   - Physics
   - Javascript
 ---
 
-![](../img/bonk.png)
+![](../img/bonkio.png){width=550 fig-align="center"}
 
 If you liked the Pong activity you'll love this activity which is based on a real game called Bonk.io
 

img/bonkio.png

@@ -6,7 +6,14 @@ categories:
     - Math
 ---
 
+![](../img/fractal.png){width=600 fig-align="center"}
+
 Download a pdf of a fractal puzzle, print it out on a regular office printer and see if you can put it together!
 
+
 ## Links to Activity
 [Student Worksheets/Print Outs](https://www.asc.ohio-state.edu/orban.14/STEMcoding_dragon_curve.pdf)
+
+## Fun fact
+
+This is an example of a [dragon curve](https://en.wikipedia.org/wiki/Dragon_curve), 13th order