npm - @robotical/martyblocksjr - Versions diffs - 1.0.1 → 1.0.4 - Mend

@robotical/martyblocksjr 1.0.1 → 1.0.4

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 (466) hide show

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

@@ -0,0 +1,146 @@
+<!DOCTYPE html>
+<html>
+  <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. Marty Connect -->
+          <div class="interface-button" id="interface-button-marty-connect">
+            <div class="interface-button-text">2</div>
+          </div>
+          <div class="interface-vertical-line" id="interface-vertical-line-marty-connect"></div>
+          <div class="interface-dot" id="interface-dot-marty-connect"></div>
+          <!-- 3. Stage -->
+          <div class="interface-button" id="interface-button-stage">
+            <div class="interface-button-text">3</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>
+          <!-- 4. Presentation Mode -->
+          <div class="interface-button" id="interface-button-presentation-mode">
+            <div class="interface-button-text">4</div>
+          </div>
+          <div class="interface-vertical-line" id="interface-vertical-line-presentation-mode"></div>
+          <div class="interface-dot" id="interface-dot-presentation-mode"></div>
+          <!-- 5. Grid -->
+          <div class="interface-button" id="interface-button-grid">
+            <div class="interface-button-text">5</div>
+          </div>
+          <div class="interface-vertical-line" id="interface-vertical-line-grid"></div>
+          <div class="interface-dot" id="interface-dot-grid"></div>
+          <!-- 6. Change Background -->
+          <div class="interface-button" id="interface-button-change-background">
+            <div class="interface-button-text">7</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. Add Text -->
+          <div class="interface-button" id="interface-button-add-text">
+            <div class="interface-button-text">6</div>
+          </div>
+          <div class="interface-vertical-line" id="interface-vertical-line-add-text"></div>
+          <div class="interface-dot" id="interface-dot-add-text"></div>
+          <!-- 8. Reset Characters -->
+          <div class="interface-button" id="interface-button-reset-characters">
+            <div class="interface-button-text">8</div>
+          </div>
+          <div class="interface-vertical-line" id="interface-vertical-line-reset-characters"></div>
+          <div class="interface-dot" id="interface-dot-reset-characters"></div>
+          <!-- 9. Green Flag -->
+          <div class="interface-button" id="interface-button-green-flag">
+            <div class="interface-button-text">9</div>
+          </div>
+          <div class="interface-vertical-line" id="interface-vertical-line-green-flag"></div>
+          <div class="interface-dot" id="interface-dot-green-flag"></div>
+          <!-- 10. Pages -->
+          <div class="interface-button" id="interface-button-pages">
+            <div class="interface-button-text">10</div>
+          </div>
+          <div class="interface-vertical-line" id="interface-vertical-line-pages"></div>
+          <div class="interface-dot" id="interface-dot-pages"></div>
+          <!-- 11. Project Information -->
+          <div class="interface-button" id="interface-button-project-information">
+            <div class="interface-button-text">11</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> -->
+          <!-- 16. Block Categories -->
+          <div class="interface-button" id="interface-button-block-categories">
+            <div class="interface-button-text">16</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>
+          <!-- 15. Blocks Palette -->
+          <div class="interface-button" id="interface-button-block-palette">
+            <div class="interface-button-text">15</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>
+          <!-- 14. Programming Area -->
+          <div class="interface-button" id="interface-button-programming-area">
+            <div class="interface-button-text">14</div>
+          </div>
+          <div class="interface-vertical-line" id="interface-vertical-line-programming-area"></div>
+          <div class="interface-dot" id="interface-dot-programming-area"></div>
+          <!-- 13. Programming Script -->
+          <div class="interface-button" id="interface-button-programming-script">
+            <div class="interface-button-text">13</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>
+          <!-- 12. Undo Redo -->
+          <div class="interface-button" id="interface-button-undo-redo">
+            <div class="interface-button-text">12</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 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>
+        </div>
+      </div>
+    </div>
+  </body>
+</html>

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

