Process resources

.github/workflows/continuous_integration.yaml

@@ -54,7 +54,7 @@ jobs:
 
       - name: install
         run: |
-          make install
+          make all
           sudo chown -R $(whoami) ./docs
 
       - name: Create Pull Request

makefile

@@ -2,28 +2,37 @@ site_path=./src/ionic-ng/
 
 .DEFAULT_GOAL:=all
 
+# NOTE: Do not defer to project `all` since `install`
+#       is a little different in the root.
 .PHONY: all
-all:
-	@cd $(site_path) && "$(MAKE)" $@
+all: init check install
 
 .PHONY: init
 init:
 	@cd $(site_path) && "$(MAKE)" $@
 
+.PHONY: check
+check:
+	@cd $(site_path) && "$(MAKE)" $@
+
 .PHONY: install
 install:
 	@rm -rf ./docs/ \
 	&& cd $(site_path) \
-	&& "$(MAKE)" init $@ \
+	&& "$(MAKE)" $@ \
 	&& cp -r ./www/ ../../docs/
 
-.PHONY: check
-check:
-	@cd $(site_path) && "$(MAKE)" init $@
+.PHONY: search-index
+search-index:
+	@cd $(site_path) && "$(MAKE)" $@
 
 .PHONY: start
 start:
-	@cd $(site_path) && "$(MAKE)" init $@
+	@cd $(site_path) && "$(MAKE)" $@
+
+.PHONY: dev
+dev:
+	@cd $(site_path) && "$(MAKE)" $@
 
 .PHONY: sync
 sync:

src/ionic-ng/README.md

@@ -9,3 +9,8 @@ With GNU `make` installed, simply run `make all` to install dependencies, build,
 To run `ionic` or `ng` commands, it is not necessary or even recommended to install the tools globally. Instead run `yarn ionic ...` or `yarn ng ...` to run the locally versioned tools.
 
 To update `npm` dependencies, use `yarn add ...` or `yarn remove ...` as well as `yarn install` to update the "./yarn.lock" file. For developer depencies, remember to use the `-D` option.
+
+## Administrative
+
+- [Get YouTube video thumbnails](https://www.get-youtube-thumbnail.com/)
+- Generate thumbnail image names from titles: `"Author: Title".toLocaleLowerCase().replace(/[:]\s/g, '_').replace(/\s/g, '-').replace(/[-]+/g, '-') + ".jpg"`

src/ionic-ng/ionic-ng.code-workspace

@@ -1,12 +1,23 @@
 {
-	"folders": [
-		{
-			"name": ".github",
-			"path": "../../.github"
-		},
-		{
-			"name": "ionic-ng",
-			"path": "."
-		}
-	]
+  "folders": [
+    {
+      "name": ".github",
+      "path": "../../.github"
+    },
+    {
+      "name": "ionic-ng",
+      "path": "."
+    }
+  ],
+  "settings": {
+    "editor.formatOnSave": true
+  },
+  "extensions": {
+    "recommendations": [
+      "EditorConfig.EditorConfig",
+      "Angular.ng-template",
+      "Ionic.ionic",
+      "esbenp.prettier-vscode"
+    ]
+  }
 }

src/ionic-ng/makefile

@@ -1,7 +1,7 @@
 .DEFAULT_GOAL:=all
 
 .PHONY: all
-all: init install check
+all: init check install
 
 .PHONY: nvm
 nvm:
@@ -13,12 +13,6 @@ init:
 	@export CI=1 \
 	&& yarn install --frozen-lockfile --immutable
 
-.PHONY: install
-install:
-	@export CI=1 \
-	&& yarn build \
-	&& cp ./www/index.html ./www/404.html
-
 .PHONY: check-unit
 check-unit:
 	@export CI=1 \
@@ -38,6 +32,12 @@ check-e2e:
 .PHONY: check
 check: check-unit check-e2e
 
+.PHONY: install
+install:
+	@export CI=1 \
+	&& yarn build \
+	&& cp ./www/index.html ./www/404.html
+
 .PHONY: search-index
 search-index:
 	@export CI=1 \
@@ -62,7 +62,3 @@ dev-test:
 .PHONY: dev-e2e
 dev-e2e:
 	@yarn e2e
-
-.PHONY: search
-search:
-	@yarn node ./build-search-index

src/ionic-ng/src/app/components/list/url-item/url-item.component.ts

@@ -5,22 +5,18 @@ import { IonicModule } from '@ionic/angular';
 
 @Component({
   standalone: true,
-  imports: [
-    CommonModule,
-    IonicModule,
-  ],
+  imports: [CommonModule, IonicModule],
   selector: 'app-url-item',
   templateUrl: './url-item.component.html',
   styleUrls: ['./url-item.component.scss'],
 })
 export class UrlItemComponent implements OnInit {
-
-  @Input() title = "";
-  @Input() url = "";
+  @Input() title = '';
+  @Input() url = '';
 
   @Output() visit = new EventEmitter<string>();
 
-  constructor() { }
+  constructor() {}
 
   ngOnInit() {}
 

src/ionic-ng/src/app/pages/people/people.module.ts

@@ -6,7 +6,7 @@ import { IonicModule } from '@ionic/angular';
 
 import { PeoplePageRoutingModule } from './people-routing.module';
 
-import { HeaderComponent  } from '../../components/page/header/header.component';
+import { HeaderComponent } from '../../components/page/header/header.component';
 import { FooterComponent } from '../../components/page/footer/footer.component';
 
 import { BookItemComponent } from '../../components/list/book-item/book-item.component';
@@ -23,6 +23,6 @@ import { PeoplePage } from './people.page';
     FooterComponent,
     BookItemComponent,
   ],
-  declarations: [PeoplePage]
+  declarations: [PeoplePage],
 })
 export class PeoplePageModule {}

