Page History

Div

id	introduction
class	section

Div

class	container

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">14 - 16 June 2023 | Brussels, Belgium</p>
<h1 class="h2"><span class="heading-subtitle">projectathon</span>Projectathon #2</h1>
<p>A marathon of peer-to-peer interoperability and compliance tests in a structured environment.</p>
<!--<p>Registration: <strong>Closed</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

style	display:none;
id	informationbox-cta-report
class	section

class

Div

class	container

Div

cols

Html-bobswift

<div class="

col-8"> <!-- START PRACTICAL INFORMATION --

cols justify-content-center">

<h2

<div class="

h3">Practical information</h2> <ul

col-7">
<div class="

information

projectathon-

list

box">

<li>


<div class="

information

projectathon-box-cols">

<div class="

information

projectathon-box-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>

-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="

information-cols

projectathon-box-col-content">

<div

<h3 class="

information-col"><p>Date</p></div> <div

h5">Projectathon #2 Report</h3>
<p class="

information

p-

col"><p>14 - 16 June 2023</p></div> </div> </li> <li> <div class="information-cols"> <div class="information-col"><p>Registration</p></div> <div class="information-col"><p>Open 08 May 2023; Close 23 May 2023</p></div>

opacity">This report summarises key results from the testing that took place from 14-16 June 2023. It also provides a useful overview of lessons learned recommendations for October Projectathon.</p>
<!--
<p><a class="btn primary-bis" href="" onclick="_paq.push(['trackEvent','conversion','oots-projectathon-detail-page-02','oots-projectathon-report'])"><span>Download the Report</span><span class="ico-download"></span></a></p>
-->
</div>

</div>
</

li>

div>
</div>

</div>

Div

id	information
class	section

Div

class	container

Div

class	cols

Html-bobswift

<li>
<div class="information-cols">
<div class="information-col"><p>Target groups</p></div>
<div class="informationcol-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>8">

<!-- START PRACTICAL INFORMATION -->

<h2 class="h3">Practical information</h2>

<ul class="information-list">

<li>
<div class="information-cols">
<div class="information-col"><p>Fees<><p>Location</p></div>
<div class="information-col"><p>No><p>Conference feesCenter areAlbert charged to participate to the actual Projectathon event itself.<Borschette (CCAB)<br>Rue Froissart 36<br>1040 Brussels, Belgium</p></div>
</div>
</li>

<li>
<div class="information-cols">
<div class="information-col"><p>Accommodation<><p>Date</p></div>
<div class="information-col"><p>Any><p>14 hotel- reservation16 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.<June 2023</p></div>
</div>
</li>

</ul>

<!--END PRACTICAL INFORMATION -->

<!-- START DESCRIPTION -->

<h2 class="h3">Description</h2>

<p>The June 2023 Projectathon will be based on the <a target="_blank" href="https://ec.europa.eu/digital-building-blocks/sites/display/TDD/OOTS+Technical+Design+Documents+-+Q1+2023">Q1 2023 release</a> of<li>
<div class="information-cols">
<div class="information-col"><p>Registration</p></div>
<div class="information-col"><p>Open 08 May 2023; Close 23 May 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 States teams relevant for implementing the Once-Only Technical DesignSystem Documents(to asbe amendedcoordinated with any corrections from the <a target="_blank" href="https://ec.europa.eu/digital-building-blocks/sites/display/TDD/ERRATA+for+Q1+2023+release">errata list</a>.</p>

<p>For this event, the test cases prepared for the April 2023 Projectathon are largely taken over as it still reflects the main plans 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).</p>

<p>The full test cases are accessible via the Gazelle platform (restricted to users that registered as participants to the Projectathon).</p>

<p>In addition, the June Projectathon will allow for some more advanced scenarios to be discussed in exploration sessions or in a restricted test session between those teams that are ready for the next level of tests (e.g. more dynamic eID test cases by integrating eID nodes into the transactions, test cases covering related systems, e.g., adding actual Base Registries to the test cases).</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>Those Member States that want to go further and create custom datasets or dynamic datasets for bilateral tests can do so as well.</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>
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 June 2023 Projectathon will be based on the <a target="_blank" href="https://ec.europa.eu/digital-building-blocks/sites/display/TDD/OOTS+Technical+Design+Documents+-+Q1+2023">Q1 2023 release</a> of the Once-Only Technical Design Documents as amended with any corrections from the <a target="_blank" href="https://ec.europa.eu/digital-building-blocks/sites/display/TDD/ERRATA+for+Q1+2023+release">errata list</a>.</p>

<p>For this event, the test cases prepared for the April 2023 Projectathon are largely taken over as it still reflects the main plans 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).</p>

<p>The full test cases are accessible via the Gazelle platform (restricted to users that registered as participants to the Projectathon).</p>

