npm - @robotical/martyblocksjr - Versions diffs - 1.3.53 → 3.0.2 - Mend

@robotical/martyblocksjr 1.3.53 → 3.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (558) hide show

package/editions/free/src/inapp/interface.html CHANGED Viewed

@@ -1,404 +1,140 @@
 <!DOCTYPE html>
 <html>
-    <head>
-        <meta charset="utf-8" />
-        <script>
-            let currentContent = "Lobby"; // Lobby or Editor
-            window.scratchJrPage = "inappInterfaceGuide";
-            function changeCurrentContent() {
-                if (currentContent === "Lobby") {
-                    currentContent = "Editor";
-                    document.getElementById("lobby-content").style.display =
-                        "none";
-                    document.getElementById("editor-content").style.display =
-                        "block";
-                } else {
-                    currentContent = "Lobby";
-                    document.getElementById("lobby-content").style.display =
-                        "block";
-                    document.getElementById("editor-content").style.display =
-                        "none";
-                }
-                document.getElementById("interface-title").innerHTML =
-                    currentContent;
-            }
-        </script>
-        <script type="text/javascript" src="../app.bundle.js"></script>
-    </head>
-    <body>
-        <div id="content">
-            <div id="content-buffer">
-                <div id="interface-title-container">
-                    <div
-                        id="interface-title-left-arrow"
-                        onclick="changeCurrentContent()"
-                    >
-                        &#8592;
-                    </div>
-                    <h1 id="interface-title">Lobby</h1>
-                    <div
-                        id="interface-title-right-arrow"
-                        onclick="changeCurrentContent()"
-                    >
-                        &#8594;
-                    </div>
-                </div>
+  <head>
+    <meta charset="utf-8">
+    <script>
+        window.scratchJrPage = 'inappInterfaceGuide';
+    </script>
+    <script type="text/javascript" src="../app.bundle.js"></script>
+  </head>
+  <body>
+    <div id="content">
+      <div id="content-buffer">
+      </div>
+      <div id="ipad-project-view-wrapper">
+        <div class="learn-tab learn-tab-selected learn-interface">
+          <!-- 1. Save -->
+          <div class="interface-button interface-button-selected" id="interface-button-save">
+            <div class="interface-button-text">1</div>
+          </div>
+          <div class="interface-vertical-line" id="interface-vertical-line-save"></div>
+          <div class="interface-dot" id="interface-dot-save"></div>
+          <!-- 2. Stage -->
+          <div class="interface-button" id="interface-button-stage">
+            <div class="interface-button-text">2</div>
+          </div>
+          <div class="interface-vertical-line" id="interface-vertical-line-stage-1"></div>
+          <div class="interface-horizontal-line" id="interface-horizontal-line-stage-1"></div>
+          <div class="interface-vertical-line" id="interface-vertical-line-stage-2"></div>
+          <div class="interface-horizontal-line" id="interface-horizontal-line-stage-2"></div>
+          <div class="interface-horizontal-line" id="interface-horizontal-line-stage-3"></div>
+          <!-- 3. Presentation Mode -->
+          <div class="interface-button" id="interface-button-presentation-mode">
+            <div class="interface-button-text">3</div>
+          </div>
+          <div class="interface-vertical-line" id="interface-vertical-line-presentation-mode"></div>
+          <div class="interface-dot" id="interface-dot-presentation-mode"></div>
+          <!-- 4. Grid -->
+          <div class="interface-button" id="interface-button-grid">
+            <div class="interface-button-text">4</div>
+          </div>
+          <div class="interface-vertical-line" id="interface-vertical-line-grid"></div>
+          <div class="interface-dot" id="interface-dot-grid"></div>
+          <!-- 5. Change Background -->
+          <div class="interface-button" id="interface-button-add-text">
+            <div class="interface-button-text">5</div>
+          </div>
+          <div class="interface-vertical-line" id="interface-vertical-line-add-text"></div>
+          <div class="interface-dot" id="interface-dot-add-text"></div>
+          <!-- 6. Add Text -->
+          <div class="interface-button" id="interface-button-change-background">
+            <div class="interface-button-text">6</div>
+          </div>
+          <div class="interface-vertical-line" id="interface-vertical-line-change-background"></div>
+          <div class="interface-dot" id="interface-dot-change-background"></div>
+          <!-- 7. Reset Characters -->
+          <div class="interface-button" id="interface-button-reset-characters">
+            <div class="interface-button-text">7</div>
+          </div>
+          <div class="interface-vertical-line" id="interface-vertical-line-reset-characters"></div>
+          <div class="interface-dot" id="interface-dot-reset-characters"></div>
+          <!-- 8. Green Flag -->
+          <div class="interface-button" id="interface-button-green-flag">
+            <div class="interface-button-text">8</div>
+          </div>
+          <div class="interface-vertical-line" id="interface-vertical-line-green-flag"></div>
+          <div class="interface-dot" id="interface-dot-green-flag"></div>
+          <!-- 9. Pages -->
+          <div class="interface-button" id="interface-button-pages">
+            <div class="interface-button-text">9</div>
+          </div>
+          <div class="interface-vertical-line" id="interface-vertical-line-pages"></div>
+          <div class="interface-dot" id="interface-dot-pages"></div>
+          <!-- 10. Project Information -->
+          <div class="interface-button" id="interface-button-project-information">
+            <div class="interface-button-text">10</div>
+          </div>
+          <div class="interface-vertical-line" id="interface-vertical-line-project-information"></div>
+          <div class="interface-dot" id="interface-dot-project-information"></div>
+          <!-- 16. Characters -->
+          <div class="interface-button" id="interface-button-characters">
+            <div class="interface-button-text">16</div>
+          </div>
+          <div class="interface-vertical-line" id="interface-vertical-line-characters-1"></div>
+          <div class="interface-vertical-line" id="interface-vertical-line-characters-3"></div>
+          <div class="interface-horizontal-line" id="interface-horizontal-line-characters"></div>
+          <div class="interface-vertical-line" id="interface-vertical-line-characters-2"></div>
+          <!-- 15. Block Categories -->
+          <div class="interface-button" id="interface-button-block-categories">
+            <div class="interface-button-text">15</div>
+          </div>
+          <div class="interface-vertical-line" id="interface-vertical-line-block-categories-1"></div>
+          <div class="interface-horizontal-line" id="interface-horizontal-line-block-categories"></div>
+          <div class="interface-vertical-line" id="interface-vertical-line-block-categories-2"></div>
+          <div class="interface-vertical-line" id="interface-vertical-line-block-categories-3"></div>
+          <!-- 14. Blocks Palette -->
+          <div class="interface-button" id="interface-button-block-palette">
+            <div class="interface-button-text">14</div>
+          </div>
+          <div class="interface-horizontal-line" id="interface-horizontal-line-blocks-palette"></div>
+          <div class="interface-vertical-line" id="interface-vertical-line-blocks-palette-1"></div>
+          <div class="interface-vertical-line" id="interface-vertical-line-blocks-palette-2"></div>
+          <div class="interface-vertical-line" id="interface-vertical-line-blocks-palette-3"></div>
+          <!-- 13. Programming Area -->
+          <div class="interface-button" id="interface-button-programming-area">
+            <div class="interface-button-text">13</div>
+          </div>
+          <div class="interface-vertical-line" id="interface-vertical-line-programming-area"></div>
+          <div class="interface-dot" id="interface-dot-programming-area"></div>
+          <!-- 12. Programming Script -->
+          <div class="interface-button" id="interface-button-programming-script">
+            <div class="interface-button-text">12</div>
+          </div>
+          <div class="interface-vertical-line" id="interface-vertical-line-programming-script-1"></div>
+          <div class="interface-horizontal-line" id="interface-horizontal-line-programming-script"></div>
+          <div class="interface-vertical-line" id="interface-vertical-line-programming-script-2"></div>
+          <div class="interface-vertical-line" id="interface-vertical-line-programming-script-3"></div>
+          <!-- 11. Undo Redo -->
+          <div class="interface-button" id="interface-button-undo-redo">
+            <div class="interface-button-text">11</div>
+          </div>
+          <div class="interface-vertical-line" id="interface-vertical-line-undo-redo-1"></div>
+          <div class="interface-horizontal-line" id="interface-horizontal-line-undo-redo"></div>
+          <div class="interface-vertical-line" id="interface-vertical-line-undo-redo-2"></div>
+          <div class="interface-vertical-line" id="interface-vertical-line-undo-redo-3"></div>
+          <img class="ipad-project-view" src="images/interface.png" />
+          <div id="right-column">
+            <div id="interface-key">
+              <div id="interface-key-header">
+              </div>
+              <div id="interface-key-description">
+              </div>
             </div>
