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:25%;}
.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;}
.video-container-iframe { position: relative; z-index: 1; width: 100%; overflow: hidden; padding-top: 56.25%; /* 16:9 Aspect Ratio */}
.video-container-iframe iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; border: none; border-radius: 16px;}
/*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( |
Div |
---|
id | introduction |
---|
class | section |
---|
|
Div |
---|
| 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">19 - 21 April 2023 | Brussels, Belgium</p>
<h1 class="h2"><span class="heading-subtitle">projectathon</span>Projectathon #1</h1>
<p>A marathon of peer-to-peer interoperability and compliance tests in a structured environment.</p>
<p>Registration: <strong>Closed</strong></p>
<!--<p class="text-right"><a class="btn primary" href="#"><span>Register</span></a></p>-->
</div>
</div> |
|
|
Div |
---|
id | past-insights |
---|
class | section |
---|
|
Div |
---|
| Div |
---|
class | cols justify-content-between align-items-center |
---|
| Div |
---|
| Html-bobswift |
---|
<h2>Projectathon #1 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"><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 highlights</span><span class="ico-cta-forward"></span></a></p>
|
|
Div |
---|
| 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 |
---|
id | box-cta-report |
---|
class | section |
---|
|
Div |
---|
| 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 #1 Report</h3>
<p class="p-opacity">This report summarises key results from the testing that took place from 19-21 April 2023. It also provides a useful overview of lessons learned recommendations for the June and October Projectathons.</p>
<p><a class="btn primary-bis" href="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/647954663/Once_Only_Technical_System_Projectathon_Event_Report_April_v1.00.pdf" onclick="_paq.push(['trackEvent','conversion','oots-projectathon-detail-page-01','oots-projectathon-report'])"><span>Download the Report</span><span class="ico-download"></span></a></p>
</div>
</div>
</div>
</div>
</div>
|
|
|
Div |
---|
|
Div |
---|
| Div |
---|
| Div |
---|
Html-bobswift |
---|
<h2>Video</h2>
<p class="video-p">Watch the official April 2023 Projectathon ‘aftermovie’.</p>
<div class="video-container-iframe">
<iframe src="https://europa.eu/webtools/crs/iframe/?oriurl=https%3A%2F%2Fwww.youtube.com%2fembed%2fkLjEdWG1MbY" allowfullscreen="" width="100%" height="315" frameborder="0"></iframe>
</div> |
|
|
|
|
Div |
---|
id | information |
---|
class | section |
---|
|
Div |
---|
|
|
Div |
---|
|
Html-bobswift |
<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>19 April - 21 April 2023</p></div>
</div>
</li>
<li>
<div class="information-cols">
<div class="information-col"><p>Registration</p></div>
<div class="information-col"><p>Closed</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 States teams relevant for implementing the Once-Only Technical System (to be coordinated with the National Coordinator).</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 to the actual Projectathon event itself.</p></div>
</div>
</li>
<li>
<div class="information-cols">
<div class="information-col"><p>Accommodation</p></div>
<div class="information-col"><p>Any hotel reservation is the responsibility of the participants. Member State reimbursement is possible but limited up to 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 April 2023 Projectathon will be based on the OOTS TDDs (Technical Design Documents) as specified in <a href="https://ec.europa.eu/digital-building-blocks/sites/download/
displayattachments/
OOTS/Update+regarding+Once-Only+Technical+System+Technical+Design+Documents+-+Q1+2023+release">this announcement</a>. For this event, an overview of a mix of test cases has been prepared, in sync with those specifications and tailored to the development status of the Member States. It consists of the following elements:</p>
<ul>
<li>5 Evidence Exchange scenarios without preview,</li>
<li>5 Evidence Exchange scenarios with preview,</li>
<li>2 Maintenance flow scenarios (Common Service updates).</li>
</ul>
<p>A high-level overview and summary of test cases is available to the testing and deployment sub-group (restricted to relevant users on the wiki). The full test cases detailed will be visible in Gazelle (restricted to users that registered as participants to the Projectathon).</p>
<p>The tests will start with static and pre-agreed data. This is to be discussed in and shared through the relevant subgroup (Testing and deployment) and/or collaborative space on Teams.</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 |
---|
|
Div |
---|
| Div |
---|
| Div |
---|
class | faq-content-box custom-agenda |
---|
| Html-bobswift |
---|
<h2 class="h3">Projectathon agenda</h2>
<p class="illu-projectathon-agenda"><img alt="" aria-hidden="true" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/645595199/illu-projectathon-agenda.png"></p>
|
Expand |
---|
| Html-bobswift |
---|
<ul class="agenda-hour">
<li>
<div class="agenda-hour-cols">
<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 1.D</span></p></div>
</div>
</li>
<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">09:00 - 09:45</div>
<div class="agenda-hour-col">Introduction to the OOTS 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">Welcome to the Once-Only Technical System Projectathon (keynote speeches)<br>
Natalia Aristimuño Pérez, Director, European Commission, Directorate-General for Informatics (DIGIT) and <br>
Hubert Gambs, deputy Director-General, European Commission, Directorate-General for Internal Market, Industry, Entrepreneurship and SMEs (GROW)
<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 - room 1.D</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></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 1.D</span></p></div>
</div>
</li>
<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">15:00 - 17: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">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 1 <p class="label plenary"><span>Plenary</span></p></div>
</div>
</li>
<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">17:30 - 19:00</div>
<div class="agenda-hour-col">Cocktail (including a word from Veronica Gaffey Director General, DIGIT)<p class="label ccab"><span>CCAB - room 1.D</span></p></div>
</div>
</li>
<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">19:15 - 22:00</div>
<div class="agenda-hour-col">Informal dinner <p class="label tbc"><span>TBC</span></p></div>
</div>
</li>
</ul> |
|
Expand |
---|
| 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 1.D</span></p></div>
</div>
</li>
<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">09:00 - 09:45</div>
<div class="agenda-hour-col">Introduction to the OOTS 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 - 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 1.D</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 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 1.D</span></p></div>
</div>
</li>
<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">15:00 - 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>
<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">18:30+</div>
<div class="agenda-hour-col">Informal drinks <p class="label tbc"><span>TBC</span></p></div>
</div>
</li>
</ul> |
|
Expand |
---|
| 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 1.D</span></p></div>
</div>
</li>
<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">09:00 - 09:45</div>
<div class="agenda-hour-col">Introduction to the OOTS 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 - 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 1.D</span></p></div>
</div>
</li>
<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">13:00 - 14:15</div>
<div class="agenda-hour-col">State of play of April Projectathon & introduction to June Projectathon <p class="label plenary"><span>Plenary</span></p></div>
</div>
</li>
<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">14:15 - 14:30</div>
<div class="agenda-hour-col">Policy update<p class="label plenary"><span>Plenary</span></p></div>
</div>
</li>
<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">14:30 - 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</div>
<div class="agenda-hour-col">End</div>
</div>
</li>
</ul>
|
|
|
Div |
---|
| Html-bobswift |
---|
<h2 class="h3">Exploration rooms</h2> |
Expand |
---|
| 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">Usability Testing - Common Services Administration Tool
<p class="label room1"><span>Rooms 304 & 305</span></p>
<i>This session offers usability testing of the common services administration tool. The Usability Lab will be open to participants who wish to volunteer for some usability testing. A testing session lasts around approximately 30-40 minutes and no prior knowledge is needed. The team will show you the latest version of the OOTS interface and gather your feedback. There is no need to sign up, you can drop in any time to make your contribution.</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">Once-Only Technical System Support services
<p class="label room2"><span>Room 310</span></p>
<i>This session presents the scope of the OOTS support service. This means you will have a clear understanding of how you can best get the help you need with different topics, such as how to log OOTS-related issues and requests, how to notify issues relating to the eDelivery building block, log organisational requests and issues, how to request assistance in component level testing and how to log questions relating to the Technical Design Document. This session will also explain how best to contact the service desk and will provide you with an opportunity to share your feedback on how we might improve this service.</i>
</div>
</div>
</li>
<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">13:00 - 15:00</div>
<div class="agenda-hour-col">eDelivery "open door"
<p class="label room2"><span>Room 310</span></p>
<i>This session offers a chance for participants to meet eDelivery experts in an ‘open door’ setting. Participants can ask general and technical questions relating to eDelivery. This comes ahead of an OOTS advanced webinar on eDelivery planned on 22 May 2023.</i>
</div>
</div>
</li>
</ul> |
|
Expand |
---|
| 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">Usability Testing - Common Services Administration Tool
<p class="label room1"><span>Rooms 304 & 305</span></p>
<i>This session offers usability testing of the common services administration tool. The Usability Lab will be open to participants who wish to volunteer for some usability testing. A testing session lasts around approximately 30-40 minutes and no prior knowledge is needed. The team will show you the latest version of the OOTS interface and gather your feedback. There is no need to sign up, you can drop in any time to make your contribution. </i>
</div>
</div>
</li>
<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">10:00 - 11:00</div>
<div class="agenda-hour-col">Once-Only Technical System Support services
<p class="label room2"><span>Room 310</span></p>
<i>This session presents the scope of the OOTS support service. This means you will have a clear understanding of how you can best get the help you need with different topics, such as how to log OOTS-related issues and requests, how to notify issues relating to the eDelivery building block, log organisational requests and issues, how to request assistance in component level testing and how to log questions relating to the Technical Design Document. This session will also explain how best to contact the service desk and will provide you with an opportunity to share your feedback on how we might improve this service.</i>
</div>
</div>
</li>
<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">11:00 - 12:00</div>
<div class="agenda-hour-col">Semantic services
<p class="label room2"><span>Room 310</span></p>
<i>This session offers a presentation on the development of proofs of concept (PoC) in the education and transport domains, enabling the cross-border registration of vehicles and educational diplomas in and between different EU Member States. This session will further provide an update on the progress of the semantic repository as well as the inclusion of useful controlled vocabularies.</i>
</div>
</div>
</li>
</ul> |
|
|
|
|
|
Div |
---|
|
Div |
---|
| 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 |
---|
|
Div |
---|
| Html-bobswift |
---|
<div class="cols">
<div class="col-8">
<h2 class="h3">Projectathon timeline</h2>
<ul class="timeline-list">
<li>
<div class="timeline-cols">
<div class="timeline-col"><p>13 December 2022</p></div>
<div class="timeline-col">
<p>Information</p>
<p>Attend the <strong>Projectathon Deep-Dive session</strong> during the <strong>OOTS Implementers Café</strong> on 13 December 2022.</p>
<p>Signal your intention to participate to the April 2023 Projectathon as Members States (can be with multiple teams).</p>
<p><i>Implementers café #2 “eDelivery & OOTS Projectathon Process” 13/12/2022</i><br>
<i>Implementers café #3 “eID & OOTS Projectathon Registration” 31/01/2023</i></p>
</div>
</div>
</li>
<li>
<div class="timeline-cols">
<div class="timeline-col"><p>7 February-10 March 2023</p></div>
<div class="timeline-col">
<p>Registration</p>
<p>1. Register for the event via the <strong>EU survey</strong> and provide your consent to the Projectathon personal data privacy statement.</p>
<p>2. Register your organisation, system under test (SUT), SUT operator(s) and features to be tested in <strong>Gazelle</strong>.</p>
<p><i>Implementers café #4 “Projectathon preparation and 'Once-Only' Common Services” 21/02/2023</i></p>
</div>
</div>
</li>
<li>
<div class="timeline-cols">
<div class="timeline-col"><p>14 March 2023</p></div>
<div class="timeline-col">
<p>Projectathon Kick-Off Meeting</p>
<p><strong>Projectathon Kick-off session with all participants</strong> <br>Hybrid event on 14 March together with GCG meeting.</p>
</div>
</div>
</li>
<li>
<div class="timeline-cols">
<div class="timeline-col"><p>15 March-14 April 2023</p></div>
<div class="timeline-col">
<p>Pre-projectathon test</p>
<p>Perform <strong>Preparatory Test</strong> to get your system, test data and yourself ready before Projectathon.</p>
</div>
</div>
</li>
<li>
<div class="timeline-cols">
<div class="timeline-col"><p>03 April-14 April 2023</p></div>
<div class="timeline-col">
<p>Pre-projectathon test</p>
<p>Perform <strong>Connectivity Test</strong> to ensure network connection of SUTs are well configured before Projectathon.</p>
<p><i>Q&A session for Participants before the Projectahon 12/04/2023</i></p>
</div>
</div>
</li>
<li>
<div class="timeline-cols">
<div class="timeline-col"><p>19 April-21 April 2023</p></div>
<div class="timeline-col">
<p>Projectathon</p>
<p><strong>Game on!</strong> Connect and perform Peer-to-Peer marathon test!</p>
</div>
</div>
</li>
<li>
<div class="timeline-cols">
<div class="timeline-col"><p>5 May 2023</p></div>
<div class="timeline-col">
<p>Post Projectathon</p>
<p>Publication of <strong>Test Reports</strong>, lessons learned and best practices.</p>
<p><i>Implementers café #5 “Common Services Admin App & Projectathon debrief (April event) and Preparation (June event)” 05/05/2023</i></p>
</div>
</div>
</li>
</ul>
</div>
</div> |
|
|
Div |
---|
style | display:none; |
---|
id | how-to-register |
---|
class | section |
---|
|
Div |
---|
| Html-bobswift |
---|
<div id="how-to-register-box">
<h3>How to register to the OOTS Projectathons</h3>
<ul>
<li><div><span>1</span><p>The Organising Team invites the National Coordinators who express an interest in participating in the April Projectathon event to register for this event via email.</p></div></li>
<li><div><span>2</span><p>National Coordinators register for the Projectathon event via an event registration form provided by the Organising Team (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>3</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>4</span><p>The MS Gazelle admin then select the relevant test session (April 2023) and add your System(s) Under Test (SUT) in the Gazelle platform (active participants only).</p></div></li>
</ul>
</div>
|
|
|
Div |
---|
id | upcoming-projectatons |
---|
class | section |
---|
|
Div |
---|
| 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 04-->
<div class="card-upcoming-col p4">
<div class="card-upcoming">
<div class="card-upcoming-body">
<a href="#" style="pointer-events: none;"></a>
<h3>Projectathon #4</h3>
<p class="label upcoming">Upcoming</p>
<p>In 2024, the Commission will organise two thematic Projectathons. The May 2024 Projectathon will focus on Education and Population data, and on linking the Once-Only Technical System with related systems such as EMREX.</p>
<p class="card-upcoming-date">15 - 17 May 2024</p>
</div>
<div class="card-upcoming-footer">
<a class="btn primary" href="https://ec.europa.eu/digital-building-blocks/sites/display/OOTS/Projectathon4"><span>Read more</span><span class="ico-cta-forward"></span></a>
</div>
</div>
</div>
<!---->
<!--CARD 03-->
<div class="card-upcoming-col p3">
<div class="card-upcoming">
<div class="card-upcoming-body">
<a href="#" style="pointer-events: none;"></a>
<h3>Projectathon #3</h3> <p class="label past">Past</p>
<p>The October Projectathon is the final such event in 2023, just ahead of the legal deadline for EU Member States to implement the Once-Only Technical System. It builds on the work and experiences of the April and June Projectathons.</p>
<p class="card-upcoming-date">18 - 20 October 2023</p>
</div>
<div class="card-upcoming-footer">
<a class="btn ghost" href="https://ec.europa.eu/digital-building-blocks/sites/display/OOTS/Projectathon3"><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 |
---|
id | box-cta-projectathon |
---|
class | section |
---|
|
Div |
---|
| 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/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-01','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>
|
|
|
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.p3 .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-03.png"); background-size: cover; border-radius: 100% 0% 38% 62% / 0% 88% 12% 100% ;}
.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; 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 |
---|
id | introduction |
---|
class | section |
---|
|
Div |
---|
| Html-bobswift |
---|
<div class="cols">
<div class="col-10">
<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>
<h1>Projectathon #1</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/647954663/illu-introduction-projectathon-01-2024.jpg"></p>
</div>
</div>
|
|
|
Div |
---|
id | information |
---|
class | section |
---|
|
Div |
---|
| Html-bobswift |
---|
<div class="cols">
<div class="col-10">
<h2>Once-Only Technical System Projectathon #1 Insights</h2>
<p>From 19-21 April 2023, the first Once-Only Technical System (OOTS) <a href="https://ec.europa.eu/digital-building-blocks/sites/display/OOTS/Projectathon1" target="_blank">Projectathon</a> brought together 25 EU Member States in Brussels in a marathon of peer-to-peer interoperability testing. A Projectathon is a crucial step in the development, testing and deployment into production of the Once-Only Technical System components that underpin a national Once-Only implementation.</p>
<p>Once-Only will help to ease administrative burden on companies, with resource savings even greater for smaller companies with more limited resources.</p>
<p>It will also have great benefits for European citizens. The Once-Only Technical System means that when completing an online procedure, citizens will be able to give their explicit request to retrieve evidence from a competent authority in another Member State. This explicit request triggers the retrieval of evidence from competent authorities across many different sectors through the Once-Only Technical System (education, vehicles, population registers and more).</p>
<p>This Projectathon provided EU countries with an excellent opportunity to verify that their national Once-Only systems or solutions effectively comply with the appropriate specifications, laid out in the Once-Only Technical System <a href="https://eur-lex.europa.eu/legal-content/EN/TXT/?uri=uriserv%3AOJ.L_.2022.231.01.0001.01.ENG&toc=OJ%3AL%3A2022%3A231%3ATOC" target="_blank">Implementing Regulation</a> and <a href="https://ec.europa.eu/digital-building-blocks/sites/display/OOTS/Technical+Design+Documents" target="_blank">Technical Design Documents</a>.</p>
<p>Neutral experts, acting as Monitors, supervised and verified the tests over the three days. The Once-Only Technical System Projectathons are not pass/fail type examinations. Rather, they are a collaborative exercise in understanding technical and operational issues and working together to solve them.</p>
<p>Ahead of the December 2023 legal deadline to implement the Once-Only Technical System, the European Commission is organising two more Projectathons, allowing the participating teams to build on their experiences.</p>
</div>
</div>
|
|
|
Div |
---|
id | box-cta-report |
---|
class | section |
---|
|
Div |
---|
| 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 #1 Report</h3>
<p class="p-opacity">This report summarises key results from the testing that took place from 19-21 April 2023. </p>
<p><a class="btn primary-negative" href="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/647954663/Once_Only_Technical_System_Projectathon_Event_Report_April_v1.00.pdf" onclick="_paq.push(['trackEvent','conversion','oots-projectathon-detail-page-01','oots-projectathon-report'])"><span>Download the Report</span><span class="ico-download"></span></a></p>
</div>
</div>
</div>
</div>
</div>
|
|
|
Div |
---|
|
Div |
---|
| Div |
---|
| 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 |
---|
excludeLabel | no-gallery |
---|
page | OOTS:Projectathon1 |
---|
sort | name |
---|
|
Html-bobswift |
---|
<p class="gallery-cta"><a target="_blank" class="btn ghost" href="https://ec.europa.eu/digital-building-blocks/wikis/display/OOTSICS/Projectathon+1+-+Gallery"><span>See all gallery images (restricted space)</span><span class="ico-cta-forward"></span></a></p>
|
|
|
Div |
---|
class | cols cols-video justify-content-center |
---|
| Div |
---|
| Html-bobswift |
---|
<h2>Video</h2>
<p class="gallery-p">Watch the official April 2023 Projectathon ‘aftermovie’.</p>
<div class="video-container-iframe">
<iframe src="https://europa.eu/webtools/crs/iframe/?oriurl=https%3A%2F%2Fwww.youtube.com%2fembed%2f49qYFnMUZJY" allowfullscreen="" width="100%" height="315" frameborder="0"></iframe>
</div>
|
|
|
|
|
Div |
---|
id | upcoming-projectatons |
---|
class | section |
---|
|
Div |
---|
| 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 p3">
<div class="card-upcoming">
<div class="card-upcoming-body">
<a href="#" style="pointer-events: none;"></a>
<h3>Projectathon #3</h3>
<p>The October Projectathon is the final such event in 2023, just ahead of the legal deadline for EU Member States to implement the Once-Only Technical System. It builds on the work and experiences of the April and June Projectathons.</p>
</div>
<div class="card-upcoming-footer">
<p class="card-upcoming-date">18 - 20 October 2023</p>
<p><a class="btn ghost" href="https://ec.europa.eu/digital-building-blocks/sites/display/OOTS/Projectathon3"><span>Read more</span><span class="ico-cta-forward"></span></a></p>
</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>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>
<!---->
</div>
|
|
|
CSS Stylesheet |
---|
/*------------------------------------------------*/
/*---OOH PROJECTATONS DETAIL PAGE - 13-03-2023---*/
/*----------------------------------------------*/
#main-content p:empty { display: none;}
.mb-0 { margin-bottom:0;}
/*---INTRODUCTION---*/
#introduction { padding-bottom:0;}
.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/647954663/illu-introduction-projectathon-01.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---*/
.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;}
/*---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 { margin-top:-2.5rem; margin-bottom:1.5rem; 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---*/
#timeline .cols { margin-bottom:0;}
.timeline-list { margin: 0 !important; padding: 0;}
.timeline-list li { margin:2rem 0 0 0; padding-bottom:1rem; list-style-type: none; border-bottom: 1px solid #E3E6EB;}
.timeline-list li:first-child { margin-top:0;}
.timeline-list li:last-child { padding-bottom:0; border-bottom: none;}
.timeline-col:nth-child(1) p { font-size: 18px; color: #001832;}
.timeline-col:nth-child(2) p:first-child { font-size: 18px; font-weight: bold; color: #001832;}
.timeline-list li:last-child .timeline-col:nth-child(2) p:last-child { margin-bottom:0;}
@media screen and (min-width: 769px) {
.timeline-cols { display: flex; align-items: center;}
.timeline-col:nth-child(1) { width: 30%;}
.timeline-col:nth-child(2) { width: 70%}
}
/*---BOX CTA PROJECTATHON---*/
#box-cta-projectathon { padding-top:0; 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;}
}
/*---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-bottom:0; /*background-color: #F3F4F7;*/}
.wiki-content .past-insights-p { margin-bottom:2rem;}
.past-insights-illu { line-height:0 !important;}
.past-insights-illu img { width: 180px;}
.wiki-content .past-insights-cta { margin-bottom:0;}
@media screen and (min-width: 769px) {
.past-insights-illu img { width: 100%; max-width: 200px; height: auto;}
}
/*---BOX CTA REPORT---*/
#box-cta-report { padding-bottom: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;}
}
/*---VIDEO---*/
#video { position: relative; z-index: 2; padding-bottom:0;}
#video .container .cols > div p:first-child,
#video .container .cols > div p:last-child { display: none;}
.wiki-content .video-p { margin:0 0 2rem 0;}
.video-container-iframe { position: relative; z-index: 1; width: 100%; overflow: hidden; padding-top: 56.25%; /* 16:9 Aspect Ratio */}
.video-container-iframe iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; border: none; border-radius: 16px;}
/*---UPCOMING PROJECTATONS---*/
#upcoming-projectatons { padding-top: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.p2 .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-card-projectathon-02.jpg"); background-size: cover; border-radius: 100% 0% 38% 62% / 0% 88% 12% 100% ;}
.card-upcoming-col.p3 .card-upcoming-body a { margin:-1rem 0 0 -3rem; width: 140%; background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/645595199/illu-card-projectathon-03.png"); 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 -3rem; width: 140%; background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/645595199/illu-card-projectathon-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: 29%;}*/
.card-upcoming-col:nth-child(1) { width: 50%;}
.card-upcoming-col:nth-child(2) { width: 50%;}
.card-upcoming-body { flex: 1 1 auto;}
} |