Update docs

Author: MurhafSousli

projects/ng-gallery-demo/src/app/pages/documentation/doc-core/doc-core.component.html

@@ -14,7 +14,7 @@
   <p>Since the standalone components has been the new standard in Angular >= 15, you can import <code class="hljs">GalleryModule</code> in your component imports.</p>
   <p>See <a mat-button class="inline-button" style="padding: 0 0.5em" color="accent" routerLink="/gallery">Gallery
     Example</a> and <a mat-button class="inline-button" style="padding: 0 0.5em" color="accent"
-                       routerLink="/advanced">Advanced Example</a>
+                       routerLink="/custom-templates">Custom Templates Example</a>
   </p>
 
   <p></p>

projects/ng-gallery-demo/src/app/pages/gallery-example/gallery-example.component.html

@@ -83,7 +83,7 @@ <h3>Example</h3>
     <p>Beside these options, you can also use CSS to change gallery's style.</p>
 
     <p>For more advanced usage, check the
-      <a mat-button class="inline-button" style="padding: 0 0.5em" color="accent" routerLink="/advanced">Advanced
+      <a mat-button class="inline-button" style="padding: 0 0.5em" color="accent" routerLink="/custom-templates">Custom Templates
         Example</a>
     </p>
 

projects/ng-gallery-demo/src/app/pages/advanced-example/slide-text.animation.ts renamed to projects/ng-gallery-demo/src/app/pages/templates-example/slide-text.animation.ts

@@ -1,5 +1,5 @@
 <div class="page-title">
-  <h1>Advanced Example</h1>
+  <h1>Custom Templates Example</h1>
 </div>
 <div class="page-content">
   <section>

projects/ng-gallery-demo/src/app/pages/advanced-example/advanced-example.component.html renamed to projects/ng-gallery-demo/src/app/pages/templates-example/templates-example.component.html

@@ -29,14 +29,14 @@ import { NoteComponent } from '../../shared/note/note.component';
   host: {
     'class': 'page'
   },
-  selector: 'advanced-example',
-  templateUrl: './advanced-example.component.html',
-  styleUrls: ['./advanced-example.component.scss'],
+  selector: 'templates-example',
+  templateUrl: './templates-example.component.html',
+  styleUrls: ['./templates-example.component.scss'],
   animations: [slideInAnimation],
   standalone: true,
   imports: [CommonModule, SectionTitleComponent, GalleryModule, HlCodeComponent, FooterComponent, FontAwesomeModule, MatButtonModule, NoteComponent]
 })
-export class AdvancedExampleComponent implements OnInit {
+export class TemplatesExampleComponent implements OnInit {
 
   readonly arr = data;
   readonly code = code;
@@ -62,7 +62,7 @@ export class AdvancedExampleComponent implements OnInit {
   }
 
   ngOnInit() {
-    this._title.setTitle('Advanced | ng-gallery');
+    this._title.setTitle('Custom Templates | ng-gallery');
     const galleryRef = this._gallery.ref('mixed');
 
     this.arr.map((item: GalleryItemData) => {
@@ -175,12 +175,12 @@ import { CommonModule } from '@angular/common';
 import { GalleryModule, Gallery, GalleryRef } from 'ng-gallery';
 
 @Component({
-  selector: 'advanced-example',
-  templateUrl: './advanced-example.html',
+  selector: 'example-component',
+  templateUrl: './example-templates.html',
   standalone: true,
   imports: [CommonModule, GalleryModule]
 })
-export class AdvancedExampleComponent implements OnInit {
+export class ExampleComponent implements OnInit {
 
   galleryId = 'mixedExample';
 

projects/ng-gallery-demo/src/app/pages/advanced-example/advanced-example.component.scss renamed to projects/ng-gallery-demo/src/app/pages/templates-example/templates-example.component.scss

@@ -24,8 +24,8 @@ const appRoutes: Routes = [
     loadComponent: () => import('./pages/gallerize-example/gallerize-example.component').then(m => m.GallerizeExampleComponent)
   },
   {
-    path: 'advanced',
-    loadComponent: () => import('./pages/advanced-example/advanced-example.component').then(m => m.AdvancedExampleComponent)
+    path: 'custom-templates',
+    loadComponent: () => import('./pages/templates-example/templates-example.component').then(m => m.TemplatesExampleComponent)
   },
   {
     path: 'lab',

projects/ng-gallery-demo/src/app/pages/advanced-example/advanced-example.component.ts renamed to projects/ng-gallery-demo/src/app/pages/templates-example/templates-example.component.ts

@@ -4,7 +4,7 @@
   <a mat-button routerLink="gallery" routerLinkActive="active">Gallery</a>
   <a mat-button routerLink="lightbox" routerLinkActive="active">Lightbox</a>
   <a mat-button routerLink="gallerize" routerLinkActive="active">Gallerize</a>
-  <a mat-button routerLink="advanced" routerLinkActive="active">Advanced</a>
+  <a mat-button routerLink="custom-templates" routerLinkActive="active">Custom Templates</a>
   <a mat-button routerLink="lab" routerLinkActive="active">Lab</a>
   <a mat-button href="https://github.com/MurhafSousli/ng-gallery">
     <fa-icon [icon]="['fab', 'github']" size="lg"></fa-icon>