@@ -0,0 +1,119 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <script>
+        window.scratchJrPage = 'inappPaintEditorGuide';
+    </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-paint">
+          <!-- 1. Undo -->
+          <div class="paint-button paint-button-selected" id="paint-button-undo">
+            <div class="paint-button-text">1</div>
+          </div>
+          <div class="paint-vertical-line" id="paint-vertical-line-undo"></div>
+          <div class="paint-dot" id="paint-dot-undo"></div>
+          <!-- 2. Redo -->
+          <div class="paint-button" id="paint-button-redo">
+            <div class="paint-button-text">2</div>
+          </div>
+          <div class="paint-vertical-line" id="paint-vertical-line-redo"></div>
+          <div class="paint-dot" id="paint-dot-redo"></div>
+          <!-- 3. Select Shape -->
+          <div class="paint-button" id="paint-button-select-shape">
+            <div class="paint-button-text">3</div>
+          </div>
+          <div class="paint-vertical-line" id="paint-vertical-line-select-shape-1"></div>
+          <div class="paint-horizontal-line" id="paint-horizontal-line-select-shape-1"></div>
+          <div class="paint-vertical-line" id="paint-vertical-line-select-shape-2"></div>
+          <div class="paint-horizontal-line" id="paint-horizontal-line-select-shape-2"></div>
+          <div class="paint-horizontal-line" id="paint-horizontal-line-select-shape-3"></div>
+          <!-- 4. Character Name -->
+          <div class="paint-button" id="paint-button-character-name">
+            <div class="paint-button-text">4</div>
+          </div>
+          <div class="paint-vertical-line" id="paint-vertical-line-character-name"></div>
+          <div class="paint-dot" id="paint-dot-character-name"></div>
+          <!-- 5. Cut -->
+          <div class="paint-button" id="paint-button-cut">
+            <div class="paint-button-text">5</div>
+          </div>
+          <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" />
+          <!-- 6. Duplicate -->
+          <div class="paint-button" id="paint-button-duplicate">
+            <div class="paint-button-text">6</div>
+          </div>
+          <div class="paint-vertical-line" id="paint-vertical-line-duplicate"></div>
+          <div class="paint-horizontal-line" id="paint-horizontal-line-duplicate"></div>
+          <div class="paint-dot" id="paint-dot-duplicate"></div>
+          <!-- 7. Rotate -->
+          <div class="paint-button" id="paint-button-rotate">
+            <div class="paint-button-text">7</div>
+          </div>
+          <div class="paint-vertical-line" id="paint-vertical-line-rotate"></div>
+          <div class="paint-horizontal-line" id="paint-horizontal-line-rotate"></div>
+          <div class="paint-dot" id="paint-dot-rotate"></div>
+          <!-- 8. Drag -->
+          <div class="paint-button" id="paint-button-drag">
+            <div class="paint-button-text">8</div>
+          </div>
+          <div class="paint-vertical-line" id="paint-vertical-line-drag"></div>
+          <div class="paint-horizontal-line" id="paint-horizontal-line-drag"></div>
+          <div class="paint-dot" id="paint-dot-drag"></div>
+          <!-- 9. Save -->
+          <div class="paint-button" id="paint-button-save">
+            <div class="paint-button-text">9</div>
+          </div>
+          <div class="paint-vertical-line" id="paint-vertical-line-save"></div>
+          <div class="paint-dot" id="paint-dot-save"></div>
+          <!-- 10. Fill -->
+          <div class="paint-button" id="paint-button-fill">
+            <div class="paint-button-text">10</div>
+          </div>
+          <div class="paint-vertical-line" id="paint-vertical-line-fill"></div>
+          <div class="paint-horizontal-line" id="paint-horizontal-line-fill"></div>
+          <div class="paint-dot" id="paint-dot-fill"></div>
+          <!-- 11. Camera -->
+          <div class="paint-button" id="paint-button-camera">
+            <div class="paint-button-text">11</div>
+          </div>
+          <div class="paint-vertical-line" id="paint-vertical-line-camera"></div>
+          <div class="paint-horizontal-line" id="paint-horizontal-line-camera"></div>
+          <div class="paint-dot" id="paint-dot-camera"></div>
+          <!-- 12. Select Color -->
+          <div class="paint-button" id="paint-button-select-color">
+            <div class="paint-button-text">12</div>
+          </div>
+          <div class="paint-vertical-line" id="paint-vertical-line-select-color-1"></div>
+          <div class="paint-horizontal-line" id="paint-horizontal-line-select-color-1"></div>
+          <div class="paint-vertical-line" id="paint-vertical-line-select-color-2"></div>
+          <div class="paint-vertical-line" id="paint-vertical-line-select-color-3"></div>
+          <!-- 13. Select Line Size -->
+          <div class="paint-button" id="paint-button-select-line-size">
+            <div class="paint-button-text">13</div>
+          </div>
+          <div class="paint-vertical-line" id="paint-vertical-line-select-line-size-1"></div>
+          <div class="paint-horizontal-line" id="paint-horizontal-line-select-line-size-1"></div>
+          <div class="paint-vertical-line" id="paint-vertical-line-select-line-size-2"></div>
+          <div class="paint-horizontal-line" id="paint-horizontal-line-select-line-size-2"></div>
+          <div class="paint-horizontal-line" id="paint-horizontal-line-select-line-size-3"></div>
+          <div id="paint-key">
+            <div id="paint-key-header">
+            </div>
+            <div id="paint-key-description">
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </body>
+</html>

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

