Move credit below hero text, fix Loading Images to use local asset

Author: pepc84

assets/examples_js/Basics/web/Loading_Images/Loading_Images.js

@@ -6,19 +6,12 @@ function preload() {
 
 function setup() {
   createCanvas(640, 360);
+  noLoop();
 }
 
 function draw() {
   background(0);
-  if (img && img.width > 0) {
-    let h = img.height * (640 / img.width); // scale to fit width
-    for (let i = 0; i < 5; i++) {
-      image(img, 0, h * i, 640, h);
-    }
-  } else {
-    fill(255);
-    textAlign(CENTER);
-    textSize(14);
-    text('Loading...', width/2, height/2);
+  for (let i = 0; i < 5; i++) {
+    image(img, 0, img.height * i);
   }
 }

examples/loading-images.html

@@ -73,20 +73,13 @@ <h1>Loading Images</h1>
 
 function setup() {
   createCanvas(640, 360);
+  noLoop();
 }
 
 function draw() {
   background(0);
-  if (img && img.width > 0) {
-    let h = img.height * (640 / img.width); // scale to fit width
-    for (let i = 0; i < 5; i++) {
-      image(img, 0, h * i, 640, h);
-    }
-  } else {
-    fill(255);
-    textAlign(CENTER);
-    textSize(14);
-    text('Loading...', width/2, height/2);
+  for (let i = 0; i < 5; i++) {
+    image(img, 0, img.height * i);
   }
 }<\/script></body></html>`);doc.close();})();</script>
     <div class="code-block">

index.html

@@ -143,6 +143,7 @@
       <div class="left">
         <h1>C++ Mode for<br><span class="proc">Processing</span></h1>
         <p>Explore the <a href="/reference">reference</a> for the full API.</p>
+        <p style="margin-top:1rem;font-size:0.85rem;color:#aaa;">Independently developed by Jose Llamas</p>
       </div>
       <div class="right">
         <img src="assets/cpp-logo.png" alt="Processing for C++">
@@ -173,7 +174,7 @@ <h2>Examples</h2>
   </div>
 </div>
 
-<footer><p>Processing for C++</p><p style="margin-top:0.5rem;font-size:12px;color:#bbb;">Independently developed by Jose Llamas</p></footer>
+<footer><p>Processing for C++</p></footer>
 
 <script>
 new p5(function(p) {