added images and favicon

marcorampin · Oct 9, 2023 · 4ccfc0c · 4ccfc0c
1 parent 1d51e79
commit 4ccfc0c
Show file tree

Hide file tree

Showing 48 changed files with 34 additions and 248 deletions.
diff --git a/css/main.css b/css/main.css
@@ -68,3 +68,13 @@ body
 {
 	font-size: 0.8em;
 }
+
+.grid
+{
+	display: grid;
+}
+
+.max-width
+{
+	max-width: 100%;
+}
diff --git a/images/agriweedclim.png b/images/agriweedclim.png
diff --git a/images/amaranthus.png b/images/amaranthus.png
diff --git a/images/ambrosia.png b/images/ambrosia.png
diff --git a/images/crops.png b/images/crops.png
diff --git a/images/eriochloa.png b/images/eriochloa.png
diff --git a/images/families.png b/images/families.png
diff --git a/images/favicon/wheat.png b/images/favicon/wheat.png
diff --git a/images/favicon/wien.jpg b/images/favicon/wien.jpg
diff --git a/images/field.png b/images/field.png
diff --git a/images/herbicides.png b/images/herbicides.png
diff --git a/images/life_form.png b/images/life_form.png
diff --git a/images/native_range.png b/images/native_range.png
diff --git a/images/pest_losses.png b/images/pest_losses.png
diff --git a/images/sigmoidal.png b/images/sigmoidal.png
diff --git a/index.html b/index.html
@@ -12,9 +12,9 @@
       <link rel="stylesheet" type="text/css" href="css/main.css">
       <script src="javascript/script.js" type="text/javascript"></script>
 
-      <link rel="apple-touch-icon" sizes="180x180" href="./images/favicon/icon.png">
-      <link rel="icon" type="image/png" sizes="32x32" href="./images/favicon/icon.png">
-      <link rel="icon" type="image/png" sizes="16x16" href="./images/favicon/icon.png">
+      <link rel="apple-touch-icon" sizes="180x180" href="./images/favicon/wheat.png">
+      <link rel="icon" type="image/png" sizes="32x32" href="./images/favicon/wheat.png">
+      <link rel="icon" type="image/png" sizes="16x16" href="./images/favicon/wheat.png">
    </head>
 
    <body>
@@ -32,35 +32,36 @@ <h1 id="main-title">Identifying emerging weeds in Central Europe</h1>
    			</div>
    		</div>
    	</div>
-   	<div id="introduction-page">
+   	<div id="introduction-page" class="grid">
    		<h2 id="introduction-title">What are "Emerging Weeds"?</h2>
    		<div id="introduction-text">
    			<p>
    				Newly appearing or newly established weed species in a region. They were previously absent, or present only in limited numbers, with a very recent spreadness or with a high potential to spread in the near future. Their occurrence can happen due to various factors, like changes in land use, agricultural practices, environmental conditions or the introduction of invasive plant species from other regions. During the early stages the costs and efforts to manage them can be highly reduced, resulting also in lower economic and ecological impacts.
    			</p>
-   			<div id="introduction-img">Sigmoidal curve and field with different treatments</div>
+   			<img id="sigmoidal-curve" class="max-width" src="./images/sigmoidal.png" alt="Species spreadness">
+   			<img id="field" class="max-width" src="./images/field.png" alt="Fields comparison">
    		</div>
    	</div>
-   	<div id="effects-page">
+   	<div id="effects-page" class="grid">
    		<h2 id="effects-title">Effects of emerging weeds</h2>
-   		<div id="effects-text">
+   		<div id="effects-text" class="grid">
    			<p>
    				In agricultural habitats weeds are one of the main pests. It has been estimated a loss of around 30 billion dollars globally each year, split up between crop yeld losses (competition and/or disease spreadness), human impact (allergies), livestock impact (toxicity) and natural habitats impact (biodiversity loss).
    			</p>
-   			<div id="effects-img">Crop losses to pests</div>
+   			<img id="crops" class="max-width" src="./images/crops.png" alt="Crops affected">
    		</div>
    	</div>
-   	<div id="project-page">
+   	<div id="project-page" class="grid">
    		<div id="project-title"><h2>What is AgriWeedClim</h2></div>
-   		<div id="project-text">
+   		<div id="project-text" class="grid">
    			<p>
    				AgriWeedClim aims to identify emerging weeds in Europe, estimate the future suitable areas and the potential impacts and finally to find management methods to reduce their impact. Currently we are at the first stage of data analysis, checking for historical weed community changes and the identification of emerging weed species.<br>
    				More precisely the aims of my research is to obtain a list of likely emerging weeds, gather and standardize the data on the selected species and finally to get the first conclusions by looking at possible patterns and particular traits.
    			</p>
-   			<div id="project-img">AgriWeedClim pic/logo</div>
+   			<img id="agriweedclim" class="max-width" src="./images/agriweedclim.png" alt="AgriWeedClim logo">
    		</div>
    	</div>
-   	<div id="data-page">
+   	<div id="data-page" class="grid">
    		<div id="data-title"><h2>Data sources</h2></div>
    		<div id="data-text">
    			<p>
@@ -75,39 +76,38 @@ <h2 id="effects-title">Effects of emerging weeds</h2>
    			<p>
    		</div>
    	</div>
