Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Div
idinformation
classsection
Div
classcontainer
Div
classcols
Html-bobswift
<div class="col-8">

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

<ul class="information-list">

<li>
<div class="information-cols">
<div class="information-col"><p>Location</p></div>
<div class="information-col"><p>Conference Center Albert Borschette (CCAB)<br>Rue Froissart 36<br>1040 Brussels, Belgium</p></div>
</div>
</li>

<li>
<div class="information-cols">
<div class="information-col">Date<><p>Date</p></div>
<div class="information-col"><p>19 April - 21 April 2023</p></div>
</div>
</li>

<li>
<div class="information-cols">
<div class="information-col">Registration<><p>Registration</p></div>
<div class="information-col"><p>Open 7 February 2023; Close 03 March 2023</p></div>
</div>
</li>

</ul>

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

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

<p>The April 2023 Projectathon will be based on the OOTS TDDs (Technical Design Documents) version Q4 2022. For this event, an overview of a mix of test cases has been prepared, in sync with those specifications and tailored to the development status of the Member States. It consists of the following elements:</p>

<ul>
<li>5 Evidence Exchange scenarios without preview;</li>
<li>5 Evidence Exchange scenarios with preview;</li>
<li>2 Maintenance flow scenarios (Common Service updates).</li>
</ul>

<p>A high-level overview and summary of test cases is available to the Testing and deployment sub-group (restricted to relevant users on the wiki). The full test cases detailed will be visible in Gazelle (restricted to users that registered as participants to the Projectathon).</p>

<p>The tests will start with static and pre-agreed data. This is to be discussed in and shared through the relevant subgroup (Testing and deployment) and/or collaborative space on Teams.</p>

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

</div>

...

CSS Stylesheet
/*------------------------------------------------*/
/*---OOH PROJECTATONS DETAIL PAGE - 22-02-2023---*/
/*----------------------------------------------*/ 

#main-content p:empty { display: none;}
/*#main-content p span:empty { display: none;}*/

.mb-0 { margin-bottom:0;}

/*---INFORMATION---*/
#information h2 { margin:5rem 0 2.5rem 0;}
#information h2:first-child { margin-top:0;}

.information {}
.information-list { margin: 0; padding: 0;}
.information-list li { margin:2.5rem 0 0 0; padding-bottom:1.5rem; list-style-type: none; border-bottom: 1px solid #E3E6EB;}
.information-list li:first-child { margin-top:0;}
.information-cols { display: flex;}
.information-col:nth-child(1) { width: 25%; font-size: 18px !important; color: #001832;}
.information-col:nth-child(2) { width: 75%}

.timeline {}
.description {}
.agenda {}

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

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

/*---BOX CTA PROJECTATHON---*/
#box-cta-projectathon { padding-top:0; position:relative;}
#box-cta-projectathon .projectathon-box { padding:1.5rem; background-color: #00284A; border-radius:20px;}
#box-cta-projectathon .container .cols { margin-bottom:-1rem;}
#box-cta-projectathon .projectathon-box-col-illu { margin-bottom:1rem;}
#box-cta-projectathon .projectathon-box-col-illu img { width: 120px; height:auto;}
#box-cta-projectathon h3, #box-cta-projectathon p { color: white;}
#box-cta-projectathon p.p-opacity { opacity: 0.75}
#box-cta-projectathon p:last-of-type { margin-bottom:0;}
/*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;}
}