Event calendar

Content Layer

background-repeat	no-repeat
background-size	cover
background-image	cef-event-header-headway-F2KRf_QfCqw-unsplash-filter.jpg
background-position	top bottom
id	813755849
class	cef cef-section cef-primary-bg cef-img-parallax

Content Column

width	100%
id	813755850

Content Block

id	813755851

Div

class	cef-container

Div

class	cef-row

Div

class	cef-col-6

HTML

<h1>
<span class="cef-d-block cef-mb-3 cef-h4 cef-secondary-color">CEF Digital</span>
<span class="cef-d-block cef-mb-2">Events</span>
<span class="cef-d-block cef-h3 cef-font-weight-normal cef-mb-0">Please find information about our events below. <br>All DIGITAL events are free upon registration</span>
</h1>

CSS Stylesheet

/*FRAMEWORK CSS CEF DIGITAL V3 30/03/2021*/

/************************************************************/
/*--- SPECIFIC FOR THIS PAGE = DON'T COPY ON BRIKIT CSS ---*/
/**********************************************************/
/*--- REMOVE CEF DIGITAL BREADCRUMB & TITLE PAGE ---*/
.brikit-header-backdrop { border:none;}
.brikit-title-backdrop { display: none !important;}
#brikit-breadcrumbs-relocated { display: none;}
.first-layer { display
    background-image: none !important;}

Content Layer

background-repeat	no-repeat
background-size	80%
background-position	top bottom
id	334189128
class	cef cef-section cef-grey-light-bg

Content Column

width	100%
id	334189131

Content Block

id	334189135

Div

class	cef-container

Div

class	cef-row

Div

class	cef-col-12

HTML
<h2>Highlights</h2>

Div

class	cef-col-12 cef-slider-event

News Slider

buttonsColor	#003764
displayTime	0
newsText	excerpt
color	#FFF
spacesSelected	DIGITAL
showStats	false
link	false
showSpace	false
showAuthor	false
showDate	false
labels	event-spotlight
navigation	false
showError	false
maxResults	5
sortOrder	lastmodified desc
width	100%
contentType	page
imageLabels	featured
bullets	true

Content Layer

id	2048633662
class	cef cef-section

Content Column

width	100%
id	2048633663

Content Block

id	2048633665

Div

class	cef-container

Div

class	cef-row

Div

class	cef-col-12 cef-news-event-list

HTML
<h2>Upcoming Events</h2>

News Teaser

newsText	excerpt
color	white
openLinksInNewWindow	false
spacesSelected	DIGITAL
columns	3
showStats	false
link	false
showSpace	false
showAuthor	false
showDate	false
labelColor	#0049B0
labels	event-list
layout	list
showError	false
maxResults	6
sortOrder	lastmodified
promotedFirst	true
contentType	page
imageLabels	featured


    padding: 2rem 0;
}
.first-layer .cef-row .cef-col-6 h1{
    margin: 0;
}
.first-layer .cef-row .cef-col-6 h1 span{
    margin: 0 !important;
}
.first-layer .cef-row .cef-col-6 h1 span:first-child{
    display: none;
}
.first-layer .cef-row .cef-col-6 h1 span:last-child{
    display: none;
}

Content Layer

background-repeat	no-repeat
background-size	80%
background-position	top bottom
id	334189128
class	cef cef-section cef-grey-light-bg

Content Column

width	100%
id	334189131

Content Block

id	334189135

Div

class	cef-container

Div

class	cef-row

Div

class	cef-col-12

HTML
<h2>Highlights</h2>

Div

class	cef-col-12 cef-slider-event x1-cont

News Slider

buttonsColor	#003764
displayTime	0
newsText	excerpt
color	#FFF
spacesSelected	DIGITAL
showStats	false
link	false
showSpace	false
showAuthor	false
showDate	false
labels	event-spotlight
navigation	false
showError	false
maxResults	5
sortOrder	lastmodified desc
width	100%
contentType	page
imageLabels	featured
bullets	true

Content Layer

id	2048633662

Content Layer

id	656114693
class	cef cef-section

Content Column

width	100%
id	6561146952048633663

Content Block

id	6561146982048633665

Div

class	cef-container

showCreatedDate

Div

class	cef-row

Div

class	cef-col-12 cef-news-event-list x1-cont

HTML