<p>In addition, the June Projectathon will allow for some more advanced scenarios to be discussed in exploration sessions or in a restricted test session between those teams that are ready for the next level of tests (e.g. more dynamic eID test cases by integrating eID nodes into the transactions, test cases covering related systems, e.g., adding actual Base Registries to the test cases).</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>Those Member States that want to go further and create custom datasets or dynamic datasets for bilateral tests can do so as well.</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

class	section agenda-box

Div

class	container

Div

id	faq-content

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

title	Day 1

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 2.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 Once-Only Technical System Projectathon (day 1) 
<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 June Once-Only Technical System Projectathon (keynote speech)
Valentina Superti, Director, 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 2.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>

Div

class	section agenda-box

Div

class	container

Div

id	faq-content

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

title	Day 1

Html-bobswift

<ul class="agenda-hour">
<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">08>15:00 - 0915:00<30</div>
<div class="agenda-hour-col">Welcome coffee & registration>Coffee break
<p class="label ccab"><span>CCAB - room 2.D</span></p>
</div>
</div>
</li>

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

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">09>17:4500 - 1017:15<20</div>
<div class="agenda-hour-col">Welcome>Wrap-up toof the Juneday Once-Only+ Technicalintro Systemto Projectathon (keynote speech)
Valentina Superti, Director, European Commission, Directorate-General for Internal Market, Industry, Entrepreneurship and SMEs (GROW)next day 
<p class="label plenary"><span>Plenary</span></p>
</div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">10>17:15 - 12:00<30 +</div>
<div class="agenda-hour-col">Technical set-up and initial tests>Informal dinner
<p class="label plenarytbc"><span>Plenary<><span>TBC</span></p><p>
</div>
</div>
</li>

</ul>

Expand

title	Day 2

Html-bobswift

<ul class="agenda-hour"> 

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">12>08:0030 - 1309:00</div>
<div class="agenda-hour-col">Lunch>Welcome coffee
<p class="label ccab"><span>CCAB - room 2.D</span></p>
</div>
</div>
</li>  

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">13>09:00 - 1509:00<45</div>
<div class="agenda-hour-col">Peer-to-peer testing - Part 1>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">15>09:0045 - 1512:30<00</div>
<div class="agenda-hour-col">Coffee break>Peer-to-peer testing - Part 1
<p class="label ccab"><span>CCAB - room 2.D<plenary"><span>Plenary</span></p>
</div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">15>12:00 - 1713:00</div>
<div class="agenda-hour-col">Peer-to-peer testing - Part 2>Lunch
<p class="label plenary"><span>Plenary<"label ccab"><span>CCAB - room 2.D</span></p>
</div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">17>13:00 - 1715:20<00</div>
<div class="agenda-hour-col">Wrap>Peer-to-uppeer oftesting the- day + intro to next day 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>15:30 +<00 - 15:30</div>
<div class="agenda-hour-col">Informal>Coffe dinnerbreak
<p class="label tbc"><span>TBC<ccab"><span>CCAB - room 2.D</span></p>
</div>
</div>
</li>

</ul>

Expand

title	Day 2

Html-bobswift

<ul class="agenda-hour">
<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">08>15:3000 - 0917:00</div>
<div class="agenda-hour-col">Welcome coffee>Peer-to-peer testing - Part 3
<p class="label ccab"><span>CCAB - room 2.D<plenary"><span>Plenary</span></p>
</div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">09>17:00 - 0917:45<20</div>
<div class="agenda-hour-col">Introduction>Wrap-up toof the Once-Only Technical System Projectathon (day 2)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">09>17:4520 - 1217:00<30</div>
<div class="agenda-hour-col">Peer-to-peer testing - Part 1>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">12:00 - 13:00<>18:30+</div>
<div class="agenda-hour-col">Lunch>Informal drinks
<p class="label ccab"><span>CCAB - room 2.D<tbc"><span>TBC</span></p>
</div>
</div>
</li>

</ul>

Expand

title	Day 3

Html-bobswift

<ul class="agenda-hour">
<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">13>08:0030 - 1509:00</div>
<div class="agenda-hour-col">Peer-to-peer testing - Part 2>Welcome coffee
<p class="label plenary"><span>Plenary<ccab"><span>CCAB - room 2.D</span></p>
</div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">15>09:00 - 1509:30<45</div>
<div class="agenda-hour-col">Coffe break>Introduction to the Once-Only Technical System Projectathon (day 3)
<p class="label ccab"><span>CCAB - room 2.D<plenary"><span>Plenary</span></p>
</div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">15>09:0045 - 1710:00<15</div>
<div class="agenda-hour-col">Peer-to-peer testing - Part 3>Closing of the June Once-Only Technical System Projectathon (keynote speeches)<br>
Veronica Gaffey, Director-General, European Commission, Directorate-General for Informatics (DIGIT) and 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">17>10:0015 - 1712:20<00</div>
<div class="agenda-hour-col">Wrap>Peer-to-uppeer oftesting the- day + intro to next dayPart 1
<p class="label plenary"><span>Plenary</span></p>
</div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">17>12:2000 - 1713:30<00</div>
<div class="agenda-hour-col">Closing of day 2>Lunch
<p class="label plenary"><span>Plenary<ccab"><span>CCAB - room 2.D</span></p>
</div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">18:30+<>13:00 - 14:00</div>
<div class="agenda-hour-col">Informal drinks>State of play of June Projection & introduction to October Projectathon
<p class="label tbc"><span>TBC</span></p>
</div>
</div>
</li>

