- [Docs] Updated docs site

nacular · Jun 28, 2024 · 6ba5606 · 6ba5606
1 parent c77a31e
commit 6ba5606
Show file tree

Hide file tree

Showing 55 changed files with 263 additions and 465 deletions.
diff --git a/docs/404.html b/docs/404.html
@@ -11,7 +11,7 @@
 
 
 <script src="https://unpkg.com/kotlin-playground@1"></script><link rel="stylesheet" href="/doodle-tutorials/assets/css/styles.8934ba38.css">
-<script src="/doodle-tutorials/assets/js/runtime~main.6895b875.js" defer="defer"></script>
+<script src="/doodle-tutorials/assets/js/runtime~main.d8542a75.js" defer="defer"></script>
 <script src="/doodle-tutorials/assets/js/main.2c8e2dcd.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">

diff --git a/docs/animation-full.png b/docs/animation-full.png
diff --git a/docs/assets/images/animation-full-175d8ba743d7cd7e4b33c83d5d9e09c3.png b/docs/assets/images/animation-full-175d8ba743d7cd7e4b33c83d5d9e09c3.png
diff --git a/docs/assets/images/animation-full-e92bb82663596590235bd54fe0e1993e.png b/docs/assets/images/animation-full-e92bb82663596590235bd54fe0e1993e.png
diff --git a/docs/assets/js/41d8cb0f.df20a61b.js b/docs/assets/js/41d8cb0f.df20a61b.js
diff --git a/docs/assets/js/41d8cb0f.fcf2d19a.js b/docs/assets/js/41d8cb0f.fcf2d19a.js
diff --git a/docs/assets/js/61e36892.aa33f770.js → docs/assets/js/61e36892.89d34a0d.js b/docs/assets/js/61e36892.aa33f770.js → docs/assets/js/61e36892.89d34a0d.js
diff --git a/docs/assets/js/72e519b5.259cf7e1.js b/docs/assets/js/72e519b5.259cf7e1.js
diff --git a/docs/assets/js/72e519b5.33335f67.js b/docs/assets/js/72e519b5.33335f67.js
diff --git a/docs/assets/js/a93ccd90.e614ce91.js → docs/assets/js/a93ccd90.cbb1dacf.js b/docs/assets/js/a93ccd90.e614ce91.js → docs/assets/js/a93ccd90.cbb1dacf.js
diff --git a/docs/assets/js/bfecc435.6252ae92.js b/docs/assets/js/bfecc435.6252ae92.js
diff --git a/docs/assets/js/bfecc435.e5ef6759.js b/docs/assets/js/bfecc435.e5ef6759.js
diff --git a/docs/assets/js/common.b3d10bd6.js b/docs/assets/js/common.b3d10bd6.js
diff --git a/docs/assets/js/common.beb03187.js b/docs/assets/js/common.beb03187.js
diff --git a/docs/assets/js/dd80b00f.ce3cf419.js → docs/assets/js/dd80b00f.ce08ae03.js b/docs/assets/js/dd80b00f.ce3cf419.js → docs/assets/js/dd80b00f.ce08ae03.js
diff --git a/docs/assets/js/ec59b1a4.72104478.js b/docs/assets/js/ec59b1a4.72104478.js
diff --git a/docs/assets/js/ec59b1a4.d5001b6f.js b/docs/assets/js/ec59b1a4.d5001b6f.js
diff --git a/docs/assets/js/runtime~main.6895b875.js b/docs/assets/js/runtime~main.6895b875.js
diff --git a/docs/assets/js/runtime~main.d8542a75.js b/docs/assets/js/runtime~main.d8542a75.js
diff --git a/docs/calculator/CalculatorRunner.js b/docs/calculator/CalculatorRunner.js
diff --git a/docs/calculator_wasm/CalculatorRunner.js b/docs/calculator_wasm/CalculatorRunner.js
diff --git a/docs/calculator_wasm/doodle-tutorials-CalculatorRunner-wasm-js.wasm b/docs/calculator_wasm/doodle-tutorials-CalculatorRunner-wasm-js.wasm
diff --git a/docs/contacts/ContactsRunner.js b/docs/contacts/ContactsRunner.js
diff --git a/docs/contacts_wasm/ContactsRunner.js b/docs/contacts_wasm/ContactsRunner.js
diff --git a/docs/contacts_wasm/doodle-tutorials-ContactsRunner-wasm-js.wasm b/docs/contacts_wasm/doodle-tutorials-ContactsRunner-wasm-js.wasm
diff --git a/docs/docs/calculator.html b/docs/docs/calculator.html
@@ -11,7 +11,7 @@
 
 
 <script src="https://unpkg.com/kotlin-playground@1"></script><link rel="stylesheet" href="/doodle-tutorials/assets/css/styles.8934ba38.css">
-<script src="/doodle-tutorials/assets/js/runtime~main.6895b875.js" defer="defer"></script>
+<script src="/doodle-tutorials/assets/js/runtime~main.d8542a75.js" defer="defer"></script>
 <script src="/doodle-tutorials/assets/js/main.2c8e2dcd.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
@@ -100,17 +100,14 @@ <h2 class="anchor anchorWithStickyNavbar_LWe7" id="defining-our-application">Def
 <code theme="darcula" mode="kotlin" data-highlight-only="true">
 package io.nacular.doodle.examples
 
-
 // ...
 
-
 class CalculatorApp(display: Display): Application {
     init {
         // creat and display a single Calculator
         display += Calculator()
     }
 
-
     override fun shutdown() { /* no-op */ }
 }
 </code>
