Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
CSS Stylesheet
/*---------------------------------------*/
/*---OOH ABOUT OOTS PAGE - 17-11-2022---*/
/*-------------------------------------*/
.hack-remove-p > p:first-child, 
.hack-remove-p > p:last-child { display:none; border:1px solid red;}

@media screen and (max-width: 769px) {
  .img-mobile { width: 180px;}
  .remove-on-mobile { display:none !important;}
}  

@media screen and (max-width: 1200px) {
  .not-d-block-mobile  { display:inline !important;}
}

/*---INTRODUCTION---*/
#introduction h1 { margin-bottom:2.5rem;} 
#introduction p { margin-bottom:0;}
/*hack - remove empty p from confluence*/
#introduction p:first-child ,#introduction p:last-child { display:none; border:1px solid red;}

/*---TECHNICAL DOCUMENTATION---*/
#technical-documentation { position:relative; 
background-image: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/565379323/bg-illu-sigle-service-documentation.svg");
background-position: top right;
background-repeat: no-repeat;
background-size: cover;
background-color: white;}

@media screen and (max-width: 769px) {
  #technical-documentation { background-position: top right; background-size: 240%;}
}  

#technical-documentation .container > p:last-child { display:none; border:1px solid red;}
#technical-documentation .card-grid small { color: #5D24A4;}
#technical-documentation .card-grid-footer { text-align: right;}
#technical-documentation .card-grid-footer p:first-child { margin-bottom:1.5rem;}
.technical-documentation-cta { margin-bottom:0 !important;}

@media screen and (min-width: 769px) {
	#technical-documentation .card-grid-body p:last-child { margin-bottom: 0;}
	.technical-documentation-cta { margin-top:2.5rem !important;} 
} 
Div
idintroduction
classsection
Div
classcontainer
Div
classcols justify-content-between align-items-center
Div
classcol-7
Html-bobswift
<h1>Documentation and<br> common services</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse rutrum consectetur convallis. Donec libero nunc, dictum sed venenatis et, vestibulum nec urna. Nulla sed dui sagittis, iaculis felis quis, luctus massa.</p>
Div
classcol-4
HTML Image
srchttps://ec.europa.eu/digital-building-blocks/sites/download/attachments/61046807/illu-introduction.png
altillustration Once Only Technical System (OOTS)
classimg-fluid img-mobile
Div
idtechnical-documentation
classsection
Div
classcontainer
Div
classcols
Div
classcol-9

Documentation

Html-bobswift
<p>The technical and operational specifications of the Once-Only Technical System, laid down in the Commission’s <a target="_blank" href="https://eur-lex.europa.eu/legal-content/EN/TXT/?uri=uriserv%3AOJ.L_.2022.231.01.0001.01.ENG&toc=OJ%3AL%3A2022%3A231%3ATOC">Implementing Regulation ((EU) 2022/1463)</a> setting out the system, are complemented by detailed, non-binding technical design documents jointly prepared by the Commission and Member States.</p>
Div
stylemargin-top:-3rem;
classcols
Div
classcol-4
Html-bobswift
<div class="card-grid">
<div class="card-grid-body">
<p><small>Chapter 1</small></p>
<h3 class="h5">Introduction - High Level <br>Architecture</h3>
<p>This chapter introduces the high-level architecture of the Once-Only Technical System and the key concepts and themes found in the subsequent chapters.</p>
</div>
<div class="card-grid-footer">
<p>Release date: <strong>October 2022</strong></p>
<p><a class="btn primary" target="_blank" href="https://ec.europa.eu/digital-building-blocks/sites/x/GYcUJ"><span>View chapter</span><span class="ico-cta"></span></a></p>
</div>
</div>
Div
classcol-4
Html-bobswift
<div class="card-grid">
<div class="card-grid-body">
<p><small>Chapter 2</small></p>
<h3 class="h5">User Identification, Authentication and Record Matching</h3>
<p>This chapter explains how those submitting or receiving evidences through the Once-Only Technical System are identified and authenticated.</p>
</div>
<div class="card-grid-footer">
<p>Release date: <strong>October 2022</strong></p> 
<p><a class="btn primary" target="_blank" href="https://ec.europa.eu/digital-building-blocks/sites/x/YYcUJ"><span>View chapter</span><span class="ico-cta"></span></a></p>
</div>
</div>
Div
classcol-4
Html-bobswift
<div class="card-grid">
<div class="card-grid-body">
<p><small>Chapter 3</small></p>
<h3 class="h5">Common Services</h3>
<p>This chapter looks at the Common Services necessary for the proper execution of the evidence exchange process. You can also learn more about APIs supporting these common services.</p>
</div>
<div class="card-grid-footer">
<p>Release date: <strong>October 2022</strong></p> 
<p><a class="btn primary" target="_blank" href="https://ec.europa.eu/digital-building-blocks/sites/x/gocUJ"><span>View chapter</span><span class="ico-cta"></span></a></p>
</div>
</div>
Div
classcols
Div
classcol-4
Html-bobswift
<div class="card-grid">
<div class="card-grid-body">
<p><small>Chapter 4</small></p>
<h3 class="h5">Evidence Exchange</h3>
<p>This chapter introduces evidence exchange in the Once-Only Technical System, which is based on bilateral data exchange between relevant authorities.</p>
</div>
<div class="card-grid-footer">
<p>Release date: <strong>October 2022</strong></p>
<p><a class="btn primary" target="_blank" href="https://ec.europa.eu/digital-building-blocks/sites/x/04cUJ"><span>View chapter</span><span class="ico-cta"></span></a></p>
</div>
</div>
Div
classcol-4
Html-bobswift
<div class="card-grid">
<div class="card-grid-body">
<p><small>Chapter 5</small></p>
<h3 class="h5">Data Models</h3>
<p>This chapter looks at the data models that streamline the exchange of evidences, together with a methodology for defining new data models and code lists.</p>
</div>
<div class="card-grid-footer">
<p>Release date: <strong>October 2022</strong></p> 
<p><a class="btn primary" target="_blank" href="https://ec.europa.eu/digital-building-blocks/sites/x/RIgUJ"><span>View chapter</span><span class="ico-cta"></span></a></p>
</div>
</div>
Div
classcol-4
Html-bobswift
<div class="card-grid">
<div class="card-grid-body">
<p><small>Chapter 6</small></p>
<h3 class="h5">OOTS Guidance & UX <br>Recommendations</h3>
<p>This chapter provides an overview of how the Once-Only Technical System works as part of the wider Single Digital Gateway and looks at the first set of UX recommendations.</p>
</div>
<div class="card-grid-footer">
<p>Release date: <strong>October 2022</strong></p> 
<p><a class="btn primary" target="_blank" href="https://ec.europa.eu/digital-building-blocks/sites/x/WIgUJ"><span>View chapter</span><span class="ico-cta"></span></a></p>
</div>
</div>
Html-bobswift
<div class="cols text-right">

<div>
<p class="technical-documentation-cta"><a class="btn ghost" target="_blank" href="https://ec.europa.eu/digital-building-blocks/sites/x/GIcUJ"><span>Change log</span><span class="ico-cta"></span></a></p>
</div>

</div>