Tech Partners

Oxford Internet Institute, University of Oxford

Our partnership with Oxford Internet Institute, University of Oxford, awards a doctoral studentship (DPhil in Social Data Science) that focusses on gendered dynamics and discrimination within STEM fields. The research will identify and analyse cases where gender is a salient dimension in STEM fields, and will combine gender studies with data science. Some research has shown that gender inequalities in STEM are the result of deep pre-conceptions and stereotypes that cannot be mitigated by quotas and affirmative action in hiring. The aim of this research is to have real-world applicability and effect, by informing policymakers, leaders and HR teams in STEM industries about best options to overcome gendered inequalities and how to improve organisational policies and practices. To find out more about the doctoral studentship, click below

Learn more

Tawni Rickey BMX Sponsorship

Calligo is proud to be sponsoring Tawni Rickey, a rising star in the BMX world. As Tawni prepares for the upcoming season, Calligo is privileged to stand alongside her as a sponsor. Whether at local events, official USA BMX national races, or the prestigious UCI Worlds, Tawni will proudly display our brand logo on her jersey as she competes alongside some of the industry’s finest. We firmly believe in Tawni’s potential and are thrilled to be a part of her journey as she continues to ascend to new heights. Our sponsorship of Tawni Rickey is not just about supporting her athletic endeavors; it’s about championing her as a role model for young girls in sport, and resilience and determination she has shown throughout her BMXing career. Through our partnership, we aim to amplify her message of empowerment and inspire others to pursue their passions relentlessly.

Tawni Rickey – A Rising Star In The BMX World

Calligo Tigers Swim Team

The Calligo Tigers Swimming Club, based in Jersey, is well known for its competitive success in the Channel Islands and beyond. Amongst its current ranks, it includes Commonwealth Games, Youth Commonwealth Games and British National standard swimmers. Calligo has supported the club since September 2017 and helps the Jersey Tigers access and take advantage of modern technology-driven techniques to aid the development of swimmers at the club.

Blanchardstown Corporate Park 5K Fun Walk / Run - Dublin

We are proud to be supporting the Blanchardstown Corporate Park 5K Fun Walk / Run event in Dublin in April 2024. As well as our corporate support, many of the team at our Calligo Ireland office will be participating in the 5K, all to raise money for these fantastic charities: The Mater Hospital Foundation; Dogs Trust; St. Francis Hospice. For further information or to donate to any of the above causes, please click this button.

Fields
PHP
SCSS
JavaScript
Pages
Notes

Field

Field Type

Field Name

Instructions

Block Data

tab

Partners

repeater

partners

-- Image

image

item_image

Upload image having size maximum width 230px

-- Title

text

item_title

-- Content

textarea

item_content

-- Link

link

item_link

-- Category

select

item_category

Block Meta

tab

text

block_id

Block Classes

text

block_classes

Background Colors

select

background_colors

Padding Top

select

padding_top

Padding Bottom

select

padding_bottom

Margin Top

select

margin_top

Margin Bottom

select

margin_bottom

@import "../../resources/scss/util/variables";
@import "../../resources/scss/util/mixins";

