Page History

...

Div

id	interview-detail-about-ms
class	section

Div

class	container

Div

class	cols justify-content-center

Div

class	col-9

Html-bobswift

<h2 class="h3">About the interviewee</h2>
<p>Jonathan J. Attia is inventor in the field of computer science, cryptography, and network technologies (with many international patents), Jonathan leads several working groups at IEEE SA and ISO/IEC JTC 1 in quantum technologies. He joined DINUM in September 2022 to increase the potential for innovation between public data and high-impact European use cases. Jonathan is Member of Le Cercle des Administrators and Senior Member at IEEE (Institute of Electrical and Electronics Engineers).</p>
<p>La direction interministérielle du numérique (DINUM).</p>
<p>DINUM supports French ministries in their digital transformation. It advises the government and develops services and shared resources such as the inter-ministerial network of the State, FranceConnect, data.gouv.fr or api.gouv.fr. The DINUM is a service of the Prime Minister, placed under the authority of the Minister of Transformation and Public Services.</p>

Div

id	interview-detail-footer
class	section

Div

class	container

Div

class	cols justify-content-center

Html-bobswift

<div class="col-9">
<p class="social-media-cta">Don’t forget to follow the Once-Only Technical System <a href="https://twitter.com/EU_OnceOnly" target="_blank">Twitter</a> account to keep up to date with the latest news.</p>
<p><a href="https://twitter.com/EU_OnceOnly" target="_blank"><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/581239505/ico-twitter.svg" alt="OOH on Twitter"></a></p>
</div>




<div class="interview-detail-about-ms-cols">

<div class="interview-detail-about-ms-picture">
<p class="interview-detail-about-ms-picture-photo"><img aria-hidden="true" alt="" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/631047320/ms-johnathan-attia.jpg"></<p>
<p class="interview-detail-about-ms-picture-name"><strong>Johnathan Attia</strong></p>
<p class="interview-detail-about-ms-picture-function">French CTO for European Single Digital Gateway<br> La direction interministérielle du numérique (DINUM)</p>
</div>

<div class="interview-detail-about-ms-quote">
<q>The Once-Only Technical System can bring a new European network in terms of data exchange between governments and maybe even between citizens afterwards.</q>
</div>  



<p>Jonathan J. Attia is inventor in the field of computer science, cryptography, and network technologies (with many international patents), Jonathan leads several working groups at IEEE SA and ISO/IEC JTC 1 in quantum technologies. He joined DINUM in September 2022 to increase the potential for innovation between public data and high-impact European use cases. Jonathan is Member of Le Cercle des Administrators and Senior Member at IEEE (Institute of Electrical and Electronics Engineers).</p>
<p>La direction interministérielle du numérique (DINUM).</p>
<p>DINUM supports French ministries in their digital transformation. It advises the government and develops services and shared resources such as the inter-ministerial network of the State, FranceConnect, data.gouv.fr or api.gouv.fr. The DINUM is a service of the Prime Minister, placed under the authority of the Minister of Transformation and Public Services.</p>

Div

id	interview-detail-footer
class	section

Div

class	container

Div

class	cols justify-content-center

Html-bobswift

<div class="col-9">
<p class="social-media-cta">Don’t forget to follow the Once-Only Technical System <a href="https://twitter.com/EU_OnceOnly" target="_blank">Twitter</a> account to keep up to date with the latest news.</p>
<p><a href="https://twitter.com/EU_OnceOnly" target="_blank"><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/581239505/ico-twitter.svg" alt="OOH on Twitter"></a></p>
</div>

CSS Stylesheet

/*---------------------------------------------*/
/*---OOH INTERVIEW DETAIL PAGE - 13-12-2022---*/
/*-------------------------------------------*/      

/*---INTERVIEW DETAIL INTRODUCTION---*/
#interview-detail-introduction { padding-bottom: 1rem;}  
#interview-detail-introduction .h1-subtitle { color: #001832;} 
#interview-detail-introduction .h1-date {margin-top: 2.5rem; color: #5E748E;}

.interview-detail-introduction-cover {
background-image: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/631047320/flag-france.jpg");
background-position: center center; background-repeat: no-repeat; background-size: 100%;
}

