Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
CSS Stylesheet
/*-----------------------------------------------*/
/*---OOH ACCELERATOR DETAIL PAGE - 13-05-2024---*/
/*---------------------------------------------*/

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

/*---INTRODUCTION---*/
#introduction .container > p:first-child { display: none; border:1px solid red;}
.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/732397574/illu-introduction-accelerator-3-2024.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; letter-spacing: 5px; font-family: Source Sans Pro SB !important; text-transform: uppercase;}

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

@media screen and (min-width: 769px) {
  .introduction-box-content h1 + p { width: 80%;}
}

/*---INFORMATIONGALLERY---*/
#information#gallery { padding-top:0 position: relative; z-index: 2; padding-bottomtop:0;}

/*reboot*/ 
#information#gallery .container .cols > {div margin:0;}
#informationp:first-child, #gallery .container .cols > div p:last-child { paddingdisplay:0 none;}

#information h2.wiki-content .gallery-p { margin:6rem0 0 40px2rem 0;}
#information h2:first-child.wiki-content .gallery-cta { margin-top:0;2rem 0 0 0;}

.information-listgallery { margin: 0 -5px!important; padding: 0 width:100%;}
.gallery table { width:100%;}
.gallery table td { width:25%;}
.information-list ligallery table td img { margin:2rem 0 0 0!important; padding-bottom:1rem 5px; list-style-typewidth: none100%; bordermax-bottomwidth: 1px400px; solidheight: #E3E6EB;}
.information-list li:first-child { margin-top:0;}
.information-list li:last-childauto; border-radius: 16px;}
.gallery table td img:hover { cursor: pointer;}

