<commit_before><!DOCTYPE html>
<html>
<head>
  <title>EUcoMaps – FAQ</title>
  <style type="text/css">
    body { background-color: #fff; color: #666; text-align: center; font-family: arial, sans-serif; }
    div.dialog {
      width: 25em;
      padding: 0 4em;
      margin: 4em auto 0 auto;
      border: 1px solid #ccc;
      border-right-color: #999;
      border-bottom-color: #999;
    }
	.hiddenbar {display:none} 
	.shownbar {display:inline}
    h1 { font-size: 100%; color: #f00; line-height: 1.5em; }
  </style>

<script type="text/Javascript"> 
function togglebar (barID) { 
var whichpost = document.getElementById(barID); 
if (whichpost.className=="shownbar") 
{ whichpost.className="hiddenbar"; } 
else { whichpost.className="shownbar"; } 
} 
</script>

<script type='JavaScript'> 
function getImgSize(imgSrc)
{
var newImg = new Image();
newImg.src = imgSrc;
var height = newImg.height;
var width = newImg.width;
alert(height)
return height;
}
</script>

</head>

<body>
	<img src="http://lh5.ggpht.com/_pt7i0nbIOCY/SkXCcJxHEyI/AAAAAAAACFI/1-YvQbSviII/resultset_next_thumb%5B1%5D.png?imgmax=800" alt="click to expand"/>&#160;<a title="click to expand" href="javascript:togglebar('001')">Why?</a> 
	<br /> 
	<div class="hiddenbar" id="001"> 
We still got no idea!<br /><br /></div>
	<img src="http://lh5.ggpht.com/_pt7i0nbIOCY/SkXCcJxHEyI/AAAAAAAACFI/1-YvQbSviII/resultset_next_thumb%5B1%5D.png?imgmax=800" alt="click to expand"/>&#160;<a title="click to expand" href="javascript:togglebar('002')">Which data did you use?</a><br /> 
	<div class="hiddenbar" id="002"> 
		Which data did you use?
		The data on habitats, their sufficiency, CO2-equivalent-emissions and the original maps where taken from eurostat, provided by the European Commision. If you want to get the original data you can download the following databases, just search here (http://epp.eurostat.ec.europa.eu/portal/page/portal/statistics/search_database ) for the databases env_bio1 and env_air_gge.<br /><br /></div>
	<img src="http://lh5.ggpht.com/_pt7i0nbIOCY/SkXCcJxHEyI/AAAAAAAACFI/1-YvQbSviII/resultset_next_thumb%5B1%5D.png?imgmax=800" alt="click to expand"/>&#160;<a title="click to expand" href="javascript:togglebar('003')">How to make multi column on blogger template?</a><br /> 
	<div class="hiddenbar" id="003"> 
	There are many tricks to make multi column on blogger template. Please read my tutorial <a href="http://www.blogspottutorial.com/2008/05/maka-d-menu-at-blog.html">here!</a><br /><br /></div>
	<img src="http://lh5.ggpht.com/_pt7i0nbIOCY/SkXCcJxHEyI/AAAAAAAACFI/1-YvQbSviII/resultset_next_thumb%5B1%5D.png?imgmax=800" alt="click to expand"/>&#160;<a title="click to expand" href="javascript:togglebar('004')">How to make make contact form on blogger?</a><br /> 
	<div class="hiddenbar" id="004"> 
	There are many websites on the internet provide this service. One of theme is free service from http://www.emailmeform.com. Please read my tutorial <a href="http://www.blogspottutorial.com/2008/05/maka-d-menu-at-blog.html">here!</a><br /><br /></div>
	

getImgSize("/images/2003.png")

</body>
</html><commit_msg>added all questions to faq<commit_after><!DOCTYPE html>
<html>
<head>
  <title>EUcoMaps - FAQ</title>
  <style type="text/css">
    body { background-color: #fff; color: #666; text-align: center; font-family: verdana, arial, helvetica, sans-serif; }
    div.dialog {
      width: 25em;
      padding: 0 4em;
      margin: 4em auto 0 auto;
      border: 1px solid #ccc;
      border-right-color: #999;
      border-bottom-color: #999;
    }
	.hiddenbar {display:none} 
	.shownbar {display:inline}
    h1 { font-size: 100%; color: #f00; line-height: 1.5em; }
  </style>

<script type="text/Javascript"> 
function togglebar (barID) { 
var whichpost = document.getElementById(barID); 
if (whichpost.className=="shownbar") 
{ whichpost.className="hiddenbar"; } 
else { whichpost.className="shownbar"; } 
} 
</script>

<script type='JavaScript'> 
function getImgSize(imgSrc)
{
var newImg = new Image();
newImg.src = imgSrc;
var height = newImg.height;
var width = newImg.width;
alert(height)
return height;
}
</script>

</head>

<body>
<div align="left">
	<img src="http://lh5.ggpht.com/_pt7i0nbIOCY/SkXCcJxHEyI/AAAAAAAACFI/1-YvQbSviII/resultset_next_thumb%5B1%5D.png?imgmax=800" alt="click to expand"/>&#160;<a title="click to expand" href="javascript:togglebar('001')">Why?</a> 
	<br /> 
	<div class="hiddenbar" id="001"> 
We still got no idea!<br /><br /></div>
	<img src="http://lh5.ggpht.com/_pt7i0nbIOCY/SkXCcJxHEyI/AAAAAAAACFI/1-YvQbSviII/resultset_next_thumb%5B1%5D.png?imgmax=800" alt="click to expand"/>&#160;<a title="click to expand" href="javascript:togglebar('002')">Which data did you use?</a><br /> 
	<div class="hiddenbar" id="002"> 
		The data on habitats, their sufficiency, CO2-equivalent-emissions and the original maps where taken from <em> <a href="http://epp.eurostat.ec.europa.eu/portal/page/portal/statistics/search_database">eurostat</a></em>, provided by the European Commision. If you want to get the original data you can download the following databases, just  <a href="http://epp.eurostat.ec.europa.eu/portal/page/portal/statistics/search_database">search here for the databases env_bio1 and env_air_gge</a>.The maps <a href="http://epp.eurostat.ec.europa.eu/portal/page/portal/gisco/popups/references/administrative_units_statistical_units_1">can also be freely downloaded.</a><br/><br/>The data of of endangered species was compiled & curated by hand, using the website of the <em><a href="http://iucnredlist.org">IUCN Redlist.</a></em><br /><br /></div>
	<img src="http://lh5.ggpht.com/_pt7i0nbIOCY/SkXCcJxHEyI/AAAAAAAACFI/1-YvQbSviII/resultset_next_thumb%5B1%5D.png?imgmax=800" alt="click to expand"/>&#160;<a title="click to expand" href="javascript:togglebar('003')">Why do i need to click to see the pictures of some animals?</a><br /> 
	<div class="hiddenbar" id="003"> 
Because copyright laws don't allow us to embed those pictures directly into the website. We only added those pictures which can be freely used or where copyright-holders gave us explicit permission.<br/><br/>If you have freely usable pictures (or want to give us permission to show your pictures) just send us an email to <em><EMAIL></em> and we'll add them to the website.<br /><br /></div>
	<img src="http://lh5.ggpht.com/_pt7i0nbIOCY/SkXCcJxHEyI/AAAAAAAACFI/1-YvQbSviII/resultset_next_thumb%5B1%5D.png?imgmax=800" alt="click to expand"/>&#160;<a title="click to expand" href="javascript:togglebar('004')">Why are there no pictures for some animals?</a><br /> 
	<div class="hiddenbar" id="004"> 
Because we could not find any pictures on the web. If you have pictures for missing species just let us know by an email to <em><EMAIL></em> and we'll add them to the site.<br /><br /></div>
	<img src="http://lh5.ggpht.com/_pt7i0nbIOCY/SkXCcJxHEyI/AAAAAAAACFI/1-YvQbSviII/resultset_next_thumb%5B1%5D.png?imgmax=800" alt="click to expand"/>&#160;<a title="click to expand" href="javascript:togglebar('005')">Which tools did you use?</a><br /> 
	<div class="hiddenbar" id="005"> 
The processing of the data was done using some self-written <em>Python</em>- and <em>Ruby</em>-scripts. The website is realized in <em>Ruby On Rails</em>. The whole code (and the raw and processed data) <a href="https://github.com/drsnuggles/EcologyMaps">can be downloaded from <em>github</em></a>. Feel free to edit this project and contribute.<br/><br/>The shapefiles where edited using <em><a href="http://www.qgis.org">Quantum GIS</em></a>, the scaled maps were created using <em><a href="http://scapetoad.choros.ch">ScapeToad</em></a>.<br /><br /></div>
	<img src="http://lh5.ggpht.com/_pt7i0nbIOCY/SkXCcJxHEyI/AAAAAAAACFI/1-YvQbSviII/resultset_next_thumb%5B1%5D.png?imgmax=800" alt="click to expand"/>&#160;<a title="click to expand" href="javascript:togglebar('006')">What are scaled habitats?</a><br /> 
	<div class="hiddenbar" id="006"> 
		Most european countries have, percentwise, a quite similar area of habitats. So the scaled maps showed no clear change to the unscaled maps. The scaled values where calculated to exaggerate this effect a little bit.<br/><br/>The scaling was done using this formula: |area for a country_year - mean(all for all countries in this year)|^1.5.<br /><br /></div>
		<img src="http://lh5.ggpht.com/_pt7i0nbIOCY/SkXCcJxHEyI/AAAAAAAACFI/1-YvQbSviII/resultset_next_thumb%5B1%5D.png?imgmax=800" alt="click to expand"/>&#160;<a title="click to expand" href="javascript:togglebar('007')">How did you color the maps?</a><br /> 
		<div class="hiddenbar" id="007"> 
			The "best" scaled habitat with the highest value from each year was set to 100%, and all the other countries of that year where scaled accordingly. These values where then fit to the RGB-value-range, and colored manually in GIMP to give a better distinction between countries in a year. <br/><br/>The value for green for a country was obtained by multiplying the habitat-value, divided by 100, with 255 (resulting in for example 180), and the value for red was obtained by subtracting the value for green from 255 (resulting in 75, in this example). <br/><br/>This procedure was done for each year, with blue (value: 30) added for each picture to make the colors less painful to the eyes.<br /><br /></div>
</div>
</body>
</html>
{'fraction_non_alphanumeric': 0.15123258306538048, 'fraction_numerical': 0.032047159699892816, 'mean_word_length': 4.962300319488818, 'pattern_counts': {'":': 0, '<': 175, '<?xml version=': 0, '>': 175, 'https://': 1, 'lorem ipsum': 0, 'www.': 4, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 11, 'word_list_counts': {'cursed_substrings.json': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4391006', 'n_tokens_mistral': 3528, 'n_tokens_neox': 3247, 'n_words': 885}