.block-tech-partners{
    padding: 3em 0;
    
    @include bp($lg){
        padding: 6em 0;
    }

    &__tabs{
        flex-wrap: nowrap;
        margin: rem-calc(0 0 72 0);        
        .bt-tabs{
            display: flex;
            width: 100%;
            margin-bottom: rem-calc(40);
            overflow-y: hidden;
            overflow-x: hidden;
            transition: 0.3s ease padding;
            &:hover{
                padding-bottom: rem-calc(4);
                overflow-x: auto;                
            }

            @media (hover: none) and (pointer: coarse) {
                overflow-x: auto;
                padding-bottom: 0;
            }
            
            @include bp($lg){
                margin-bottom: rem-calc(66);
            }

            @include bp($xl){
                margin-left: calc( calc( 100vw - 1220px ) / 2 );
            }

            @include bp($xxl){
                margin-left: calc( calc( 100vw - 1340px ) / 2 );
            }

            &::-webkit-scrollbar {
                height: 4px;
                @media (hover: none) and (pointer: coarse) {
                    height: 0;
                }
            }
              
              /* Track */
            &::-webkit-scrollbar-track {
                background: #f1f1f1;
            }
              
              /* Handle */
            &::-webkit-scrollbar-thumb {
                background: #888;
            }
              
              /* Handle on hover */
            &::-webkit-scrollbar-thumb:hover {
                background: #555;
            }
        }
        &_nav{
            display: block;
            font-weight: 300;
            font-size: rem-calc(18);
            line-height: rem-calc(18);
            letter-spacing: 0.05em;
            text-decoration: none;
            color: $black;
            text-align: center;
            border-bottom: 1px solid $grey-secondary;            
            width: rem-calc(220);
            margin-right: rem-calc(24);
            flex-shrink: 0;
            padding-bottom: rem-calc(16);

            @include bp($lg){
                width: rem-calc(416);
                font-size: rem-calc(24);
                line-height: rem-calc(24);
                padding-bottom: rem-calc(32);
            }

            &.active{
                font-weight: 600;
                border-bottom: 1px solid $secondary;
            }
        }
    }

    &__col{
        display: none;
        margin-bottom: rem-calc(24);
        &.show{
            display: block;
        }
    }
    
    &__item{
        border: 1px solid $grey-secondary;
        position: relative;
        border-radius: rem-calc(16);
        overflow: hidden;
        height: 100%;

        @include bp($lg){
            border-radius: rem-calc(32);
        }

        &:hover{
            .block-tech-partners__wrap{
                opacity: 0;
            }
            .block-tech-partners__overlay{
                
                opacity: 1;
            }
        }
    }
    
    &__wrap{
        color: $black;
        padding: rem-calc(16);
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        justify-content: center;        
        transition: 0.25s ease opacity;
        position: absolute;
        top: 0;
        left: 0;        
        @include bp($md){
            justify-content: inherit;
            flex-direction: row-reverse;
            align-items: center;
        }
        @include bp($lg){
            border-radius: rem-calc(32);
            padding: rem-calc(48);
            background-color: $white;
        }
    }

    &__img-wrapper{
        width: 100%;
        text-align: center;
        margin-bottom: rem-calc(16);
        @include bp($md){
            width: 50%;
            margin-bottom: 0;
        }

        img{
            max-width: rem-calc(230);
        }
    }

    &__content{
        width: 100%;
        text-align: center;
        @include bp($md){
            width: 50%;
            text-align: left;
        }
    }

    &__heading{
        font-size: rem-calc(20);
        line-height: rem-calc(24);
        font-weight: 400;
        letter-spacing: 0.05em;
        
        @include bp($lg){
            font-size: rem-calc(24);
            line-height: rem-calc(32);
        }
    }

    &__overlay{
        color: $white;
        opacity: 0;
        padding: rem-calc(16);
        background-color: $secondary;
        width: 100%;
        height: 100%;
        transition: 0.25s ease opacity;
        position: relative;
        min-height: rem-calc(240);

        @include bp($lg){
            padding: rem-calc(48);
            min-height: inherit;
        }

        &_heading{
            font-size: rem-calc(20);
            line-height: rem-calc(24);
            font-weight: 600;
            letter-spacing: 0.05em;
            margin-bottom: rem-calc(12);
            
            @include bp($lg){
                font-size: rem-calc(24);
                line-height: rem-calc(32);
            }
        }

        &_content{
            font-weight: 400;
            font-size: rem-calc(16);
            line-height: rem-calc(24);
            letter-spacing: 0.05em;
            margin-bottom: rem-calc(24);
        }
    }
}


function filterPartners(c) {
	var x, i;
	x = document.querySelectorAll(".block-tech-partners__col");
	if (c == "all") c = "";
	Array.from(x).forEach(item => {
		removeActiveClass(item, "show");
		if (item.className.indexOf(c) > -1) addActiveClass(item, "show");
	});
}
function addActiveClass(ele, name) {
	var i, arr1, arr2;
	arr1 = ele.className.split(" ");
	arr2 = name.split(" ");
	for (i = 0; i < arr2.length; i++) {
		if (arr1.indexOf(arr2[i]) == -1) {
		ele.className += " " + arr2[i];
		}
	}
}
function removeActiveClass(ele, name) {
	var i, arr1, arr2;
	arr1 = ele.className.split(" ");
	arr2 = name.split(" ");
	for (i = 0; i < arr2.length; i++) {
		while (arr1.indexOf(arr2[i]) > -1) {
		arr1.splice(arr1.indexOf(arr2[i]), 1);
		}
	}
	ele.className = arr1.join(" ");
}
class TechPartners {
	/**
	 * Create and initialise objects of this class
	 * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes/constructor
	 * @param {object} block
	 */
	constructor() {
		this.blocks = document.querySelectorAll('.block-tech-partners');
        this.init();
	}

	/**
	 * Example function to run class logic
	 * Can access `this.block`
	 */
	init() {
		filterPartners("all");
		this.blocks.forEach((block) => {
			var btabsContainer = block.querySelectorAll('.bt-tabs');
            btabsContainer.forEach(function(element){
                element.addEventListener("wheel", function (e) {
                    e.preventDefault();
                    element.scrollLeft += e.deltaY;
                });
            });

			var filterBtns = block.querySelectorAll(".block-tech-partners__tabs_nav");
			for (var i = 0; i < filterBtns.length; i++) {
				filterBtns[i].addEventListener("click", function() {
					this.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'start' });
					var current = block.getElementsByClassName("active");
					current[0].className = current[0].className.replace(" active", "");					
					this.className += " active";

					filterPartners(this.dataset.filterby);
				});
			}
		});
	}
}

new TechPartners();

Page Title

Page Type

Page URL

CSR

page

https://www.calligo.io/about-us/csr/

Compliance

page

https://www.calligo.io/about-us/compliance-security/

Partners

page

https://www.calligo.io/partners/

Customer Support

page

https://www.calligo.io/customer-support/

There are is no readme file with this component.