diff --git a/src/components/Map1.tsx b/src/components/Map1.tsx index 508d3f1ea0fa3446e855014fc4a4c564351b4266..973ef6656d84c98d8a7bf735af67d6c106ef062e 100644 --- a/src/components/Map1.tsx +++ b/src/components/Map1.tsx @@ -26,4 +26,16 @@ return( ) } +export function Map3(){ + return( + <div style={{minHeight: "374px"}}> + <script type="text/javascript" defer src="src/utils/mapscript.js" charSet="utf-8"> + </script> + <noscript> + <img src="https://static.igem.wiki/teams/5247/charts-maps/map1-full.png" alt="" /> + </noscript> +</div> + ) +} + /* min-height: "374px" */ \ No newline at end of file diff --git a/src/contents/Home.tsx b/src/contents/Home.tsx index 7d026f1fd4a54080d7b049c0f8f8eb9fa6b63453..3a30e54d475481bb1c11fd1ed2be42be91ed6da0 100644 --- a/src/contents/Home.tsx +++ b/src/contents/Home.tsx @@ -1,6 +1,6 @@ //import { Inspirations, InspirationLink } from "../components"; /* import { Sidebar } from "react-pro-sidebar"; */ -import { Map1, Map2 } from "../components/Map1"; +import { Map1, Map2, Map3 } from "../components/Map1"; export function Home() { return ( @@ -14,6 +14,8 @@ export function Home() { Hallo <hr /> <Map2></Map2> + <hr /> + <Map3></Map3> </div> </div> <div className="row">