added back some components

src/components/Maps.tsx

+import { ComposableMap, Geographies, Geography } from "react-simple-maps"
+
+export default function MapChart({geoUrl}:{geoUrl: string}) {
+  return (
+    <ComposableMap>
+      <Geographies geography={geoUrl}>
+  {({ geographies }) =>
+    geographies.map((geo) => {
+      // You can access `firstProperty` and `secondProperty`
+      // via geo.properties.firstProperty and geo.properties.secondProperty
+
+      return <Geography key={geo.rsmKey} geography={geo} />
+    })
+  }
+</Geographies>
+    </ComposableMap>
+  )
+}

src/components/My-Timeline.tsx

+
+
+
+
+
+interface ItemProps {
+    date: string | undefined,
+    children: React.ReactNode;
+    tag: string, 
+    color: string 
+}
+
+import TextEvent from './TextEvent.tsx';
+import ImageEvent from './ImageEvent.tsx';
+import UrlButton from './UrlButton.tsx';
+
+
+const TimelineItem  = ({ date, tag, color, children }:ItemProps) => (
+    <div className="timeline-item">
+        <div className="timeline-item-content">
+            <span className="tag" style={{ background: color }}>
+                {tag}
+            </span>
+            <time>{date}</time>
+            {children}
+            <span className="circle" />
+        </div>
+    </div>
+);
+
+
+
+export function MyTimeline () {
+    return(
+            <div className="timeline-container">
+               <TimelineItem
+               date='Opening'
+               tag= 'medium'
+               color='#018f69'
+               >
+               <TextEvent
+              date="1/2/19"
+              text="Events alternate by default (given enough space in the browser)"
+              id='Opening'
+                />
+               </TimelineItem>
+
+            <TimelineItem
+            date='Scientific Talk I.'
+            tag= 'medium'
+            color='#018f69'
+            >
+                
+                        <ImageEvent
+                    date="4/13/19"
+                    text="You can embed images..."
+                    src="https://res.cloudinary.com/dovoq8jou/image/upload/v1564772194/jellyfish.jpg"
+                    alt="jellyfish swimming"
+                    credit="Photo by [@tavi004](https://unsplash.com/@tavi004)" 
+                    id='Scientific Talk I.'>
+                    
+                        <div>
+                            <UrlButton href="https://unsplash.com/search/photos/undersea">
+                            View more undersea photos
+                            </UrlButton>
+                        </div>
+                        </ImageEvent>
+
+            </TimelineItem>
+            <TimelineItem
+            date='Workshop XY'
+            tag='Workshop Session I.'
+            color='var(--text-primary)'
+            >
+                <TextEvent
+              date="1/2/19"
+              text="Events alternate by default (given enough space in the browser)"
+              id='Workshop Session I.'
+                />
+            </TimelineItem>
+            <TimelineItem
+            date='Workshop XY'
+            tag='Workshop Session I.'
+            color='var(--text-primary)'
+            >
+                <TextEvent
+              date="1/2/19"
+              text="Events alternate by default (given enough space in the browser)"
+              id='Workshop Session I.'
+                />
+            </TimelineItem>
+                
+            </div>
+        )
+    
+}
+    
\ No newline at end of file

src/components/Shapes.tsx

+
+
+export function Circle({text}:{text: string}){
+    return(
+        <div className="col circle">
+            <p className="shape-text">{text}</p>
+        </div>
+    )
+}
\ No newline at end of file

src/components/pdfs.tsx

+import 'react-pdf/dist/esm/Page/AnnotationLayer.css';
+import 'react-pdf/dist/esm/Page/TextLayer.css';
+import { DownloadLink } from './DownloadButton';
+
+export function PDF({link, name}: {link: string, name:string}){
+    return(
+        <div className='row align-items-center'>
+                <iframe src={link} width="100%" height="530vw" title="title" className='small-i'>
+                </iframe>
+                <div className='row download-col'>
+                <DownloadLink url={link} fileName={name} ></DownloadLink>
+                </div>
+            </div>
+    )
+}
+export default function BFHpdf(){
+    return(
+        <div className='row align-items-center'>
+            <div className='col'>
+            <PDF link='https://static.igem.wiki/teams/5247/pdfs/bfh-flyer-european-meetup.pdf' name="bfh-flyer-european-meetup.pdf"/>
+            </div>
+            <div className='col-2'>
+            </div>
+            <div className='col'>
+            <PDF link='https://static.igem.wiki/teams/5247/pdfs/bfh-meet-up-guideline.pdf' name="bfh-meet-up-guideline.pdf"/>
+            </div>
+        </div>
+        
+    )
+}
\ No newline at end of file