@@ -123,10 +120,8 @@ <h2 class="anchor anchorWithStickyNavbar_LWe7" id="creating-a-fullscreen-web-app
 <code theme="darcula" mode="kotlin" data-highlight-only="true">
 package io.nacular.doodle.examples
 
-
 //...
 
-
 fun fullScreen() {
     application(modules = listOf(PointerModule)) {
         // load app
@@ -155,49 +150,39 @@ <h3 class="anchor anchorWithStickyNavbar_LWe7" id="calculator-output">Calculator
 private inner class Output: View() {
     //...
 
-
     // Transform used to scale text down as it grows beyond window width
     private var textTransform = Identity
 
-
     //...
 
-
     /** Text representation of number */
     var text = &quot;0&quot;
         set(new) {
             field = new
-
             val textWidth   = textMetrics.width(field, font)
             val windowWidth = width - inset * 2
 
-
             // use transform when text grows beyond window width
             textTransform = when {
                 textWidth &gt; windowWidth -&gt; (windowWidth/textWidth).let { Identity.scale(x = it, y = it, around = Point(width / 2, height)) }
                 else                    -&gt; Identity
             }
 
-
             rerender()
         }
 
-
     //...
 
-
     override fun render(canvas: Canvas) {
         val textPosition = textMetrics.size(text, font).let {
             val x = when {
                 textTransform.isIdentity -&gt; width - it.width - inset
                 else                     -&gt; (width - it.width) / 2
             }
 
-
             Point(x, height - it.height)
         }
 
-
         // scaling, if present, is applied to the canvas before text rendered
         canvas.transform(textTransform) {
             text(text, at = textPosition, font = font, color = foregroundColor ?: White)
@@ -221,10 +206,8 @@ <h2 class="anchor anchorWithStickyNavbar_LWe7" id="more-dependencies">More Depen
 <code theme="darcula" mode="kotlin" data-highlight-only="true">
 package io.nacular.doodle.examples
 
-
 // ...
 
-
 class CalculatorApp(
         display        : Display,
         textMetrics    : TextMetrics,
@@ -236,7 +219,6 @@ <h2 class="anchor anchorWithStickyNavbar_LWe7" id="more-dependencies">More Depen
         display += Calculator(fontDetector, textMetrics, numberFormatter)
     }
 
-
     override fun shutdown() { /* no-op */ }
 }
 </code>
@@ -266,67 +248,55 @@ <h2 class="anchor anchorWithStickyNavbar_LWe7" id="the-buttons">The Buttons<a hr
 <code theme="darcula" mode="kotlin" data-highlight-only="true">
 class Calculator(/*...*/): View() {
 
-
     //...
 
-
     init {
         GlobalScope.launch {
             loadFonts()
-
             ButtonGroup(allowDeselectAll = true, buttons = *arrayOf(`÷`, `*`, `-`, `+`))
 
-
             val outputHeight  = 100.0
             val buttonSpacing =  10.0
 
-
             val gridPanel = GridPanel().apply {
                 add(clear, 0, 0); add(negate, 0, 1); add(`÷`, 0, 2); add(`÷`, 0, 3)
                 add(`7`,   1, 0); add(`8`,    1, 1); add(`9`, 1, 2); add(`*`, 1, 3)
                 add(`4`,   2, 0); add(`5`,    2, 1); add(`6`, 2, 2); add(`-`, 2, 3)
                 add(`1`,   3, 0); add(`2`,    3, 1); add(`3`, 3, 2); add(`+`, 3, 3)
                 add(`0`,   4, 0,  columnSpan = 2  ); add(decimal, 4, 2); add(`=`,  4, 3)
 
-
                 verticalSpacing   = buttonSpacing
                 horizontalSpacing = buttonSpacing
             }
 
-
             children += listOf(output, gridPanel)
 
-
             // Place output outside grid so the height can be more easily controlled
             val constraints = constrain(output, gridPanel) { output, grid -&gt;
                 output.top    = parent.top
                 output.left   = parent.left
                 output.right  = parent.right
                 output.height = constant(outputHeight)
-
                 grid.top      = output.bottom + buttonSpacing
                 grid.left     = output.left
                 grid.right    = output.right
                 grid.bottom   = parent.bottom
             }
 
-
             layout = object: Layout by constraints {
                 // Set total height to grid panel&#x27;s ideal width and height, plus output and spacing
                 override fun idealSize(container: PositionableContainer, default: Size?) = gridPanel.idealSize?.let {
                     Size(it.width, it.height + outputHeight + buttonSpacing)
                 }
             }
 
-
             // Force idealSize when gridPanel is laid out
             gridPanel.sizePreferencesChanged += { _,_,new -&gt;
                 idealSize = new.idealSize?.let { Size(it.width, it.height + outputHeight + buttonSpacing) }
             }
         }
     }
 
-
     //...
 }
 </code>
@@ -340,13 +310,11 @@ <h2 class="anchor anchorWithStickyNavbar_LWe7" id="custom-hit-detection">Custom
 class CalcButtonBehavior(textMetrics: TextMetrics): CommonTextButtonBehavior&lt;Button&gt;(textMetrics) {
     //...
 
-
     override fun contains(view: Button, point: Point): Boolean {
         val radius      = view.height / 2
         val leftCircle  = Circle(center = Point(view.x + radius,            view.center.y), radius = radius)
         val rightCircle = Circle(center = Point(view.bounds.right - radius, view.center.y), radius = radius)
 
-
         return when {
             point.x &lt; radius              -&gt; point in leftCircle
             point.x &gt; view.width - radius -&gt; point in rightCircle