-            <div id="ipad-project-view-wrapper">
-                <div
-                    class="learn-tab learn-tab-selected learn-interface"
-                    id="lobby-content"
-                >
-                    <!-- 1. New project -->
-                    <div
-                        class="interface-button interface-button-selected"
-                        id="interface-button-lobby-new-project"
-                    >
-                        <div class="interface-button-text">1</div>
-                    </div>
-                    <div
-                        class="interface-vertical-line"
-                        id="interface-vertical-line-lobby-new-project"
-                    ></div>
-                    <div
-                        class="interface-dot"
-                        id="interface-dot-lobby-new-project"
-                    ></div>
-                    <!-- 2. Saved project -->
-                    <div
-                        class="interface-button"
-                        id="interface-button-lobby-saved-project"
-                    >
-                        <div class="interface-button-text">2</div>
-                    </div>
-                    <div
-                        class="interface-vertical-line"
-                        id="interface-vertical-line-lobby-saved-project"
-                    ></div>
-                    <div
-                        class="interface-dot"
-                        id="interface-dot-lobby-saved-project"
-                    ></div>
-                    <!-- 3. Settings -->
-                    <div
-                        class="interface-button"
-                        id="interface-button-lobby-settings"
-                    >
-                        <div class="interface-button-text">3</div>
-                    </div>
-                    <div
-                        class="interface-vertical-line"
-                        id="interface-vertical-line-lobby-settings"
-                    ></div>
-                    <div
-                        class="interface-dot"
-                        id="interface-dot-lobby-settings"
-                    ></div>
-                    <!-- 4. User guides -->
-                    <div
-                        class="interface-button"
-                        id="interface-button-lobby-user-guides"
-                    >
-                        <div class="interface-button-text">4</div>
-                    </div>
-                    <div
-                        class="interface-vertical-line"
-                        id="interface-vertical-line-lobby-user-guides"
-                    ></div>
-                    <div
-                        class="interface-dot"
-                        id="interface-dot-lobby-user-guides"
-                    ></div>
-                    <img
-                        class="ipad-project-view"
-                        src="images/lobby_interface.png"
-                    />
-                </div>
-                <div
-                    class="learn-tab learn-tab-selected learn-interface"
-                    id="editor-content"
-                    style="display: none"
-                >
-                    <!-- 5. Save -->
-                    <div
-                        class="interface-button interface-button-selected"
-                        id="interface-button-save"
-                    >
-                        <div class="interface-button-text">5</div>
-                    </div>
-                    <div
-                        class="interface-vertical-line"
-                        id="interface-vertical-line-save"
-                    ></div>
-                    <div class="interface-dot" id="interface-dot-save"></div>
-                    <!-- 6. Marty Connect -->
-                    <div
-                        class="interface-button"
-                        id="interface-button-marty-connect"
-                    >
-                        <div class="interface-button-text">6</div>
-                    </div>
-                    <div
-                        class="interface-vertical-line"
-                        id="interface-vertical-line-marty-connect"
-                    ></div>
-                    <div
-                        class="interface-dot"
-                        id="interface-dot-marty-connect"
-                    ></div>
-                    <!-- 7. Stage -->
-                    <div class="interface-button" id="interface-button-stage">
-                        <div class="interface-button-text">7</div>
-                    </div>
-                    <div
-                        class="interface-vertical-line"
-                        id="interface-vertical-line-stage-1"
-                    ></div>
-                    <div
-                        class="interface-horizontal-line"
-                        id="interface-horizontal-line-stage-1"
-                    ></div>
-                    <div
-                        class="interface-vertical-line"
-                        id="interface-vertical-line-stage-2"
-                    ></div>
-                    <div
-                        class="interface-horizontal-line"
-                        id="interface-horizontal-line-stage-2"
-                    ></div>
-                    <div
-                        class="interface-horizontal-line"
-                        id="interface-horizontal-line-stage-3"
-                    ></div>
-                    <!-- 8. Presentation Mode -->
-                    <div
-                        class="interface-button"
-                        id="interface-button-presentation-mode"
-                    >
-                        <div class="interface-button-text">8</div>
-                    </div>
-                    <div
-                        class="interface-vertical-line"
-                        id="interface-vertical-line-presentation-mode"
-                    ></div>
-                    <div
-                        class="interface-dot"
-                        id="interface-dot-presentation-mode"
-                    ></div>
-                    <!-- 9. Grid -->
-                    <div class="interface-button" id="interface-button-grid">
-                        <div class="interface-button-text">9</div>
-                    </div>
-                    <div
-                        class="interface-vertical-line"
-                        id="interface-vertical-line-grid"
-                    ></div>
-                    <div class="interface-dot" id="interface-dot-grid"></div>
-                    <!-- 10. Change Background -->
-                    <div
-                        class="interface-button"
-                        id="interface-button-change-background"
-                    >
-                        <div class="interface-button-text">11</div>
-                    </div>
-                    <div
-                        class="interface-vertical-line"
-                        id="interface-vertical-line-change-background"
-                    ></div>
-                    <div
-                        class="interface-dot"
-                        id="interface-dot-change-background"
-                    ></div>
-                    <!-- 11. Add Text -->
-                    <div
-                        class="interface-button"
-                        id="interface-button-add-text"
-                    >
-                        <div class="interface-button-text">10</div>
-                    </div>
-                    <div
-                        class="interface-vertical-line"
-                        id="interface-vertical-line-add-text"
-                    ></div>
-                    <div
-                        class="interface-dot"
-                        id="interface-dot-add-text"
-                    ></div>
-                    <!-- 12. Reset Characters -->
-                    <div
-                        class="interface-button"
-                        id="interface-button-reset-characters"
-                    >
-                        <div class="interface-button-text">12</div>
-                    </div>
-                    <div
-                        class="interface-vertical-line"
-                        id="interface-vertical-line-reset-characters"
-                    ></div>
-                    <div
-                        class="interface-dot"
-                        id="interface-dot-reset-characters"
-                    ></div>
-                    <!-- 13. Green Flag -->
-                    <div
-                        class="interface-button"
-                        id="interface-button-green-flag"
-                    >
-                        <div class="interface-button-text">13</div>
-                    </div>
-                    <div
-                        class="interface-vertical-line"
-                        id="interface-vertical-line-green-flag"
-                    ></div>
-                    <div
-                        class="interface-dot"
-                        id="interface-dot-green-flag"
-                    ></div>
-                    <!-- 14. Pages -->
-                    <div class="interface-button" id="interface-button-pages">
-                        <div class="interface-button-text">14</div>
-                    </div>
-                    <div
-                        class="interface-vertical-line"
-                        id="interface-vertical-line-pages"
-                    ></div>
-                    <div class="interface-dot" id="interface-dot-pages"></div>
-                    <!-- 15. Project Information -->
-                    <div
-                        class="interface-button"
-                        id="interface-button-project-information"
-                    >
-                        <div class="interface-button-text">15</div>
-                    </div>
-                    <div
-                        class="interface-vertical-line"
-                        id="interface-vertical-line-project-information"
-                    ></div>
-                    <div
-                        class="interface-dot"
-                        id="interface-dot-project-information"
-                    ></div>
-                    <!-- 16. Characters -->
-                    <!-- 20. Block Categories -->
-                    <div
-                        class="interface-button"
-                        id="interface-button-block-categories"
-                    >
-                        <div class="interface-button-text">20</div>
-                    </div>
-                    <div
-                        class="interface-vertical-line"
-                        id="interface-vertical-line-block-categories-1"
-                    ></div>
-                    <div
-                        class="interface-horizontal-line"
-                        id="interface-horizontal-line-block-categories"
-                    ></div>
-                    <div
-                        class="interface-vertical-line"
-                        id="interface-vertical-line-block-categories-2"
-                    ></div>
-                    <div
-                        class="interface-vertical-line"
-                        id="interface-vertical-line-block-categories-3"
-                    ></div>
-                    <!-- 19. Blocks Palette -->
-                    <div
-                        class="interface-button"
-                        id="interface-button-block-palette"
-                    >
-                        <div class="interface-button-text">19</div>
-                    </div>
-                    <div
-                        class="interface-horizontal-line"
-                        id="interface-horizontal-line-blocks-palette"
-                    ></div>
-                    <div
-                        class="interface-vertical-line"
-                        id="interface-vertical-line-blocks-palette-1"
-                    ></div>
-                    <div
-                        class="interface-vertical-line"
-                        id="interface-vertical-line-blocks-palette-2"
-                    ></div>
-                    <div
-                        class="interface-vertical-line"
-                        id="interface-vertical-line-blocks-palette-3"
-                    ></div>
-                    <!-- 18. Programming Area -->
-                    <div
-                        class="interface-button"
-                        id="interface-button-programming-area"
-                    >
-                        <div class="interface-button-text">18</div>
-                    </div>
-                    <div
-                        class="interface-vertical-line"
-                        id="interface-vertical-line-programming-area"
-                    ></div>
-                    <div
-                        class="interface-dot"
-                        id="interface-dot-programming-area"
-                    ></div>
-                    <!-- 17. Programming Script -->
-                    <div
-                        class="interface-button"
-                        id="interface-button-programming-script"
-                    >
-                        <div class="interface-button-text">17</div>
-                    </div>
-                    <div
-                        class="interface-vertical-line"
-                        id="interface-vertical-line-programming-script-1"
-                    ></div>
-                    <div
-                        class="interface-horizontal-line"
-                        id="interface-horizontal-line-programming-script"
-                    ></div>
-                    <div
-                        class="interface-vertical-line"
-                        id="interface-vertical-line-programming-script-2"
-                    ></div>
-                    <div
-                        class="interface-vertical-line"
-                        id="interface-vertical-line-programming-script-3"
-                    ></div>
-                    <!-- 16. Undo Redo -->
-                    <div
-                        class="interface-button"
-                        id="interface-button-undo-redo"
-                    >
-                        <div class="interface-button-text">16</div>
-                    </div>
-                    <div
-                        class="interface-vertical-line"
-                        id="interface-vertical-line-undo-redo-1"
-                    ></div>
-                    <div
-                        class="interface-horizontal-line"
-                        id="interface-horizontal-line-undo-redo"
-                    ></div>
-                    <div
-                        class="interface-vertical-line"
-                        id="interface-vertical-line-undo-redo-2"
-                    ></div>
-                    <div
-                        class="interface-vertical-line"
-                        id="interface-vertical-line-undo-redo-3"
-                    ></div>
-                    <img
-                        class="ipad-project-view"
-                        src="images/interface_Marty.png"
-                    />
-                </div>
-            </div>
-            <div id="right-column">
-                <div id="interface-key">
-                    <div id="interface-key-header"></div>
-                    <div id="interface-key-description"></div>
-                </div>
-                <div id="video-wrapper"></div>
+            <div id="video-wrapper">
             </div>