</ul>

Expand

title	Day 3

Html-bobswift

<ul class="agenda-hour">plenary"><span>Plenary</span></p>
</div>
</div>
</li>


<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">08>14:3000 - 0914:00<30</div>
<div class="agenda-hour-col">Welcome>Coffee coffeebreak
<p class="label ccab"><span>CCAB - room 2.D</span></p>
</div>
</div>
</li>

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

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">09>14:45 - 1016:15<00</div>
<div class="agenda-hour-col">Closing of the June Once-Only Technical System Projectathon (keynote speeches)<br>
Veronica Gaffey, Director-General, European Commission, Directorate-General for Informatics (DIGIT) and Natalia Aristimuño Pérez, Director, European Commission, Directorate-General for Informatics (DIGIT)>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">10>16:1500 - 1217:00<30</div>
<div class="agenda-hour-col">Peer-to-peer>Extra testing - Part 1
<p class="label plenary"><span>Plenary</span></p>time (optional)
</div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">12:00 - 13:00<>17:30</div>
<div class="agenda-hour-col">Lunch
<p>End
</div>
</div>
</li>

</ul>

Div

class	faq-content-box

Html-bobswift

<h2 class="

label ccab

h3">Exploration rooms</h2>

Expand

title	Day 2

Html-bobswift

<ul class="agenda-hour">

><span>CCAB - room 2.D</span></p>
</div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">13>10:00 - 1416:00</div>
<div class="agenda-hour-col">State>UX of play of June Projection & introduction to October Projectathonkey patterns
<p class="label plenary"><span>Plenary<room1"><span>Rooms 304 & 305</span></p>
</div>
</div>
</li>


<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">14:00 - 14:30</div>
<div class="agenda-hour-col">Coffee break
<p class="label ccab"><span>CCAB - room 2.D</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">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:45 - 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<i>This session will provide in-depth information on the user-centricity of the Once-Only Technical System. To complete a procedure using the Once-Only Technical System, citizens will interact with screens provided by multiple authorities in different Member States. The objective of this collaborative workshop will be to build a comprehensive map of the different OOTS user flows. The map build in the work happening in the OOTS UX Lab and will service to support Member States in their implementation.</i>
</div>
</div>
</li>

</ul>

Div

class	faq-content-box

Html-bobswift
<h2 class="h3">Exploration rooms</h2>

Expand

title	Day 2

Html-bobswift

<ul class="agenda-hour">

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">10:00 - 1612:00</div>
<div class="agenda-hour-col">UX key patterns
<p class="label room1"><span>Rooms 304 & 305</span></p>
<i>This session will provide in-depth information on the user-centricity of the Once-Only Technical System. To complete a procedure using the Once-Only Technical System, citizens will interact with screens provided by multiple authorities in different Member States. The objective of this collaborative workshop will be to build a comprehensive map of the different OOTS user flows. The map build in the work happening in the OOTS UX Lab and will service to support Member States in their implementation">LCM updates to the Common Services
<p class="label room2"><span>Room 310</span></p>
<i>This session will provide information on how the LCM interface will be used by the Member States to update the MS data of the EB and DSD. During the session, participants will see a demo of how the LCM exchange works and are expected to also demonstrate their implementation where applicable.</i>
</div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">10>13:00 - 1215:00</div>
<div class="agenda-hour-col">LCM>eID updatesexploration to the Common Servicesand integration
<p class="label room2"><span>Room 310</span></p>
<i>This session will provide information on how the LCMreuse interfaceof willeIDAS be usedeID by the MemberOnce-Only States to update the MS data of the EB and DSD. During the session, participants will see a demo of how the LCM exchange works and are expected to also demonstrate their implementation where applicableTechnical System. eID allows European citizens to use their national eIDs when accessing online services from other European countries.</i>
</div>
</div>
</li>

</ul>

Expand

title	Day 3

Html-bobswift