src/components/photo-grid.tsx

+/*  */
+import React from 'react'
+import Select from 'react-select'
+import { Gallery } from 'react-grid-gallery'
+const images = [
+  {src:"https://static.igem.wiki/teams/5247/photos/meetup/badges.jpeg", width: 320, height: 212},
+  {src:"https://static.igem.wiki/teams/5247/photos/meetup/joern.jpeg",  width: 320, height: 212},
+  {src:"https://static.igem.wiki/teams/5247/photos/meetup/chekin.jpeg", width: 320, height: 212},
+  {src:"https://static.igem.wiki/teams/5247/photos/meetup/sinan.jpeg",  width: 320, height: 212},
+  {src:"https://static.igem.wiki/teams/5247/photos/meetup/party.jpeg", width: 320, height: 212},
+  {src:"https://static.igem.wiki/teams/5247/photos/meetup/orgateam.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/bye1.jpeg", width: 320, height: 212},
+  {src:"https://static.igem.wiki/teams/5247/photos/meetup/uni.jpeg", width: 320, height: 212},
+  {src:"https://static.igem.wiki/teams/5247/photos/meetup/talking.jpeg", width: 320, height: 212},
+  {src:"https://static.igem.wiki/teams/5247/photos/meetup/kristian.jpeg",  width: 320, height: 212},
+  {src:"https://static.igem.wiki/teams/5247/photos/meetup/affe.jpeg", width: 320, height: 212},
+  {src:"https://static.igem.wiki/teams/5247/photos/meetup/margburg.jpeg",  width: 320, height: 212},
+  {src:"https://static.igem.wiki/teams/5247/photos/meetup/dietz.jpeg", width: 320, height: 212},
+  {src:"https://static.igem.wiki/teams/5247/photos/meetup/wageningen.jpeg", width: 320, height: 212},
+  {src:"https://static.igem.wiki/teams/5247/photos/meetup/aachen.jpeg", width: 320, height: 212},
+  {src:"https://static.igem.wiki/teams/5247/photos/meetup/orgateam.jpeg", width: 320, height: 212},
+  {src:"https://static.igem.wiki/teams/5247/photos/meetup/orgateam.jpeg", width: 320, height: 212},
+  {src:"https://static.igem.wiki/teams/5247/photos/meetup/badges.jpeg", width: 320, height: 212},
+  {src:"https://static.igem.wiki/teams/5247/photos/meetup/joern.jpeg",  width: 320, height: 212},
+  {src:"https://static.igem.wiki/teams/5247/photos/meetup/chekin.jpeg", width: 320, height: 212},
+  {src:"https://static.igem.wiki/teams/5247/photos/meetup/sinan.jpeg",  width: 320, height: 212},
+  {src:"https://static.igem.wiki/teams/5247/photos/meetup/party.jpeg", width: 320, height: 212},
+  {src:"https://static.igem.wiki/teams/5247/photos/meetup/orgateam.jpeg", width: 320, height: 212},
+  {src:"https://static.igem.wiki/teams/5247/photos/meetup/orgateam.jpeg", width: 320, height: 212},
+  {src:"https://static.igem.wiki/teams/5247/photos/meetup/orgateam.jpeg", width: 320, height: 212},
+  {src:"https://static.igem.wiki/teams/5247/photos/meetup/orgateam.jpeg", width: 320, height: 212},
+  {src:"https://static.igem.wiki/teams/5247/photos/meetup/orgateam.jpeg", width: 320, height: 212},
+]
+
+
+
+
+export default function BFHGallery(){
+  const options = [
+    { value: 'hi', label: 'Hi' },
+    { value: 'strawberry', label: 'Strawberry' },
+    { value: 'vanilla', label: 'Vanilla' }]
+    return(
+      <div>
+
+     {/*  <Select options={options} /> */}
+  
+      <Gallery images={images} enableImageSelection={false} thumbnailImageComponent={ImageComponent}/>
+      
+      </div>
+    )
+}
+
+
+import { ThumbnailImageProps } from "react-grid-gallery";
+ 
+const ImageComponent = (props: ThumbnailImageProps) => {
+ 
+    return (
+      <div id={props.imageProps.alt}> <img {...props.imageProps} /> </div>
+    )
+ 
+};
\ No newline at end of file

src/contents/experiments.tsx

-import { Inspirations, InspirationLink } from "../components";
 
