Browse Source

added plots to home page

Bernadette Elena Hammerle 3 years ago
parent
commit
8118d6fc55
2 changed files with 12 additions and 5 deletions
  1. 8 5
      src/Home.js
  2. 4 0
      src/css/maps.css

+ 8 - 5
src/Home.js

@@ -1,15 +1,18 @@
 import React from "react";
+import plot1 from "./database/plots/maps.png";
+import plot2 from "./database/plots/mapsSmall.png";
+import plot3 from "./database/plots/mapbox.png";
+import plot4 from "./database/plots/mapboxSmall.png";
 
 export default class Home extends React.Component{
   render(){
     return (
       <div className="home">
         <div className="container">
-          <div className="row align-items-center my-5">
-            <div className="col-lg-5">
-              <h1 className="font-weight-light">Home</h1>
-            </div>
-          </div>
+          <img src={plot1}/>
+          <img src={plot2}/>
+          <img src={plot3}/>
+          <img src={plot4}/>
         </div>
       </div>
     );

+ 4 - 0
src/css/maps.css

@@ -60,4 +60,8 @@ button{
 
 .metrics{
   float: right;
+}
+
+img{
+  width: 100%;
 }