.image-learn-more { position:absolute; bottom:0; width:100%; background-color:#26262670; background-clip:content-box; padding-right:30px; color:white; font-size:20px; height:60px; text-align:center; } .carousel { width:100%; } .image-learn-more a { color:white; } p { margin-bottom:0; } .featured-work img:hover { cursor:pointer; filter:brightness(0.7); transition: filter 1s; }

Circuits

Networking

Analytics

Coding

Circuits

An electronic circuit is composed of individual electronic components, such as resistors, transistors, capacitors, inductors and diodes, connected by conductive wires or traces through which electric current can flow. It is a type of electrical circuit and to be referred to as electronic, rather than electrical, generally at least one active component must be present. The combination of components and wires allows various simple and complex operations to be performed: signals can be amplified, computations can be performed, and data can be moved from one place to another.

Networking

Computer networking enables devices and endpoints to be connected to each other on a local area network (LAN) or to a larger network, such as the internet or a private wide area network (WAN). This is an essential function for service providers, businesses and consumers worldwide to share resources, use or offer services, and communicate. Networking facilitates everything from telephone calls to text messaging to streaming video to the internet of things (IoT).

Analytics

Internet of Things (IoT) analytics is a data analysis tool that assesses the wide range of data collected from IoT devices. IoT analytics assesses vast quantities of data and produces useful information from it.

Coding

Coding, sometimes called computer programming, is how we communicate with computers. Code tells a computer what actions to take, and writing code is like creating a set of instructions. By learning to write code, you can tell computers what to do or how to behave in a much faster way. You can use this skill to make websites and apps, process data, and do lots of other cool things.

var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { // Typical action to be performed when the document is ready: populateSlider(this.responseText); } }; xhttp.open("GET", "https://sensorlab.hmu.gr/wp-json/wp/v2/posts?_embed", true); xhttp.send(); function populateSlider(responseText) { var posts = JSON.parse(responseText); console.log(posts) var carousel = document.getElementById("carouselExampleControls"); var carouselInner = carousel.getElementsByClassName("carousel-inner")[0]; var firstItem = false; for (var i = 0; i < posts.length; i++) { var post = posts[i]; if(!post._embedded["wp:featuredmedia"]) { continue; } var carouselItem = document.createElement("div"); console.log(i) carouselItem.className = "carousel-item"; if(!firstItem) { carouselItem.className += " active"; firstItem = true; } var img = document.createElement("img"); var learn_more = document.createElement("div"); learn_more.className = "image-learn-more"; learn_more.innerHTML = 'Learn More' img.className = "d-block w-100"; img.src = post._embedded["wp:featuredmedia"][0].source_url; carouselItem.appendChild(img); carouselItem.appendChild(learn_more); carouselInner.appendChild(carouselItem); } }