Merge pull request #2 from artfisica/master

Updating local version for development
atlas-outreach-data-tools · Jul 14, 2016 · a96ab4f · a96ab4f
2 parents 2d4b539 + 3449adc
commit a96ab4f
Show file tree

Hide file tree

Showing 462 changed files with 2,430 additions and 90,242 deletions.
diff --git a/DataAndTools/300lo.json b/DataAndTools/300lo.json
diff --git a/DataAndTools/addthis_widget.js b/DataAndTools/addthis_widget.js
diff --git a/DataAndTools/atlas.js b/DataAndTools/atlas.js
diff --git a/DataAndTools/boost b/DataAndTools/boost
diff --git a/DataAndTools/cern_dev_status.js b/DataAndTools/cern_dev_status.js
diff --git a/DataAndTools/css b/DataAndTools/css
diff --git a/DataAndTools/css3/css/bootstrap-responsive.min.css b/DataAndTools/css3/css/bootstrap-responsive.min.css
diff --git a/DataAndTools/css3/css/bootstrap.min.css b/DataAndTools/css3/css/bootstrap.min.css
diff --git a/DataAndTools/css3/css/m-buttons.css b/DataAndTools/css3/css/m-buttons.css
diff --git a/DataAndTools/css3/css/m-buttons.min.css b/DataAndTools/css3/css/m-buttons.min.css
diff --git a/DataAndTools/css3/css/m-forms.css b/DataAndTools/css3/css/m-forms.css
diff --git a/DataAndTools/css3/css/m-forms.min.css b/DataAndTools/css3/css/m-forms.min.css
diff --git a/DataAndTools/css3/css/m-icons.css b/DataAndTools/css3/css/m-icons.css
diff --git a/DataAndTools/css3/css/m-icons.min.css b/DataAndTools/css3/css/m-icons.min.css
diff --git a/DataAndTools/css3/css/m-normalize.css b/DataAndTools/css3/css/m-normalize.css
diff --git a/DataAndTools/css3/css/m-normalize.min.css b/DataAndTools/css3/css/m-normalize.min.css
diff --git a/DataAndTools/css3/css/m-styles.min.css b/DataAndTools/css3/css/m-styles.min.css
diff --git a/DataAndTools/css3/css/styles.css b/DataAndTools/css3/css/styles.css
@@ -2,6 +2,7 @@
 body {
   position: relative;
   padding-top: 40px;
+  bgcolor: white;
 }
 
 body,
@@ -18,7 +19,7 @@ code
 	-webkit-border-radius: 0;
 	-moz-border-radius: 0;
 	border-radius: 0;
-	text-shadow: #ffffff 0 1px 0;	
+	text-shadow: #ffffff 0 1px 0;
 }
 
 /* Code in headings */
