Merge branch 'main' of ssh://gitlab.igem.org/2024/bielefeld-cebitec

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;

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 = []

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>