correct portrait images in biography component

dasch-swiss · Dec 12, 2023 · 8892f07 · 8892f07
1 parent 89d6ca4
commit 8892f07
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 16 deletions.
diff --git a/src/app/biography/biography.component.html b/src/app/biography/biography.component.html
@@ -17,7 +17,7 @@
                 <h1 *ngIf="name">{{name}}</h1>
                 <section class="biography">
                     <h2>Biography</h2>
-                    <img src="assets/images/leibniz.jpeg" alt="portrait of Jacob I Bernoulli">
+                    <img src="assets/images/jacob-I-bernoulli.jpg" alt="portrait of Jacob I Bernoulli">
                     <p>[...]</p>
                 </section>
 
@@ -40,7 +40,7 @@ <h2>Diaries</h2>
                 <h1 *ngIf="name">{{name}}</h1>
                 <section class="biography">
                     <h2>Biography</h2>
-                    <img src="assets/images/leibniz.jpeg" alt="portrait of Johann I Bernoulli">
+                    <img src="assets/images/johann-I-bernoulli.jpg" alt="portrait of Johann I Bernoulli">
                     <p>[...]</p>
                 </section>
 
@@ -68,7 +68,7 @@ <h2>Biography</h2>
                 <h1 *ngIf="name">{{name}}</h1>
                 <section class="biography">
                     <h2>Biography</h2>
-                    <img src="assets/images/leibniz.jpeg" alt="portrait of Nicolaus I Bernoulli">
+                    <img src="assets/images/placeholder.jpg" alt="placeholder portrait for Nicolaus I Bernoulli">
                     <p>[...]</p>
                 </section>
 
@@ -96,7 +96,7 @@ <h2>Biography</h2>
                 <h1 *ngIf="name">{{name}}</h1>
                 <section class="biography">
                     <h2>Biography</h2>
-                    <img src="assets/images/leibniz.jpeg" alt="portrait of Nicolaus II Bernoulli">
+                    <img src="assets/images/nicolaus-II-bernoulli.jpg" alt="portrait of Nicolaus II Bernoulli">
                     <p>[...]</p>
                 </section>
 
@@ -124,7 +124,7 @@ <h2>Biography</h2>
                 <h1 *ngIf="name">{{name}}</h1>
                 <section class="biography">
                     <h2>Biography</h2>
-                    <img src="assets/images/leibniz.jpeg" alt="portrait of Daniel Bernoulli">
+                    <img src="assets/images/daniel-bernoulli.jpg" alt="portrait of Daniel Bernoulli">
                     <p>[...]</p>
                 </section>
 
@@ -152,7 +152,7 @@ <h2>Biography</h2>
                 <h1 *ngIf="name">{{name}}</h1>
                 <section class="biography">
                     <h2>Biography</h2>
-                    <img src="assets/images/leibniz.jpeg" alt="portrait of Johann II Bernoulli">
+                    <img src="assets/images/johann-II-bernoulli.jpg" alt="portrait of Johann II Bernoulli">
                     <p>[...]</p>
                 </section>
 
@@ -180,7 +180,7 @@ <h2>Biography</h2>
                 <h1 *ngIf="name">{{name}}</h1>
                 <section class="biography">
                     <h2>Biography</h2>
-                    <img src="assets/images/leibniz.jpeg" alt="portrait of Johann III Bernoulli">
+                    <img src="assets/images/johann-III-bernoulli.jpg" alt="portrait of Johann III Bernoulli">
                     <p>[...]</p>
                 </section>
             </ng-container>
@@ -189,7 +189,7 @@ <h2>Biography</h2>
                 <h1 *ngIf="name">{{name}}</h1>
                 <section class="biography">
                     <h2>Biography</h2>
-                    <img src="assets/images/leibniz.jpeg" alt="portrait of Jacob II Bernoulli">
+                    <img src="assets/images/jacob-II-bernoulli.jpg" alt="portrait of Jacob II Bernoulli">
                     <p>[...]</p>
                 </section>
             </ng-container>
@@ -198,7 +198,7 @@ <h2>Biography</h2>
                 <h1 *ngIf="name">{{name}}</h1>
                 <section class="biography">
                     <h2>Biography</h2>
-                    <img src="assets/images/leibniz.jpeg" alt="portrait of Jacob Hermann">
+                    <img src="assets/images/jacob-hermann.jpg" alt="portrait of Jacob Hermann">
                     <p>[...]</p>
                 </section>
 
@@ -226,7 +226,7 @@ <h2>Biography</h2>
                 <h1 *ngIf="name">{{name}}</h1>
                 <section class="biography">
                     <h2>Biography</h2>
-                    <img src="assets/images/leibniz.jpeg" alt="portrait of Leonhard Euler">
+                    <img src="assets/images/leonhard-euler.jpg" alt="portrait of Leonhard Euler">
                     <p>[...]</p>
                 </section>
 
@@ -287,7 +287,7 @@ <h2>Additional</h2>
                 <h1 *ngIf="name">{{name}}</h1>
                 <section class="biography">
                     <h2>Biography</h2>
-                    <img src="assets/images/leibniz.jpeg" alt="portrait of Johann Albrecht Euler">
+                    <img src="assets/images/johann-albrecht-euler.jpg" alt="portrait of Johann Albrecht Euler">
                     <p>[...]</p>
                 </section>
             </ng-container>
@@ -296,7 +296,7 @@ <h2>Biography</h2>
                 <h1 *ngIf="name">{{name}}</h1>
                 <section class="biography">
                     <h2>Biography</h2>
-                    <img src="assets/images/leibniz.jpeg" alt="portrait of Nicolaus Fuss">
+                    <img src="assets/images/nicolaus-fuss.jpg" alt="portrait of Nicolaus Fuss">
                     <p>[...]</p>
                 </section>
             </ng-container>

diff --git a/src/app/biography/biography.component.scss b/src/app/biography/biography.component.scss
@@ -1,9 +1,11 @@
-img {
-  float: right;
-}
-
 .biography {
   margin-block-end: 1.5rem;
+
+  img {
+    float: right;
+    height: 320px;
+    width: auto;
+  }
 }
 
 .biography::after {