.interview-detail-introduction-content { position:relative; padding-top:2.5rem !important;; padding-bottom:2.5rem !important; background-color: #F3F4F7;}
.interview-detail-introduction-content:before { content:''; display:block; z-index: 2; position:absolute; top:0; left:-2.5rem;; width:100%; height:100%; background-image: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/597951745/event-detail-introduction-content-shape.svg"); background-repeat: no-repeat; background-size: 100%; background-position: center left;}

.interview-detail-introduction-content h2, .interview-detail-introduction-content p { z-index: 3; position:relative;}
.interview-detail-introduction-content h2 { margin-left:auto; margin-right:auto; width:65%;}
.interview-detail-introduction-content h2 span { display: block; margin-bottom:0.5rem; font-size: 1rem; line-height: 1; color: #5D24A4;}
.interview-detail-introduction-content p { margin-left:auto; margin-right:auto; width:65%;}
.interview-detail-introduction-content .register-cta { text-align: right}

@media screen and (min-width: 769px) {
	.interview-detail-introduction-cover {border-top-left-radius: 12px; border-bottom-left-radius: 12px;}
	.interview-detail-introduction-content { border-top-right-radius: 12px; border-bottom-right-radius: 12px;} 
}

CSS Stylesheet

/*---------------------------------------------*/
/*---OOH INTERVIEW DETAIL PAGE - 13-12-2022---*/
/*-------------------------------------------*/      

/*---INTERVIEW DETAIL INTRODUCTIONMS---*/   
#interview.interview-detail-introductionms-picture { padding-bottom position: relative; text-align: 1remcenter;}  
#interview.interview-detail-introductionms-picture .h1-subtitle { color: #001832;} 
#interview-detail-introduction .h1-date {margin-top: 2.5rem; color: #5E748E;}
interview-detail-ms-picture-photo { position: relative; display: block; margin:0 auto; height: 100px; width: 100px; background: #F4BEFE; border-radius:50%;} 
.interview-detail-ms-introductionpicture-coverphoto img {
background-image: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/631047320/flag-france.jpg");
background-position: center center; background-repeat: no-repeat; background-size: 100%;
}

.interview-detail-introduction-content { position:relative; padding-top:2.5rem !important;; padding-bottom:2.5rem !important; background-color: #F3F4F7 position: absolute; top: -4px; left: -4px; width: 100px; height: 100px; border-radius:50%;}
.interview-detail-ms-picture-name { margin: 0.5rem 0 0 0 !important;}
.interview-detail-ms-picture-function { margin-bottom:0 !important; font-size: 12px !important; color: #5E748E !important;}
.interview-detail-introductionms-content:beforequote { content:''margin-top:3rem; displayposition:blockrelative; zfont-indexstyle: 2italic;}  
.interview-detail-ms-quote:before { position:absolute; top:0-2rem; left:-2.5rem; 0; content: ""; width:100%display: inline-block; height:100% 24px; width: 24px;
background-image: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/597951745581239505/eventico-detail-introduction-content-shapequote-secondary.svg"); background-repeat: no-repeat; background-size: 100%; background-position: center left;}

.interview-detail-introduction-content h2,}
.interview-detail-ms-quote q { color:#3D597A;}


@media screen and (min-width: 769px) {
  .interview-detail-introductionms-content p { z-index: 3; position:relative;}
cols { display: flex; gap:10%; align-items: center;}
  .interview-detail-introductionms-contentpicture h2 { margin-leftwidth:auto; margin-right:auto; width:65%;}
 30%;}
  .interview-detail-introduction-content h2 span ms-picture:before { displayposition: blockabsolute; margin-bottom:0.5rem; font-size: 1rem; line-height: 1; color: #5D24A4;}
top:-1rem; right:-10%; content: ""; border-right:1px solid #FBE5FF; height: 120%}
  .interview-detail-introductionms-contentquote p { margin-lefttop:auto0; margin-right:auto; width:65%;}
.interview-detail-introduction-content .register-cta { text-align: right}

@media screen and (min-width: 769px) {
	.interview-detail-introduction-cover {border-top-left-radius: 12px; border-bottom-left-radius: 12px;}
	width: 60%;}  
}  

/*---INTERVIEW DETAIL ARTICLE---*/
#interview-detail-article { padding-top:0;}
#interview-detail-article .interview-detail-introductionarticle-contentcol > { border-top-right-radius: 12px; border-bottom-right-radius: 12pxp:last-child { margin-bottom:0;} 
}           

/*---INTERVIEW DETAIL MS---*/   
.interview-detail-ms-picture { position: relative; text-align: center;}
.interview-detail-ms-picture .interview-detail-ms-picture-photo { position: relative; display: block; margin:0 auto; height: 100px; width: 100px; background: #F4BEFE; border-radius:50%;} #interview-detail-article .interview-detail-article-subtite { margin-bottom: 0.75rem; color: #5D24A4;}
#interview-detail-article h2,  #interview-detail-article h3 { margin-bottom:1.25rem;}
#interview-detail-article h3 { margin-top:2.5rem; margin-bottom:1.25rem; }
.interview-detail-article-cols {display: flex; gap:5%; align-items: center;}
.interview-detail-article-p {width: 50%;}
.interview-detail-ms-picture-photo img { position: absolute; top: -4px; left: -4px; width: 100px; height: 100px; border-radius:50%article-quote { position:relative; margin-bottom:1.5rem; padding:2.5rem 0 1rem 0; width: 45%; font-style: italic; border-top:1px solid #F4BEFE; border-bottom:1px solid #F4BEFE;}
.interview-detail-ms-picture-namearticle-quote:before { marginposition:absolute; top:0.5rem50rem; 0left: 0; 0 !important;}
.interview-detail-ms-picture-function { margin-bottom:0 !important; font-size: 12px !important; color: #5E748E !important;}
.interview-detail-ms-quote { margin-top:3rem; position:relative; font-style: italic;}  content: ""; display: inline-block;  height: 24px; width: 24px; background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/581239505/ico-quote-secondary.svg")}
.interview-detail-msarticle-quote:before q { positioncolor:absolute; top:-2rem; left: 0; content: ""; display: inline-block; height: 24px; width: 24px;
#3D597A;}

/*---INTERVIEW DETAIL ABOUT MS---*/
#interview-detail-about-ms { padding-top:0; background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/581239505/ico-quote-secondary.svg")}
./631047320/bg-illu-sigle-interview-detail-ms-quote q { color:#3D597A;}


@media screen and (min-width: 769px) {
  .svg") no-repeat 100% 6rem;}
.interview-detail-about-ms-colspicture { displayposition: flexrelative; gap:10%; align-itemstext-align: center;}
  .interview-detail-about-ms-picture { width: 30%;}
  .interview-detail-ms-picture:before-photo { position: absoluterelative; topdisplay:-1rem block; right:-10%margin:0 auto; contentheight: ""100px; border-right:1px solid #FBE5FF; height: 120%}
  width: 100px; background: #F4BEFE; border-radius:50%;} 
.interview-detail-about-ms-picture-quotephoto img { margin-top:0position: absolute; width: 60%;}  
}  

/*---INTERVIEW DETAIL ARTICLE---*/
#interview-detail-article { padding-top:0;}
#interview-detail-article .interview-detail-article-col >  p:last-child { margin-bottom:0;} 
#interview-detail-article .interview-detail-article-subtitetop: -4px; left: -4px; width: 100px; height: 100px; border-radius:50%;}
.interview-detail-about-ms-picture-name { margin: 0.5rem 0 0 0 !important;}
.interview-detail-about-ms-picture-function { margin-bottom: 0.75rem0 !important; font-size: 12px !important; color: #5D24A4#5E748E !important;}
#interview.interview-detail-article h2,  #interview-detail-article h3 about-ms-quote { margin-bottomtop:1.25rem;}
#interview-detail-article h3 { margin-top:2.5rem; margin-bottom:1.25rem; }3rem; position:relative; font-style: italic;}  
.interview-detail-article-cols {display: flex; gap:5%; align-items: center;}
.interview-detail-article-p {width: 50%;about-ms-quote:before { position:absolute; top:-2rem; left: 0; content: ""; display: inline-block; height: 24px; width: 24px;
background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/581239505/ico-quote-secondary.svg")}
.interview-detail-articleabout-ms-quote q { positioncolor:relative#3D597A; margin-bottom:1.5rem; padding:2.5rem 0 1rem 0; width: 45%; font-style: italic; border-top:1px solid #F4BEFE; border-bottom:1px solid #F4BEFE;}
}

@media screen and (min-width: 769px) {
  .interview-detail-article-quote:beforeabout-ms-cols { positiondisplay:absolute; top:0.50rem flex; leftgap: 010%; content: ""; display: inline-block;  height: 24px; width: 24px; background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/581239505/ico-quote-secondary.svg")}
.interview-detail-article-quote q { color:#3D597A;}

/*---INTERVIEW DETAIL ABOUT MS---*/
#interviewalign-items: center;}
  .interview-detail-about-ms-picture { width: 30%;}
  .interview-detail-about-ms-picture:before { position: absolute; top:-1rem; right:-10%; content: ""; border-right:1px solid #FBE5FF; height: 120%}
  .interview-detail-about-ms-quote { backgroundmargin-top: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/631047320/bg-illu-sigle-interview-detail-ms.svg") no-repeat 100% 6rem;}0; width: 60%;}  
}  

/*---INTERVIEW DETAIL FOOTER---*/
#interview-detail-footer { padding-top: 0rem;}
#interview-detail-footer p:last-child { margin-bottom:0;} 
#interview-detail-footer .social-media-cta { margin-bottom:1rem; padding-top: 2.5rem; border-top:1px solid #E3E6EB;}

Page tree

Versions Compared

Old Version 16

New Version 17

Key