@@ -0,0 +1,41 @@
+@import url('../../css/font.css');
+html {
+  -webkit-user-select: none;
+}
+body {
+  color: #595959;
+  font-family: Roboto;
+  padding: ${css_vh(2)} 6.05vw ${css_vh(2)};
+  margin: ${css_vh(2.6)} auto;
+  width: ${css_vw(87.89)};
+  height: auto;
+  margin-bottom: ${css_vh(10.4)};
+}
+h1 {
+  font-size: ${css_vh(5.3)};
+  margin-bottom: ${css_vh(0.65)};
+  color: #f5a322;
+}
+h2 {
+  font-size: ${css_vh(3.78)};
+}
+.about-section-wrapper {
+  display: block;
+  margin-bottom: ${css_vh(1.3)};
+}
+.title {
+  font-weight: bold;
+  margin-bottom: ${css_vh(1.3)};
+  color: #2898cd;
+}
+.description {
+  font-size: ${css_vh(2.85)};
+  margin-bottom: ${css_vh(1.3)};
+}

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

@@ -0,0 +1,137 @@
+@import url('../../css/font.css');
+html {
+    -webkit-user-select: none;
+}
+body {
+    background: #F7F6EE;
+    margin-top: ${css_vh(6)};
+    margin-bottom: ${css_vh(22.20)};
+}
+.block-category-header {
+    color: white;
+    text-transform: uppercase;
+    padding-left: ${css_vh(2.47)};
+    padding-top: ${css_vh(1.64)};
+    padding-bottom: ${css_vh(1.64)};
+    margin-left: ${css_vh(15.95)};
+    margin-top: ${css_vh(9.87)};
+    width: ${css_vh(52.18)};
+    font-size: ${css_vh(2.75)};
+}
+#yellow-block-category-header {
+    background-color: #F4E025;
+}
+#blue-block-category-header {
+    background-color: #4A8CE3;
+}
+#purple-block-category-header {
+    background-color: #CD7CD1;
+}
+#green-block-category-header {
+    background-color: #48CC7E;
+}
+#orange-block-category-header {
+    background-color: #FFB254;
+}
+#red-block-category-header {
+    background-color: #EA2424;
+}
+.block-category-header-line {
+    margin-left: ${css_vh(15.95)};
+    margin-right: ${css_vh(15.95)};
+    height: ${css_vh(0.33)};
+}
+#yellow-block-category-header-line {
+    background-color: #F4E025;
+}
+#blue-block-category-header-line {
+    background-color: #4A8CE3;
+}
+#purple-block-category-header-line {
+    background-color: #CD7CD1;
+}
+#green-block-category-header-line {
+    background-color: #48CC7E;
+}
+#orange-block-category-header-line {
+    background-color: #FFB254;
+}
+#red-block-category-header-line {
+    background-color: #EA2424;
+}
+.block-wrapper {
+    margin-top: ${css_vh(2.96)};
+    margin-left: ${css_vh(15.95)};
+    margin-right: ${css_vh(15.95)};
+    height: ${css_vh(33.03)};
+    color: #808080;
+    margin-bottom: ${css_vh(3.29)};
+}
+.block-wrapper-left{
+    float: left;
+    width: 40%;
+    padding-bottom: ${css_vh(1.64)};
+}
+.block-wrapper-right {
+    float: right;
+    width: 40%;
+    padding-bottom: ${css_vh(1.64)};
+}
+.block-image-wrapper {
+    float: left;
+}
+.block-title {
+    font-size: ${css_vh(2.5)};
+    border-bottom: 1px solid #BFBFBF;
+    padding-bottom: ${css_vh(0.99)};
+}
+.block-image {
+    margin-top: ${css_vh(3.29)};
+    margin-left: ${css_vh(1.64)};
+    width: ${css_vh(12.34)};
+}
+.block-image-repeat {
+    margin-top: ${css_vh(3.29)};
+    margin-left: ${css_vh(1.64)};
+    width: ${css_vh(23.03)};
+}
+.block-description {
+    float: right;
+    margin-top: ${css_vh(3.29)};
+    width: ${css_vh(34.54)};
+    font-size: ${css_vh(2.30)};
+    color: #6F6F6E;
+    line-height: ${css_vh(3.62)};
+}
+.block-description-repeat {
+    float: right;
+    margin-top: ${css_vh(3.29)};
+    width: ${css_vh(23.85)};
+    font-size: ${css_vh(2.30)};
+    line-height: ${css_vh(3.62)};
+}