Skip to content

Commit b1a00d9

Browse files
RogerJanusiakRogerJanusiak
committed
Made some changes to the content to match what we currently offer
1 parent aa68cb9 commit b1a00d9

File tree

2 files changed

+60
-18
lines changed

2 files changed

+60
-18
lines changed

‎index.css‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -52,7 +52,8 @@ h2 {
5252

5353
pre {
5454
margin: 0;
55-
border-radius: 10px;
55+
border-bottom-left-radius: 10px;
56+
border-bottom-right-radius: 10px;
5657
height: 300px;
5758
}
5859

‎index.html‎

Lines changed: 58 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,38 @@
2020
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap" rel="stylesheet">
2121

2222
<link href="index.css" rel="stylesheet">
23+
24+
<script>
25+
26+
function showxAOD() {
27+
$('#xAOD-example').css("display", "block");
28+
$('#ntuple-example').css("display", "none");
29+
$('#nanoAOD-example').css("display", "none");
30+
$('#xAOD-label').addClass("active");
31+
$('#ntuple-label').removeClass("active");
32+
$('#nanoAOD-label').removeClass("active");
33+
}
34+
35+
function showNTuple() {
36+
$('#xAOD-example').css("display", "none");
37+
$('#ntuple-example').css("display", "block");
38+
$('#nanoAOD-example').css("display", "none");
39+
$('#xAOD-label').removeClass("active");
40+
$('#ntuple-label').addClass("active");
41+
$('#nanoAOD-label').removeClass("active");
42+
}
43+
44+
function showNanoAOD() {
45+
$('#xAOD-example').css("display", "none");
46+
$('#ntuple-example').css("display", "none");
47+
$('#nanoAOD-example').css("display", "block");
48+
$('#xAOD-label').removeClass("active");
49+
$('#ntuple-label').removeClass("active");
50+
$('#nanoAOD-label').addClass("active");
51+
}
52+
53+
</script>
54+
2355
</head>
2456
<body>
2557
<nav class="sx-nav navbar navbar-expand-lg navbar-dark">
@@ -92,20 +124,31 @@ <h2 style="margin-top: 20px;">Streamlined data access for faster,<br> more effic
92124

93125
<div class="content-wrapper" style="margin-top:75px;">
94126
<div class="code-container" id="code">
95-
<div class="tab-container">
96-
<ul class="nav nav-tabs">
97-
<li class="nav-item">
98-
<a class="nav-link active" aria-current="page" href="#">ATLAS xAOD</a>
99-
</li>
100-
<li class="nav-item">
101-
<a class="nav-link" href="#">NTuples</a>
102-
</li>
103-
<li class="nav-item">
104-
<a class="nav-link" href="#">CMS nanoAOD</a>
105-
</li>
106-
</ul>
107-
</div>
108-
<pre class="language-python"><code style="padding-top: 0;padding-bottom:0;height:300px;">
127+
<div class="tab-container">
128+
<ul class="nav nav-tabs">
129+
<li class="nav-item">
130+
<a class="nav-link active" onclick="showNTuple()" id="ntuple-label">NTuples</a>
131+
</li>
132+
<li class="nav-item">
133+
<a class="nav-link" onclick="showxAOD()" id="xAOD-label">ATLAS xAOD</a>
134+
</li>
135+
</ul>
136+
</div>
137+
<pre class="language-python" id="ntuple-example"><code style="padding-top: 0;padding-bottom:0;height:300px;">
138+
uproot_raw_query = query.UprootRaw([{
139+
'treename':'reco',
140+
'filter_name':
141+
[ "truth_alp_decayVtxX",
142+
"truth_alp_decayVtxY",
143+
"truth_alp_pt",
144+
"truth_alp_eta",
145+
"jet_EMFrac_NOSYS",
146+
"jet_pt_NOSYS" ],
147+
'cut':
148+
'(num(jet_pt_NOSYS)<2) & any((truth_alp_pt>20) & (abs(truth_alp_eta)<0.8))'}])
149+
150+
</code></pre>
151+
<pre class="language-python" id="xAOD-example" style="display:none;"><code style="padding-top: 0;padding-bottom:0;height:300px;">
109152
query = FuncADLQueryPHYSLITE()
110153
jets_per_event = (query
111154
.Select(lambda e: e.Jets().Where(lambda j: (j.pt() / 1000 > 30)))
@@ -131,9 +174,7 @@ <h2 style="margin-top: 20px;">Streamlined data access for faster,<br> more effic
131174

132175
<center>
133176
<div style="margin-top: 75px;">
134-
<button type="button" class="primary-btn">Why ServiceX</button>
135-
<button type="button" class="primary-btn" style="margin-left: 25px">For ATLAS</button>
136-
<button type="button" class="primary-btn" style="margin-left: 25px">For CMS</button>
177+
<button type="button" class="primary-btn" style="margin-left: 25px">Get Started</button>
137178
</div>
138179
</center>
139180
</body>

0 commit comments

Comments
 (0)