-   	<div id="results-page">
+   	<div id="results-page" class="grid">
    		<h2 id="results-title">Results</h2>
-   		<div id="results-text">
+   		<div id="results-text" class="grid">
    			<p>
    			For example this is a table with a species for each category, showing the data gathered for each of them.
    			</p>
-   			<div id="results-table">Table with the different species</div>
-   			<div id="results-img1">Ambrosia artemisiifolia</div>
-   			<div id="results-img2">Eriochloa villosa</div>
-   			<div id="results-img3">Amaranthus retroflexus</div>
+   			<img id="ambrosia" class="max-width" src="./images/ambrosia.png" alt="Ambrosia artemisiifolia">
+   			<img id="eriochloa" class="max-width" src="./images/eriochloa.png" alt="Eriochloa villosa">
+   			<img id="amaranthus" class="max-width" src="./images/amaranthus.png" alt="Amaranthus retroflexus">
    			<p>
    				By a brief analysis of the species with a good likelihood of being or becoming emerging weed species in central europe, it resulted that they are divided in 61 species and 18 families, but more than half of those species are part of either the Asteraceae or Poaceae families.
    			</p>
-   			<div id="results-img4">Families distribution</div>
+   			<img id="families" class="max-width" src="./images/families.png" alt="Families distribution">
    			<p>
    				Most of the crops impacted are of cereals (wheat, maize, oats, etc...) and legumes (soybean, beas and peas).
    			</p>
-   			<div id="results-img4">Impacted crops</div>
+   			<img id="crops" class="max-width" src="./images/crops.png" alt="Crops impacted">
    			<p>
    				And as expected, most of the species survive the harsh conditions as seeds (therophytes) and as buds on the soil surface (hemicryptophytes), as these are the typical methods for surviving for annual and bi-annual plants, but also because fields are tipically plowed periodically and it wouldn't permit to underground storage organs (geophytes) to survive. At the same time, is interesting to note that there are also some geophytes as emerging weeds, this could be caused by a recent changing in cultivation methods that don't use anymore soil invertion or plowing. 
    			</p>
-   			<div id="results-img5"> Life-form species</div>
+   			<img id="life-form" class="max-width" src="./images/life_form.png" alt="Life form distribution">
    			<p>
    				Almost half of the species are immune to at least one herbicide mode of action, with few of them being resistant to up to 9 different modes. Even for Glyphosate, one of the most used herbicides in the recent years, it has been observed an increased in tolerance among weeds.
    			</p>
-   			<div id="results-img6">Herbicides</div>
+   			<img id="herbicides" class="max-width" src="./images/herbicides.png" alt="Herbicide resistances">
    			<p>
    				Finally I've also created a map with the native continents of the emerging species, showing that the highest number of species comes from Temperate Asia, but there are also fairly high amount of species from Northern America, Africa and Europe itself, that could be explained by the high land surface, similar climates but also from the recent human activities, with economic relationships between Europe and the other continents acting as vectors for their spreadness.
    			</p>
-   			<div id="results-img7">World map</div>
+   			<img id="native-range" class="max-width" src="./images/native_range.png" alt="Native range distribution">
    		</div>
    	</div>
-   	<div id="conclusions-page">
+   	<div id="conclusions-page" class="grid">
    		<h2 id="conclusions-title"> Conclusions</h2>
    		<p>
    			Of course this are only really early results and it's necessary to continue with the research to gather other data about their impacts and possibly to further understand their vectors and how to prevent their diffusion and economic effects, not only in agricultural habitats, but also in human health, natural environments and biodiversity.

diff --git a/old/img0.png b/old/img0.png
diff --git a/old/img1.html b/old/img1.html
diff --git a/old/img1.png b/old/img1.png
diff --git a/old/img10.html b/old/img10.html
diff --git a/old/img10.png b/old/img10.png
diff --git a/old/img11.html b/old/img11.html
diff --git a/old/img11.png b/old/img11.png
diff --git a/old/img12.html b/old/img12.html
diff --git a/old/img12.png b/old/img12.png
diff --git a/old/img13.html b/old/img13.html
diff --git a/old/img13.png b/old/img13.png
diff --git a/old/img14.html b/old/img14.html
diff --git a/old/img14.png b/old/img14.png
diff --git a/old/img15.html b/old/img15.html
diff --git a/old/img15.png b/old/img15.png
diff --git a/old/img2.html b/old/img2.html
diff --git a/old/img2.png b/old/img2.png
diff --git a/old/img3.html b/old/img3.html
diff --git a/old/img3.png b/old/img3.png
diff --git a/old/img4.html b/old/img4.html
diff --git a/old/img4.png b/old/img4.png
diff --git a/old/img5.html b/old/img5.html
diff --git a/old/img5.png b/old/img5.png
diff --git a/old/img6.html b/old/img6.html
diff --git a/old/img6.png b/old/img6.png
diff --git a/old/img7.html b/old/img7.html
diff --git a/old/img7.png b/old/img7.png
diff --git a/old/img8.html b/old/img8.html
diff --git a/old/img8.png b/old/img8.png
diff --git a/old/img9.html b/old/img9.html
diff --git a/old/img9.png b/old/img9.png
diff --git a/old/index.html b/old/index.html