add about component

dhlab-basel · Jan 17, 2024 · 3fd0809 · 3fd0809
1 parent c7a4179
commit 3fd0809
Show file tree

Hide file tree

Showing 9 changed files with 82 additions and 74 deletions.
diff --git a/src/app/about/about.component.scss b/src/app/about/about.component.scss
@@ -0,0 +1,3 @@
+section {
+  margin: 48px auto;
+}
diff --git a/src/app/about/about.component.spec.ts b/src/app/about/about.component.spec.ts
@@ -0,0 +1,30 @@
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { MaterialModule } from '../material-module';
+import { AboutComponent } from './about.component';
+import { Location } from '@angular/common';
+
+describe('AboutComponent', () => {
+  let component: AboutComponent;
+  let fixture: ComponentFixture<AboutComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      imports: [MaterialModule],
+      declarations: [AboutComponent],
+      providers: [
+          { provide: Location },
+      ]
+    })
+      .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(AboutComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/about/about.component.ts b/src/app/about/about.component.ts
@@ -0,0 +1,16 @@
+import { Component, OnInit } from '@angular/core';
+import { Location } from '@angular/common';
+
+@Component({
+  selector: 'app-contact',
+  templateUrl: './about.component.html',
+  styleUrls: ['./about.component.scss']
+})
+export class AboutComponent implements OnInit {
+
+  constructor(public location: Location) { }
+
+  ngOnInit() {
+  }
+
+}
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
@@ -42,7 +42,7 @@ import { PublishedLetterComponent } from './resource/publishedLetter/publishedLe
 import { MathJaxDirective } from './directives/mathjax.directive';
 // Loads the application configuration file during application startup
 import { ContactComponent } from './contact/contact.component';
-
+import { AboutComponent } from './about/about.component';
 import { ReactiveFormsModule } from '@angular/forms';
 
 import { PageComponent } from './resource/page/page.component';
@@ -86,6 +86,7 @@ import { OnlyTranscriptionComponent } from './resource/page-transcription/only-t
         ReadListValueComponent,
         ReadTextValueAsHtmlComponent,
         ContactComponent,
+        AboutComponent,
         MathJaxDirective,
         LeooRouteComponent,
         BiblioItemsComponent,

diff --git a/src/app/app.routing.ts b/src/app/app.routing.ts
@@ -11,6 +11,7 @@ import { PublishedLetterComponent } from './resource/publishedLetter/publishedLe
 import { ResourceComponent } from './resource/resource.component';
 import { SimpleResourceComponent } from './resource/simpleResource/simpleResource.component';
 import { ContactComponent } from './contact/contact.component';
+import { AboutComponent } from './about/about.component';
 import { EndnoteComponent } from './resource/endnote/endnote.component';
 import { LeooRouteComponent } from './leoo-route/leoo-route.component';
 import { FigureComponent } from './resource/figure/figure.component';
@@ -133,6 +134,10 @@ const appRoutes: Routes = [
         path: 'contact',
         component: ContactComponent
     },
+    {
+        path: 'about',
+        component: AboutComponent
+    },
     {
         path: 'publishedLetter/:id',
         component: PublishedLetterComponent

diff --git a/src/app/contact/contact.component.html b/src/app/contact/contact.component.html
@@ -8,21 +8,7 @@
 
     </div>
 
-    <div class="main-content">
-
-        <section class="text">
-            <h1 class="mat-headline-5">Contact for Editorial Questions:</h1>
-            <ul>
-                <li>Bernoulli Euler Center (<a href="https://bez.unibas.ch/en/" target="_blank">BEZ</a>), University of Basel.
-                    <br/>
-                    <a href="mailto:bez@unibas.ch">bez@unibas.ch</a>
-                    <br/><br/>
-                </li>
-            </ul>
-        </section>
-
-        <mat-divider></mat-divider>
-
+    <div class="main-content">>
         <section class="text">
             <h2 class="mat-headline-5">Contact for Technical Questions:</h2>
 
@@ -34,23 +20,17 @@ <h2 class="mat-headline-5">Contact for Technical Questions:</h2>
                     <a href="mailto:sepideh.alassi@unibas.ch">sepideh.alassi@unibas.ch</a>
                     <br/><br/>
                 </li>
-                <li> Data and Service Center for the Humanities (<a href="https://dasch.swiss/" target="_blank">DaSCH</a>).
-                    <br/>
-                    <a href="mailto:info@dasch.swiss">info@dasch.swiss</a>
-                    <br/>
-                </li>
 
             </ul>
 
-
         </section>
 
         <mat-divider></mat-divider>
 
         <section class="links">
             <h2 class="mat-headline-5">Github</h2>
             In case of a technical problem, please feel free to create an issue on our
-            <a href="https://github.com/dasch-swiss/beol" target="_blank">GitHub repo</a>.
+            <a href="https://github.com/dhlab-basel/beol" target="_blank">GitHub repo</a>.
         </section>
 
 

diff --git a/src/app/error/error.component.html b/src/app/error/error.component.html
@@ -10,7 +10,7 @@ <h2 class="mat-headline-2">Page not found</h2>
         <section class="links">
             <p>&larr; <a [routerLink]="home">Go back to the start page</a></p>
             <p>OR</p>
-            <p>&rarr;<a [routerLink]="contact">Contact the BEOL team</a></p>
+            <p>&rarr;<a [routerLink]="contact">Contact the project team</a></p>
         </section>
 
     </div>

diff --git a/src/app/landing-page/landing-page.component.html b/src/app/landing-page/landing-page.component.html
@@ -2,26 +2,18 @@
     <div class="main-content without-sidebar">
 
         <section>
-            <h1 mat-card-title>BEOL</h1>
-            <h2>Bernoulli Euler Online</h2>
+            <h1>Bernoulli Euler Digital</h1>
             <p>
-                The
-                <a target="_blank" href="https://bez.unibas.ch/de/projekte/bernoulli-euler-online/">Bernoulli-Euler Online (BEOL)</a> project is a
-                research platform for the study of early modern mathematics and science. It aims at integrating
-                works and correspondence of members of Bernoulli dynasty and Leonhard Euler.
-            </p>
-            <p>
-                Currently, the BEOL platform contains three
-                main editions: <em>Basler Edition der Bernoulli-Briefwechsel (ongoing)</em>, <em>Leonhard Euler's correspondence with
-                Christian Goldbach (Leonhardi Euleri Opera Omnia IVA/IV)</em>, and a multi-layered interactive edition of Jacob Bernoulli's scientific notebook <em>Meditationes</em>.
-                The platform also contains the edition of Leonhard Euler's correspondence with the
-                Marquis de Condorcet and Turgot.
-            </p>
-            <p>
-                BEOL is connected to the repositories of <a href="http://www.newtonproject.ox.ac.uk/">The Newton Project</a>
-                and the <a href="http://leibniz-briefportal.adw-goe.de/start">Briefportal Leibniz</a> initiating the formation
-                of a network of digital editions of the correspondence among the early modern natural philosophers.
+
+
+                The Bernoulli-Euler Digital represents a notable expansion of the
+                <a target="_blank" href="https://bez.unibas.ch/de/projekte/bernoulli-euler-online/">Bernoulli-Euler Online (BEOL)</a> project.
+                This platform serves as a dedicated research hub, focusing on the
+                exploration of early modern mathematics and science. Its primary objective is to
+                seamlessly integrate the extensive works and correspondences of the prominent members of the
+                Bernoulli dynasty and the influential mathematician Leonhard Euler.
             </p>
+            <a href="/about">Read more</a>
         </section>
 
         <mat-divider></mat-divider>
@@ -84,6 +76,11 @@ <h4>Nicolaus <br>Fuss</h4>
 
         <section class="third-party-projects">
             <h3>Third Party Projects</h3>
+            <p>
+                Bernoulli-Euler Digital is connected to the repositories of <a href="http://www.newtonproject.ox.ac.uk/">The Newton Project</a>
+                and the <a href="http://leibniz-briefportal.adw-goe.de/start">Briefportal Leibniz</a> initiating the formation
+                of a network of digital editions of the correspondence among the early modern natural philosophers.
+            </p>
             <ul>
                 <li (click)="searchForNewtonCorrespondence()">
                     <h4>{{newton.description}}</h4>
@@ -100,41 +97,17 @@ <h4>{{leibniz.description}}</h4>
 
         <section>
             <h3>Visualizations</h3>
-            <p>The BEOL and third party correspondence data are visualized as interactive 3D force-directed graphs which
-                are also available in WebVR format. You can explore the correspondence network interactively at
-                <a target="_blank" href="https://vis.beol.dasch.swiss/">vis.beol.dasch.swiss</a>.
+            <p>The correspondence data included in this platform are visualized as interactive 3D force-directed graphs which
+                are also available in WebVR format. You can explore the correspondence network interactively
+                <a target="_blank" href="https://vis.beol.dasch.swiss/">here</a>.
             </p>
         </section>
 
         <mat-divider></mat-divider>
-
-        <section>
-            <h3 mat-card-subtitle>Technical background</h3>
-            <p>
-                BEOL is implemented within the
-                <a target="_blank" href="https://docs.dasch.swiss/">DaSCH Service Platform</a> &mdash; a generic virtual research environment (VRE) for the humanities, built with
-                <a target="_blank" href="https://www.npmjs.com/org/dasch-swiss">DSP-JS and DSP-UI libraries</a>.
-            </p>
-            <br/>
-            <h3 mat-card-subtitle>About us</h3>
-            <p>
-                BEOL is a <a href="https://p3.snf.ch/project-166072" target="_blank">project</a> funded by the Swiss National Science Foundation. It is a collaboration between the
-                <a target="_blank" href="https://bez.unibas.ch">Bernoulli Euler Centre</a> and the
-                <a target="_blank" href="https://dhlab.unibas.ch">Digital Humanities Lab</a> (both University of Basel).
-            </p>
-            <br/>
-            <h3 mat-card-subtitle>Feedback</h3>
-            <p>
-                In case you experience any problems using the BEOL platform or have suggestions on how to improve it,
-                <br>please <a href="/contact">contact</a> us.
-            </p>
-            <br/>
-            <h3 mat-card-subtitle>Impressum</h3>
-            <p class="impressum">
-                <a rel="license" href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img alt="Creative Commons Licence" class="ccIcon" src="https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png" /></a>
-                The contents on our website are licensed under a <a rel="license" href="https://creativecommons.org/licenses/by-nc-sa/4.0/">Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License</a>.
-            </p>
-        </section>
-
+        <h3 mat-card-subtitle>Impressum</h3>
+        <p class="impressum">
+            <a rel="license" href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img alt="Creative Commons Licence" class="ccIcon" src="https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png" /></a>
+            The contents on our website are licensed under a <a rel="license" href="https://creativecommons.org/licenses/by-nc-sa/4.0/">Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License</a>.
+        </p>
     </div>
 </div>
diff --git a/src/assets/images/beol-logo.png b/src/assets/images/beol-logo.png