diff --git a/src/App/mediarules.css b/src/App/mediarules.css
index 3a08971f90df719e1d38ac20e19546a645150d25..69fdeceaed0d7ac735acbc2465a5f034189bbb14 100644
--- a/src/App/mediarules.css
+++ b/src/App/mediarules.css
@@ -90,7 +90,17 @@
width: 100em !important;
max-width: 250px !important;
}
-
+ .sidebar, #eng-sidebar {
+ display: block; /* Sidebar wird links angezeigt */
+ width: 250px; /* Feste Breite fÞr Sidebar */
+ position: fixed; /* Sidebar bleibt links fixiert */
+ height: 100%; /* Sidebar nimmt die gesamte HÃķhe ein */
+ left: 0;
+ top: 0;
+ background-color: #f8f9fa;
+ padding: 20px;
+ z-index: 1000;
+ }
.tag{
width: min-content !important;
diff --git a/src/components/Photo-grid.tsx b/src/components/Photo-grid.tsx
index 5fc7b2d7c3623da8460737851781aff8f131b8e1..67169c23221c6fe0b309c3b5e616a2ed910a4af0 100644
--- a/src/components/Photo-grid.tsx
+++ b/src/components/Photo-grid.tsx
@@ -17,12 +17,29 @@ const images = [
{src:"https://static.igem.wiki/teams/5247/photos/meetup/dietz.jpeg", width: 320, height: 212, tabs: ""},
{src:"https://static.igem.wiki/teams/5247/photos/meetup/wageningen.jpeg", width: 320, height: 212, tabs: ""},
{src:"https://static.igem.wiki/teams/5247/photos/meetup/aachen.jpeg", width: 320, height: 212, tabs: ""},
- {src:"https://static.igem.wiki/teams/5247/photos/meetup/orgateam.jpeg", width: 320, height: 212, tabs: ""},
-
+ {src:"https://static.igem.wiki/teams/5247/photos/meetup/posterexhibition-refiba.jpg", width: 320, height: 212, tabs: ""},
+ {src:"https://static.igem.wiki/teams/5247/photos/meetup/socializing17.jpeg", width: 320, height: 212, tabs: ""},
+ {src:"https://static.igem.wiki/teams/5247/photos/meetup/badges.jpeg", width: 320, height: 212, tabs: ""},
+ {src:"https://static.igem.wiki/teams/5247/photos/meetup/posterexhibition-teddy.jpg", width: 320, height: 212, tabs: ""},
+ {src:"https://static.igem.wiki/teams/5247/photos/meetup/chekin.jpeg", width: 320, height: 212, tabs: ""},
+ {src:"https://static.igem.wiki/teams/5247/photos/meetup/sinan.jpeg", width: 320, height: 212, tabs: ""},
+ {src:"https://static.igem.wiki/teams/5247/photos/meetup/socializing11.jpeg", width: 320, height: 212},
+ {src:"https://static.igem.wiki/teams/5247/photos/meetup/teamphotos6.jpeg", width: 320, height: 212},
+ {src:"https://static.igem.wiki/teams/5247/photos/meetup/teamphotos.jpeg", width: 320, height: 212},
+ {src:"https://static.igem.wiki/teams/5247/photos/meetup/teamphotos5.jpeg", width: 320, height: 212},
+ {src:"https://static.igem.wiki/teams/5247/photos/meetup/socializing19.jpeg", width: 320, height: 212},
+ {src:"https://static.igem.wiki/teams/5247/photos/meetup/posterexhibition-isabell-erkl-rt.jpg", width: 320, height: 212},
+ {src:"https://static.igem.wiki/teams/5247/photos/meetup/j-rn3.jpeg", width: 320, height: 212},
+ {src:"https://static.igem.wiki/teams/5247/photos/meetup/hall.jpeg", width: 320, height: 212},
+ {src:"https://static.igem.wiki/teams/5247/photos/meetup/abend-spikeball5.jpeg", width: 320, height: 212},
+ {src:"https://static.igem.wiki/teams/5247/photos/meetup/abend-interssierte.jpeg", width: 320, height: 212},
+ {src:"https://static.igem.wiki/teams/5247/photos/meetup/orgateam.jpeg", width: 320, height: 212},
]
-/* {src:"", width: 320, height: 212}, */
+
+
+
export default function BFHGallery(){
let rows = []
diff --git a/src/contents/notebook.tsx b/src/contents/notebook.tsx
index 50d90edefb8fccbf02f7c75d0af2699b4264c0fe..9e65be5074b8da8d5d26582db9ca0310bfffa6a9 100644
--- a/src/contents/notebook.tsx
+++ b/src/contents/notebook.tsx
@@ -6,41 +6,29 @@ export function Notebook() {
useTabNavigation();
return (
<div>
- <H2 text="Lab journals"/>
+ <H2 text="Lab journals and Protocol collection"/>
<div className='row'>
<div className="col">
- <figure>
- <img src="https://static.igem.wiki/teams/5247/lab-journals/titelseite-lab-book-1-proof-of-concept-pe.webp" alt="Text test"/>
- <figcaption><b>Figure 1.</b> Text test</figcaption>
- </figure>
+ <img src="https://static.igem.wiki/teams/5247/lab-journals/titelseite-lab-book-1-proof-of-concept-pe.webp" style={{height: "75%", width: "75%"}}/>
</div>
<div className="col">
- <figure>
- <img src="https://static.igem.wiki/teams/5247/lab-journals/titelseite-lab-book-2-engineering-pe.webp" alt="Text2"/>
- <figcaption><b>Figure 2.</b> Text2</figcaption>
- </figure>
+ <img src="https://static.igem.wiki/teams/5247/lab-journals/titelseite-lab-book-2-engineering-pe.webp" style={{height: "75%", width: "75%"}}/>
</div>
</div>
<div className='row'>
<div className="col">
- <figure>
- <img src="https://static.igem.wiki/teams/5247/lab-journals/titelseite-lab-book-3-primary-cell-culture.webp" alt="Text test"/>
- <figcaption><b>Figure 1.</b> Text test</figcaption>
- </figure>
+ <img src="https://static.igem.wiki/teams/5247/lab-journals/titelseite-lab-book-3-primary-cell-culture.webp" style={{height: "75%", width: "75%"}}/>
</div>
<div className="col">
- <figure>
- <img src="https://static.igem.wiki/teams/5247/lab-journals/titelseite-lab-book-4-lnp.webp" alt="Text2"/>
- <figcaption><b>Figure 2.</b> Text2</figcaption>
- </figure>
+ <img src="https://static.igem.wiki/teams/5247/lab-journals/titelseite-lab-book-4-lnp.webp" style={{height: "75%", width: "75%"}}/>
</div>
</div>
<div className='row'>
<div className="col">
- <figure>
- <img src="https://static.igem.wiki/teams/5247/lab-journals/titelseite-lab-book-5-downstream.webp" alt="Text test"/>
- <figcaption><b>Figure 1.</b> Text test</figcaption>
- </figure>
+ <img src="https://static.igem.wiki/teams/5247/lab-journals/titelseite-lab-book-5-downstream.webp" style={{height: "75%", width: "75%"}}/>
+ </div>
+ <div className="col">
+ <img src="https://static.igem.wiki/teams/5247/lab-journals/titelseite-lab-book-sop.webp" style={{height: "75%", width: "75%"}}/>
</div>
</div>
</div>