Update logos (#496)

* update fontawesome

* update twitter logo, add lrz logo

* lint

public/index.html

@@ -13,8 +13,9 @@
     data-rh="true">
   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css"
     integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
-  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css"
-    integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"
+    integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg=="
+    crossorigin="anonymous">
   <meta name="google-site-verification" content="J13cZ-OSwYU4IUrzsMxb9A80nUcdgkG9U4xbBR3C7LA" />
   <meta property="og:type" content="website" />
   <meta property="og:site_name" content="electronic Babylonian Library" />

public/serve.json

@@ -5,7 +5,7 @@
       "headers": [
         {
           "key": "Content-Security-Policy",
-          "value": "default-src 'self'; connect-src 'self' https: https://*.google-analytics.com https://*.analytics.google.com https://*.googletagmanager.com; script-src 'self' https://storage.googleapis.com https://*.googletagmanager.com https://sentry.io; worker-src 'self' blob:; img-src 'self' data: blob: https://cdli.mpiwg-berlin.mpg.de https://cdn.auth0.com https://*.google-analytics.com https://*.googletagmanager.com; font-src 'self' data: https://stackpath.bootstrapcdn.com https://use.fontawesome.com; style-src 'self' 'unsafe-inline' https://stackpath.bootstrapcdn.com https://use.fontawesome.com; frame-src 'self' https://electronic-babylonian-literature.eu.auth0.com https://auth.ebl.lmu.de; frame-ancestors 'none'; base-uri 'none'; form-action 'none';"  
+          "value": "default-src 'self'; connect-src 'self' https: https://*.google-analytics.com https://*.analytics.google.com https://*.googletagmanager.com; script-src 'self' https://storage.googleapis.com https://*.googletagmanager.com https://sentry.io; worker-src 'self' blob:; img-src 'self' data: blob: https://cdli.mpiwg-berlin.mpg.de https://cdn.auth0.com https://*.google-analytics.com https://*.googletagmanager.com; font-src 'self' data: https://stackpath.bootstrapcdn.com https://cdnjs.cloudflare.com; style-src 'self' 'unsafe-inline' https://stackpath.bootstrapcdn.com https://cdnjs.cloudflare.com; frame-src 'self' https://electronic-babylonian-literature.eu.auth0.com https://auth.ebl.lmu.de; frame-ancestors 'none'; base-uri 'none'; form-action 'none';"
         },
         {
           "key": "Strict-Transport-Security",

src/Introduction.css

@@ -34,12 +34,19 @@
 }
 
 .TwitterIcon {
-  font-size: 250%;
+  i {
+    font-size: 2.5em;
+  }
+
   vertical-align: middle;
+  color: #212529;
+
+  &:hover {
+    color: #212529;
+  }
 }
 
 .eblInfo {
-  font-size: 40%;
   vertical-align: middle;
   padding-right: 1em;
 }

src/Introduction.tsx

@@ -4,6 +4,7 @@ import AppContent from 'common/AppContent'
 import LMULogoGreen from 'LMU_Logo_green.svg'
 import BAdWLogoBlue from 'BAdW_Logo_blue.svg'
 import AvHLogo from 'AvH_Logo.svg'
+import LRZLogoBlue from 'lrz_wortbild_d_blau-230.png'
 
 import './Introduction.css'
 import { Col, Row } from 'react-bootstrap'
@@ -80,12 +81,28 @@ function TwitterIcon(): JSX.Element {
       href="https://twitter.com/ebl_info?ref_src=twsrc%5Etfw"
       title="eBL Twitter account"
     >
-      <i className="fab fa-twitter" />
+      <i className="fab fa-x-twitter" />
       <span className="eblInfo"> @eBL_info</span>
     </ExternalLink>
   )
 }
 
+function LRZLogo(): JSX.Element {
+  return (
+    <ExternalLink
+      className="LMUIcon"
+      href="https://www.lrz.de/index.html"
+      title="Leibniz-Rechenzentrum"
+    >
+      <img
+        className="LMUIcon__image"
+        src={LRZLogoBlue}
+        alt="Leibniz-Rechenzentrum"
+      />
+    </ExternalLink>
+  )
+}
+
 function IntroText(): JSX.Element {
   return (
     <>
@@ -144,6 +161,9 @@ export default function Introduction(): JSX.Element {
         </Row>
         <Row>
           <Col className={'text-right'}>
+            <LRZLogo />
+          </Col>
+          <Col className={'text-center'}>
             <TwitterIcon />
           </Col>
           <Col className={'text-left'}>