src/ionic-ng/src/app/pages/people/people.page.html

@@ -5,9 +5,7 @@
 <ion-content [fullscreen]="true">
   <ion-card>
     <ion-card-header>
-      <ion-card-title>
-        Resources
-      </ion-card-title>
+      <ion-card-title> Resources </ion-card-title>
     </ion-card-header>
     <ion-card-content>
       <ion-list lines="full">
@@ -16,15 +14,17 @@
             <ion-list lines="full">
               <app-book-item
                 (visit)="openLeavingSite($event)"
-                title="Peter Drucker: &quot;The Drucker Library&quot; Boxed Set"
+                title='Peter Drucker: "The Drucker Library" Boxed Set'
                 thumbnailImageFileName="peter-drucker_the-drucker-library-boxed-set.jpg"
-                url="https://a.co/d/aMdwtNb">
+                url="https://a.co/d/aMdwtNb"
+              >
               </app-book-item>
               <app-book-item
                 (visit)="openLeavingSite($event)"
                 title="Peopleware: Productive Projects and Teams"
                 thumbnailImageFileName="tom-demarco_peopleware-productive-projects-and-teams.jpg"
-                url="https://a.co/d/3klkunX">
+                url="https://a.co/d/3klkunX"
+              >
               </app-book-item>
             </ion-list>
           </ion-label>

src/ionic-ng/src/app/pages/people/people.page.ts

@@ -1,4 +1,4 @@
-import { Component } from '@angular/core';
+import { Component, OnInit } from '@angular/core';
 import { Meta, Title } from '@angular/platform-browser';
 
 import { ModalController } from '@ionic/angular';
@@ -10,8 +10,7 @@ import { BasePageComponent } from 'src/app/components/page/base';
   templateUrl: './people.page.html',
   styleUrls: ['./people.page.scss'],
 })
