Merge pull request michabirklbauer#10 from michabirklbauer/develop

Use local images

Author: michabirklbauer

app/layout.jsx

@@ -17,7 +17,7 @@ const navbar = (
   <Navbar
     logo={
       <>
-        <img src="https://github.com/hgb-bin-proteomics/pyXLMS/raw/master/docs/logo/logo.png" width="48" style={{padding: '0px 10px 0px 0px'}}/>
+        <img src="/logo.png" width="48" height="48" style={{padding: '0px 10px 0px 0px'}}/>
         <h1>pyXLMS</h1>
       </>
     }

content/docs/index.mdx

@@ -1,10 +1,26 @@
 # Introduction
 
+<br/>
+<div style={{ textAlign: 'justify' }}>
+
 **pyXLMS** is a python package and web application with graphical user interface that aims to simplify and streamline the intermediate step of
 connecting crosslink search engine results with down-stream analysis tools, enabling researchers even without bioinformatics knowledge to
 conduct in-depth crosslink analyses and shifting the focus from data transformation to data interpretation and therefore gaining biological
 insight.
 
+</div>
+
+![Workflow of pyXLMS"](/workflow.png)
+
+<div style={{ textAlign: 'left' }}>
+
+_**Figure 1:** Overview of available functionality in pyXLMS as of version 1.4.3 [August 2025]._
+
+</div>
+
+<br/>
+<div style={{ textAlign: 'justify' }}>
+
 Currently pyXLMS supports input from seven different crosslink search engines:
 [MaxLynx (part of MaxQuant)](https://www.maxquant.org/),
 [MeroX](https://www.stavrox.com/),
@@ -26,3 +42,5 @@ Down-stream analysis is facilitated by functionality that is directly available
 pyMOL (via [pyXlinkViewer](https://github.com/BobSchiffrin/PyXlinkViewer)),
 ChimeraX (via [XMAS](https://github.com/ScheltemaLab/ChimeraX_XMAS_bundle)),
 or [IMP-X-FDR](https://github.com/vbc-proteomics-org/imp-x-fdr).
+
+</div>

content/index.mdx

@@ -5,7 +5,7 @@ _a python package to process protein cross-linking data_
 
 <div style={{ textAlign: 'justify' }}>
 
-<img src="https://github.com/hgb-bin-proteomics/pyXLMS/raw/master/docs/logo/logo_padded_shadow.png" alt="pyXLMS logo" align="left" width={200} style={{padding: '5px 20px 10px 0px',}}/>
+<Image src="/logo_padded_shadow.png" alt="pyXLMS logo" align="left" width={200} height={200} style={{padding: '5px 20px 10px 0px',}}/>
 
 **pyXLMS** is a python package and web application with graphical user interface that aims to simplify and streamline the intermediate step of
 connecting crosslink search engine results with down-stream analysis tools, enabling researchers even without bioinformatics knowledge to