<h3>Past<h2>Upcoming Events</h3>

Div

class	ev-summary

h2>

News Teaser

newsText	excerpt
color	white

filterByDate

false

openLinksInNewWindow

false

	false
spacesSelected	DIGITAL

,CEFDIGITAL


columns	3
showStats	false
link	false
showSpace	false
showAuthor	false
showDate	false
labelColor	#0049B0
labels	event-list

-past

maxResults

layout	list
showError	false

3

6
sortOrder	lastmodified

desc


promotedFirst	true
contentType	page
imageLabels	featured

showCreator

falseexpand

Content Layer

id

656114693
class	cef cef-section

Content Column

width	100%
id	656114695

Content Block

id	656114698

Div

class	cef-container

Div

class	cef-row

Div

class	cef-col-12 cef-news-event-list

HTML
<h3>Past Events</h3>

Div

class	ev-summary x1-cont

News Teaser

newsText	excerpt
color	white
filterByDate	false
openLinksInNewWindow	false
showCreatedDate	false
spacesSelected	DIGITAL,CEFDIGITAL
columns	3
showStats	false
link	false
showSpace	false

title	See all

News Teaser

newsText	excerpt
color	white
filterByDate	false
openLinksInNewWindow	false
showCreatedDate	false
spacesSelected	DIGITAL,CEFDIGITAL
columns	3
showStats	false
link	false
showSpace	false
showAuthor	false
showDate	false
labelColor	#0049B0
labels	event-list-past
layout	list
showError	false
maxResults	103
sortOrder	lastmodified desc
promotedFirst	true
contentType	page
imageLabels	featured
showCreator	false

Expand

title	See all

Div

class	x1-cont

News Teaser

newsText	excerpt
color	white
filterByDate	false
openLinksInNewWindow	false
showCreatedDate	false
spacesSelected	DIGITAL,CEFDIGITAL
columns	3
showStats	false
link	false
showSpace	false
showAuthor	false
showDate	false
labelColor	#0049B0
labels	event-list-past
layout	list
showError	false
maxResults	10
sortOrder	lastmodified desc
promotedFirst	true
contentType	page
imageLabels	featured
showCreator	false

CSS Stylesheet
.ev-summary div[class^="sc-"]{ display: none; } .ev-summary.ev-sum-hidden{ display: none; }

HTML

<script>
    window.addEventListener('DOMContentLoaded', () => {
        const seeAllBtn = document.querySelector('div[id*="expander"');
        const summ = document.querySelector('.ev-summary');

        const x1Cont = document.querySelectorAll('.x1-cont');
        
        setTimeout(() => {
            x1Cont.forEach(element => {
                console.log(element);
                const listItems = element.querySelectorAll('.aui-group');
                console.log(listItems.length);
                if(listItems.length < 1){
                    element.closest('.cef-section').style.display = 'none';
                }
            });

HTML

<script>
    window.addEventListener('DOMContentLoaded'), () => {
        const seeAllBtn = document.querySelector('[id^="expander"]');}, 3000);


        setTimeout(seeAllBtn.addEventListener('click', () => {
            console.log(seeAllBtn);
        }, 5000);
    }
</script>if(summ.classList.contains('ev-sum-hidden')){
                summ.classList.remove('ev-sum-hidden');
            }
            else{
                summ.classList.add('ev-sum-hidden');
            }
        })
    });
</script>

Content Layer

background-repeat	no-repeat
background-size	cover
background-image	cef-event-header-headway-F2KRf_QfCqw-unsplash-filter.jpg
id	347532780
class	cef cef-section cef-primary-bg cef-img-parallax

Content Column

width	100%
id	347532789

Content Block

id	347532796

Div

class	cef-container

Div

class	cef-row

Div

class	cef-col-12

HTML
<h2>Discover our Building Blocks</h2>

Div

class	cef-row

Content Layer

background-repeat	no-repeat
background-size	cover
background-image	cef-event-header-headway-F2KRf_QfCqw-unsplash-filter.jpg
id	347532780
class	cef cef-section cef-primary-bg cef-img-parallax

Content Column

width	100%
id	347532789

Content Block

id	347532796

Div

class	cef-container

Div

class	cef-row

Div

class	cef-col-12

HTML
<h2>Discover our Building Blocks</h2>

