Add Mascot Images (#520)

* Add mascot images

* Add mascot to readme

* Zoom out mascot images

* Docs use mascots

* Fix license file names

* Document midjourney as image source

* Fix docs title banner

README.md

@@ -4,6 +4,8 @@ SPDX-FileCopyrightText: 2023 Friedrich-Alexander-Universitat Erlangen-Nurnberg
 SPDX-License-Identifier: AGPL-3.0-only
 -->
 
+![Jayvee Mascot](./assets/mascot1.png)
+
 # Jayvee
 
 Jayvee is a domain-specific language (DSL) for automated processing of data pipelines.

apps/docs/docs/dev/01-intro.md → apps/docs/docs/dev/01-intro.mdx

@@ -4,6 +4,18 @@ sidebar_position: 1
 
 # Introduction for Jayvee Developers
 
+import MascotImageUrl from '@site/static/img/mascots/mascot3.png';
+
+<div style={{ display: 'flex', flexDirection: 'row', flexWrap: 'none', alignItems: 'center'}}>
+  <div>
+    <img src={MascotImageUrl} width="400px" style={{ float: 'left' }} />
+  </div>
+
+  <span className={"text--center"}>
+    <h2>"On the tracks of Jayvee's internals"</h2>
+  </span>
+</div>
+
 ## How to contribute
 
 In order to contribute to the Jayvee project, please have a look at our [contribution guide](https://github.com/jvalue/jayvee/blob/main/CONTRIBUTING.md). Before planning a contribution, please read the [design principles](./05-design-principles.md) and consider if your changes fit the vision expressed there.

apps/docs/docs/user/intro/intro.md → apps/docs/docs/user/intro/intro.mdx

@@ -5,6 +5,18 @@ title: Getting Started
 
 # Introduction to Jayvee
 
+import MascotImageUrl from '@site/static/img/mascots/mascot2.png';
+
+<div style={{ display: 'flex', flexDirection: 'row', flexWrap: 'none', alignItems: 'center'}}>
+  <div>
+    <img src={MascotImageUrl} width="400px" style={{ float: 'left' }} />
+  </div>
+
+  <span className={"text--center"}>
+    <h2>"Making data engineering easy, reliable, and safe"</h2>
+  </span>
+</div>
+
 Jayvee is a domain-specific language (DSL) for automated processing of data pipelines.
 The Jayvee interpreter allows executing such data pipelines on local machines.
 Data engineers can use Jayvee and its interpreter to clean and preprocess data for later activities like data science or machine learning.

apps/docs/src/pages/index.tsx

@@ -9,42 +9,43 @@ import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import Layout from '@theme/Layout';
 import HomepageFeatures from '@site/src/components/HomepageFeatures';
 
+import MascotImageUrl from '@site/static/img/mascots/mascot1.png';
+
 import styles from './index.module.css';
 
 function HomepageHeader() {
   return (
     <div>
-      <TitleBanner/>
+      <TitleBanner />
     </div>
   );
 }
 
-
 function TitleBanner(): JSX.Element {
   return (
     <header className={clsx('hero hero--primary', styles.titleBanner)}>
       <div className="container">
         <div className={styles.titleBannerTitle}>
-          🥳 
-          <span className={styles.titleBannerTitleText}><b>Jayvee</b>'s alpha is now available!</span>
+          🥳
+          <span className={styles.titleBannerTitleText}>
+            <b>Jayvee's</b> Alpha is now available!
+          </span>
           🎉
         </div>
 
         <div className={styles.titleBannerTagline}>
-          A <b>domain-specific language</b> for everyone to <b>participate</b> in building <b>data pipelines</b>!
+          A <b>domain-specific language</b> for everyone to <b>participate</b>{' '}
+          in building <b>data pipelines</b>!
         </div>
 
         <div className={styles.titleBannerButtons}>
-          <Link
-            className="button button--primary"
-            to="/docs/user/intro"
-          >
+          <span className="mascot-container">
+            <img src={MascotImageUrl} width="120px" />
+          </span>
+          <Link className="button button--primary" to="/docs/user/intro">
             Get Started
           </Link>
-          <Link
-            className="button button--info"
-            to="/docs/user/examples/cars"
-          >
+          <Link className="button button--info" to="/docs/user/examples/cars">
             Example
           </Link>
           <span className={styles.titleBannerButtonsGitHubButtonWrapper}>
@@ -59,7 +60,7 @@ function TitleBanner(): JSX.Element {
         </div>
       </div>
     </header>
-  )
+  );
 }
 
 export default function Home(): JSX.Element {

apps/docs/static/img/mascots/mascot1.png.license

@@ -0,0 +1,7 @@
+SPDX-FileCopyrightText: 2023 Friedrich-Alexander-Universitat Erlangen-Nurnberg
+
+SPDX-License-Identifier: AGPL-3.0-only
+
+Info: This image is based on a generated image by Midjourney (Basic subscription).
+Midjourney ToS: https://docs.midjourney.com/docs/terms-of-service or archived on https://web.archive.org/web/20240205060308/https://docs.midjourney.com/docs/terms-of-service.
+Date of creation: 2024-02-06

apps/docs/static/img/mascots/mascot2.png.license

@@ -0,0 +1,7 @@
+SPDX-FileCopyrightText: 2023 Friedrich-Alexander-Universitat Erlangen-Nurnberg
+
+SPDX-License-Identifier: AGPL-3.0-only
+
+Info: This image is based on a generated image by Midjourney (Basic subscription).
+Midjourney ToS: https://docs.midjourney.com/docs/terms-of-service or archived on https://web.archive.org/web/20240205060308/https://docs.midjourney.com/docs/terms-of-service.
+Date of creation: 2024-02-06

apps/docs/static/img/mascots/mascot3.png.license

@@ -0,0 +1,7 @@
+SPDX-FileCopyrightText: 2023 Friedrich-Alexander-Universitat Erlangen-Nurnberg
+
+SPDX-License-Identifier: AGPL-3.0-only
+
+Info: This image is based on a generated image by Midjourney (Basic subscription).
+Midjourney ToS: https://docs.midjourney.com/docs/terms-of-service or archived on https://web.archive.org/web/20240205060308/https://docs.midjourney.com/docs/terms-of-service.
+Date of creation: 2024-02-06

assets/docs-banner.png.license

@@ -1,3 +1,7 @@
 SPDX-FileCopyrightText: 2023 Friedrich-Alexander-Universitat Erlangen-Nurnberg
 
 SPDX-License-Identifier: AGPL-3.0-only
+
+Info: This image is based on a generated image by Midjourney (Basic subscription).
+Midjourney ToS: https://docs.midjourney.com/docs/terms-of-service or archived on https://web.archive.org/web/20240205060308/https://docs.midjourney.com/docs/terms-of-service.
+Date of creation: 2024-02-06

assets/mascot1.original.png.license

@@ -0,0 +1,7 @@
+SPDX-FileCopyrightText: 2023 Friedrich-Alexander-Universitat Erlangen-Nurnberg
+
+SPDX-License-Identifier: AGPL-3.0-only
+
+Info: This image is based on a generated image by Midjourney (Basic subscription).
+Midjourney ToS: https://docs.midjourney.com/docs/terms-of-service or archived on https://web.archive.org/web/20240205060308/https://docs.midjourney.com/docs/terms-of-service.
+Date of creation: 2024-02-06

assets/mascot1.png.license

@@ -0,0 +1,7 @@
+SPDX-FileCopyrightText: 2023 Friedrich-Alexander-Universitat Erlangen-Nurnberg
+
+SPDX-License-Identifier: AGPL-3.0-only
+
+Info: This image is based on a generated image by Midjourney (Basic subscription).
+Midjourney ToS: https://docs.midjourney.com/docs/terms-of-service or archived on https://web.archive.org/web/20240205060308/https://docs.midjourney.com/docs/terms-of-service.
+Date of creation: 2024-02-06

assets/mascot2.original.png.license

@@ -0,0 +1,7 @@
+SPDX-FileCopyrightText: 2023 Friedrich-Alexander-Universitat Erlangen-Nurnberg
+
+SPDX-License-Identifier: AGPL-3.0-only
+
+Info: This image is based on a generated image by Midjourney (Basic subscription).
+Midjourney ToS: https://docs.midjourney.com/docs/terms-of-service or archived on https://web.archive.org/web/20240205060308/https://docs.midjourney.com/docs/terms-of-service.
+Date of creation: 2024-02-06

assets/mascot2.png.license

@@ -0,0 +1,7 @@
+SPDX-FileCopyrightText: 2023 Friedrich-Alexander-Universitat Erlangen-Nurnberg
+
+SPDX-License-Identifier: AGPL-3.0-only
+
+Info: This image is based on a generated image by Midjourney (Basic subscription).
+Midjourney ToS: https://docs.midjourney.com/docs/terms-of-service or archived on https://web.archive.org/web/20240205060308/https://docs.midjourney.com/docs/terms-of-service.
+Date of creation: 2024-02-06

assets/mascot3.original.png.license

@@ -0,0 +1,7 @@
+SPDX-FileCopyrightText: 2023 Friedrich-Alexander-Universitat Erlangen-Nurnberg
+
+SPDX-License-Identifier: AGPL-3.0-only
+
+Info: This image is based on a generated image by Midjourney (Basic subscription).
+Midjourney ToS: https://docs.midjourney.com/docs/terms-of-service or archived on https://web.archive.org/web/20240205060308/https://docs.midjourney.com/docs/terms-of-service.
+Date of creation: 2024-02-06

assets/mascot3.png.license

@@ -0,0 +1,7 @@
+SPDX-FileCopyrightText: 2023 Friedrich-Alexander-Universitat Erlangen-Nurnberg
+
+SPDX-License-Identifier: AGPL-3.0-only
+
+Info: This image is based on a generated image by Midjourney (Basic subscription).
+Midjourney ToS: https://docs.midjourney.com/docs/terms-of-service or archived on https://web.archive.org/web/20240205060308/https://docs.midjourney.com/docs/terms-of-service.
+Date of creation: 2024-02-06