-export function Experiments() {
-  const links: InspirationLink[] = [
-    { year: 2019, teamName: "Nantes", pageName: "Experiments" },
-    { year: 2019, teamName: "TU_Eindhoven", pageName: "Experiments" },
-    { year: 2019, teamName: "Mingdao", pageName: "Demonstrate" },
-    { year: 2020, teamName: "Amsterdam", pageName: "Experiments" },
-    { year: 2020, teamName: "NCTU_Formosa", pageName: "Experiments" },
-    { year: 2020, teamName: "USAFA", pageName: "Experiments" },
-  ];
 
+export function Experiments() {
+  
   return (
     <>
       <div className="row mt-4">
@@ -27,7 +19,7 @@ export function Experiments() {
             the <a href="https://parts.igem.org/Main_Page">Registry</a>.
           </p>
         </div>
-        <Inspirations inspirationLinkList={links} />
+
       </div>
     </>
   );

src/contents/human-practices.tsx

-import { Inspirations, InspirationLink } from "../components";
+
 
 export function HumanPractices() {
-  const links: InspirationLink[] = [
-    { year: 2019, teamName: "Thessaly", pageName: "Human_Practices" },
-    { year: 2019, teamName: "Linkoping_Sweden", pageName: "Human_Practices" },
-    { year: 2019, teamName: "FDR-HB_Peru", pageName: "Human_Practices" },
-    { year: 2020, teamName: "William_and_Mary", pageName: "Human_Practices" },
-    { year: 2020, teamName: "Rochester", pageName: "Human_Practices" },
-    { year: 2020, teamName: "Leiden", pageName: "Human_Practices" },
-    { year: 2020, teamName: "Baltimore_BioCrew", pageName: "Human_Practices" },
-  ];
+  
 
   return (
     <>
@@ -102,7 +94,6 @@ export function HumanPractices() {
             into your project purpose, design and/or execution.
           </p>
         </div>
-        <Inspirations inspirationLinkList={links} />
       </div>
     </>
   );

src/contents/notebook.tsx

-import { Inspirations, InspirationLink } from "../components";
 
-export function Notebook() {
-  const links: InspirationLink[] = [
-    { year: 2018, teamName: "Munich", pageName: "Notebook" },
-    { year: 2019, teamName: "Georgia_State", pageName: "Notebook" },
-    { year: 2019, teamName: "Newcastle", pageName: "Notebook" },
-    { year: 2020, teamName: "IISER-Pune-India", pageName: "Notebook" },
-    { year: 2020, teamName: "Lund", pageName: "Notebook" },
-    { year: 2020, teamName: "NOVA_LxPortugal", pageName: "Notebook" },
-    { year: 2020, teamName: "RDFZ-China", pageName: "NoteBook" },
-  ];
 
+export function Notebook() {
+ 
   return (
     <>
       <div className="row mt-4">
@@ -24,7 +15,7 @@ export function Notebook() {
             <li>Mention who participated in what task.</li>
           </ul>
         </div>
-        <Inspirations inspirationLinkList={links} />
+
       </div>
     </>
   );

src/contents/results.tsx

-import { Inspirations, InspirationLink } from "../components";
+
 
 export function Results() {
-  const links: InspirationLink[] = [
-    { year: 2019, teamName: "Newcastle", pageName: "Results" },
-    { year: 2019, teamName: "Munich", pageName: "Results" },
-    { year: 2019, teamName: "Tec-Chihuahua", pageName: "Results" },
-    { year: 2020, teamName: "Aalto-Helsinki", pageName: "Results" },
-    { year: 2020, teamName: "GreatBay_SCIE", pageName: "Results" },
-    { year: 2020, teamName: "Queens_Canada", pageName: "Results" },
-  ];
+
 
   return (
     <>
@@ -76,7 +69,7 @@ export function Results() {
             </li>
           </ul>
         </div>
-        <Inspirations inspirationLinkList={links} />
+
       </div>
     </>
   );

src/contents/team.tsx

-import { Inspirations, InspirationLink } from "../components";
+
 
 export function Team() {
-  const links: InspirationLink[] = [
-    { year: 2019, teamName: "CU", pageName: "Team" },
-    { year: 2019, teamName: "UANL", pageName: "Team" },
-    { year: 2019, teamName: "William_and_Mary", pageName: "Team" },
-    { year: 2020, teamName: "BOKU-Vienna", pageName: "Team" },
-    { year: 2020, teamName: "CAU_China", pageName: "Team_Member" },
-    { year: 2020, teamName: "Lethbridge", pageName: "Members" },
-  ];
+  
 
   return (
     <>
@@ -43,7 +36,7 @@ export function Team() {
           </div>
         </div>
         <div className="col-4">
-        <Inspirations inspirationLinkList={links} />
+
         </div>
       </div>
     </>