<ul class="agenda-hour">
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">13>10:00 - 1512:00</div>
<div class="agenda-hour-col">eID>UX explorationkey and integrationpatterns
<p class="label room2"><span>Room 310<room1"><span>Rooms 304 & 305</span></p>
<i>This session will provide in-depth information on the reuse of eIDAS eID by the Once-Only Technical System. eID allows European citizens to use their national eIDs when accessing online services from other European countries user-centricity of the Once-Only Technical System. To complete a procedure using the Once-Only Technical System, citizens will interact with screens provided by multiple authorities in different Member States. The objective of this collaborative workshop will be to build a comprehensive map of the different OOTS user flows. The map build in the work happening in the OOTS UX Lab and will service to support Member States in their implementation.</i>
</div>
</div>
</li>

</ul>

Expand

title	Day 3

Html-bobswift

<ul class="agenda-hour">

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">10:00 - 1211:00</div>
<div class="agenda-hour-col">UX key patterns>Once-Only Technical System and related systems
<p class="label room1room2"><span>Rooms 304 & 305<><span>Room 310</span></p>
<i>This session will provideexplore in-depth information on the user-centricity of the Once-Only Technical System. To complete a procedure usingOOTS-related systems. Article 14 of the Single Digital Gateway Regulation and the related Implementing Regulation create the legal basis for the Once-Only Technical System,. citizensRecital will6 interactof withthe screensImplementing providedRegulating bystates multiplethat authoritiesthe inOnce-Only differentTechnical MemberSystem States.should Thebuild objectiveon ofthe thiswork collaborativealready workshopdone willand beexploit tosynergies buildwith aother comprehensiveexisting mapsystems offor the differentexchange OOTSof userevidence flows.or Theinformation mapamong buildauthorities inrelevant the work happening in for the OOTS UX Lab and will serviceprocedures referred to supportin Memberthe States in their implementationSDG regulation.</i>
</div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">10>11:00 - 1112:00</div>
<div class="agenda-hour-col">Once-Only Technical System and related systems>Operational Governance
<p class="label room2"><span>Room 310</span></p>
<i>This session will exploreprovide OOTS-related systems. Article 14information on the definition of theoperational Single Digital Gateway Regulation and the related Implementing Regulation create the legal basis arrangements for the Once-Only Technical System. Recital 6 of the Implementing Regulating states that the Once-Only Technical System should build on the work already done and exploit synergies with other existing systems for the exchange of evidence or information among authorities relevant for the procedures referred to in the SDG regulationdomain, specifically concerning the development of the OOTS Common Services and eDelivery Access Points.</i>
</div>
</div>
</li>

<li>
</ul>

Div

id	perform
class	section

Div

class	container

Html-bobswift

<div class="

agenda-hour-cols

cols justify-content-center align-items-center">

<div class="col-4">
<p class="

agenda-hour-col">11:00 - 12:00</div>

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="

agenda

col-

hour-col">Operational Governance <p

4">

<h2 class="h3"

label room2"><span>Room 310</span></p> <i>This session will provide information on the definition of operational arrangements for the Once-Only domain, specifically concerning the development of the OOTS Common Services and eDelivery Access Points.</i> </div> </div> </li> </ul>

Div

>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

style	display:none;
id	timeline-illu	id	perform
class	section

Div

class	container

Html-bobswift

<div class="cols justify-content-center align-items-center">

<div class="col-412">
<p

<h2 class="h3">Projectathon timeline</h2>

<img class="performimg-illufluid"><img alt="" aria-hidden="true" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/645595199668541448/illu-performtimeline-projectathon-V2.png"></p>
</div>>

</div>

</div>

Div

id	timeline
class	section

Div

class	container

Div

class	cols

Div

id	timeline
class	section

Div

class	container

Div

class	cols

Div

Html-bobswift
<h2>Projectathon timeline</h2> <div

class

id="

col

timeline-month-

4

tablet">

<h2

  <div 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

style	display:none;
id	timeline-illu
class	section

Div

class	container

Html-bobswift

<div class="cols">

<div class="col-12">

<h2 class="h3">Projectathon timeline</h2>

<img class="img-fluid" alt="" aria-hidden="true" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668541448/illu-timeline-projectathon-V2.png">

</div>

</div>

Div

Html-bobswift

<h2>Projectathon timeline</h2>

<div id="timeline-month-tablet">
  <div class="month-01-bg">May</div>
  <div class="month-02-bg">MAY-June</div>
  <div class="month-03-bg">June</div>
</div>

<div id="timeline-cols">month-01-bg">May</div>
  <div class="month-02-bg">MAY-June</div>
  <div class="month-03-bg">June</div>
</div>