/*---INFORMATION---*/
#information { padding-bottomtop:0; borderpadding-bottom: none0;}
.information-col:nth-child(1) p { font-size: 18px; color: #001832;}
.information-list li:last-child .information-col:nth-child(2) p { margin-bottom
/*reboot*/ 
#information .container .cols { margin:0;}
#information .container .cols > div { padding:0;}

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

/*---AGENDA BOX---*/
.agenda-content-box { position: relative; padding:80px; background-color:#00284A; border-radius:60px;}
.agenda-content-box{ margin:6rem 0 40px 0;}
#information h2:first-child { margin-top: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 { margin-bottom:80pxfont-size: 18px; color: #001832;}
.agenda-content-boxinformation-list li:last-child .information-col:nth-child(2) p { margin-topbottom:40px0;}
.agenda-content-box > p:first-child
@media screen and (min-width: 769px) {
	.information-cols { display:none flex; borderalign-items:1px solid red flex-start;}

@media screen and (max-width: 768px	.information-col:nth-child(1) {
 width: 30%;}
	.agendainformation-content-boxcol:nth-child(2) { paddingwidth:20px; border-radius:20px; 70%}
}

/*---AGENDA BOX---*/
.agenda-content-box h2 { margin-bottom:40pxposition: relative; colorpadding: #FFF;}

.agenda-hour-cols { display: flex80px; background-color:#00284A; border-radius:60px;}
.agenda-hourcontent-colbox:nth-child(1) { padding:1rem 0; width: 25%; font-family: Source Sans Pro SBmargin-bottom:80px;}
.agenda-hourcontent-colbox:nth-child(2) { padding:1rem 0; width: 75%; border-bottom: 1px dashed rgba(255, 255, 255, 0.25);}
.agenda-hour li:last-child margin-top:40px;}
.agenda-content-box > p:first-child { display:none; border:1px solid red;}

@media screen and (max-width: 768px) {
  .agenda-content-box { padding:20px; border-radius:20px;}
}

.agenda-content-box h2 { margin-bottom:40px; color: #FFF;}

.agenda-hour-cols { display: flex;}
.agenda-hour-col:nth-child(21) { border-bottom:none;}

@media screen and (min-width: 769px) {
	.agenda-cols { display: flex;}
	.agenda-padding:1rem 0; width: 25%; font-family: Source Sans Pro SB;}
.agenda-hour-col:nth-child(12) { padding:1rem 0; width: 30% 75%; border-bottom: 1px dashed rgba(255, 255, 255, 0.25);}
	.agenda-colhour li:nthlast-child(2) { width: 70%}
}

/*hour*/
 .agenda-hour-cols  .agenda-hour-col:nth-child(2) { margin: 0; padding:0;}
.agenda-hour li { list-style: none;}
.agenda-hour li:first-child { padding-top:0;}
.agenda-hour li:border-bottom:none;}

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

/*hour*/
.agenda-hour { margin: 0; padding:0;}
.agenda-hour li { list-style: none;}
.agenda-hour li:first-child { padding-top:0;}
.agenda-hour li:last-child { padding-bottom:0; border-bottom: 1px dashed transparent;}
.agenda-hour li .agenda-hour-col:nth-child(1) {color: #FFF;}
.agenda-hour li .agenda-hour-col:nth-child(2) {color: rgba(255, 255, 255, 0.75);}

/*ico-location*/
.location { display: inline-flex; flex-direction: row; align-items: center; gap: 6px;}
.location span:nth-child(1) { display: inline-block; width: 16px; height: 16px;}
.location.room-1 span:nth-child(1) { background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/716149200/ico-room-1.svg") no-repeat center;}
.location.room-1 span:nth-child(2) { color:#FBC11D;}
.location.room-2 span:nth-child(1) { background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/716149200/ico-room-2.svg") no-repeat center;}
.location.room-2 span:nth-child(2) { color:#EC8FFF;}

/*add illu*/
.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;}
}

/*macro expand*/
.expand-container { margin:0; padding:0; border-bottom: 1px solid rgba(255, 255, 255, 0.12);}
.expand-container:last-child { border-bottom: 1px solid transparent;}
.expand-container .aui-icon::before { font-size: 20px !important; color: #FFF;}
.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-control { display: flex; align-items: center;  margin-bottom:0; padding:40px 0;}
.expand-control button { display: flex; flex-direction: row-reverse; justify-content: space-between; align-items:end; gap: 24px; width:100%;}
.expand-control button.aui-button.aui-button-link { color: transparent;}
.expand-control button span:nth-child(1) {}
.expand-control button span:nth-child(2) { text-align: left;}
.expand-control-text {width: 100%; font-size: 20px; color: #FFF;}
.expand-content { margin:0; padding: 0; color: #5E748E;}

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

/*---REGISTER---*/
#register { display:none; padding-bottom:0; background:#F3F4F7;}

/*reboot*/ 
#register .container .cols { margin:0;}
#register .container .cols > div { padding:0;}

#register .container .cols { position:relative; z-index: 10;}
#register h2 { margin-bottom:40px;}
#register ul { margin:2.5rem 0 0 0; padding: 0; list-style: none;}
#register ul li { display:flex; align-items: baseline; gap:8px;}
#register ul li 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;}
#register ul li:last-child > p { margin-bottom:0;}
#register p.p-btn-cta { margin:40px 0 0 0;}

/*---FOOTER---*/
#projectathon-footer { padding-top:0;}

/*reboot*/ 
#projectathon-footer .container .cols { margin:0;}
#projectathon-footer .container .cols .col-12 { padding:0;}

#projectathon-footer .container .cols div { border-top:1px solid #E3E6EB;}
#projectathon-footer .container .cols div p { margin:40px 0 0 0;}
Div
idintroduction
classsection
Div
classcontainer
Html-bobswift
<p><a class="link-cta primary before" href="https://ec.europa.eu/digital-building-blocks/sites/display/OOTS/Events+calendar"><span>Back to the events calendar</span></a></p>

<div class="introduction-box">

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

<div class="introduction-box-content">
<p class="h5">13 - 14 June 2024 | Brussels, Belgium</p>
<h1 class="h2"><span class="heading-subtitle">Online and offline event</span>#3 OOTS Accelerator Event 2024</h1>
<p>This hybrid event aims to accelerate technical readiness of Member States’ national infrastructure.</p>
<p>Registration: <strong>From 15 May - until 31 May 2024</strong></p>
<p>Registration: <strong>Closed</strong></p>
<!--<p><span class="badge success">Registration coming soon</span></p>-->
<!--<p class="text-right</p>
<!--<p>Registration: <strong>From 15 May - until 31 May 2024</strong></p>-->
<p>Registration: <strong>Closed</strong></p>
<!--<p><span class="badge success">Registration coming soon</span></p>-->
<!--<p class="text-right"><a class="btn primary" href="https://ec.europa.eu/eusurvey/runner/2024Accelerator3"><span>Register</span></a></p>-->
</div>

</div>
Div
idgallery
classsection
Div
classcontainer
Div
classcols justify-content-center
Div
classcol-9
Html-bobswift
<h2>Event highlights</h2>
<p class="gallery-p">Experience the event in its entirety and relive every moment with our gallery.</p>

Gallery
excludeLabelno-gallery
sortname

Html-bobswift
<p class="gallery-cta"><a class="btn 
primary
ghost" href="https://ec.europa.eu
/eusurvey/runner/2024Accelerator3"><span>Register<
/digital-building-blocks/sites/x/n4G4L"><span>See all gallery images</span><span class="ico-cta-forward"></span></a></p>
--> </div> </div>
Div
idinformation
classsection
Div
classcontainer
Div
classcols
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>Brussels, Belgium</p></div>
</div>
</li>  

<li>
<div class="information-cols">
<div class="information-col"><p>Date</p></div>
<div class="information-col"><p>13 - 14 June 2024</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 State teams relevant for implementing the Once-Only Technical System, including Competent Authorities to be onboarded or informed.</p></div>
</div>
</li>

<li>
<div class="information-cols">
<div class="information-col"><p>Fees</p></div>
<div class="information-col"><p>No fees are charged to participate in this event.</p></div>
</div>
</li>

<li>
<div class="information-cols">
<div class="information-col"><p>Travel</p></div>
<div class="information-col"><p>The Commission can cover the reimbursement of travel costs for one public and one private sector expert per Member State.</p></div>
</div>
</li>

</ul>

<!--END PRACTICAL INFORMATION -->

<!-- START DESCRIPTION -->

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

<p>This hybrid event aims to accelerate technical readiness of Member States’ national OOTS infrastructure. To facilitate attendance, this event will be run both in-person and online. However, note that in-person attendance increases the quality of support and facilitates interaction across all teams. A successful accelerator event will build confidence among teams when they come together to</p>

<ul>
<li>attend training, information and brainstorming sessions about the OOTS</li>
<li>ensure the readiness of their national systems and the Competent Authorities connecting to the OOTS.</li>
</ul>

<p style="margin-top:2.5rem; margin-bottom:0;"><a class="link-download primary" href="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/605325773/OOTS_Privacy_Statement_meetings_and_events.pdf"><span>Download the privacy statement</span></a></p>

<!-- END DESCRIPTION -->

</div>
Div
idagenda
classsection agenda
Div
classcontainer
Div
idagenda-content
Div
classagenda-content-box
Html-bobswift
<h2 class="h3">Agenda track 1</h2>
<p style="color: rgba(255, 255, 255, 0.75);">At our 3rd accelerator event, Member States will have the opportunity to present their progress in implementing and designing the OOTS experience. Through live or video demos, they can inspire other members and provide them with ideas to implement in their own countries. This is an excellent opportunity for Member States to share knowledge and best practices with one another.</p>
<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>
<p><span class="location room-2"><span></span><span>Room 1D (floor 1)</span></span></p>
Expand
titleDay 1
Html-bobswift
<ul class="agenda-hour">

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">08:30 - 10:00</div>
<div class="agenda-hour-col"><strong>Welcome coffee & registration</strong></div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">10:00 - 11:00</div>
<div class="agenda-hour-col"><strong>Member State Demo (Finland) and roundtable</strong></div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">11:00 - 12:00</div>
<div class="agenda-hour-col"><strong>Member State Demo (Italy) and roundtable</strong></div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">12:00 - 13:00</div>
<div class="agenda-hour-col"><strong>Lunch</strong></div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">13:00 - 14:00</div>
<div class="agenda-hour-col"><strong>Member><strong>Informal State Demo and roundtable<planning discussion</strong></div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">14:00 - 15:00</div>
<div class="agenda-hour-col"><strong>Member State Demo (Austria) and roundtable</strong></div>
</div>
</li>


<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">15:00 - 16:00</div>
<div class="agenda-hour-col"><strong>Member State Demo (Portugal and Spain) and roundtable</strong></div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">18:00</div>
<div class="agenda-hour-col"><strong>Social event</strong>
</div>
</div>
</li>

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

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">08:30 - 09:30</div>
<div class="agenda-hour-col"><strong>Welcome coffee & registration</strong></div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">09:30 - 10:30</div>
<div class="agenda-hour-col"><strong>Round-Table<><strong>Roundtable</strong></div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">11:00 - 12:00</div>
<div class="agenda-hour-col"><strong>Member State Demo (Germany) and roundtable - Germany <roundtable</strong></div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">12:00 - 13:00</div>
<div class="agenda-hour-col"><strong>Lunch</strong></div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">13:00 - 14:45</div>
<div class="agenda-hour-col"><strong>Accelerator Demos</strong></div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">14:45 - 16:00</div>
<div class="agenda-hour-col"><strong>POC Contact Group</strong></div>
</div>
</li>

</ul>
Div
classagenda-content-box
Html-bobswift
<h2 class="h3">Agenda track 2</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>
<p><span class="location room-2"><span></span><span>Room 1C (floor 1)</span></span></p>
Expand
titleDay 1
Html-bobswift
<ul class="agenda-hour">

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">08:30 - 09:30</div>
<div class="agenda-hour-col"><strong>Welcome coffee & registration</strong></div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">09:30 - 10:30</div>
<div class="agenda-hour-col"><strong>Introduction</strong><br>
<i>Welcome words and an outline of what to expect over the next two days</i>
</div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">10:30 - 12:00</div>
<div class="agenda-hour-col"><strong>Testing session #1</strong><br>
<i>Support information and relevant procedure + Common Service planning + cross-validation update</i>
</div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">12:00 - 13:00</div>
<div class="agenda-hour-col"><strong>Lunch</strong></div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">13:00 - 14:30</div>
<div class="agenda-hour-col"><strong>Testing session #2</strong><br>
<i>Common Service readiness indicators (including discovery feature and query service), covering relevant PROD + ACC instances + Latest OOTS Validator / Data model checks</i>
</div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">14:30 - 15:00</div>
<div class="agenda-hour-col"><strong>Coffee break​</strong></div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">15:00 - 17:00</div>
<div class="agenda-hour-col"><strong>Testing session #3</strong><br>
<i>Access Point readiness indicators (focus on connectivity and readiness in PROD and ACC + finding issues to be corrected by next day)</i>
</div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">17:00 - 17:30</div>
<div class="agenda-hour-col"><strong>Wrap-up</strong><br>
<i>Evaluation of the day</i>
</div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">18:00</div>
<div class="agenda-hour-col"><strong>Social event</strong>
</div>
</div>
</li>

<!--
<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">11:00-12:00​</div>
<div class="agenda-hour-col">
<strong>Welcome breakfast & coffee</strong><br>
<span class="location room-1"><span></span><span>Room 1</span></span><br>
<i>Text</i>
</div>
</div>
</li>
-->

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

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">08:30 - 09:30</div>
<div class="agenda-hour-col"><strong>Welcome coffee & registration</strong></div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">09:30 - 10:30</div>
<div class="agenda-hour-col"><strong>Roundtable on Accelerator progress and Competent Authority involvement (present and future)</strong>
</div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">10:30 - 12:00</div>
<div class="agenda-hour-col"><strong>Testing Session #4</strong><br>
<i>Preparing and executing E2E transactions</i>
</div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">12:00 - 13:00</div>
<div class="agenda-hour-col"><strong>Lunch</strong>
</div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">13:00 - 14:30</div>
<div class="agenda-hour-col"><strong>Testing Session #5</strong><br>
<i>Demos of E2E transactions (focus on real transactions in PROD or test transactions in ACC)</i>
</div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">14:30 - 15:00</div>
<div class="agenda-hour-col"><strong>Coffee break</strong>
</div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">15:00 - 16:30</div>
<div class="agenda-hour-col"><strong>Testing Session #6</strong><br>
<i>Planning October Projectathon: Test cases, Test data (including identities), Thematic focus areas, Competent Authority data services and related systems</i>
</div>
</div>
</li>

<li>
<div class="agenda-hour-cols">
<div class="agenda-hour-col">16:30 - 17:00</div>
<div class="agenda-hour-col"><strong>Wrap-up</strong><br>
<i>Evaluation of the event and lookout to next steps</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">
<strong>Welcome breakfast & coffee</strong><br>
<span class="location room-2"><span></span><span>Room 1</span></span><br>
<i>Text</i>
</div>
</div>
</li>
-->

</ul>

...