-export class PeoplePage extends BasePageComponent {
-
+export class PeoplePage extends BasePageComponent implements OnInit {
   constructor(
     modalController: ModalController,
     private metaService: Meta,
@@ -26,7 +25,8 @@ export class PeoplePage extends BasePageComponent {
     this.metaService.updateTag(
       {
         name: 'description',
-        content: 'People are an organization\'s best resources, supported by technology and the processes they participate in',
+        content:
+          "People are an organization's best resources, supported by technology and the processes they participate in",
       },
       'name=description'
     );

src/ionic-ng/src/app/pages/process/process.module.ts

@@ -9,6 +9,10 @@ import { ProcessPageRoutingModule } from './process-routing.module';
 import { HeaderComponent } from '../../components/page/header/header.component';
 import { FooterComponent } from '../../components/page/footer/footer.component';
 
+import { BookItemComponent } from '../../components/list/book-item/book-item.component';
+import { UrlItemComponent } from '../../components/list/url-item/url-item.component';
+import { VideoItemComponent } from '../../components/list/video-item/video-item.component';
+
 import { ProcessPage } from './process.page';
 
 @NgModule({
@@ -17,9 +21,12 @@ import { ProcessPage } from './process.page';
     FormsModule,
     IonicModule,
     ProcessPageRoutingModule,
+    BookItemComponent,
+    UrlItemComponent,
+    VideoItemComponent,
     HeaderComponent,
     FooterComponent,
   ],
-  declarations: [ProcessPage]
+  declarations: [ProcessPage],
 })
 export class ProcessPageModule {}

src/ionic-ng/src/app/pages/process/process.page.html

@@ -5,8 +5,98 @@
 <ion-content [fullscreen]="true">
   <ion-card>
     <ion-card-header>
-      <ion-card-title><ion-icon name="megaphone-outline"></ion-icon> Coming soon!</ion-card-title>
+      <ion-card-title> Resources </ion-card-title>
     </ion-card-header>
+    <ion-card-content>
+      <ion-list lines="full">
+        <ion-item>
+          <ion-label class="ion-text-wrap">
+            <ion-list lines="full">
+              <app-url-item
+                (visit)="openLeavingSite($event)"
+                title="The Agile Manifesto"
+                url="https://agilemanifesto.org/"
+              >
+              </app-url-item>
+              <app-url-item
+                (visit)="openLeavingSite($event)"
+                title="DevOps: A Primer for the Business Leader"
+                url="https://itrevolution.com/articles/devops-a-primer/"
+              >
+              </app-url-item>
+              <app-video-item
+                (visit)="openVideo($event)"
+                title='Agile with Jimmy: Autonomy doesn&apos;t mean "do whatever"'
+                thumbnailImageFilePath="youtube.com/agile-with-jimmy_autonomy-doesnt-mean-do-whatever.jpg"
+                url="https://www.youtube.com/embed/RiKN7x1ppRE"
+              >
+              </app-video-item>
+              <app-video-item
+                (visit)="openVideo($event)"
+                title="Coding Tech: Lean vs Agile vs Design Thinking"
+                thumbnailImageFilePath="youtube.com/coding-tech_lean-vs-agile-vs-design-thinking.jpg"
+                url="https://www.youtube.com/embed/_4VPfmtwRac"
+              >
+              </app-video-item>
+              <app-video-item
+                (visit)="openVideo($event)"
+                title="CNCF: Lean DevOps - Building a Culture of Delivery "
+                thumbnailImageFilePath="youtube.com/cncf_lean-devops_building-a-culture-of-delivery.jpg"
+                url="https://www.youtube.com/embed/DsTSgSBSU7w"
+              >
+              </app-video-item>
+              <app-book-item
+                (visit)="openLeavingSite($event)"
+                title="Ash Maurya: Running Lean - Iterate from Plan A to a Plan That Works, 3rd Edition"
+                thumbnailImageFileName="ash-maurya_running-lean_iterate-from-plan-a-to-a-plan-that-works_3rd-edition.jpg"
+                url="https://a.co/d/aWoUjdP"
+              >
+              </app-book-item>
+              <app-book-item
+                (visit)="openLeavingSite($event)"
+                title="James Shore: The Art of Agile Development, 2nd Edition"
+                thumbnailImageFileName="james-shore_the-art-of-agile-development_2nd-edition.jpg"
+                url="https://a.co/d/5T6AJRG"
+              >
+              </app-book-item>
+              <app-book-item
+                (visit)="openLeavingSite($event)"
+                title="Nicole Forsgren PhD: Accelerate - The Science of Lean Software and DevOps: Building and Scaling High Performing Technology Organizations"
+                thumbnailImageFileName="nicole-forsgren-phd_accelerate-the-science-of-lean-software-and-devops_building-and-scaling-high-performing-technology-organizations.jpg"
+                url="https://a.co/d/cIZ4gV0"
+              >
+              </app-book-item>
+              <app-book-item
+                (visit)="openLeavingSite($event)"
+                title="Gene Kim: The DevOps Handbook - How to Create World-Class Agility, Reliability, & Security in Technology Organizations"
+                thumbnailImageFileName="gene-kim_the-devops-handbook_how-to-create-world-class-agility,-reliability,-&-security-in-technology-organizations.jpg"
+                url="https://a.co/d/7FGfapC"
+              >
+              </app-book-item>
+              <app-book-item
+                (visit)="openLeavingSite($event)"
+                title="Gene Kim: The Phoenix Project"
+                thumbnailImageFileName="gene-kim_the-phoenix-project.jpg"
+                url="https://a.co/d/8bG5dkT"
+              >
+              </app-book-item>
+              <app-book-item
+                (visit)="openLeavingSite($event)"
+                title="Gene Kim: The Unicorn Project"
+                thumbnailImageFileName="gene-kim_the-unicorn-project.jpg"
+                url="https://a.co/d/42c8ph2"
+              >
+              </app-book-item>
+              <!--
+                Kanban
+                Scrum
+                eXtreme Programming
+              -->
+            </ion-list>
+          </ion-label>
+        </ion-item>
+      </ion-list>
+    </ion-card-content>
   </ion-card>
 </ion-content>