change img gallery and number; add load full gallery option

Author: PANSTER.Daniel

README.md

@@ -10,18 +10,18 @@
     <a href="https://dpanster.github.io/angular5-threejs-css3d/css3d-threejs">
         <img src="/src/assets/screens/thumb_css3d_threejs.jpg" width="80" title="CSS3d, Threejs + Terrain">
     </a>
-* An example for an image galery in CSS3d:<br>
+* An example for an image gallery in CSS3d:<br>
     <a href="https://dpanster.github.io/angular5-threejs-css3d/img-gallery">
         <img src="/src/assets/screens/thumb_img_gallery_threejs.jpg" width="80" title="Image Gallery, Threejs + CSS3d">
     </a>
-* A small game included most features of the examples will be implemented...
+* A small game included most features of the examples will be implemented... see
 
 --------------------
 # access to published page
 https://dpanster.github.io/angular5-threejs-css3d/
 
 ==================================================
-# Versions:
+# Installed versions:
 
 Angular CLI: 6.0.0-rc.4  
 Node: 8.11.3  

package-lock.json

@@ -27,6 +27,7 @@
     "@types/recursive-readdir": "^2.2.0",
     "@types/stats": "^0.16.30",
     "@types/three": "^0.91.0",
+    "angular-cli-ghpages": "^0.5.3",
     "cannon": "^0.6.1",
     "chroma-js": "^1.3.7",
     "core-js": "^2.4.1",

package.json

@@ -3,7 +3,7 @@
   <header>
     <div class="w3-container ">
       <h1>
-        <b>A Three.js CSS3d showcase...</b>
+        <b>A Three.js - CSS3d showcase with terrain and physics...</b>
       </h1>
       This canvas contains two scenes from
       <em>THREE.js</em> and two renderer elements, a

src/app/css3d-threejs/css3d-threejs.component.html

@@ -25,7 +25,10 @@ <h1>
     <div class="w3-col s3 w3-center">
       <p>CSS3D - Three.js</p>
     </div>
-    <div class="w3-col s6"></div>
+    <div class="w3-col s3 w3-center">
+      <p>Image Gallery - Three.js</p>
+    </div>
+    <div class="w3-col s3"></div>
   </div>
 
   <!--thumbs-->
@@ -40,6 +43,11 @@ <h1>
         <img [src]="imgURL_css3d_threejs" alt="" height="150" width="150">
       </a>
     </div>
+    <div class="w3-col s3 w3-center">
+      <a routerLink="img-gallery">
+        <img [src]="imgURL_img_gallery_threejs" alt="" height="150" width="150">
+      </a>
+    </div>
     <div class="w3-col s6"></div>
   </div>
 </div>

src/app/home/home.component.html

@@ -10,7 +10,7 @@ export class HomeComponent implements OnInit {
   // thumbnails
   public imgURL_cube_threejs = "assets/screens/thumb_cube_threejs.jpg";
   public imgURL_css3d_threejs = "assets/screens/thumb_css3d_threejs.jpg";
-
+  public imgURL_img_gallery_threejs = "assets/screens/thumb_img_gallery_threejs.jpg";
 
   constructor() { }