@@ -41,7 +42,7 @@ section > ul li {
 
 /* Faded out hr */
 hr.soften {
-  height: 1px;
+  height: 2px;
   margin: 70px 0;
   background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
   background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
@@ -68,32 +69,32 @@ hr.soften {
 
 /* Base class
 ------------------------- */
-.header 
-{  
-	width: 100%; 
-	margin: auto; 
-	padding-top: 20px; 
-	background: url("../img/starrynight.png"); 
-	background-color: black; 
+.header
+{
+	width: 100%;
+	margin: auto;
+	padding-top: 20px;
+	background: url("../img/starrynight.png");
+	background-color: black;
 	opacity: 2;
 }
-.titleheader 
+.titleheader
 {
-	width: 100%;  
-	margin: auto; 
-	padding-bottom: 20px; 
+	width: 100%;
+	margin: auto;
+	padding-bottom: 20px;
 	padding-top: 90px;}
 
-.titleheader h1, 
+.titleheader h1,
 .titleheader h3
-{			
+{
 	text-shadow: 0 1px 3px rgba(0, 0, 0, 1), 0 0 1px rgba(0, 0, 0, 1);
 	width: 960px;
-	display: inline;	
+	display: inline;
 	color: #efefef;
 	padding: 4px;
-	background-color: #222222;	
-}	
+	background-color: #222222;
+}
 .titleheader h1,
 .marketing h1
 {
@@ -177,23 +178,23 @@ section h4
     width: 980px;
 }
 
-.marketing h3 
-{   
-    color: #444444;    
+.marketing h3
+{
+    color: #444444;
 }
 
 .marketing h1
 {
-    color: #666666;  
+    color: #666666;
 }
 
 /* Footer
 -------------------------------------------------- */
 
 .footer {
-  padding-bottom: 70px; 
+  padding-bottom: 70px;
 }
-.footer p {  	
+.footer p {
   margin-bottom: 0;
   color: #777;
 }
@@ -206,7 +207,7 @@ section h4
   padding: 49px 19px 14px;
   *padding-top: 24px;
   background-color: #fff;
-  border: 1px solid #ddd;  
+  border: 1px solid #ddd;
 }
 
 /* Echo out a label for the example */
@@ -220,7 +221,7 @@ section h4
   font-weight: bold;
   background-color: #f5f5f5;
   border: 1px solid #ddd;
-  color: #9da0a4; 
+  color: #9da0a4;
 }
 
 /* Remove spacing between an example and it's code */
@@ -253,7 +254,7 @@ section h4
 ------------------------- */
 
 @media (min-width: 1200px)
-{    
+{
     .marketing .container
     {
         width: 1200px;
@@ -267,8 +268,8 @@ section h4
     margin-left: 0;
     padding-left: 10px;
     padding-right: 10px;
-  }    
-   
+  }
+
 }
 
 
@@ -301,7 +302,7 @@ section h4
       width: auto;
   }
   .header
-  {	
+  {
 	padding: 40px 20px;
 	margin-top: -20px;
 	margin-left: -20px;
@@ -310,8 +311,8 @@ section h4
   .docs-social
   {
 	  margin: 0 -20px;
-  } 
-  
+  }
+
   /* Unfloat the back to top link in footer */
   .footer {
     margin-left: -20px;
@@ -339,13 +340,13 @@ section h4
   h2 small {
     display: block;
   }
-  
+
   .m-btn.big
   {
       display: block !important;
   }
-  
-  
+
+
 
   /* center example sites */
   .example-sites {

diff --git a/DataAndTools/css3/img/bootstrap.png b/DataAndTools/css3/img/bootstrap.png
diff --git a/DataAndTools/css3/img/cross.png b/DataAndTools/css3/img/cross.png
diff --git a/DataAndTools/css3/img/glyphicons-halflings-white.png b/DataAndTools/css3/img/glyphicons-halflings-white.png
diff --git a/DataAndTools/css3/img/glyphicons-halflings.png b/DataAndTools/css3/img/glyphicons-halflings.png
diff --git a/DataAndTools/css3/img/need.png b/DataAndTools/css3/img/need.png
diff --git a/DataAndTools/css3/img/share.png b/DataAndTools/css3/img/share.png
diff --git a/DataAndTools/css3/img/starrynight.png b/DataAndTools/css3/img/starrynight.png
diff --git a/DataAndTools/css3/img/syncfusion-icons-white.png b/DataAndTools/css3/img/syncfusion-icons-white.png
diff --git a/DataAndTools/css3/img/syncfusion-icons.png b/DataAndTools/css3/img/syncfusion-icons.png
diff --git a/DataAndTools/css3/js/bootstrap.min.js b/DataAndTools/css3/js/bootstrap.min.js
diff --git a/DataAndTools/css3/js/google-code-prettify/prettify.css b/DataAndTools/css3/js/google-code-prettify/prettify.css
diff --git a/DataAndTools/css3/js/google-code-prettify/prettify.js b/DataAndTools/css3/js/google-code-prettify/prettify.js
diff --git a/DataAndTools/css3/js/jquery-1.8.0.min.js b/DataAndTools/css3/js/jquery-1.8.0.min.js
diff --git a/DataAndTools/css3/js/m-dropdown.js b/DataAndTools/css3/js/m-dropdown.js
diff --git a/DataAndTools/css3/js/m-dropdown.min.js b/DataAndTools/css3/js/m-dropdown.min.js
diff --git a/DataAndTools/css3/js/m-radio.js b/DataAndTools/css3/js/m-radio.js
diff --git a/DataAndTools/css3/js/m-radio.min.js b/DataAndTools/css3/js/m-radio.min.js
diff --git a/DataAndTools/customevent_register b/DataAndTools/customevent_register
diff --git a/DataAndTools/drupal.js b/DataAndTools/drupal.js
diff --git a/DataAndTools/jquery.min.js b/DataAndTools/jquery.min.js
diff --git a/DataAndTools/jquery.once.js b/DataAndTools/jquery.once.js
diff --git a/DataAndTools/layers.a7702f25264fb009847d.js b/DataAndTools/layers.a7702f25264fb009847d.js
diff --git a/DataAndTools/menu.2035b368a9dbff642aac.js b/DataAndTools/menu.2035b368a9dbff642aac.js
diff --git a/DataAndTools/pictures/ATLAS-Outreach-release-main-page.png b/DataAndTools/pictures/ATLAS-Outreach-release-main-page.png
diff --git a/...6_13TeV_dimuon_run296942_evt30695915_2016-04-23T10-36-27_noLogo_noTimestamp.jpg b/...6_13TeV_dimuon_run296942_evt30695915_2016-04-23T10-36-27_noLogo_noTimestamp.jpg
diff --git a/DataAndTools/pictures/ATLAS_imagine_initial_page_01.png b/DataAndTools/pictures/ATLAS_imagine_initial_page_01.png
diff --git a/DataAndTools/pictures/ATLAS_imagine_initial_page_02.png b/DataAndTools/pictures/ATLAS_imagine_initial_page_02.png
diff --git a/DataAndTools/pictures/ATLAS_imagine_initial_page_03.png b/DataAndTools/pictures/ATLAS_imagine_initial_page_03.png
diff --git a/DataAndTools/pictures/ATLAS_imagine_initial_page_04.png b/DataAndTools/pictures/ATLAS_imagine_initial_page_04.png
diff --git a/DataAndTools/pictures/ATLAS_imagine_initial_page_05.png b/DataAndTools/pictures/ATLAS_imagine_initial_page_05.png
diff --git a/DataAndTools/pictures/ROOT_icon_small.png b/DataAndTools/pictures/ROOT_icon_small.png
diff --git a/DataAndTools/pictures/atlas-logo-web-V02.png b/DataAndTools/pictures/atlas-logo-web-V02.png
diff --git a/DataAndTools/pictures/binder_view.png b/DataAndTools/pictures/binder_view.png
diff --git a/DataAndTools/pictures/cern-logo-large.png b/DataAndTools/pictures/cern-logo-large.png
diff --git a/DataAndTools/pictures/follow-facebook24.png b/DataAndTools/pictures/follow-facebook24.png
diff --git a/DataAndTools/pictures/follow-googleplus24.png b/DataAndTools/pictures/follow-googleplus24.png
diff --git a/DataAndTools/pictures/follow-instagram24.png b/DataAndTools/pictures/follow-instagram24.png
diff --git a/DataAndTools/pictures/follow-twitter24.png b/DataAndTools/pictures/follow-twitter24.png
diff --git a/DataAndTools/pictures/follow-youtube24.png b/DataAndTools/pictures/follow-youtube24.png
diff --git a/DataAndTools/pictures/handmade_books.png b/DataAndTools/pictures/handmade_books.png
diff --git a/DataAndTools/pictures/handmade_community.png b/DataAndTools/pictures/handmade_community.png
diff --git a/DataAndTools/pictures/handmade_docs.png b/DataAndTools/pictures/handmade_docs.png
diff --git a/DataAndTools/pictures/handmade_downloads.png b/DataAndTools/pictures/handmade_downloads.png
diff --git a/DataAndTools/pictures/handmade_externals_friends.png b/DataAndTools/pictures/handmade_externals_friends.png
diff --git a/DataAndTools/pictures/handmade_toolbox.png b/DataAndTools/pictures/handmade_toolbox.png
diff --git a/DataAndTools/pictures/handmade_visualisation.png b/DataAndTools/pictures/handmade_visualisation.png
diff --git a/DataAndTools/pictures/handmade_vm.png b/DataAndTools/pictures/handmade_vm.png
diff --git a/DataAndTools/pictures/handmade_web_analysis.png b/DataAndTools/pictures/handmade_web_analysis.png
diff --git a/DataAndTools/pictures/handmade_white_offline.png b/DataAndTools/pictures/handmade_white_offline.png
diff --git a/DataAndTools/pictures/handmade_white_www.png b/DataAndTools/pictures/handmade_white_www.png
diff --git a/DataAndTools/pictures/logo.png b/DataAndTools/pictures/logo.png
diff --git a/DataAndTools/pictures/mob-nav.png b/DataAndTools/pictures/mob-nav.png
diff --git a/DataAndTools/pictures/monojets.png b/DataAndTools/pictures/monojets.png
diff --git a/DataAndTools/pictures/python_logo.png b/DataAndTools/pictures/python_logo.png
diff --git a/DataAndTools/pictures/rss16.png b/DataAndTools/pictures/rss16.png
diff --git a/DataAndTools/pictures/sl-logo-64-white.png b/DataAndTools/pictures/sl-logo-64-white.png
diff --git a/DataAndTools/pictures/video.mp4 b/DataAndTools/pictures/video.mp4
diff --git a/DataAndTools/repository.php b/DataAndTools/repository.php
@@ -9,7 +9,7 @@
     <table width="100%" border="0">
       <tr>
         <td style="width:50%; text-align: left; padding: 1.5cm 1.5cm 1.5cm 1.5cm;">
-          <h1 style="font-family:verdana; font-size:260%;"><b>Data & Tools Repository</b></h1>
+          <h1 style="font-family:verdana; font-size:260%;"><b>Data & Tools</b> Repository</h1>
         </br>
         <p style="font-family:verdana; font-size:120%;">
           <b>
@@ -18,40 +18,49 @@
           </br>
         </b>
       </br>
-        In this section, you can find where to download:
+      In this section, you can find where to download:
 
-        <ul style="font-family:verdana; font-size:110%; padding: 0.5cm 1.0cm 1.0cm 1.0cm;">
-          <li>The complete collection of datasets released</li>
-          <li>The different analysis softwares</li>
-          <li>The vitual machines to perform physics searches</li>
-        </ul>
-      </p>
-    </td>
-    <td style="width:50%; padding: 0.1cm 0.2cm;">
-      <img src="./pictures/ATLAS_imagine_initial_page_1.png" alt="Repository" style="width:100%">
-    </td>
-  </tr>
+      <ul style="font-family:verdana; font-size:110%; padding: 0.5cm 1.0cm 1.0cm 1.0cm;">
+        <li>The complete collection of datasets released</li>
+        <li>The different analysis softwares</li>
+        <li>The vitual machines to perform physics searches</li>
+      </ul>
+    </p>
+  </td>
+  <td style="width:50%; padding: 0.1cm 0.2cm;">
+    <div class="hovereffect">
+      <img class="img-responsive" src="/atlas-opendata/DataAndTools/pictures/handmade_downloads.png" alt="Download" style="width:100%">
+    </div>
+  </td>
+</tr>
 </table>
 </div>
 <!-- end Head of page-->
-<div style="width:100%; text-align: center; padding: 2.5cm 2.5cm 2.0cm 2.5cm;">
-  <h1 style="font-family:verdana; font-size:260%;padding: 20px"><b>Downloads</b></h1>
-  <div class="btn-group btn-group-justified">
-    <a href="../extendedanalysis/datasets.php" class="btn btn-primary">Datasets</a> <!-- target="_blank” -->
-    <a href="../extendedanalysis/software.php" class="btn btn-primary">Software</a>
-    <a href="../extendedanalysis/vm-toolbox.php" class="btn btn-primary">Virtual Machines</a>
-  </div>
+
+<div style="float:left; clear:both; padding: 1.0cm 0.5cm 0.1cm 0.5cm; text-align: center; width:100%; margin:0px auto;">
+  <h1><b>Downloads</b></h1>
 </div>
 
-<div style="width:100%; text-align: center; padding: 0.1cm 2.5cm 2.0cm 2.5cm;">
-  <h1 style="font-family:verdana; font-size:260%;padding: 20px">...or get them at <b>CERN <a href="http://opendata.cern.ch" target="_blank">OpenData</a></b> portal</h1>
+<div style="width:100%; text-align: center; padding: 0.2cm 2.0cm 0.0cm 2.0cm; float:left; clear:both;">
   <div class="btn-group btn-group-justified">
-    <a href="http://opendata.cern.ch/education/ATLAS" target="_blank" class="btn btn-primary">Datasets</a>
-    <a href="http://opendata.cern.ch/education/ATLAS" target="_blank" class="btn btn-primary">Software</a>
-    <a href="http://opendata.cern.ch/education/ATLAS" target="_blank" class="btn btn-primary">Virtual Machines</a>
+    <a href="../extendedanalysis/datasets.php"   class="btn btn-primary" style="font-size:150%;">Datasets</a>
+    <a href="../extendedanalysis/software.php"   class="btn btn-primary" style="font-size:150%;">Software</a>
+    <a href="../extendedanalysis/vm-toolbox.php" class="btn btn-primary" style="font-size:150%;">Virtual Machines</a>
   </div>
 </div>
 
+<div style="width:100%; text-align: center; padding: 0.0cm 1.0cm 2.0cm 1.0cm; float:left; clear:both;">
+  <a href="../extendedanalysis/datasets.php">    <img typeof="foaf:Image" src="/atlas-opendata/DataAndTools/pictures/handmade_downloads.png" style="width:33%"></a>
+  <a href="../extendedanalysis/software.php">    <img typeof="foaf:Image" src="/atlas-opendata/DataAndTools/pictures/handmade_toolbox.png"   style="width:33%"></a>
+  <a href="../extendedanalysis/vm-toolbox.phpr"> <img typeof="foaf:Image" src="/atlas-opendata/DataAndTools/pictures/handmade_vm.png"        style="width:33%"></a>
+</div>
+
+
+<div style="float:left; clear:both; padding: 1.0cm 0.5cm 0.1cm 0.5cm; text-align: center; width:100%; margin:0px auto;">
+  <h1><b>...or get them at <b>CERN <a href="http://opendata.cern.ch/education/ATLAS" target="_blank">OpenData</a></b> portal</b></h1>
+  <a href="http://opendata.cern.ch/education/ATLAS" target="_blank"><img typeof="foaf:Image" src="http://opendata.cern.ch/img/home/opendata_logo.svg" alt="CERN OpenData" style="width:22%"></a>
+</div>
+
 <?php include('../menu.html'); ?>
 
 <?php include('../trackers.html'); ?>

diff --git a/DataAndTools/sh.f7bb2665ec36f40231cf9d0b.html b/DataAndTools/sh.f7bb2665ec36f40231cf9d0b.html
diff --git a/DataAndTools/toolbar.css b/DataAndTools/toolbar.css
diff --git a/README.md b/README.md
diff --git a/_index_june16.php b/_index_june16.php
@@ -0,0 +1,129 @@
+<!DOCTYPE html>
+<html>
+<header>
+  <?php include('header.html'); ?>
+</header>
+
+<!-- Start of the body page -->
+<body>
+  <div>
+    <table width="100%" border="0">
+      <tr>
+        <td style="width:50%; text-align: left; padding: 1.5cm 1.5cm 1.5cm 1.5cm;"> <!-- style="border: 1px solid black; background-color: #0b80c3;"> -->
+          <h1 style="font-family:verdana; font-size:260%;">The <b><a href="http://atlas.cern/">ATLAS</a> Experiment</b></h1>
+          <p style="font-family:verdana; font-size:120%;">
+              at <a href="http://home.cern/">CERN</a> in Geneva has released the world’s first open release of 8 TeV data. <b>This data</b> was gathered from proton collisions in the Large Hadron Collider (<a href="https://home.cern/topics/large-hadron-collider">LHC</a>) in 2012.
+                 <b><a href="./index.php">ATLAS OpenData</a></b> guides you through how to use and download the data, how to visualise your results and even provides <b>open-source software</b> for you to make your own discoveries
+            </br>
+        </br>
+        <b>Learn how to:</b>
+        <ul style="font-family:verdana; font-size:110%; padding: 0.3cm 0.8cm 0.8cm 0.8cm;">
+          <li>Visualise the data in discovery-style graphs</li>
+          <li>Develop code using your browser to select interesting collision events</li>
+          <li>Use Virtual Machines to transform your computer into an analysis machine!</li>
+        </ul>
+      </p>
+    </td>
+    <td style="width:50%; padding: 0.1cm 0.2cm;">
+      <div class="embed-responsive embed-responsive-16by9" >
+        <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/jDC3-QSiLB4?rel=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>
+      </div>
+    </td>
+  </tr>
+</table>
+</div>
+
+
+<div style="float:left; clear:both; padding: 0.0cm 0.0cm 0.0cm 0.0cm; text-align: center; width:100%; margin:0px auto; border:none!important; background-color:white;">
+  <table width="100%" border="0">
+    <tr>
+      <td style="width:50%; padding: 2cm 1% 2cm 20%;">
+        <img src="/atlas-opendata/DataAndTools/pictures/handmade_visualisation.png" alt="Visualisations" style="width:100%">
+      </td>
+      <td style="width:50%; text-align: left; padding: 2cm 20% 2cm 1%">
+        <h1 style="font-family:verdana; font-size:260%;">In the <b><a href="/atlas-opendata/visualisations/">Get Started</a> section</b></h1>
+        <ul style="font-family:verdana; font-size:110%;">
+          <li>Visualise the data in discovery-style graphs</li>
+          <li>Play with relevant physics variables in your browser</li>
+          <li>Get familiar with the qualitative characteristics of a <b>High Energy Physics</b> analysis. From now with will called it <b>HEP</b>!</li>
+        </ul>
+      </td>
+    </tr>
+  </table>
+</div>
+
+
+<div style="float:left; clear:both; padding: 0.0cm 0.0cm 0.0cm 0.0cm; text-align: center; width:100%; margin:0px auto; border:none!important; background-color:white;">
+  <table width="100%" border="0">
+    <tr>
+      <td style="width:50%; padding: 2cm 1% 2cm 20%; text-align: left;">
+        <h1 style="font-family:verdana; font-size:260%;">Now go into <b><a href="/atlas-opendata/webanalysis/">Web Analysis</a> section</b></h1>
+        <ul style="font-family:verdana; font-size:110%;">
+          <li>Are you ready for the future of the data analysis?</li>
+          <li>Using Jupyter technology and the ~infinite power of ROOT: review, execute and develop your own analysis directly in your browser, using our SaaS</li>
+          <li>…yes, more contractions,”<b>SaaS</b>” is <b>Software as a Service</b>, and by the way, this is all done using <b>Cloud Computing</b>…</li>
+        </ul>
+      </td>
+      <td style="width:50%; text-align: left; padding: 2cm 20% 2cm 1%">
+        <img src="/atlas-opendata/DataAndTools/pictures/handmade_web_analysis.png" alt="Web Analysis" style="width:100%">
+      </td>
+    </tr>
+  </table>
+</div>
+
+
+<div style="float:left; clear:both; padding: 0.0cm 0.0cm 0.0cm 0.0cm; text-align: center; width:100%; margin:0px auto; border:none!important; background-color:white;">
+  <table width="100%" border="0">
+    <tr>
+      <td style="width:50%; padding: 2cm 1% 2cm 20%;">
+        <img src="/atlas-opendata/DataAndTools/pictures/handmade_toolbox.png" alt="Analysis ToolBox" style="width:100%">
+      </td>
+      <td style="width:50%; text-align: left; padding: 2cm 20% 2cm 1%">
+        <h1 style="font-family:verdana; font-size:260%;">You are ready for <b><a href="/atlas-opendata/extendedanalysis/">Analysis ToolBox</a> section</b></h1>
+        <ul style="font-family:verdana; font-size:110%;">
+          <li>Ready to taste how is done a real <b>HEP</b> analysis? <i>(yes, like one of those that help to the discovery of the Higgs boson ;)</i></li>
+          <li>Check and download our Python framework code, and start running one of the analysis examples</li>
+          <li><b>You don’t have ROOT with you?</b> Don’t worry, using any of our Virtual Machines you can run the analysis examples as real physicist, and to create your own... even offline</li>
+          <li>...not excuses to test your new ideas anytime, anywhere!</li>
+        </ul>
+      </td>
+    </tr>
+  </table>
+</div>
+
+
+<div style="float:left; clear:both; padding: 0.0cm 0.0cm 0.0cm 0.0cm; text-align: center; width:100%; margin:0px auto; border:none!important; background-color:white;">
+  <table width="100%" border="0">
+    <tr>
+      <td style="width:50%; padding: 2cm 1% 2cm 20%; text-align: left;">
+        <h1 style="font-family:verdana; font-size:260%;">In our <b><a href="/atlas-opendata/community.php">Community</a> hub you can</b></h1>
+        <ul style="font-family:verdana; font-size:110%;">
+          <li>Check the latest conversations, and because we are stating, why not to create your own Thread?</li>
+          <li>You can be part of the discussions, develop subjects, suggest changes, report bugs…</li>
+          <li><b>FAQ</b> (you know this one ;) can help you to understand how to evolve your research with us.</li>
+          <li>Finally, this is a project created for you! <i>if you have any feedback</i>, please let us know, we will be happy to apply any good idea!</li>
+        </ul>
+      </td>
+      <td style="width:50%; text-align: left; padding: 2cm 20% 4cm 1%">
+        <img src="/atlas-opendata/DataAndTools/pictures/handmade_community.png" alt="Community" style="width:100%">
+      </td>
+    </tr>
+  </table>
+</div>
+
+<?php include('menu.html'); ?>
+
+<?php include('trackers.html'); ?>
+</body>
+<!-- End main body -->
+
+<footer>
+  <?php include('footer.html'); ?>
+</footer>
+</html>
+
+<!-- <video width="100%" controls> <!-- autoplay controls> -->
+<!-- <source src="DataAndTools/pictures/video.mp4" type="video/mp4">
+<source src="DataAndTools/pictures/video.ogg" type="video/ogg">
+Your browser does not support HTML5 video.
+</video> -->
diff --git a/banner.html b/banner.html