Versions Compared

Old Version 133

changes.mady.by.user Virginie MANGELINCK

Saved on

compared with

New Version Current

changes.mady.by.user Virginie MANGELINCK

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
CSS Stylesheet
/*------------------------------------------------*/
/*---OOH PROJECTATONS DETAIL PAGE - 24-04-2024---*/
/*----------------------------------------------*/ 

#main-content p:empty { display: none;}
.mb-0 { margin-bottom:0;}

/*---INTRODUCTION---*/
#introduction { }

/*reboot*/ 
#introduction .container .cols { margin:0;}
#introduction .container .cols .col-10 { padding:0;}

#introduction .cols { justify-content: center;}
#introduction p.lead { margin-bottom:40px;}
#introduction .information-illu {margin-bottom:0; }
#introduction img {  max-width: 100%; height: auto; border-radius: 12px;}

/*---INFORMATION---*/
#information { margin-top:-9rem; padding-top:9rem; padding-bottom:18rem; background-color: #F3F4F7;}

/*reboot*/ 
#information .container .cols { margin:0;}
#information .container .cols .col-10 { padding:0;}

#information .cols { justify-content: center;}

@media screen and (min-width: 769px) {
  #information { margin-top:-18rem; padding-top:18rem;}
}

/*---BOX CTA REPORT---*/
#box-cta-report { margin-top:-12rem; padding-top:0; position:relative;}
#box-cta-report .projectathon-box { padding:1.5rem; background-color: #00284A; border-radius:20px;}
#box-cta-report .container .cols { margin-bottom:-1rem;}
#box-cta-report .projectathon-box-col-illu { margin-bottom:1rem;}
#box-cta-report .projectathon-box-col-illu img { width: 120px; height:auto;}
#box-cta-report h3, #box-cta-report p { color: white;}
#box-cta-report p.p-opacity { opacity: 0.75}
#box-cta-report p:last-of-type { margin-bottom:0;}
/*hack - remove empty p from confluence*/
#box-cta-report .container > p:first-child, #box-cta-events .container > p:last-child { display: none; border:1px solid green;}

@media screen and (min-width: 769px) {
 #box-cta-report .projectathon-box { padding:2.5rem;}
 #box-cta-report .projectathon-box-cols { display: flex; align-items: center;}
 #box-cta-report .projectathon-box-col-illu { margin-bottom:0; padding:0 3rem 0 0}
}

@media screen and (min-width: 1366px) {
 #box-cta-report .projectathon-box { padding:5rem;}
}

/*---GALLERY---*/
#gallery { position: relative; z-index: 2; padding-top:0; padding-bottom:0;}

/*reboot*/ 
#gallery .container .cols { margin:0;}
#gallery .container .cols .col-10 { padding:0;}

#gallery .container .cols > div p:first-child, #gallery .container .cols > div p:last-child { display: none;}
#gallery .cols { justify-content: center;}
.wiki-content .gallery-p { margin:0 0 2rem 0;}
.wiki-content .gallery-cta { margin:2rem 0 0 0;}

.gallery { margin: 0 -5px!important; width:100%;}
.gallery table { width:100%;}
.gallery table td { width:20%;}
.gallery table td img { margin: 0 !important; padding: 5px; width: 100%; max-width: 400px; height: auto; border-radius: 16px;}
.gallery table td img:hover { cursor: pointer;}

/*cols video*/
.cols-video { justify-content: center;}
#gallery .cols:nth-child(2) {  padding-top:120px;}
.cols-video div p:first-child { display: none; border:1px solid yellow;}

/*tabs video*/
#tabs-video-nav { list-style: none; margin: 40px 0 0 0; padding: 0; overflow: auto;}
#tabs-video-nav li a { text-decoration: none; color: #001832;}
#tabs-video-nav li a .cover-play { position: relative; display:inline-block; line-height: 0;}
#tabs-video-nav li a .cover-play:before { z-index: 1000; content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 40px; width: 40px; background: url(https://ec.europa.eu/digital-building-blocks/sites/download/attachments/581239505/ico-play-video-secondary.svg)}
#tabs-video-nav li a .cover-play img { width: 100%; max-width: 110px; height: auto; border: 2px solid transparent; border-radius:16px; opacity: 1; filter: brightness(0.7) saturate(0.7);}
#tabs-video-nav li:hover a .cover-play img { opacity: 1; filter: none;}
#tabs-video-nav li.active a .cover-play:before { display: none;}
#tabs-video-nav li.active a .cover-play img { /*border: 2px solid #842DB5;*/ opacity: 1; filter: none;}
#tabs-video-nav li a .cover-text { display: block; color: #3D597A;}
#tabs-video-nav li.active a .cover-text { color:#842DB5;}

.tabs-video-content { background-color: #FFF;}
.tabs-video-content-iframe { position: relative; width: 100%; overflow: hidden; padding-top: 56.25%; /* 16:9 Aspect Ratio */}
.tabs-video-content-iframe iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; border: none; border-radius: 16px;}

@media screen and (min-width: 769px) {
  #tabs-video-nav { list-style: none; display:flex; justify-content:center; gap: 2%; padding: 0; overflow: auto;}
  #tabs-video-nav li { width: 33%; cursor: pointer;}
  #tabs-video-nav li a .cover-play img { width: 100%; max-width: 360px; height: auto;}
}
/*---UPCOMING PROJECTATONS---*/
#upcoming-projectatons {}

/*reboot*/ 
#upcoming-projectatons .container .cols { margin:0;}
#upcoming-projectatons .container .cols .col-10 { padding:0;}

#upcoming-projectatons .cols { justify-content: center;}

#upcoming-projectatons .badge { display:flex; align-items:center; gap:4px; border-radius:4px;}

.card-upcoming-cols { display: flex; flex-direction: column; margin-top:40px; width: 100%; gap:24px;}
.card-upcoming { position: relative; display: flex; flex-direction: column; min-width: 0; height: 100% !important; padding:1rem 2rem 2rem 2rem; background-color: white; box-shadow: 0px 2px 12px rgba(0, 24, 50, 0.12); border-radius: 12px; overflow: hidden;}

