Activities link

European Identity between Italy and Georgia (part I)

IT activities

• WordPress & Elemento Pro: we have created a test site for the Institute exploring all relevant features of Wordpress (like appearance customization, menus, pages language, etc.) and page's design using Elementor's page builder.

"handmade" sticky navbar, diagonal bands and page effects created with Elemento's Page Builder

Specifically we have explored all built-in widgets of Elementor, and we have added custom javascript to the Ocean-wp theme (one of the themes suitable to Elementor) in order to display a sticky header on top with a dynamic shadow. -- basically we have used a jQuery function to change the class name of the top panel on scroll, as below

jQuery(document).ready(function($) {

	$(window).scroll(function() {     
    	var scroll = $(window).scrollTop();

    	if (scroll > 0) {
    	    $(".my-header").addClass("my-header-active");

    	} else {
        	$(".my-header").removeClass("my-header-active");
		}

	});

});

• we have added a word cloud data visualization widget based on d3.js and we have customized it on the basis of the d3.js APIs in order to allow mouse over on single tags, their animation and functioning as links. See here for an example.

• we have created a simple script using Python and RAKE, activated through wordpress ("save_post" action) in order to automatically generate a set of tags from a given article and to load them directly in the wordpress database, using wordpress's "wp_set_post_tags" function. The rake script creates a list of words' score from a given content and it's based on this example.

• we have created a nuxt.js mirror website of that wordpress test site, at this address, with a more interactive and dynamic interface than wordpress can offer. Nuxt.js is a framework based on Vue.js, a Javascript framework for creating user interfaces / front-end sites, and it's able to create static pages from a vue.js page.

In this case we have started from [https://nuepress.kmr.io/ this template, and we have connected it to our Wordpress using REST APIs. We have customized the template in order to display a left navigation panel, as shown below

European-Bridge 2019-2020

The project has focused on