forked from artfisica/atlasoutreach-webpage
-
Notifications
You must be signed in to change notification settings - Fork 3
/
_index.php
133 lines (117 loc) · 7.37 KB
/
_index.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
<!DOCTYPE html>
<html>
<header>
<?php include('header.html'); ?>
</header>
<!-- Start of the body page -->
<body>
<div style="float:left; clear:both; padding: 1.4cm 12% 1.6cm 12%; text-align: left; width:100%; margin:0px auto;">
<h1 style="font-family:verdana; font-size:200%; padding: 0.0cm 0.0cm 0.3cm 0.0cm;"><b>Access Open Data from the ATLAS Experiment at CERN</b></h1>
<p style="font-family:verdana; font-size:110%;">The <a href="https://atlas.cern" target="_blank">ATLAS</a> data from 100 trillion proton collisions is now public! This marks the world’s first open release of 8 TeV data, gathered from the <a href="https://home.cern/topics/large-hadron-collider" target="_blank">Large Hadron Collider</a> in 2012.</p>
<p style="font-family:verdana; font-size:110%;">
<b style="font-size:120%;">ATLAS Open Data</b> guides you through how to visualise the data, how to download and use the data, and even provides open-source software for you to make your own discoveries. <b>Check the introductory video and get started now!</b></p>
</div>
<div style="float:left; clear:both; padding: 0.0cm 20% 0.0cm 20%; text-align: center; width:100%; margin:0px auto; background-color:black;">
<div class="embed-responsive embed-responsive-16by9" >
<iframe class="embed-responsive-item" style="border: 5px solid black;" src="https://www.youtube.com/embed/hPaOfikJ1M4?rel=0&showinfo=0" frameborder="0" allowfullscreen></iframe>
</div>
</div>
<!-- Declaration of Target -->
<div style="float:left; clear:both; padding: 0.4cm 21% 0.2cm 21%; text-align: left; width:100%; margin:0px auto;">
<CENTER>
<p style="font-family:verdana; font-size:80%;"><!-- <img src="/atlas-opendata/DataAndTools/pictures/warning_sign.png" align="center" style="width:4%;"> --><b>Note! <a href="./index.php">ATLAS Open Data</a></b> is primarily aimed at University students, postgraduate and external researchers. Please read more in <b><a href="./target.php">Target section</a></b></p>
</CENTER>
</div>
<!-- End declaration of Target -->
<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%;">
<div class="hovereffect">
<a href="/atlas-opendata/visualisations/"><img class="img-responsive" src="/atlas-opendata/DataAndTools/pictures/handmade_visualisation.png" alt="Visualisations" style="width:100%"></a>
</div>
</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 the physics variables in your browser</li>
<li>Become familiar with the characteristics of a <b>High Energy Physics (HEP)</b> analysis</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 to the <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 latest tool in data analysis?</li>
<li>Use Jupyter technology and the power of ROOT to review, execute and develop your own analysis directly in your browser</li>
<li>Avoid local installations! Use notebooks in a <b>Software as a Service</b> model on your computer or in the cloud</li>
</ul>
</td>
<td style="width:50%; text-align: left; padding: 2cm 20% 2cm 1%">
<div class="hovereffect">
<a href="/atlas-opendata/webanalysis/"><img class="img-responsive" src="/atlas-opendata/DataAndTools/pictures/handmade_web_analysis.png" alt="Web Analysis" style="width:100%"></a>
</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%;">
<div class="hovereffect">
<a href="/atlas-opendata/extendedanalysis/"><img class="img-responsive" src="/atlas-opendata/DataAndTools/pictures/handmade_toolbox.png" alt="Data & Tools" style="width:100%"></a>
</div>
</td>
<td style="width:50%; text-align: left; padding: 2cm 20% 2cm 1%">
<h1 style="font-family:verdana; font-size:110%;"><b>You are ready for a real HEP analysis!</b></h1>
<h1 style="font-family:verdana; font-size:260%;">Head to the </br><b><a href="/atlas-opendata/extendedanalysis/">Data & Tools</a> section</b></h1>
<ul style="font-family:verdana; font-size:110%;">
<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> Use our Virtual Machines to run the analysis examples, even offline</li>
<li><b>Create</b> your own analysis!</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: 1.6cm 1% 2cm 20%; text-align: left;">
<h1 style="font-family:verdana; font-size:260%;">Join our <b><a href="/atlas-opendata/community.php">Community</a> hub</b></h1>
<ul style="font-family:verdana; font-size:110%;">
<li>Become part of the conversation. Share your experiences and successes while connecting with fellow ATLAS Open Data users</li>
<li>Join or start a thread to ask for tips, suggest changes, report bugs...</li>
<li>Take a look at the <b>FAQ</b>!</li>
</ul>
<p style="font-family:verdana; font-size:110%;"><b>ATLAS Open Data was created for you.</b> We value your opinion so please send us your feedback!</p>
</td>
<td style="width:50%; text-align: left; padding: 2cm 20% 4cm 1%">
<div class="hovereffect">
<a href="/atlas-opendata/community.php"><img class="img-responsive" src="/atlas-opendata/DataAndTools/pictures/handmade_community.png" alt="Community" style="width:100%"></a>
</div>
</td>
</tr>
</table>
</div>
<?php include('menu.html'); ?>
<?php include('trackers.html'); ?>
<?php include('share.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> -->