.card-upcoming-body a { display: block; line-height:0; text-align: right; height: 300px; border-top-right-radius: 12px; border-top-left-radius: 12px; overflow: hidden;}
.card-upcoming-col.p2 .card-upcoming-body a { margin:-1rem 0 0 -3rem; width: 130%; background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/645595199/illu-card-projectathon-02.jpg"); background-size: cover; border-radius: 100% 0% 38% 62% / 0% 88% 12% 100% ;}
.card-upcoming-col.p1 .card-upcoming-body a { margin:-1rem 0 0 -3rem; width: 130%; background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/645595199/illu-card-projectathon-01.png"); background-size: cover; background-position: top center; border-radius: 100% 0% 38% 62% / 0% 88% 12% 100% ;}

.card-upcoming-body h3 { margin-top:24px; font-size:20px; line-height:24px;}
.card-upcoming-body p:last-child { margin-bottom:0;}
.card-upcoming-date { font-size: 14px !important; color: #5E748E !important;}

.card-upcoming-footer { margin-top:24px;}
.card-upcoming-footer p:last-child { margin-bottom:0; text-align:right;}

@media screen and (min-width: 992px) {
  .card-upcoming-cols { flex-direction:row; margin-left:auto; margin-right: auto; width: 80%; gap:24px;}
  .card-upcoming-col:nth-child(1) { width: 50%;}
  .card-upcoming-col:nth-child(2) { width: 50%;}
  .card-upcoming-body { flex: 1 1 auto;}
  .card-upcoming-body a { height: 220px;}
}
Div
idintroduction
classsection
Div
classcontainer
Html-bobswift
<div class="cols">
<div class="col-10">

<p><a class="link-cta primary before
Div
idintroduction
classsection
Div
classcontainer
Html-bobswift
<p><a class="link-cta primary before" href="https://ec.europa.eu/digital-building-blocks/sites/display/OOTS/Projectathons"><span>Back to projectathons</span></a></p>

<div class="introduction-box">

<div class="introduction-box-cover">
</div>

<div class="introduction-box-content">
<p class="h5">18 - 20 October 2023 | Brussels, Belgium</p>
<h1 class="h2"><span class="heading-subtitle">projectathon</span>Projectathon #3</h1>
<p>A marathon of peer-to-peer interoperability and compliance tests in a structured environment.</p>
<!--<p>Registration: <strong>01 - 12 September 2023</strong></p>-->
<p>Registration: <strong>Closed</strong></p>
<!--<p class="text-right"><a class="btn primary" href="#"><span>Register</span></a></p>-->
</div>

</div>
Div
idbox-cta-report
classsection
Div
classcontainer
Html-bobswift
<div class="cols justify-content-center">

<div class="col-7">
<div class="projectathon-box">
<div class="projectathon-box-cols">

<div class="projectathon-box-col-illu">
<img aria-hidden="true" alt="" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/645595199/illu-projectathon-report.png">  
</div>

<div class="projectathon-box-col-content">
<h3 class="h5">Projectathon #3 Report</h3>
<p class="p-opacity">This report summarises key results from the testing that took place from 18-20 October 2023, including a useful overview of lessons learned.</p>
<!--<p><span class="badge warning">Coming soon</span></p>-->
<p><a class="btn primary-bis" href="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/674506672/Once_Only_Technical_System_Projectathon_Event_Report_October_v1.00.pdf" onclick="_paq.push(['trackEvent','conversion','oots-projectathon-detail-page-03','oots-projectathon-report'])"><span>Download the Report</span><span class="ico-download"></span></a></p>
</div>

</div>
</div>
</div>

</div>
Div
idgallery
classsection
Div
classcontainer
Div
classcols
Div
Html-bobswift
<h2>Gallery</h2>
<p class="gallery-p">Experience the event in its entirety and relive every moment with our gallery.</p>

Gallery
excludeLabelno-gallery
columns5
sortname

Html-bobswift
<p class="gallery-cta"><a class="btn ghost" href="https://ec.europa.eu/digital-building-blocks/sites/display/OOTS/Projectathon3+gallery"><span>See all gallery images</span><span class="ico-cta-forward"></span></a></p>
Div
idinformation
classsection
Div
classcontainer
<div class="col-8"> <!-- START PRACTICAL INFORMATION --> <h2 class="h3">Practical information</h2> <ul class="information-list"> <li> <div class="information-cols"> <div class="information-col"><p>Location</p></div> <div class="information-col"><p>Conference Center Albert Borschette (CCAB)<br>Rue Froissart 36<br>1040 Brussels, Belgium</p></div> </div> </li> <li> <div class="information-cols"> <div class="information-col"><p>Date</p></div> <div class="information-col"><p>18 - 20 October 2023</p></div> </div> </li> <li> <div class="information-cols"> <div class="information-col"><p>Registration</p></div> <div class="information-col"><p>01 - 12 September 2023</p></div> </div> </li> <li> <div class="information-cols"> <div class="information-col"><p>Target groups</p></div> <div class="information-col"><p>All Member State teams relevant for implementing the Once-Only Technical System (to be defined by the relevant national coordinators).</p></div> </div> </li> <li> <div class="information-cols"> <div class="information-col"><p>Fees</p></div> <div class="information-col"><p>No fees are charged to participate in this event.</p></div> </div> </li> <li> <div class="information-cols"> <div class="information-col"><p>Travel</p></div> <div class="information-col"><p>The Commission can cover the reimbursement of travel costs for one public and one private sector expert per Member State.</p></div> </div> </li> </ul> <!--END PRACTICAL INFORMATION --> <!-- START DESCRIPTION --> <h2 class="h3">Description</h2> <p>The October 2023 Projectathon will be based on the production version of the Once-Only Technical Design Documents.</p> <p>Previous Projectathons were an opportunity for all parties to learn, make mistakes, to help each other and to assess the status of their respective Once-Only developments. The October event builds on this, adding a focus on assessing production readiness of the Once-Only Technical System components.</p> <p>Those test cases prepared for the previous Projectathons form the baseline of this event. Ahead of the October 2023 Projectathon, the Commission and participating teams will discuss together how to update existing test cases or add new test cases to best facilitate the assessment of production readiness.</p> <p>A high-level overview and summary of current test cases is available to the testing and deployment sub-group <a href="https://ec.europa.eu/digital-building-blocks/wikis/display/SDGOO/Document+repository+-+TD" target="_blank">(restricted access)</a>.</p> <p>The full test cases with detailed step-by-step descriptions will be made accessible later via the Gazelle platform <a href="https://oots-testing.ihe-catalyst.net/gazelle/home.seam" target="_blank">(restricted access)</a>.</p> <p>In addition to the main plenary testing track, this event will allow for some more advanced scenarios to be discussed in dedicated exploration sessions or in a restricted test session between teams interested in such scenarios.</p> <p>The tests will start with static and pre-agreed data. This is to be discussed in and shared through the relevant Testing and deployment sub-group <a href="https://ec.europa.eu/digital-building-blocks/wikis/display/SDGOO/Testing+and+deployment+sub-group" target="_blank">(restricted access)</a> and/or collaborative space on Teams. Those Member States that want to go further and create custom datasets or dynamic datasets for bilateral tests are invited to do so as well.</p> <p>Note that the day before the Projectathon (“day 0”, 17 October) may be used by the Member State teams to prepare on-site and optionally perform some tests with other early birds. Please indicate this in the registration form or via email. The event venue will still be in the process of being prepared by the organising team at this time.</p> <p>The Commission strongly encourages all Member States to participate actively in the final Projectathon of 2023.</p> <p>The Commission also encourages Member States to test all infrastructural elements that compose the Once-Only Technical System such as eIDAS Support, eDelivery Access Point, preview area, logging and the appropriate handling of Once-Only Technical System metadata. The Once-Only Technical System Support team is available throughout the summer in case Member States need help to find the right resources or a helping-hand to use them.</p> <p>All Member States are expected to be represented on-site. Physical presence is of the essence for ensuring a successful event. The main focus of the October event is for Member States to assess their production readiness of the Once-Only Technical System components. This event will also be a unique opportunity for Member States not only to test but also to exchange experiences and ideas among colleagues.</p> <p style="margin-top:2.5rem;"><a class="link-download primary
" href="https://ec.europa.eu/digital-building-blocks/sites/
download/attachments/605325773/OOTS_Projectathon_Event_Privacy_Statement_v5.00.pdf"><span>Download the privacy statement</span></a></p> <!-- END DESCRIPTION --> </div>
Div
classcols
Html-bobswift
Div
classsection agenda-box
Div
classcontainer
<h2 class="h3">Projectathon agenda</h2> <p class="illu-projectathon-agenda"><img alt=""
display/OOTS/Projectathons"><span>Back to projectathons</span></a></p>
<h1>Projectathon #3</h1>
<p class="lead">A marathon of peer-to-peer interoperability and compliance tests in a structured environment.</p>
<p><span class="badge neutral">Past event</span></p>
<p class="information-illu"><img aria-hidden="true" alt="" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/
645595199
674506672/illu-introduction-projectathon-03-
agenda
2024.
png
jpg"></p>

</div>
</div>
Day 1
 Div
idfaq-content
 Div
classfaq-content-box custom-agenda
 Html-bobswift
 Expand
title
 Div
idinformation
classsection
 Div
classcontainer
 Html-bobswift
<ul
<div class="
agenda-hour
cols">

<li>

<div class="
agenda
col-
hour-cols
10">

<div class="agenda-hour-col">08:00 - 09:00</div>
<div class="agenda-hour-col">Welcome coffee & registration
<p class="label ccab"><span>CCAB - room 0.A</span></p>
</div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">09:00 - 09:30</div>
<div class="agenda-hour-col">Welcome to the #3
<h2>Once-Only Technical System Projectathon #3 Insights</h2>
<p>On 23 November 2023, the European Commission published the event report for the October 2023 Once-Only Technical System Projectathon, a third and final marathon of peer-to-peer testing helping implementation teams from EU Member States prepare their respective Once-Only Technical System 
Projectathon
implementations 
(Day 1)
<p class="label plenary 0.A"><span>Plenary</span></p>
</div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">09:30 - 09:45</div>
<div class="agenda-hour-col">High-level keynote, Kerstin Jorna (Director-General, GROW) - opening #3 Projectathon 
<p class="label plenary"><span>Plenary</span></p>
</div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">09:45 - 10:15</div>
<div class="agenda-hour-col">Introduction to the 
in 2023.</p>
<p>This October Projectathon welcomed 24 Member States, on-site or online and as active participants. Participants executed 478 peer-to-peer tests, compared to 59 tests in April 2023, and 149 in June. This event concluded with a success rate of 91% for tests between participating countries. Building on the work of April and June Projectathons, this event also contributed to building a community out of the teams implementing the Once-Only Technical System
 Projectathon  
<p class="label plenary"><span>Plenary</span></p>
</div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">10:15 - 12:00</div>
<div class="agenda-hour-col">Technical set-up and initial tests
<p class="label plenary"><span>Plenary</span></p></div>
</div>
</li> 

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">12:00 - 13:00</div>
<div class="agenda-hour-col">Lunch
<p class="label ccab"><span>CCAB, Common Space, 1st floor</span></p>
</div>
</div>
</li>  

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">13:00 - 15:00</div>
<div class="agenda-hour-col">Peer-to-peer testing - Part 1
<p class="label plenary"><span>Plenary</span></p>
. One participant noted: “the value of these events go beyond the actual testing and its benefits. The possibility to exchange ideas and best practices, and discuss the challenges with colleagues from other Member States is important. Thank you for organising!”</p>
<p class="mb-0">On 11-12 December 2023, a Go-Live Accelerator will drive the transition from the testing phase of the project to the operational phase of the system. It will mark the point where the system is deemed established and the Common Services ready to be used by Member States.</p>

</div>
</div>

</li>

<li>

 Div
idbox-cta-report
classsection
 Div
classcontainer
 Html-bobswift
<div class="
agenda
cols justify-
hour
content-
cols
center">

<div class="
agenda
col-
hour-col">15:00 - 15:30</div>
7">
<div class="
agenda-hour-col">Coffee break
<p
projectathon-box">
<div class="projectathon-box-cols">

<div class="
label ccab"><span>CCAB - room 0.A</span></p>
</div>
</div>
</li>

<li>
projectathon-box-col-illu">
<img aria-hidden="true" alt="" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/645595199/illu-projectathon-report.png">  
</div>

<div class="
agenda
projectathon-box-
hour
col-
cols
content">

<div
<h3 class="
agenda-hour-col">15:00 - 17:00</div>
<div
h5">Projectathon #3 Report</h3>
<p class="
agenda
p-
hour-col">Peer-to-peer testing - Part 2
<p
opacity">This report summarises key results from the testing that took place from 18-20 October 2023.</p>
<!--<p><span class="
label
badge 
plenary
warning"
><span>Plenary<
>Coming soon</span></p>

</div>
</div>
</li>

<li>
<div class="agenda
-
hour
-
cols"
>

<div
<p><a class="
agenda-hour-col">17:00 - 17:20</div>
<div class="agenda-hour-col">Wrap-up of the day + intro to next day 
<p class="label plenary"><span>Plenary</span><
btn primary-bis" href="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/674506672/Once_Only_Technical_System_Projectathon_Event_Report_October_v1.00.pdf" onclick="_paq.push(['trackEvent','conversion','oots-projectathon-detail-page-03','oots-projectathon-report'])"><span>Download the Report</span><span class="ico-download"></span></a></p>
</div>

</div>
</div>
</div>

</div>

 Div
idgallery
classsection
 Div
classcontainer
 Div
classcols
 Div
classcol-10
Day 2
 Html-bobswift
<h2>Gallery</h2>
li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">17:30 +</div>
<div class="agenda-hour-col">Informal dinner

<p class="
label room
gallery-
4
p"
><span>Spaces
>Experience 
-
the 
European District</span></p>
Rue Belliard 40, 1040 Brussels
</div>
</div>
</li>

</ul>
 Expand
title
event in its entirety and relive every moment with our gallery.</p>

 Gallery
excludeLabelno-gallery
columns5
sortname
 Html-bobswift
<ul
<p class="
agenda
gallery-
hour">
<li>
<div
cta"><a class="
agenda-hour-cols">
<div class="agenda-hour-col">08:30 - 09:00</div>
<div class="agenda-hour-col">Welcome coffee
<p class="label ccab"><span>CCAB - room 0.A</span></p>
</div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">09:00 - 09:15</div>
<div class="agenda-hour-col">Welcome words, Amaryllis Verhoeven, Head of Unit (DG GROW)
<p class="label plenary"><span>Plenary</span></p>
</div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">09:15 - 09:45</div>
<div class="agenda-hour-col">Introduction to the Once-Only Technical System Projectathon (day 2)
<p class="label plenary"><span>Plenary</span></p>
</div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">09:45 - 12:00</div>
<div class="agenda-hour-col">Peer-to-peer testing - Part 1
<p class="label plenary"><span>Plenary</span></p>
</div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">12:00 - 13:00</div>
<div class="agenda-hour-col">Lunch
<p class="label ccab"><span>CCAB - room 0.A</span></p>
btn ghost" href="https://ec.europa.eu/digital-building-blocks/sites/display/OOTS/Projectathon3+gallery"><span>See all gallery images</span><span class="ico-cta-forward"></span></a></p>

 Div
classcols cols-video justify-content-center
 Div
classcol-10
 Html-bobswift
<script>
$(document).ready(function(){

// Show the first tab and hide the rest
$('#tabs-video-nav li:first-child').addClass('active');
$('.tab-video-content').hide();
$('.tab-video-content:first').show();

// Click function
$('#tabs-video-nav li').click(function(){
  $('#tabs-video-nav li').removeClass('active');
  $(this).addClass('active');
  $('.tab-video-content').hide();
  
  var activeTab = $(this).find('a').attr('href');
  $(activeTab).fadeIn();
  return false;
});

});
</script>

<h2>Videos</h2>
<p class="gallery-p">Discover how this Projectathon helped Member States prepare for the OOTS launch.</p>

<div id="tabs-video-content">

<div id="tab4" class="tab-video-content">
<div class="tabs-video-content-iframe">
<iframe src="https://europa.eu/webtools/crs/iframe/?oriurl=https%3A%2F%2Fwww.youtube.com%2fembed%2fEBDA9SJS46M" allowfullscreen="" width="100%" height="315" frameborder="0"></iframe>
</div>
</div>

</li>



<li>
<div
<div id="tab3" class="
agenda
tab-
hour
video-
cols
content">
<div class="
agenda
tabs-video-
hour
content-
col">13:00 - 15:00</div>
<div class="agenda-hour-col">Peer-to-peer testing - Part 2
<p class="label plenary"><span>Plenary</span></p>
</div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">15:00 - 15:30</div>
<div class="agenda-hour-col">Coffee break
<p class="label ccab"><span>CCAB - room 0.A</span></p>
</div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">15:30 - 17:00</div>
<div class="agenda-hour-col">Peer-to-peer testing - Part 3
<p class="label plenary"><span>Plenary</span></p>
</div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">17:00 - 17:20</div>
<div class="agenda-hour-col">Wrap-up of the day + intro to next day
<p class="label plenary"><span>Plenary</span></p>
</div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">17:20 - 17:30</div>
<div class="agenda-hour-col">Closing of day 2
<p class="label plenary"><span>Plenary</span></p>
</div>
</div>
</li>

</ul>
 Expand
titleDay 3
 Html-bobswift
<ul class="agenda-hour">
<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">08:30 - 09:00</div>
<div class="agenda-hour-col">Welcome coffee
<p class="label ccab"><span>CCAB - room 0.A</span></p>
</div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">09:00 - 09:15</div>
<div class="agenda-hour-col">Welcome words, Natalia Aristimuño Pérez, Director, European Commission, Directorate-General for Informatics (DIGIT) 
<p class="label plenary"><span>Plenary</span></p>
</div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">09:15 - 10:00</div>
<div class="agenda-hour-col">Introduction to the Once-Only Technical System Projectathon (day 3) 
<p class="label plenary"><span>Plenary</span></p>
</div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">10:00 - 12:00</div>
<div class="agenda-hour-col">Peer-to-peer testing - Part 1
<p class="label plenary"><span>Plenary</span></p>
</div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">12:00 - 13:00</div>
<div class="agenda-hour-col">Lunch
<p class="label ccab"><span>CCAB - room 0.A</span></p>
</div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">13:00 - 14:30</div>
<div class="agenda-hour-col">State of play of October Projectathon
<p class="label plenary"><span>Plenary</span></p>
</div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">14:30 - 14:45</div>
<div class="agenda-hour-col">High-level keynote, Veronica Gaffey (Director General, DIGIT) - closing #3 Projectathon
<p class="label plenary"><span>Plenary</span></p>
</div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">14:45 - 15:15</div>
<div class="agenda-hour-col">Coffee break
<p class="label ccab"><span>CCAB - room 0.A</span></p>
</div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">15:15 - 16:00</div>
<div class="agenda-hour-col">Peer-to-peer testing - Part 2
<p class="label plenary"><span>Plenary</span></p>
</div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">16:00 - 17:30</div>
<div class="agenda-hour-col">Extra testing time (optional)
</div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">17:30</div>
<div class="agenda-hour-col">End
</div>
</div>
</li>

</ul>
 Div
classfaq-content-box
 Html-bobswift
<h2 class="h3">Exploration rooms</h2>
 Expand
titleDay 1
 Html-bobswift
<ul class="agenda-hour">

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">13:30 - 14:30</div>
<div class="agenda-hour-col">Semantic Repository
<p class="label room4"><span>Room 0.B</span></p>
<i>This session aims to introduce the OOTS Semantic Repository (SR) and explain its benefits and expected use cases. By the end, you will understand its key features, current development status, future evolution plans and why it is crucial in today's fragmented data landscape to achieve a better interoperability among MS. The OOTS SR is here to meet that need, bridging gaps and harmonizing data for a unified understanding of procedures, requirements, evidence types and other OOTS semantic assets.
</i>
</div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">13:30 - 16:00</div>
<div class="agenda-hour-col">UX Lab Workshop
<p class="label room2"><span>Room 3.04</span></p>
<i>Discover the OOTS on procedure portals.
</i>
</div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">13:30 - 16:00</div>
<div class="agenda-hour-col">Common Services UX testing (by appointment) 
<p class="label room1"><span>Room 3.05</span></p>
<i>UX Testing studies aim to gather feedback from the audience from different Member States regarding the Common Services Admin tool – i.e., how users perceive, use and input information, and provide insights and recommendations for improvement.
</i>
</div>
</div>
</li>

</ul>
 Expand
titleDay 2
 Html-bobswift
<ul class="agenda-hour">

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">10:00 - 16:00</div>
<div class="agenda-hour-col">UX Lab Workshop
<p class="label room2"><span>Room 3.04</span></p>
<i>Authenticate, locate and request evidence and re-direct to preview.
</i>
</div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">10:00 - 11:30</div>
<div class="agenda-hour-col">OOTS Operational Governance
<p class="label room4"><span>Room 0.B</span></p>
<i>This session simulates a situation (e.g., proposing and analysing a change, undergoing the change management process), testing the functionality and completeness of the operational arrangements.
</i>
</div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">10:00 - 16:00</div>
<div class="agenda-hour-col">Common Services UX testing (by appointment)
<p class="label room1"><span>Room 3.05</span></p>
<i>UX Testing studies aim to gather feedback from the audience from different Member States regarding the Common Services Admin tool – i.e., how users perceive, use and input information, and provide insights and recommendations for improvement.
</i>
</div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">10:30 - 12:00</div>
<div class="agenda-hour-col">LCM and eDelivery integration #1 (by appointment)
<p class="label room3"><span>Room 3.10</span></p>
<i>The objective of the session is to establish and test the Environment for successfully sending LCM Messages to the EC Common Services Instance. MS will deploy and configure the eDelivery APs for communicating with the Sandbox instance of the CS using LCM specifications. MS must also be able to create LCM messages (pre-created manually or generated by a system on-demand) for sending.
</i>
</div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">13:30 - 14:30</div>
<div class="agenda-hour-col">Related Systems
<p class="label room4"><span>Room 0.B</span></p>
<i>This session discusses approaches using the messaging bridge integration pattern to simplify the implementation of the OOTS. A bridge is a component that allows integration of two systems (in our case, one of which is the OOTS) using their existing interfaces. This session will cover the case study of EMREX, a system used in higher education using a user redirection mechanism similar to the Once-Only preview feature.
</i>
</div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">13:30 - 15:00</div>
<div class="agenda-hour-col">LCM and eDelivery integration #2 (by appointment)
<p class="label room3"><span>Room 3.10</span></p>
<i>The objective of the session is to establish and test the Environment for successfully sending LCM Messages to the EC Common Services Instance. MS will deploy and configure the eDelivery APs for communicating with the Sandbox instance of the CS using LCM specifications. MS must also be able to create LCM messages (pre-created manually or generated by a system on-demand) for sending.
</i>
</div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">15:00 - 16:30</div>
<div class="agenda-hour-col">Onboarding
<p class="label room4"><span>Room 0.B</span></p>
<i>This session presents the Onboarding journey created to help MSs be ready to use OOTS from an organizational, legal, financial, and technical perspective.
</i>
</div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">15:30 - 17:00</div>
<div class="agenda-hour-col">LCM and eDelivery integration #3 (by appointment)
<p class="label room3"><span>Room 3.10</span></p>
<i>The objective of the session is to establish and test the Environment for successfully sending LCM Messages to the EC Common Services Instance. MS will deploy and configure the eDelivery APs for communicating with the Sandbox instance of the CS using LCM specifications. MS must also be able to create LCM messages (pre-created manually or generated by a system on-demand) for sending.
</i>
</div>
</div>
</li>

</ul>
 Expand
titleDay 3
 Html-bobswift
<ul class="agenda-hour">

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">10:00 - 12:00</div>
<div class="agenda-hour-col">UX Lab Workshop
<p class="label room2"><span>Room 3.04</span></p>
<i>Preview and redirect back to procedure portal.
</i>
</div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">10:00 - 12:00</div>
<div class="agenda-hour-col">Trilateral Pilot on Doing Business Abroad and eIDAS for legal persons 
<p class="label room4"><span>Room 0.B</span></p>
<i>UX The three countries Austria, the Netherlands and Germany are working together on piloting SDG in the business sector. One of the main subjects of this pilot is the usage of eIDAS for legal persons and the question of powers and mandates. In this session, the countries want to explain their approach and discuss with other member states, how legal persons could be represented, which  challenges they had and which solutions they found during their implementation.
</i>
</div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">10:00 - 12:00</div>
<div class="agenda-hour-col">Common Services UX testing (by appointment)
<p class="label room1"><span>Room 3.05</span></p>
<i>UX Testing studies aim to gather feedback from the audience from different Member States regarding the Common Services Admin tool – i.e., how users perceive, use and input information, and provide insights and recommendations for improvement.
</i>
</div>
</div>
</li>

</ul>
 Div
idperform
classsection 
 Div
classcontainer
 Html-bobswift
<div class="cols justify-content-center align-items-center">

<div class="col-4">
<p class="perform-illu"><img alt="" aria-hidden="true" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/645595199/illu-perform.png"></p>
</div>

<div class="col-4">

<h2 class="h3">Perform Peer-to-Peer test</h2>
<ul>
<li><div><span>1</span><p>Search potentional Test Partner through Gazelle</p></div></li>
<li><div><span>2</span><p>Meet Test Partner and Schedule test</p></div></li>
<li><div><span>3</span><p>Execute Tests and upload evidence in Gazelle</p></div></li>
<li><div><span>4</span><p>Monitor examine evidence and evaluate test result</p></div></li>
<li><div><span>5</span><p>Fix bug (if any)</p></div></li>
</ul>

</div>

</div>
 Div
idtimeline
classsection
 Div
classcontainer
 Div
classcols
 Div
 Html-bobswift
<h2>Projectathon timeline</h2>

<div id="timeline-month-tablet">
  <div class="month-01-bg">June</div>
  <div class="month-02-bg">September-October</div>
  <div class="month-03-bg">November</div>
</div>

<div id="timeline-cols">

  <div class="timeline-col">
    <div class="timeline-month-mobile month-01-bg">June</div>
    <div class="timeline-description">
      <div class="timeline-description-body">
        <h3><span class="month-01-bg">1</span><span>Information</span></h3>
        <p class="text-primary"><strong>29 June 2023</strong></p>
		<p>Attend the <strong>Projectathon Deep-Dive session</strong> during the <strong>OOTS Implementers Café</strong> on 29 June 2023.</p>
		<p>Signal your intention to participate to the October 2023 Projectathon as Members States (can be with multiple teams).</p>
		<div class="timeline-description-body-box"><p><strong>Implementers Café #6</strong><br> “Common Services Admin App & Projectathon Debrief (June event) and Preparation (October event)” 29/06/2023</p></div>
		</div>
      <div class="timeline-description-footer"><img alt="" aria-hidden="true" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/645595199/illu-timeline-footer-01.png"></div>
    </div>
  </div>

  <div class="timeline-col">
    <div class="timeline-month-mobile month-02-bg">September-October</div>
    <div class="timeline-description">
      <div class="timeline-description-body">
        <h3><span class="month-02-bg">2</span><span>Registration</span></h3>
        <p class="text-primary"><strong>01 - 12 September 2023</strong></p>
		<p>1. Register for the event via the <strong>EU survey</strong> and provide your consent to the Projectathon personal data privacy statement. (<a href="mailto:EC-OOTS@ec.europa.eu" >contact us</a> if you are unsure about registration).</p>
		<p>2. Register* your organisation, system under test (SUT), SUT operator(s) and features to be tested in <strong>Gazelle</strong>.</p>
		<p>* or duplicate it from previous registration</p>
      </div>
      <div class="timeline-description-footer"><img alt="" aria-hidden="true" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/645595199/illu-timeline-footer-02.png"></div>
    </div>
  </div>

  <div class="timeline-col">
    <div class="timeline-month-mobile month-02-bg">September-October</div>
    <div class="timeline-description">
      <div class="timeline-description-body">
        <h3><span class="month-02-bg">3</span><span>Pre-projectathon test</span></h3> 
		<div class="timeline-description-body-box"><strong>Projectathon Kick-off session</strong> with all participants. Online event on the morning of 13 September.</div>  
		<p class="text-primary"><strong>14 September - 13 October 2023</strong></p>
		<p>Perform <strong>Preparatory Test</strong> to get your system, test data and yourself ready before Projectathon.</p>
		<p class="text-primary"><strong>02 - 13 October 2023</strong></p>
		<p>Perform <strong>Connectivity Test</strong> to ensure network connection of SUTs are well configured before Projectathon.</p>            
		
      </div>
      <div class="timeline-description-footer"><img alt="" aria-hidden="true" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/645595199/illu-timeline-footer-03.png"></div>
    </div>
  </div>

  <div class="timeline-col">
    <div class="timeline-month-mobile month-02-bg">September-October</div>
    <div class="timeline-description">
      <div class="timeline-description-body">
        <h3><span class="month-02-bg">4</span><span>Projectathon</span></h3>
		<p class="text-primary"><strong>18 - 20 Octotber 2023</strong></p>
		<p><strong>Game on!</strong></p>
		<p>Connect and perform Peer-to-Peer marathon test!</p>       
	</div>
      <div class="timeline-description-footer"><img alt="" aria-hidden="true" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/645595199/illu-timeline-footer-04.png"></div>
    </div>
  </div>

  <div class="timeline-col">
    <div class="timeline-month-mobile month-03-bg">November</div>
    <div class="timeline-description">
      <div class="timeline-description-body">
        <h3><span class="month-03-bg">5</span><span>Post-projectathon</span></h3>
		<p class="text-primary"><strong>7 November 2023</strong></p>
		<p>Publication of <strong>Test Reports</strong>, lessons learned and best practices.</p>
		<div class="timeline-description-body-box"><p><strong>Implementers Café #7</strong><br> “Projectathon Debrief (October event) and next steps” 07/11/2023</p></div>
      </div>
      <div class="timeline-description-footer"><img alt="" aria-hidden="true" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/645595199/illu-timeline-footer-05.png"></div>
    </div>
  </div>

</div>
 Div
idhow-to-register
classsection 
 Div
classcontainer
 Html-bobswift
<div id="how-to-register-box">

<h3>How to register for the October Once-Only Technical System Projectathon</h3>
<ul>

<li><div><span>1</span><p>The Organising Team invites the National Coordinators register for the Projectathon event via an event registration form (using EU Survey). They share the link to the event registration form with each person joining the Projectathon from their team. It is mandatory for every participant of a Member State to fill in the event registration form (it is a pre-condition for getting access to the Gazelle platform).</p></div></li>

<li><div><span>2</span><p>The organising Team invites each of the persons registered in EU survey as participants to register in Gazelle. The MS team then identifies the MS Gazelle admin that will encode the organisation and users (team members) in the Gazelle platform (active participants only).</p></div></li>

<li><div><span>3</span><p>The MS Gazelle admin then select the relevant test session (October 2023) and add your System(s) Under Test (SUT) in the Gazelle platform (active participants only).</p></div></li>

</ul>

</div>

 Div
idupcoming-projectatons
classsection
 Div
classcontainer
 Html-bobswift
<div class="cols">
<div class="col-8">

<h2>Past & Upcoming Projectathons</h2>
<p class="mb-0">Since 2023, the Commission has been organising Once-Only Technical System Projectathons. These are three-day events where national teams connect various systems and perform a marathon of peer-to-peer interoperability and compliance tests in a structured environment.</p>

</div>
</div>
 Html-bobswift
<div class="card-upcoming-cols">

<!--CARD 01-->
<div class="card-upcoming-col p1">
<div class="card-upcoming">
<div class="card-upcoming-body">
<a href="https://ec.europa.eu/digital-building-blocks/sites/display/OOTS/Projectathon1"></a>
<h3>Projectathon #1</h3>
<p class="label past">Past</p> 
<p>The April Projectathon brought together participants and observers to perform key tests on their national Once-Only Technical System implementations, ahead of the June and October sessions.</p>
<p class="card-upcoming-date">19 - 21 April 2023</p>
</div>
<div class="card-upcoming-footer">
<a class="btn ghos" href="https://ec.europa.eu/digital-building-blocks/sites/display/OOTS/Projectathon1"><span>Read more</span><span class="ico-cta-forward"></span></a>
</div>
</div>
</div>
<!---->

<!--CARD 02-->
<div class="card-upcoming-col p2">
<div class="card-upcoming">
<div class="card-upcoming-body">
<a href="#" style="pointer-events: none;"></a>
<h3>Projectathon #2</h3>
<p class="label past">Past</p>  
<p>The June Projectathon provided a valuable moment for national implementation teams to perform interoperability tests prior to the summer recess.</p>
<p class="card-upcoming-date">14 - 16 June 2023</p>
</div>
<div class="card-upcoming-footer">  
<a class="btn ghost" href="https://ec.europa.eu/digital-building-blocks/sites/display/OOTS/Projectathon2"><span>Read more</span><span class="ico-cta-forward"></span></a> 
</div>
</div>
</div>
<!---->

</div>
 Div
idpast-insights
classsection
 Div
classcontainer
 Div
classcols justify-content-between align-items-center
 Div
classcol-7
 Html-bobswift
<h2>Past Projectathon highlights</h2>
<p class="past-insights-p">Explore the Valuable Insights and Reflections on Projectathon Events and discover how Member States can benefit from participation before implementing the OOTS.</p> <p class="past-insights-cta btns"> <a target="_blank" class="btn ghost" href="https://ec.europa.eu/digital-building-blocks/sites/display/OOTS/EU+Member+States+note+success+of+first+Once-Only+Technical+System+Projectathon"><span>Go to Projectathon #1 highlights</span><span class="ico-cta-forward"></span></a> <a target="_blank" class="btn ghost" href="https://ec.europa.eu/digital-building-blocks/sites/pages/viewpage.action?pageId=674507740"><span>Go to Projectathon #2 highlights</span><span class="ico-cta-forward"></span></a> </p> 
 Div
classcol-4
 Html-bobswift
<p class="past-insights-illu"><img alt="" aria-hidden="true" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/645595199/illu-past-insights.png"></p>
 Div
idbox-cta-projectathon
classsection
 Div
classcontainer
 Html-bobswift
<div class="cols justify-content-center">

<div class="col-8">
<div class="projectathon-box">
<div class="projectathon-box-cols">

<div class="projectathon-box-col-illu">
<img aria-hidden="true" alt="" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/581239505/illu-projectathon playbook.png">  
</div>

<div class="projectathon-box-col-content">
<h3 class="h5">Projectathon Playbook</h3>
<p class="p-opacity">The Projectathon Playbook provides a detailed overview of the Projectathon events organized for teams across the Member States willing to test their system before the go-live of the Once-Only Technical System.</p>
<p><a class="btn primary-bis" href="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/645595199/Once-Only_Technical_System_Projectathon_Playbook_v4.00.pdf" onclick="_paq.push(['trackEvent','conversion','oots-projectathon-detail-page-03','oots-projectathon-playbook'])"><span>Download the Projectathon Playbook</span><span class="ico-download"></span></a></p>

<ul>

<li>
<a class="secondary-download " href="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/645595199/Once-Only_Technical_System_Projectathon_Playbook_Appendix_Gazelle_SUT_capabilities_v4.00.pdf" onclick="_paq.push(['trackEvent','conversion','oots-projectathon-detail-page-04','oots-projectathon-playbook-appendix-gazelle'])"><span>Download Appendix: Gazelle SUT capabilities and associated concepts</span></a>
</li>

</ul>

</div>

</div>
</div>
</div>

</div>

iframe">
<iframe src="https://europa.eu/webtools/crs/iframe/?oriurl=https%3A%2F%2Fwww.youtube.com%2fembed%2fOCAqdAzlYO4" allowfullscreen="" width="100%" height="315" frameborder="0"></iframe>
</div>
</div>

<div id="tab1" class="tab-video-content">
<div class="tabs-video-content-iframe">
<iframe src="https://europa.eu/webtools/crs/iframe/?oriurl=https%3A%2F%2Fwww.youtube.com%2fembed%2fFKwwm5PfPpI" allowfullscreen="" width="100%" height="315" frameborder="0"></iframe>
</div>
</div>

</div> 
 Div
classcols cols-video
 Div
classcol-10
 Html-bobswift
<ul id="tabs-video-nav">
<li><a href="#tab4"><span class="cover-play"><img class="cover-img" src=
 CSS Stylesheet
/*------------------------------------------------*/
/*---OOH PROJECTATONS DETAIL PAGE - 14-06-2023---*/
/*----------------------------------------------*/ 

#main-content p:empty { display: none;}
.mb-0 { margin-bottom:0;}  

/*---INTRODUCTION---*/
.introduction-box { display: flex; border-radius: 16px; overflow: hidden; }
.introduction-box-cover { width: 50%; background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/674506672/illu-introduction-projectathon-03.jpg"); background-size: cover;} 
.introduction-box-content { position:relative; padding: 3.5rem 7rem 2.5rem 0; width: 50%; background-color: #F3F4F7;}
.introduction-box-content * { position: relative;}
.introduction-box-content:before { position:absolute; top: -10%; left:-110px; display: inline-block; content:""; background-color: #F3F4F7; width: 200px; height: 120%; border-radius: 50% 50% 52% 48% / 50% 50% 50% 50% ;}   
.heading-subtitle { display: block; font-size: 14px; line-height: 24px;}

@media screen and (max-width: 768px) {
    .introduction-box { display: block;}
    .introduction-box-cover { height: 12rem; width: 100%;}
    .introduction-box-content { padding: 2rem; width: 100%;}
    .introduction-box-content:before { width: 0;}
}

/*---INFORMATION---*/
#information { padding-top:0;}
#information h2 { margin:7.5rem 0 2.5rem 0;}

.information-list { margin: 0; padding: 0;}
.information-list li { margin:2rem 0 0 0; padding-bottom:1rem; list-style-type: none; border-bottom: 1px solid #E3E6EB;}
.information-list li:first-child { margin-top:0;}
.information-list li:last-child { padding-bottom:0; border-bottom: none;}
.information-col:nth-child(1) p { font-size: 18px; color: #001832;}
.information-list li:last-child .information-col:nth-child(2) p { margin-bottom:0;}

@media screen and (min-width: 769px) {
	.information-cols { display: flex; align-items: center;}
	.information-col:nth-child(1) { width: 30%;}
	.information-col:nth-child(2) { width: 70%}
}

/*---AGENDA BOX---*/
.agenda-box { padding-top:0;}
 
.faq-content-box { margin-bottom:6rem; padding:80px 60px 60px 60px; background-color:#F3F4F7; border-radius:20px;}
.faq-content-box:last-child { margin-bottom:0;}
.faq-content-box h2 {}  

@media screen and (max-width: 768px) { 
  .faq-content-box { margin-bottom:3rem; padding:40px 20px 20px 20px;}
} 

/*--- MACRO EXPAND ---*/  
.faq-content-box .expand-container:last-child { border-bottom:1px solid transparent;}
.expand-container { margin:0; padding:0; border-bottom:1px solid #E3E6EB;}
.expand-control { display: flex; flex-direction: row-reverse; align-items: center; margin-bottom:0; padding:1rem 0;}
.expand-control-text { margin:0 0.5rem 0.5rem 0; width: 100%; font-size: 20px; color:#001832;}
.expand-content { margin:0; padding: 0; color: #5E748E;}
.expand-container [aria-expanded="true"] .aui-iconfont-chevron-down { transform: rotate(180deg);}
.expand-container [aria-expanded="false"] .aui-iconfont-chevron-right { transform: rotate(90deg);}
.expand-container .aui-icon::before { font-size: 20px !important;}

@media screen and (max-width: 768px) { 
  .expand-control-text { font-size: 16px;}
}

/*---AGENDA HOUR---*/
.agenda-hour { margin: 0; padding:0; }
.agenda-hour li { padding:1rem 0; list-style: none; border-bottom: 1px dashed #E3E6EB;}
.agenda-hour li:first-child { padding-top:0;}
.agenda-hour li:last-child { padding-bottom:0; border-bottom: none;}
.agenda-hour li .agenda-hour-cols { display: flex;}
.agenda-hour li .agenda-hour-col:nth-child(1) { width: 25%;  font-family: Source Sans Pro SB;}
.agenda-hour li .agenda-hour-col:nth-child(2) { width: 75%;}
.agenda-hour .label { margin-bottom:0;}
.agenda-hour .label span { padding:4px 10px; font-size: 12px; line-height: 12px; background: #E3E6EB; border-radius: 40px;}
.agenda-hour .label.plenary span { color: #842DB5; background: #F2E5F7;}
.agenda-hour .label.ccab span { color: #995E00; background: #FFEECC;}
.agenda-hour .label.tbc span { background: #E3E6EB;}

@media screen and (min-width: 769px) {
	.agenda-cols { display: flex;}
	.agenda-col:nth-child(1) { width: 30%;}
	.agenda-col:nth-child(2) { width: 70%}
}

/*---LABEL---*/ 
.label span { padding:4px 10px; font-size: 12px; line-height: 12px; background: #E3E6EB; border-radius: 40px;}
.label.room1 span { color: #842DB5; background: #F2E5F7;}
.label.room2 span { color: #995E00; background: #FFEECC;}
.label.room3 span { color: #3D597A; background: #E3E6EB;}
.label.room4 span { color: #00786F; background: #D0F3F1;}

/*---CUSTOM AGENDA---*/
.faq-content-box.custom-agenda {background-color: #00284A;}
.faq-content-box.custom-agenda h2 {color: #FFF;}

.faq-content-box.custom-agenda .expand-container { border-bottom: 1px solid rgba(255, 255, 255, 0.50);}
.faq-content-box.custom-agenda .expand-container:last-child { border-bottom: 1px solid transparent;}
.faq-content-box.custom-agenda .expand-control-text {color: #FFF;}
.faq-content-box.custom-agenda .expand-container .aui-icon::before { color: #FFF;}

.faq-content-box.custom-agenda .agenda-hour li {border-bottom: 1px dashed rgba(255, 255, 255, 0.25);}
.faq-content-box.custom-agenda .agenda-hour li:last-child { border-bottom: 1px dashed transparent;}
.faq-content-box.custom-agenda .agenda-hour li .agenda-hour-col:nth-child(1) {color: #FFF;}
.faq-content-box.custom-agenda .agenda-hour li .agenda-hour-col:nth-child(2) {color: rgba(255, 255, 255, 0.75);}

/*---CUSTOM AGENDA ADD ILLU---*/
.faq-content-box { position: relative;}
.illu-projectathon-agenda { position: absolute; bottom: -65px; right: 50px;}
.illu-projectathon-agenda img {width: 90px;}

@media screen and (min-width: 769px) {
  .illu-projectathon-agenda { bottom: -110px; right: 100px;}
  .illu-projectathon-agenda img {width: 180px;}
}    

/*---PERFORM---*/ 
#perform { padding-top:0; padding-bottom:0;}
#perform .cols { margin-bottom:0;} 
#perform ul { margin:2.5rem 0 0 0; padding: 0; list-style: none;}
#perform ul li > div { display:flex; align-items: baseline; gap:10px;}
#perform ul li > div > span { display: flex; align-items: center; justify-content: center; background: #E3E6EB; width: 24px; height: 24px; min-width: 24px; border-radius: 24px; color: #3D597A; font-size: 12px;}
#perform ul li:last-child > div > p { margin-bottom:0;}
#perform h3 { margin-bottom:2.5rem;}
.perform-illu { margin-bottom:0; line-height:0 !important;} 
.perform-illu img { width: 180px;}

@media screen and (min-width: 769px) {
  .perform-illu img { width: 100%; max-width: 270px; height: auto;}
}  

/*---TIMELINE ILLU---*/
#timeline-illu { margin-bottom:0;}    

/*---TIMELINE---*/ 
.wiki-content #timeline h2 { margin-bottom:2.5rem;}

.month-01-bg { background-color:#F9F5FB !important;}
.month-02-bg { background-color:#F2E5F7 !important;}
.month-03-bg { background-color:#DDBFEB !important;}

.timeline-description { position: relative; display: flex; flex-direction: column; min-width: 0; height: 100% !important; padding: 1rem 0;}
.timeline-description-body { flex: 1 1 auto;}
.timeline-description-body h3 { display: flex; align-items: center; gap: 10px; font-size:20px !important; line-height:24px;}
.timeline-description-body h3 span:first-child { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px;
min-width: 24px; color: #001832; font-size: 12px; border-radius: 24px;}
.timeline-description-body-box { padding: 10px; background: #F3F4F7; text-align:center; border-radius: 12px;}
.timeline-description-body-box p { margin-bottom:0;}
.timeline-description-footer { margin-top:20px;}
.timeline-description-footer img { width: 100%; max-width: 174px; height: auto;}

@media screen and (max-width: 1023px) {
  #timeline-month-tablet { display: none;}
  
  #timeline-cols .timeline-col { margin-bottom:10px; }
  #timeline-cols .timeline-col .timeline-month-mobile { padding:10px; width:auto;  text-transform: uppercase; border-radius:6px;}
  #timeline-cols .timeline-col .timeline-description { width:100%;}
  .timeline-description-footer img { max-width: 87px;}
}

@media screen and (min-width: 1024px) {
  .timeline-month-mobile { display:none;}
  
  #timeline-month-tablet { display: flex;}
  #timeline-month-tablet div { padding: 20px 10px; font-size:20px; line-height:24px; text-transform: uppercase; text-align: center; border-radius:12px}
  #timeline-month-tablet div:nth-child(1) { width:20%;}
  #timeline-month-tablet div:nth-child(2) { width:60%;}
  #timeline-month-tablet div:nth-child(3) { width:20%;}
  
  #timeline-cols { margin-top:1rem; display: flex; gap:20px;}
  #timeline-cols .timeline-col { width:20%;}

  .timeline-description-body { padding-right:20px; border-right:1px solid #F2E5F7;}
  .timeline-col:last-child .timeline-description-body { padding-right:0; border:none;} 
}    

/*---HOW TO REGISTER DISPLAY NONE FOR THE MOMENT---*/
#how-to-register { margin-top:-2rem; padding-top:0;}
#how-to-register-box { padding:3rem 1rem; background: #F3F4F7; border-radius: 60px;}
#how-to-register-box .cols p:first-child { display: none;}
#how-to-register-box ul { margin:2.5rem 0 0 0; padding: 0; list-style: none;}
#how-to-register-box ul li > div { display:flex; align-items: baseline; gap:10px;}
#how-to-register-box ul li > div > span { display: flex; align-items: center; justify-content: center; background: #E3E6EB; width: 24px; height: 24px; min-width: 24px; border-radius: 24px; color: #3D597A; font-size: 12px;}
#how-to-register-box ul li:last-child > div > p { margin-bottom:0;}
#how-to-register-box h3 { margin-bottom:2.5rem;}

@media screen and (min-width: 1366px) {
	#how-to-register-box { padding:5rem;}
}

/*---PAST INSIGHTS---*/
#past-insights { padding-top: 16rem; background-color: #F3F4F7;} 
.wiki-content .past-insights-p { margin-bottom:2rem;}
.past-insights-illu { line-height:0 !important;} 
.past-insights-illu img { width: 180px;}

@media screen and (min-width: 769px) {
  .past-insights-illu img { width: 100%; max-width: 200px; height: auto;}
}

/*---BOX CTA REPORT---*/
#box-cta-report { padding-top:0; position:relative;}
#box-cta-report .projectathon-box { padding:1.5rem; background-color: #00284A; border-radius:20px;}
#box-cta-report .container .cols { margin-bottom:-1rem;}
#box-cta-report .projectathon-box-col-illu { margin-bottom:1rem;}
#box-cta-report .projectathon-box-col-illu img { width: 120px; height:auto;}
#box-cta-report h3, #box-cta-report p { color: white;}
#box-cta-report p.p-opacity { opacity: 0.75}
#box-cta-report p:last-of-type { margin-bottom:0;}
/*hack - remove empty p from confluence*/
#box-cta-report .container > p:first-child, #box-cta-events .container > p:last-child { display: none; border:1px solid green;}

@media screen and (min-width: 769px) {
 #box-cta-report .projectathon-box { padding:2.5rem;}
 #box-cta-report .projectathon-box-cols { display: flex; align-items: center;}
 #box-cta-report .projectathon-box-col-illu { margin-bottom:0; padding:0 3rem 0 0}
}

@media screen and (min-width: 1366px) {
 #box-cta-report .projectathon-box { padding:5rem;}
}

/*---GALLERY---*/
#gallery { position: relative; z-index: 2; padding-top:0; padding-bottom:0;}
#gallery .container .cols > div p:first-child, #gallery .container .cols > div p:last-child { display: none;}
.wiki-content .gallery-p { margin:0 0 2rem 0;}
.wiki-content .gallery-cta { margin:2rem 0 0 0;}

.gallery { margin: 0 -5px!important; width:100%;}
.gallery table { width:100%;}
.gallery table td { width:20%;}
.gallery table td img { margin: 0 !important; padding: 5px; width: 100%; max-width: 400px; height: auto; border-radius: 16px;}
.gallery table td img:hover { cursor: pointer;}

/*---UPCOMING PROJECTATONS---*/
#upcoming-projectatons { margin-bottom:-10rem; padding-top:0; padding-bottom:0;}
.card-upcoming-cols { margin-top: 1.5rem;}

/*---UPCOMING CARDS---*/
.card-upcoming { position: relative; display: flex; flex-direction: column; min-width: 0; height: 100% !important; padding:1rem 2rem 2rem 2rem; background-color: white; box-shadow: 0px 2px 12px rgba(0, 24, 50, 0.12); border-radius: 12px; overflow: hidden;}

.card-upcoming-body a { display: block; line-height:0; text-align: right; height: 170px; border-top-right-radius: 12px; border-top-left-radius: 12px; overflow: hidden;}
.card-upcoming-col.p1 .card-upcoming-body a { margin:-1rem 0 0 0; width: 115%; background: url(
"https://ec.europa.eu/digital-building-blocks/sites/download/attachments/645595199/
illu
cover-
card
video-projectathon
-01
-1-anne-gaelle-berge.png"
); background-size: cover; border-radius: 100% 0% 47% 53% / 0% 76% 24% 100% ;}
.card-upcoming-col.p2 .card-upcoming-body a { margin:-1rem 0 0 0; width: 115%; background: url(
 alt="What is a Projectathon"></span><span class="cover-text">"What is a Projectathon"<br><span style="font-size:14px"><strong>Anne-Gaëlle Bergé</strong> - Expert in System Interoperability, Kereval</span></span></a></li>
<li><a href="#tab1"><span class="cover-play"><img class="cover-img" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/645595199/
illu
cover-
card
video-projectathon-2-
02.jpg"); background-size: cover; border-radius: 100% 0% 38% 62% / 0% 88% 12% 100% ;}
.card-upcoming-col.p4 .card-upcoming-body a { margin:-1rem 0 0 0; width: 115%; background: url(
aftermovie.png" alt="OOTS Projectathon"></span><span class="cover-text">"OOTS Projectathon"<br><span style="font-size:14px"><strong>14 - 16 June 2023, Brussels, Belgium</strong> - Aftermovie</span></span></a></li>
<li><a href="#tab3"><span class="cover-play"><img class="cover-img" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/645595199/
illu
cover-
card
video-projectathon-1-
04.jpg"); background-size: cover; border-radius: 100% 0% 38% 62% / 0% 88% 12% 100% ;}

.card-upcoming-body h3 { margin-top:24px; font-size:20px; line-height:24px;}
.card-upcoming-body p { position:relative;}
.card-upcoming-body p.label { margin-bottom:12px; display: inline-block;}
.card-upcoming-body p:last-child { margin-bottom:0;}
.card-upcoming-date { font-size: 14px !important; color: #5E748E !important;}

.card-upcoming-footer { margin-top:24px; text-align: right;} 
 .card-upcoming-footer .label { display: inline;}  

.card-upcoming .label { padding: 8px 12px; font-size: 12px; line-height: 12px; border-radius: 40px;}
.card-upcoming .label.available-soon { color: #842DB5; background: #F2E5F7;}
.card-upcoming .label.past { color: #3D597A; background: #E3E6EB;}
.card-upcoming .label.upcoming { color: #995E00; background: #FFEECC;}

@media screen and (max-width: 991px) {
  .card-upcoming-col { margin-bottom: 1.5rem;}
}

@media screen and (min-width: 992px) {
  .card-upcoming-cols { display: flex; width: 100%; gap:20px;}
  .card-upcoming-col:nth-child(1) { width: 50%;}
  .card-upcoming-col:nth-child(2) { width: 50%;}
  /*.card-upcoming-col:nth-child(3) { width: 29%;}*/
  .card-upcoming-body { flex: 1 1 auto;}
}  

/*---BOX CTA PROJECTATHON---*/
#box-cta-projectathon { position:relative;}
#box-cta-projectathon .projectathon-box { padding:1.5rem; background-color: #00284A; border-radius:20px;}
#box-cta-projectathon .container .cols { margin-bottom:-1rem;}
#box-cta-projectathon .projectathon-box-col-illu { margin-bottom:1rem;}
#box-cta-projectathon .projectathon-box-col-illu img { width: 120px; height:auto;}
#box-cta-projectathon h3, #box-cta-projectathon p { color: white;}
#box-cta-projectathon p.p-opacity { opacity: 0.75}
#box-cta-projectathon p:last-of-type { margin-bottom:0;} 
#box-cta-projectathon ul { margin-bottom:0; padding:1rem 0 0 1rem; color: white;}
#box-cta-projectathon a.secondary-download { color: #EC8FFF;} 
/*hack - remove empty p from confluence*/
#box-cta-projectathon .container > p:first-child, #box-cta-events .container > p:last-child { display: none; border:1px solid green;}

@media screen and (min-width: 769px) {
 #box-cta-projectathon .projectathon-box { padding:2.5rem;}
 #box-cta-projectathon .projectathon-box-cols { display: flex; align-items: center;}
 #box-cta-projectathon .projectathon-box-col-illu { margin-bottom:0; padding:0 3rem 0 0}
}

@media screen and (min-width: 1366px) {
 #box-cta-projectathon .projectathon-box { padding:5rem;}
}
david-blanchard.png" alt="The Value of Once-Only"></span><span class="cover-text">"The Value of Once-Only" <br> <span style="font-size:14px"> <strong>David Blanchard</strong> - Deputy Head of Unit, DG GROW European Commission<br><strong>Joao Rodrigues Frade</strong> - Head of Sector Building Blocks, DIGIT European Commission</span></span></a></li>
</ul>

<script>
let listOfVideos = document.querySelector("#tabs-video-nav");
Array.from(listOfVideos.children).forEach((li, indexList) => { li.addEventListener("click", function(e) { $("iframe").each(function(index) { if(index != indexList) {
    var src = $(this).attr('src');
    $(this).attr('src', src);}});})})
</script>
 Div
idupcoming-projectatons
classsection
 Div
classcontainer
 Html-bobswift
<div class="cols">
<div class="col-10">

<h2>Other Past Projectathons</h2>
<p class="mb-0">Since 2023, the Commission has been organising Once-Only Technical System Projectathons. These are three-day events where national teams connect various systems and perform a marathon of peer-to-peer interoperability and compliance tests in a structured environment.</p>

</div>
</div>
 Html-bobswift
<div class="card-upcoming-cols">

<!--CARD 01-->
<div class="card-upcoming-col p2">
<div class="card-upcoming">
<div class="card-upcoming-body">
<a href="#" style="pointer-events: none;"></a>
<h3>Projectathon #2</h3>   
<p>The June Projectathon provided a valuable moment for national implementation teams to perform interoperability tests prior to the summer recess.</p>

</div>
<div class="card-upcoming-footer">
<p class="card-upcoming-date">14 - 16 June 2023 | Brussels</p>
<p><a class="btn ghost" href="https://ec.europa.eu/digital-building-blocks/sites/display/OOTS/Projectathon2"><span>Read more</span><span class="ico-cta-forward"></span></a></p>
</div>
</div>
</div>
<!---->

<!--CARD 02-->
<div class="card-upcoming-col p1">
<div class="card-upcoming">
<div class="card-upcoming-body">
<a href="#" style="pointer-events: none;"></a>
<h3>Projectathon #1</h3>   
<p>The April Projectathon brought together participants and observers to perform key tests on their national Once-Only Technical System implementations, ahead of the June and October sessions.</p>

</div>
<div class="card-upcoming-footer">
<p class="card-upcoming-date">19 - 21 April 2023 | Brussels</p>
<p><a class="btn ghost" href="https://ec.europa.eu/digital-building-blocks/sites/display/OOTS/Projectathon1"><span>Read more</span><span class="ico-cta-forward"></span></a></p>
</div>
</div>
</div>
<!---->

</div>