<div class="cef-bb-min cef-bb-blockchain"> <a class="cef-h5" href="https://ec.europa.eu/digital-building-blocks/sites/display/ebsi/">Blockchain (EBSI)</a> </div>cef-row

Div

class	cef-row

Div

class	cef-col-3 cef-mt-4 cef-secondary-heading-deco

HTML

Div

class	cef-col-3 cef-mt-4 cef-secondary-heading-deco

HTML
<div class="cef-bb-min cef-bb-edelivery"> <a class="cef-h5" href="https://ec.europa.eu/digital-building-blocks/sites/display/DIGITAL/eDelivery">eDelivery</a> </div>

Div

class

Div

class	cef-col-3 cef-mt-4 cef-secondary-heading-deco

HTML
<div class="cef-bb-min cef-bb-eid"> <a class="cef-h5" href="https://ec.europa.eu/digital-building-blocks/sites/display/DIGITAL/eID">eID</a> </div>

Div

class	cef-row

Div

class	cef-col-3 cef-mt-4 cef-secondary-heading-deco

HTML
<div class="cef-bb-min cef-bb-einvoicing"> <a class="cef-h5" href="https://ec.europa.eu/digital-building-blocks/sites/display/DIGITAL/eInvoicing">eInvoicing</a> </div>

Div

class	cef-col-3 cef-mt-4 cef-secondary-heading-deco

HTML
<div class="cef-bb-min cef-bb-esignature"> <a class="cef-h5" href="https://ec.europa.eu/digital-building-blocks/sites/display/DIGITAL/eSignature">eSignature</a> </div>

Div

class	cef-col-3 cef-mt-4 cef-secondary-heading-deco

HTML
<div class="cef-bb-min cef-bb-oop"> <a class="cef-h5" href="https://ec.europa.eu/digital-building-blocks/sites/display/OOTS">Once Only Principle</a> </div>

CSS Stylesheet

/*--CEF BB FAMILY MIN--*/
/*--------------------*/ 
.cef-bb-min {padding-top:100px;}
.cef-bb-min a, .brikit-content-layers .cef .cef-bb-min a:link { display:inline-block; border-color:transparent;}
.cef-bb-min a, .brikit-content-layers .cef .cef-bb-min a {position: relative; margin-bottom:0; font-weight: bold;}
.cef-bb-min a::before { top:-90px;}
.cef-bb-min a::before {content:''; position: absolute; height: 75px; width: 75px; background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/82773384/ico-bdti.png'); background-repeat: no-repeat; background-size: cover;}

.cef-bb-min.cef-bb-big-data a::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/28911254782773384/ico-bdti.png');}
.cef-bb-min.cef-bb-blockchain a::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/28911254782773384/ico-blockchain.png');}
.cef-bb-min.cef-bb-context-broker a::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/28911254782773384/ico-context-broker.png');}
.cef-bb-min.cef-bb-earchiving a::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/28911254782773384/ico-earchiving.png');}
.cef-bb-min.cef-bb-edelivery a::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/28911254782773384/ico-edelivery.png');}
.cef-bb-min.cef-bb-eid a::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/28911254782773384/ico-eid.png');}
.cef-bb-min.cef-bb-einvoicing a::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/28911254782773384/ico-einvoicing.png');}
.cef-bb-min.cef-bb-esignature a::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/28911254782773384/ico-esignature.png');}
.cef-bb-min.cef-bb-etranslation a::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/28911254782773384/ico-etranslation.png');}
.cef-bb-min.cef-bb-oop a::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/28911254782773384/ico-oop.png');}

/*--CEF BB FAMILY MIN HACK LINK--*/
.brikit-content-layers .cef .cef-bb-min a:not(.aui-button):not(.rich-link), 
.brikit-content-layers .cef .cef-bb-min a:not(.aui-button):not(.rich-link):link,
.brikit-content-layers .cef .cef-bb-min a:not(.aui-button):not(.rich-link):visited, 
.brikit-content-layers .cef .cef-bb-min a:not(.aui-button):not(.rich-link):active,
.brikit-content-layers .cef .cef-bb-min a {color: white; border-color:transparent !important;}
.brikit-content-layers .cef .cef-bb-min a:not(.aui-button):not(.rich-link):hover { color: #003764;}

Page tree

Versions Compared

Old Version 10

New Version Current

Key