<div id="timeline-cols">

  <div class="timeline-col">
    <div class="timeline-month-mobile month-01-bg">May</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>05 May 2023</strong></p>
		<p>Attend the <strong>Projectathon Deep-Dive session</strong> during the <strong>OOTS Implementers Café</strong> on 05 May 2023.</p>
		<p>Signal your intention to participate to the June 2023 Projectathon as Members States (can be with multiple teams).</p>
        <div class="timeline-description-body-box"><p><strong>Implementers Café #5</strong><br> "The OOTS Preview Space & Projectathon Debrief (April event) and Preparation (June event)"</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-01-bg">May</div>
    <div class="timeline-description">
      <div class="timeline-description-body">
        <h3><span class="month-01-bg">1<>2</span><span>Information<span><span>Registration</span></h3>
        <p class="text-primary"><strong>05><strong>08 - 23 May 2023</strong></p>
		<p>Attend<p>1. theRegister <strong>Projectathonfor Deep-Dive session</strong> duringthe event via the <strong>OOTS<strong>EU Implementers Café<survey</strong> onand 05provide May 2023.</p>
		<p>Signal your intention to participate to the June 2023 Projectathon as Members States (can be with multiple teamsyour 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 <div class="timeline-description-body-box"><p><strong>Implementers Café #5</strong><br> "The OOTS Preview Space & Projectathon Debrief (April event) and Preparation (June event)"</p></div>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-0102.png"></div>
    </div>
  </div>

  <div class="timeline-col">
    <div class="timeline-month-mobile month-0102-bg">May<>May - June</div>
    <div class="timeline-description">
      <div class="timeline-description-body">
        <h3><span class="month-0102-bg">2</span><span>Registration<>3</span><span>Pre-projectathon test</span></h3> 
		<div class="timeline-description-body-box"><strong>Projectathon Kick-off session</strong> with all participants. Remote event on 24 May.</div>  
		<p class="text-primary"><strong>08><strong>25 May - 2309 MayJune 2023</strong></p>
		<p>1.<p>Perform Register for the event via the <strong>EU survey<<strong>Preparatory Test</strong> andto provideget your consentsystem, totest thedata Projectathonand personalyourself dataready privacybefore statement. (<a href="mailto:EC-OOTS@ec.europa.eu" >contact us</a> if you are unsure about registration).<Projectathon.</p>
		<p class="text-primary"><strong>29 May - 09 June 2023</strong></p>
		<p>2.<p>Perform 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><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-0203.png"></div>
    </div>
  </div>

  <div class="timeline-col">
    <div class="timeline-month-mobile month-0203-bg">May - June<>June</div>
    <div class="timeline-description">
      <div class="timeline-description-body">
        <h3><span class="month-0203-bg">3</span><span>Pre-projectathon test<>4</span><span>Projectathon</span></h3> 
		<div class="timeline-description-body-box"><strong>Projectathon Kick-off session</strong> with all participants. Remote event on 24 May.</div>  
		<p class="text-primary"><strong>25><strong>14 May - 0916 June 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>29 May - 09 June 2023<<p><strong>Game on!</strong></p>
		<p>Perform<p>Connect <strong>Connectivityand Test</strong>perform Peer-to-Peer ensure network connection of SUTs are well configured before Projectathon.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-0304.png"></div>
    </div>
  </div>

  <div class="timeline-col">
    <div class="timeline-month-mobile month-03-bg">June</div>
    <div class="timeline-description">
      <div class="timeline-description-body">
        <h3><span class="month-03-bg">4<>5</span><span>Projectathon<span><span>Post-projectathon</span></h3>
		<p class="text-primary"><strong>14 - 16><strong>29 June 2023</strong></p>
		<p><strong>Game on!</strong></p>
		<p>Connect and perform Peer-to-Peer marathon test!</p>       
	<p>Publication of <strong>Test Reports</strong>, lessons learned and best practices.</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)”</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-0405.png"></div>
    </div>
  </div>

</div>

Div

id	how-to-register
class	section

Div

class	container

Html-bobswift

<div id="how-to-register-box">

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

<li><div><span>1</span><p>The Organising Team invites

</div>

the National

</div>

Coordinators register

<div class="timeline-col"> <div class="timeline-month-mobile month-03-bg">June</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>29 June 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é #6</strong><br> “Common Services Admin App & Projectathon Debrief (June event) and Preparation (October event)”</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

id	how-to-register
class	section

Div

class	container

Html-bobswift

<div id="how-to-register-box">

<h3>How to register for the June 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 (June 2023) and add your System(s) Under Test (SUT) in the Gazelle platform (active participants only).</p></div></li>

</ul>