+          </div>
         </div>
-    </body>
+      </div>
+    </div>
+  </body>
 </html>

package/editions/free/src/inapp/paint.html CHANGED Viewed

@@ -47,7 +47,7 @@
           <div class="paint-vertical-line" id="paint-vertical-line-cut"></div>
           <div class="paint-horizontal-line" id="paint-horizontal-line-cut"></div>
           <div class="paint-dot" id="paint-dot-cut"></div>
-          <img class="ipad-project-view" src="images/paint_marty.png" />
+          <img class="ipad-project-view" src="images/paint.png" />
           <!-- 6. Duplicate -->
           <div class="paint-button" id="paint-button-duplicate">
             <div class="paint-button-text">6</div>

package/editions/free/src/inapp/style/about.css CHANGED Viewed

@@ -6,7 +6,7 @@ html {
 body {
   color: #595959;
-  font-family: Roboto;
+  font-family: 'Lato Regular';
   padding: ${css_vh(2)} 6.05vw ${css_vh(2)};
   margin: ${css_vh(2.6)} auto;
   width: ${css_vw(87.89)};

package/editions/free/src/inapp/style/blocks.css CHANGED Viewed

@@ -18,7 +18,7 @@ body {
     padding-bottom: ${css_vh(1.64)};
     margin-left: ${css_vh(15.95)};
     margin-top: ${css_vh(9.87)};
-    width: ${css_vh(52.18)};
+    width: ${css_vh(46.18)};
     font-size: ${css_vh(2.75)};
 }
@@ -80,7 +80,7 @@ body {
     margin-top: ${css_vh(2.96)};
     margin-left: ${css_vh(15.95)};
     margin-right: ${css_vh(15.95)};
-    height: ${css_vh(33.03)};
+    height: ${css_vh(23.03)};
     color: #808080;
     margin-bottom: ${css_vh(3.29)};
 }