</div>

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 (June 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

class	container

Html-bobswift

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

<h2>Past & Upcoming Projectathons</h2>
<p class="mb-0">The Commission is organising three Once-Only Technical System Projectathons in 2023. These are three-day events where national teams will 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">
<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 first OOTS 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 primary" 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">
<div class="card-upcoming">
<div class="card-upcoming-body">
<a href="#" style="pointer-events: none;"></a>
<h3>Projectathon #2</h3>
<p>The second OOTS Projectathon takes place in June, providing a valuable moment when national implementation teams can perform interoperability tests prior to the summer recess.</p>
<p class="card-upcoming-date">14 - 16 June 2023</p> 
</div>

Div

id	upcoming-projectatons
class	section

Div

class	container

Html-bobswift

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

<h2>Past & Upcoming Projectathons</h2>
<p class="mb-0">The Commission is organising three Once-Only Technical System Projectathons in 2023. These are three-day events where national teams will 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-colsfooter"> 
</div>
</div>
</div>
-->
<!---->

<!--CARD 0103-->
<div class="card-upcoming-col">
<div class="card-upcoming">
<div class="card-upcoming-body">
<a href="#" style="https://ec.europa.eu/digital-building-blocks/sites/display/OOTS/Projectathon1pointer-events: none;"></a>
<h3>Projectathon #1<#3</h3>
<p class="label pastupcoming">Past<>Upcoming</p> 
<p>The firstthird OOTS Projectathon broughttakes togetherplace participantsin andOctober, observersjust totwo performmonths keybefore teststhe onlegal theirdeadline nationaland Once-Onlyso Technicalcomes Systemat implementations,a aheadcritical ofpoint thein JuneEurope’s and October sessionsOnce-Only journey.</p>
<p class="card-upcoming-date">19 - 21 April 2023</p>
</div>
<div class="card-upcoming-footer">
<a class="btn primary" href="https://ec.europa.eu/digital-building-blocks/sites/display/OOTS/Projectathon1"><span>Read more</span><span class="ico-cta-forward"></span></a>date">October 2023</p>
</div>
<div class="card-upcoming-footer">
<p class="label available-soon">Available soon</p> 
</div>
</div>
</div>
<!---->

<!--CARD 02-->
<!--
<div class="card-upcoming-col">
<div class="card-upcoming">
<div class="card-upcoming-body">
<a href="#" style="pointer-events: none;"></a>
<h3>Projectathon #2</h3>
<p>The second OOTS Projectathon takes place in June, providing a valuable moment when national implementation teams can 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"> 
</div>
</div>
</div>
-->
<!---->

<!--CARD 03-->
<div class="card-upcoming-col">
<div class="card-upcoming">
<div class="card-upcoming-body">
<a href="#" style="pointer-events: none;"></a>
<h3>Projectathon #3</h3>
<p class="label upcoming">Upcoming</p>
<p>The third OOTS Projectathon takes place in October, just two months before the legal deadline and so comes at a critical point in Europe’s Once-Only journey.</p>
<p class="card-upcoming-date">October 2023</p>
</div>
<div class="card-upcoming-footer">
<p class="label available-soon">Available soon</p> 
</div>
</div>
</div>
<!---->

</div>/div>

Div

id	past-insights
class	section

Div

class	container

Div

class	cols justify-content-between align-items-center

Div

class	col-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><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

class	col-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

id	box-cta-projectathon
class	section

Div

class	container

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_v2.00.pdf" onclick="_paq.push(['trackEvent','conversion','oots-projectathon-detail-page-02','oots-projectathon-playbook'])"><span>Download the Projectathon Playbook</span><span class="ico-download"></span></a></p>

<ul>

<li>
<a class="secondary-download

Div

id	past-insights
class	section

Div

class	container

Div

class	cols justify-content-between align-items-center

Div

class	container

<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><a target="_blank" class="btn ghost

" href="https://ec.europa.eu/digital-building-blocks/sites/download/

display

attachments/

OOTS/EU+Member+States+note+success+of+first+

645595199/Once-Only

+

-Technical

+

-System

+Projectathon"><span>Go to Projectathon highlights</span><span class="ico-cta-forward"></span></a></p>

Html-bobswift

Div

class	col-7

Html-bobswift

Div

class	col-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

id	box-cta-projectathon
class	section

<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-Projectathon-Playbook-Annex2-How-to-do-pre-tests-in-Gazelle-V2.00.pdf" onclick="_paq.push(['trackEvent','conversion','oots-projectathon-detail-page-02','oots-projectathon-playbook-annex2'])"><span>Download Annex 2: how to do pre-tests in Gazelle</span></a>
</li>

<li>
<a class="secondary-download " href="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-bis645595199/Once-Only-Technical-System-Projectathon-Playbook-Annex3-How-to-do-peer-to-peer-tests-in-Gazelle-during-the-Projectathon-V2.00.pdf" onclick="_paq.push(['trackEvent','conversion','oots-projectathon-detail-page-02','oots-projectathon-annex3'])"><span>Download Annex 3: how to do peer-to-peer tests in Gazelle during Projectathon</span></a>
</li>

<li>
<a class="secondary-download " href="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/645595199/Once_-Only_-Technical_-System_-Projectathon_Playbook_-Playbook-Appendix-Gazelle-SUT-capabilities-v2.00.pdf" onclick="_paq.push(['trackEvent','conversion','oots-projectathon-detail-page-02','oots-projectathon-playbookappendix'])"><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-Annex2-How-to-do-pre-tests-in-Gazelle-V2.00.pdf" onclick="_paq.push(['trackEvent','conversion','oots-projectathon-detail-page-02','oots-projectathon-playbook-annex2'])"><span>Download Annex 2: how to do pre-tests in Gazelle</span></a>
</li>

<li>
<a class="secondary-download " href="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/645595199/Once-Only-Technical-System-Projectathon-Playbook-Annex3-How-to-do-peer-to-peer-tests-in-Gazelle-during-the-Projectathon-V2.00.pdf" onclick="_paq.push(['trackEvent','conversion','oots-projectathon-detail-page-02','oots-projectathon-annex3'])"><span>Download Annex 3: how to do peer-to-peer tests in Gazelle during Projectathon</span></a>
</li>

<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-v2.00.pdf" onclick="_paq.push(['trackEvent','conversion','oots-projectathon-detail-page-02','oots-projectathon-appendix'])"><span>Download Appendix: Gazelle SUT capabilities and associated concepts</span></a>
</li>  

</ul>

</div>

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

</div>
 Appendix: Gazelle SUT capabilities and associated concepts</span></a>
</li>  

</ul>

</div>

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

</div>

CSS Stylesheet

/*------------------------------------------------*/
/*---OOH PROJECTATONS DETAIL PAGE - 03-05-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/668541448/illu-introduction-projectathon-02.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

CSS Stylesheet

/*------------------------------------------------*/
/*---OOH PROJECTATONS DETAIL PAGE - 03-05-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/668541448/illu-introduction-projectathon-02.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 (maxmin-width: 768px769px) {
    .introduction-box { display: block;}
    .introduction-box-cover	.information-cols { heightdisplay: 12remflex; widthalign-items: 100%center;}
    .introduction-box-content	.information-col:nth-child(1) { padding: 2rem; width: 100%30%;}
    .introduction-box-content:before	.information-col:nth-child(2) { width: 0;70%}
}

/*---INFORMATIONAGENDA BOX---*/
#information.agenda-box { padding-top:0;}
#information h2 { margin:7.5rem 0 2.5rem 0;}

.information-list
.faq-content-box { margin-bottom: 06rem; padding: 0;}
.information-list li { margin:2rem 0 0 0; padding-bottom:1rem; list-style-type: none80px 60px 60px 60px; background-color:#F3F4F7; border-bottom: 1px solid #E3E6EBradius:20px;}
.information-list li:firstfaq-content-box:last-child { margin-topbottom: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: flexfaq-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;}
	.information-col:nth-child(1) { width: 30% margin-bottom:0; padding:1rem 0;}
	.informationexpand-col:nth-child(2)control-text { 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 {}  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) { 
  .faqexpand-contentcontrol-boxtext { marginfont-bottomsize:3rem; padding:40px 20px 20px 20px 16px;}
} 

/*---AGENDA MACRO EXPAND HOUR---*/
.agenda-hour { margin: 0; padding:0; }
.faq-content-box .expand-container:lastagenda-hour li { padding:1rem 0; list-style: none; border-bottom: 1px dashed #E3E6EB;}
.agenda-hour li:first-child { borderpadding-bottom:1px solid transparenttop:0;}
.expand-container.agenda-hour li:last-child { margin:0; padding-bottom:0; border-bottom:1px solid #E3E6EBnone;}
.expand-control.agenda-hour li .agenda-hour-cols { 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%}
.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: 20px12px; color:#001832;}
.expand-content { margin:0; padding: 0; color: #5E748Eline-height: 12px; background: #E3E6EB; border-radius: 40px;}
.expandagenda-container [aria-expanded="true"] .aui-iconfont-chevron-down { transform: rotate(180deg)hour .label.plenary span { color: #842DB5; background: #F2E5F7;}
.expandagenda-container [aria-expanded="false"] .aui-iconfont-chevron-right { transform: rotate(90deg)hour .label.ccab span { color: #995E00; background: #FFEECC;}
.expandagenda-containerhour .aui-icon::before.label.tbc span { font-sizebackground: 20px !important#E3E6EB;}

@media screen and (maxmin-width: 768px769px) { 
  	.expandagenda-control-textcols { font-sizedisplay: 16pxflex;}
}

/*---AGENDA HOUR---*/
.agenda-hour	.agenda-col:nth-child(1) { marginwidth: 0; padding:0; 30%;}
	.agenda-hour licol:nth-child(2) { paddingwidth: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 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) { widthcolor: 30%#FFF;}
	.faq-content-box.custom-agenda .agenda-hour li .agenda-hour-col:nth-child(2) { width: 70%}
}

color: rgba(255, 255, 255, 0.75);}

/*---LABELCUSTOM AGENDA ADD ILLU---*/
.faq-content-box { position: relative;}
.label spanillu-projectathon-agenda { paddingposition:4px 10pxabsolute; bottom: font-size65px; right: 12px; line-height: 12px; background: #E3E6EB; border-radius: 40px;}
.label.room1 span { color: #842DB5; background: #F2E5F7;}
.label.room2 span { color: #995E00; background: #FFEECC;}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;}
}    

/*---CUSTOM AGENDAPERFORM---*/
.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 
#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) {
  .illu-projectathon-agendaperform-illu img { bottomwidth: 100%; max-110pxwidth: 270px; rightheight: 100pxauto;}
}  .illu-projectathon-agenda img {width: 180px;}
 

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

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

.month-01-bg { background-color:#F9F5FB !important;}
.month-02-bg { paddingbackground-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: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: baselinecenter; gap: 10px;}
#perform ul li > div > span font-size:20px !important; line-height:24px;}
.timeline-description-body h3 span:first-child { display: flex; align-items: center; justify-content: center; background: #E3E6EB; width: 24px; height: 24px; 
min-width: 24px; border-radiuscolor: 24px#001832; colorfont-size: #3D597A12px; fontborder-sizeradius: 12px24px;}
#perform ul li:last-child > div > p { margin-bottom:0;}
#perform h3 { margin-bottom:2.5rem;}
.perform-illu.timeline-description-body-box { padding: 10px; background: #F3F4F7; text-align:center; border-radius: 12px;}
.timeline-description-body-box p { margin-bottom:0; line-height:0 !important;} 
.perform-illu img { width: 180px;}

@media screen and (min-width: 769px) {
  .perform-illutimeline-description-footer { margin-top:20px;}
.timeline-description-footer img { width: 100%; max-width: 270px174px; height: auto;}

}  

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

/*---TIMELINE---*/ 
.wiki-content #timeline h2@media screen and (max-width: 1023px) {
  #timeline-month-tablet { display: none;}
  
  #timeline-cols .timeline-col { margin-bottom:2.5rem10px; }

.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  #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; align-items: center; gap:}
  #timeline-month-tablet div { padding: 20px 10px; font-size:20px !important; line-height:24px; text-transform: uppercase;}
.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;}
 text-align: center; border-radius:12px}
  #timeline-month-tablet div:nth-child(1) { width:39%;}
  #timeline-month-tablet div:nth-child(2) { width:20%;}
  #timeline-month-tablet div:nth-child(3) { width:41%;}
  
  #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-box { padding-right:0; 10pxborder:none;} background: #F3F4F7; text-align:center; border-radius: 12px;}
.timeline-description-body-box p 
}    

/*---HOW TO REGISTER DISPLAY NONE FOR THE MOMENT---*/
#how-to-register { margin-bottomtop:0;}
.timeline-description-footer { margin-2rem; padding-top:20px0;}
.timeline-description-footer img { width: 100%; max-width: 174px; height: auto;}

@media screen and (max-width: 1023px) {
  #timeline-month-tablet#how-to-register-box { padding:3rem 1rem; background: #F3F4F7; border-radius: 60px;}
#how-to-register-box .cols p:first-child { display: none;}
  
  #timeline-cols .timeline-col#how-to-register-box ul { 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:39%;}
  #timeline-month-tablet div:nth-child(2) { width:20%;}
  #timeline-month-tablet div:nth-child(3) { width:41%;}
  
  #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: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-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: 1366px769px) {
	#how #box-to-registercta-report .projectathon-box { padding::2.5rem;}
}

/*---PAST INSIGHTS---*/
#past-insights { padding-top: 16rem; background-color: #F3F4F7;} 
.wiki-content .past-insights-p #box-cta-report .projectathon-box-cols { display: flex; align-items: center;}
 #box-cta-report .projectathon-box-col-illu { margin-bottom:2rem;}
.past-insights-illu { line-height:0 !important;} 
.past-insights-illu img { width: 180px;0; padding:0 3rem 0 0}
}

@media screen and (min-width: 769px1366px) {
 #box-cta-report .past-insights-illu imgprojectathon-box { width: 100%; max-width: 200px; height: autopadding:5rem;}
}  

/*---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:nth-child(1) .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-01.png"); background-size: cover; border-radius: 100% 0% 47% 53% / 0% 76% 24% 100% ;}
/*
.card-upcoming-col:nth-child(2) .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:nth-child(2) .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-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;}
}

Page tree

Versions Compared

Old Version 165

New Version 166

Key