Name: Towards AI Legal Name: Towards AI, Inc. Description: Towards AI is the world's leading artificial intelligence (AI) and technology publication. Read by thought-leaders and decision-makers around the world. Phone Number: +1-650-246-9381 Email: pub@towardsai.net
228 Park Avenue South New York, NY 10003 United States
Website: Publisher: https://towardsai.net/#publisher Diversity Policy: https://towardsai.net/about Ethics Policy: https://towardsai.net/about Masthead: https://towardsai.net/about
Name: Towards AI Legal Name: Towards AI, Inc. Description: Towards AI is the world's leading artificial intelligence (AI) and technology publication. Founders: Roberto Iriondo, , Job Title: Co-founder and Advisor Works for: Towards AI, Inc. Follow Roberto: X, LinkedIn, GitHub, Google Scholar, Towards AI Profile, Medium, ML@CMU, FreeCodeCamp, Crunchbase, Bloomberg, Roberto Iriondo, Generative AI Lab, Generative AI Lab Denis Piffaretti, Job Title: Co-founder Works for: Towards AI, Inc. Louie Peters, Job Title: Co-founder Works for: Towards AI, Inc. Louis-François Bouchard, Job Title: Co-founder Works for: Towards AI, Inc. Cover:
Towards AI Cover
Logo:
Towards AI Logo
Areas Served: Worldwide Alternate Name: Towards AI, Inc. Alternate Name: Towards AI Co. Alternate Name: towards ai Alternate Name: towardsai Alternate Name: towards.ai Alternate Name: tai Alternate Name: toward ai Alternate Name: toward.ai Alternate Name: Towards AI, Inc. Alternate Name: towardsai.net Alternate Name: pub.towardsai.net
5 stars – based on 497 reviews

Frequently Used, Contextual References

TODO: Remember to copy unique IDs whenever it needs used. i.e., URL: 304b2e42315e

Resources

Take our 85+ lesson From Beginner to Advanced LLM Developer Certification: From choosing a project to deploying a working product this is the most comprehensive and practical LLM course out there!

Publication

Transformer Architectures and the Rise of BERT, GPT, and T5: A Beginner’s Guide
Artificial Intelligence   Latest   Machine Learning

Transformer Architectures and the Rise of BERT, GPT, and T5: A Beginner’s Guide

Last Updated on November 6, 2023 by Editorial Team

Author(s): Manas Joshi

Originally published on Towards AI.

Source: Image by geralt on Pixabay

In the vast and ever-evolving realm of artificial intelligence (AI), there are innovations that don’t just make a mark; they redefine the trajectory of the entire domain. Among these groundbreaking innovations, the Transformer architecture emerges as a beacon of change. It’s akin to the invention of the steam engine during the Industrial Revolution, propelling AI into a new era of possibilities. This architecture has swiftly become the backbone of many modern AI systems, especially those that grapple with the complexities of human language.

Imagine the last time you interacted with a virtual assistant, perhaps asking it for weather updates or seeking answers to a trivia question. The smooth, almost human-like response you received is, in many cases, powered by the Transformer architecture. Or consider the numerous times you’ve browsed a website and chatted with a customer support bot, feeling as if you’re conversing with a real person. Again, behind the scenes, it’s often the Transformer working its magic.

The beauty of the Transformer lies in its ability to understand context, relationships, and nuances in language. It’s not just about recognizing words but understanding their significance in a given sentence or paragraph. For instance, when you say, “I’m feeling blue,” you’re not talking about the color but expressing a mood. The Transformer gets this, and that’s what sets it apart.

In this article, we’ll embark on a journey to demystify this remarkable architecture. We’ll delve deep into its workings and explore its most celebrated offspring: BERT, GPT, and T5. These models, built on the foundation laid by the Transformer, have achieved feats in AI that were once thought to be the exclusive domain of human cognition. From writing coherent essays to understanding intricate nuances in diverse languages, they’re reshaping our interaction with machines.

The Magic Behind Transformers

In our daily lives, we’re constantly bombarded with information. From the hum of traffic outside our windows to the buzz of conversations in a café, our senses pick up a myriad of stimuli. Yet, amidst this cacophony, our brains possess a remarkable ability: the power of selective attention. If you’ve ever found yourself engrossed in a book while a party rages around you, or if you’ve managed to pick out a familiar voice in a crowded room, you’ve experienced this firsthand. This innate human ability to focus on what’s crucial and filter out the noise is the essence of the magic behind the Transformer architecture in AI.

At a fundamental level, the Transformer is designed to handle sequences of data, much like a series of events or a string of thoughts. Traditional models, when faced with sequences like sentences or paragraphs, would process them much like reading a book word by word, linearly and in order. While effective to a degree, this method often missed the broader context, the intricate dance of meaning between words spaced far apart. It’s akin to understanding the plot of a novel by only reading every tenth page; you’d get some of the story, but miss out on the depth and nuance. Enter the Transformer. Instead of being bound by this linear approach, it can, metaphorically speaking, read multiple parts of a book simultaneously. It can focus on the introduction while also considering the climax, drawing connections and understanding relationships that a linear read might miss. This is achieved through what’s known as the ‘attention mechanism’. Just as our brains weigh the importance of stimuli, deciding what to focus on, the Transformer weighs the significance of different parts of a sequence.

Let’s consider a practical example. Imagine the sentence: “Jane, who grew up in Canada, is fluent in both English and French.” A traditional model might first focus on “Jane” and then move to “Canada”, taking time to understand the relationship between the two. The Transformer, however, can instantly recognize the connection between “Jane” and “Canada”, while simultaneously understanding the significance of her fluency in “English and French”. It grasps the entire context, the full story behind Jane’s linguistic abilities, in a holistic manner.

This capability becomes even more crucial in complex scenarios. Consider a mystery novel where a clue in the first chapter is only resolved in the last. While a linear approach might forget the initial hint by the time the conclusion rolls around, the Transformer retains and connects these distant pieces of information, much like an astute detective linking disparate clues to solve a case.

Moreover, the Transformer’s magic isn’t limited to just text. It’s been applied to a range of data types, from images to sounds. Think of watching a movie and understanding the significance of a character’s gesture based on a flashback scene, or listening to a symphony and recalling a recurring motif. The Transformer can do this with data, drawing connections, recognizing patterns, and providing a depth of understanding previously unattainable.

In essence, the Transformer has redefined the rules of the game in AI. It doesn’t just process information; it understands context, relationships, and nuances, bridging gaps and illuminating connections. It’s a leap forward, a shift from mere computation to genuine comprehension.

BERT: The Context Whisperer

Language, in its essence, is a tapestry of words woven together by the threads of context. Every word we utter or write carries weight and meaning, often shaped by the words that surround it. This intricate dance of words and meanings is what BERT, an acronym for Bidirectional Encoder Representations from Transformers, is designed to understand and interpret.

Imagine reading a novel where a character says, “I’m feeling blue today.” Without context, one might visualize the color blue. However, with an understanding of language nuances, it’s clear the character is expressing sadness. This is the kind of contextual understanding that BERT brings to the table. Instead of analyzing words in isolation, BERT looks at them in relation to their neighbors, both preceding and following. It’s like reading both the left and the right page of a book simultaneously to grasp the full story.

Let’s delve into another example. Consider the sentence: “I went to the bank to withdraw money.” Now, compare it with: “I sat by the river bank and watched the sunset.” The word ‘bank’ appears in both sentences, but its meaning shifts dramatically based on context. Traditional models might struggle with such nuances, but BERT shines. It recognizes the different implications of ‘bank’ in each scenario, ensuring accurate interpretation.

This bidirectional approach of BERT is akin to having two flashlights in a dark room, one shining from the start of a sentence and the other from the end, illuminating the words from both directions. The result? A well-lit room where the meaning of each word, influenced by its neighbors, becomes crystal clear.

BERT’s prowess in understanding context has made it a cornerstone in numerous AI applications. From search engines that better grasp user queries to chatbots that respond with uncanny accuracy, BERT is reshaping our digital interactions. It’s not just about recognizing words; it’s about understanding the stories they tell when strung together.

GPT: The Storyteller

In the annals of human history, storytelling has been a powerful tool. From ancient campfires to modern-day cinemas, stories shape our understanding, evoke emotions, and bridge cultures. In the realm of AI, GPT, which stands for Generative Pre-trained Transformer, emerges as a digital storyteller, weaving tales and crafting narratives with a finesse that often feels eerily human.

Imagine sitting around a campfire, starting a tale, and then passing the torch to someone else to continue. GPT operates on a similar principle, but in the vast landscape of language. Feed it a sentence or a phrase, and it takes the baton, continuing the narrative in ways that are coherent, contextually relevant, and often creatively surprising. It’s like having a co-author that never tires, always ready to pick up where you left off.

Let’s consider a practical scenario. If you were to give GPT the beginning of a story, such as “In a town where magic was forbidden, a young girl discovered a mysterious book in her attic,” GPT could spin a tale of adventure, intrigue, and suspense, detailing the girl’s journey, the challenges she faces, and the secrets the book unveils. It doesn’t just add sentences; it builds a world, populates it with characters, and charts a narrative arc.

This ability of GPT to generate text isn’t limited to just stories. It can craft poems, answer questions, write essays, and even generate technical content. Its versatility stems from its training on vast amounts of diverse text, enabling it to don multiple hats — from a novelist to a poet, from a journalist to a tutor.

In essence, GPT is not just a model; it’s a digital bard. In its strings of code and algorithms, it carries the legacy of ancient storytellers, blending it with modern-day AI capabilities. It’s a testament to how far we’ve come in the journey of AI, where machines don’t just compute but also create.

T5: The Swiss Army Knife

In the world of tools, the Swiss Army knife stands out, not because of its size or its singular function, but due to its incredible versatility. It’s compact, yet packed with tools ready to tackle a myriad of tasks. Similarly, in the digital realm of AI, T5, short for Text-to-Text Transfer Transformer, emerges as the versatile multi-tool, adept at handling a diverse range of linguistic challenges.

Imagine having a single tool that could seamlessly translate languages, summarize lengthy articles, answer intricate questions, and even rewrite content in a different tone. That’s T5 for you. Instead of being designed for one specific task, T5 approaches challenges with a unique perspective: it views every problem as a text-to-text task. Whether it’s converting a question into an answer or translating English to Mandarin, T5 perceives it as transforming one sequence of text into another.

For instance, give T5 a complex scientific article and ask it for a summary. It reads the detailed content and distills it into a concise, understandable version. Or pose a question about a historical event, and T5 sifts through its knowledge to craft a relevant answer. Its adaptability and wide-ranging capabilities make T5 a standout, much like the Swiss Army knife in a world of specialized tools.

Why Does All This Matter?

The rise of Transformer-based models like BERT, GPT, and T5 has significantly impacted our daily lives. From the chatbots that assist us on websites to the voice assistants that answer our queries, these models play a pivotal role.

Their ability to understand and generate human language has opened doors to countless applications. Businesses can offer better customer support, content creators can get AI-driven suggestions, and researchers can analyze vast amounts of text quickly. The Transformer architecture, with its unique approach to data and attention, has reshaped the landscape of AI. These models have set new standards in understanding and generating human language. As we continue to innovate and refine these models, the line between human and machine understanding of language might become even blurrier, heralding a future where AI truly understands us.

Join thousands of data leaders on the AI newsletter. Join over 80,000 subscribers and keep up to date with the latest developments in AI. From research to projects and ideas. If you are building an AI startup, an AI-related product, or a service, we invite you to consider becoming a sponsor.

Published via Towards AI

Feedback ↓

Sign Up for the Course
`; } else { console.error('Element with id="subscribe" not found within the page with class "home".'); } } }); // Remove duplicate text from articles /* Backup: 09/11/24 function removeDuplicateText() { const elements = document.querySelectorAll('h1, h2, h3, h4, h5, strong'); // Select the desired elements const seenTexts = new Set(); // A set to keep track of seen texts const tagCounters = {}; // Object to track instances of each tag elements.forEach(el => { const tagName = el.tagName.toLowerCase(); // Get the tag name (e.g., 'h1', 'h2', etc.) // Initialize a counter for each tag if not already done if (!tagCounters[tagName]) { tagCounters[tagName] = 0; } // Only process the first 10 elements of each tag type if (tagCounters[tagName] >= 2) { return; // Skip if the number of elements exceeds 10 } const text = el.textContent.trim(); // Get the text content const words = text.split(/\s+/); // Split the text into words if (words.length >= 4) { // Ensure at least 4 words const significantPart = words.slice(0, 5).join(' '); // Get first 5 words for matching // Check if the text (not the tag) has been seen before if (seenTexts.has(significantPart)) { // console.log('Duplicate found, removing:', el); // Log duplicate el.remove(); // Remove duplicate element } else { seenTexts.add(significantPart); // Add the text to the set } } tagCounters[tagName]++; // Increment the counter for this tag }); } removeDuplicateText(); */ // Remove duplicate text from articles function removeDuplicateText() { const elements = document.querySelectorAll('h1, h2, h3, h4, h5, strong'); // Select the desired elements const seenTexts = new Set(); // A set to keep track of seen texts const tagCounters = {}; // Object to track instances of each tag // List of classes to be excluded const excludedClasses = ['medium-author', 'post-widget-title']; elements.forEach(el => { // Skip elements with any of the excluded classes if (excludedClasses.some(cls => el.classList.contains(cls))) { return; // Skip this element if it has any of the excluded classes } const tagName = el.tagName.toLowerCase(); // Get the tag name (e.g., 'h1', 'h2', etc.) // Initialize a counter for each tag if not already done if (!tagCounters[tagName]) { tagCounters[tagName] = 0; } // Only process the first 10 elements of each tag type if (tagCounters[tagName] >= 10) { return; // Skip if the number of elements exceeds 10 } const text = el.textContent.trim(); // Get the text content const words = text.split(/\s+/); // Split the text into words if (words.length >= 4) { // Ensure at least 4 words const significantPart = words.slice(0, 5).join(' '); // Get first 5 words for matching // Check if the text (not the tag) has been seen before if (seenTexts.has(significantPart)) { // console.log('Duplicate found, removing:', el); // Log duplicate el.remove(); // Remove duplicate element } else { seenTexts.add(significantPart); // Add the text to the set } } tagCounters[tagName]++; // Increment the counter for this tag }); } removeDuplicateText(); //Remove unnecessary text in blog excerpts document.querySelectorAll('.blog p').forEach(function(paragraph) { // Replace the unwanted text pattern for each paragraph paragraph.innerHTML = paragraph.innerHTML .replace(/Author\(s\): [\w\s]+ Originally published on Towards AI\.?/g, '') // Removes 'Author(s): XYZ Originally published on Towards AI' .replace(/This member-only story is on us\. Upgrade to access all of Medium\./g, ''); // Removes 'This member-only story...' }); //Load ionic icons and cache them if ('localStorage' in window && window['localStorage'] !== null) { const cssLink = 'https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css'; const storedCss = localStorage.getItem('ionicons'); if (storedCss) { loadCSS(storedCss); } else { fetch(cssLink).then(response => response.text()).then(css => { localStorage.setItem('ionicons', css); loadCSS(css); }); } } function loadCSS(css) { const style = document.createElement('style'); style.innerHTML = css; document.head.appendChild(style); } //Remove elements from imported content automatically function removeStrongFromHeadings() { const elements = document.querySelectorAll('h1, h2, h3, h4, h5, h6, span'); elements.forEach(el => { const strongTags = el.querySelectorAll('strong'); strongTags.forEach(strongTag => { while (strongTag.firstChild) { strongTag.parentNode.insertBefore(strongTag.firstChild, strongTag); } strongTag.remove(); }); }); } removeStrongFromHeadings(); "use strict"; window.onload = () => { /* //This is an object for each category of subjects and in that there are kewords and link to the keywods let keywordsAndLinks = { //you can add more categories and define their keywords and add a link ds: { keywords: [ //you can add more keywords here they are detected and replaced with achor tag automatically 'data science', 'Data science', 'Data Science', 'data Science', 'DATA SCIENCE', ], //we will replace the linktext with the keyword later on in the code //you can easily change links for each category here //(include class="ml-link" and linktext) link: 'linktext', }, ml: { keywords: [ //Add more keywords 'machine learning', 'Machine learning', 'Machine Learning', 'machine Learning', 'MACHINE LEARNING', ], //Change your article link (include class="ml-link" and linktext) link: 'linktext', }, ai: { keywords: [ 'artificial intelligence', 'Artificial intelligence', 'Artificial Intelligence', 'artificial Intelligence', 'ARTIFICIAL INTELLIGENCE', ], //Change your article link (include class="ml-link" and linktext) link: 'linktext', }, nl: { keywords: [ 'NLP', 'nlp', 'natural language processing', 'Natural Language Processing', 'NATURAL LANGUAGE PROCESSING', ], //Change your article link (include class="ml-link" and linktext) link: 'linktext', }, des: { keywords: [ 'data engineering services', 'Data Engineering Services', 'DATA ENGINEERING SERVICES', ], //Change your article link (include class="ml-link" and linktext) link: 'linktext', }, td: { keywords: [ 'training data', 'Training Data', 'training Data', 'TRAINING DATA', ], //Change your article link (include class="ml-link" and linktext) link: 'linktext', }, ias: { keywords: [ 'image annotation services', 'Image annotation services', 'image Annotation services', 'image annotation Services', 'Image Annotation Services', 'IMAGE ANNOTATION SERVICES', ], //Change your article link (include class="ml-link" and linktext) link: 'linktext', }, l: { keywords: [ 'labeling', 'labelling', ], //Change your article link (include class="ml-link" and linktext) link: 'linktext', }, pbp: { keywords: [ 'previous blog posts', 'previous blog post', 'latest', ], //Change your article link (include class="ml-link" and linktext) link: 'linktext', }, mlc: { keywords: [ 'machine learning course', 'machine learning class', ], //Change your article link (include class="ml-link" and linktext) link: 'linktext', }, }; //Articles to skip let articleIdsToSkip = ['post-2651', 'post-3414', 'post-3540']; //keyword with its related achortag is recieved here along with article id function searchAndReplace(keyword, anchorTag, articleId) { //selects the h3 h4 and p tags that are inside of the article let content = document.querySelector(`#${articleId} .entry-content`); //replaces the "linktext" in achor tag with the keyword that will be searched and replaced let newLink = anchorTag.replace('linktext', keyword); //regular expression to search keyword var re = new RegExp('(' + keyword + ')', 'g'); //this replaces the keywords in h3 h4 and p tags content with achor tag content.innerHTML = content.innerHTML.replace(re, newLink); } function articleFilter(keyword, anchorTag) { //gets all the articles var articles = document.querySelectorAll('article'); //if its zero or less then there are no articles if (articles.length > 0) { for (let x = 0; x < articles.length; x++) { //articles to skip is an array in which there are ids of articles which should not get effected //if the current article's id is also in that array then do not call search and replace with its data if (!articleIdsToSkip.includes(articles[x].id)) { //search and replace is called on articles which should get effected searchAndReplace(keyword, anchorTag, articles[x].id, key); } else { console.log( `Cannot replace the keywords in article with id ${articles[x].id}` ); } } } else { console.log('No articles found.'); } } let key; //not part of script, added for (key in keywordsAndLinks) { //key is the object in keywords and links object i.e ds, ml, ai for (let i = 0; i < keywordsAndLinks[key].keywords.length; i++) { //keywordsAndLinks[key].keywords is the array of keywords for key (ds, ml, ai) //keywordsAndLinks[key].keywords[i] is the keyword and keywordsAndLinks[key].link is the link //keyword and link is sent to searchreplace where it is then replaced using regular expression and replace function articleFilter( keywordsAndLinks[key].keywords[i], keywordsAndLinks[key].link ); } } function cleanLinks() { // (making smal functions is for DRY) this function gets the links and only keeps the first 2 and from the rest removes the anchor tag and replaces it with its text function removeLinks(links) { if (links.length > 1) { for (let i = 2; i < links.length; i++) { links[i].outerHTML = links[i].textContent; } } } //arrays which will contain all the achor tags found with the class (ds-link, ml-link, ailink) in each article inserted using search and replace let dslinks; let mllinks; let ailinks; let nllinks; let deslinks; let tdlinks; let iaslinks; let llinks; let pbplinks; let mlclinks; const content = document.querySelectorAll('article'); //all articles content.forEach((c) => { //to skip the articles with specific ids if (!articleIdsToSkip.includes(c.id)) { //getting all the anchor tags in each article one by one dslinks = document.querySelectorAll(`#${c.id} .entry-content a.ds-link`); mllinks = document.querySelectorAll(`#${c.id} .entry-content a.ml-link`); ailinks = document.querySelectorAll(`#${c.id} .entry-content a.ai-link`); nllinks = document.querySelectorAll(`#${c.id} .entry-content a.ntrl-link`); deslinks = document.querySelectorAll(`#${c.id} .entry-content a.des-link`); tdlinks = document.querySelectorAll(`#${c.id} .entry-content a.td-link`); iaslinks = document.querySelectorAll(`#${c.id} .entry-content a.ias-link`); mlclinks = document.querySelectorAll(`#${c.id} .entry-content a.mlc-link`); llinks = document.querySelectorAll(`#${c.id} .entry-content a.l-link`); pbplinks = document.querySelectorAll(`#${c.id} .entry-content a.pbp-link`); //sending the anchor tags list of each article one by one to remove extra anchor tags removeLinks(dslinks); removeLinks(mllinks); removeLinks(ailinks); removeLinks(nllinks); removeLinks(deslinks); removeLinks(tdlinks); removeLinks(iaslinks); removeLinks(mlclinks); removeLinks(llinks); removeLinks(pbplinks); } }); } //To remove extra achor tags of each category (ds, ml, ai) and only have 2 of each category per article cleanLinks(); */ //Recommended Articles var ctaLinks = [ /* ' ' + '

Subscribe to our AI newsletter!

' + */ '

Take our 85+ lesson From Beginner to Advanced LLM Developer Certification: From choosing a project to deploying a working product this is the most comprehensive and practical LLM course out there!

'+ '

Towards AI has published Building LLMs for Production—our 470+ page guide to mastering LLMs with practical projects and expert insights!

' + '
' + '' + '' + '

Note: Content contains the views of the contributing authors and not Towards AI.
Disclosure: This website may contain sponsored content and affiliate links.

' + 'Discover Your Dream AI Career at Towards AI Jobs' + '

Towards AI has built a jobs board tailored specifically to Machine Learning and Data Science Jobs and Skills. Our software searches for live AI jobs each hour, labels and categorises them and makes them easily searchable. Explore over 10,000 live jobs today with Towards AI Jobs!

' + '
' + '

🔥 Recommended Articles 🔥

' + 'Why Become an LLM Developer? Launching Towards AI’s New One-Stop Conversion Course'+ 'Testing Launchpad.sh: A Container-based GPU Cloud for Inference and Fine-tuning'+ 'The Top 13 AI-Powered CRM Platforms
' + 'Top 11 AI Call Center Software for 2024
' + 'Learn Prompting 101—Prompt Engineering Course
' + 'Explore Leading Cloud Providers for GPU-Powered LLM Training
' + 'Best AI Communities for Artificial Intelligence Enthusiasts
' + 'Best Workstations for Deep Learning
' + 'Best Laptops for Deep Learning
' + 'Best Machine Learning Books
' + 'Machine Learning Algorithms
' + 'Neural Networks Tutorial
' + 'Best Public Datasets for Machine Learning
' + 'Neural Network Types
' + 'NLP Tutorial
' + 'Best Data Science Books
' + 'Monte Carlo Simulation Tutorial
' + 'Recommender System Tutorial
' + 'Linear Algebra for Deep Learning Tutorial
' + 'Google Colab Introduction
' + 'Decision Trees in Machine Learning
' + 'Principal Component Analysis (PCA) Tutorial
' + 'Linear Regression from Zero to Hero
'+ '

', /* + '

Join thousands of data leaders on the AI newsletter. It’s free, we don’t spam, and we never share your email address. Keep up to date with the latest work in AI. From research to projects and ideas. If you are building an AI startup, an AI-related product, or a service, we invite you to consider becoming a sponsor.

',*/ ]; var replaceText = { '': '', '': '', '
': '
' + ctaLinks + '
', }; Object.keys(replaceText).forEach((txtorig) => { //txtorig is the key in replacetext object const txtnew = replaceText[txtorig]; //txtnew is the value of the key in replacetext object let entryFooter = document.querySelector('article .entry-footer'); if (document.querySelectorAll('.single-post').length > 0) { //console.log('Article found.'); const text = entryFooter.innerHTML; entryFooter.innerHTML = text.replace(txtorig, txtnew); } else { // console.log('Article not found.'); //removing comment 09/04/24 } }); var css = document.createElement('style'); css.type = 'text/css'; css.innerHTML = '.post-tags { display:none !important } .article-cta a { font-size: 18px; }'; document.body.appendChild(css); //Extra //This function adds some accessibility needs to the site. function addAlly() { // In this function JQuery is replaced with vanilla javascript functions const imgCont = document.querySelector('.uw-imgcont'); imgCont.setAttribute('aria-label', 'AI news, latest developments'); imgCont.title = 'AI news, latest developments'; imgCont.rel = 'noopener'; document.querySelector('.page-mobile-menu-logo a').title = 'Towards AI Home'; document.querySelector('a.social-link').rel = 'noopener'; document.querySelector('a.uw-text').rel = 'noopener'; document.querySelector('a.uw-w-branding').rel = 'noopener'; document.querySelector('.blog h2.heading').innerHTML = 'Publication'; const popupSearch = document.querySelector$('a.btn-open-popup-search'); popupSearch.setAttribute('role', 'button'); popupSearch.title = 'Search'; const searchClose = document.querySelector('a.popup-search-close'); searchClose.setAttribute('role', 'button'); searchClose.title = 'Close search page'; // document // .querySelector('a.btn-open-popup-search') // .setAttribute( // 'href', // 'https://medium.com/towards-artificial-intelligence/search' // ); } // Add external attributes to 302 sticky and editorial links function extLink() { // Sticky 302 links, this fuction opens the link we send to Medium on a new tab and adds a "noopener" rel to them var stickyLinks = document.querySelectorAll('.grid-item.sticky a'); for (var i = 0; i < stickyLinks.length; i++) { /* stickyLinks[i].setAttribute('target', '_blank'); stickyLinks[i].setAttribute('rel', 'noopener'); */ } // Editorial 302 links, same here var editLinks = document.querySelectorAll( '.grid-item.category-editorial a' ); for (var i = 0; i < editLinks.length; i++) { editLinks[i].setAttribute('target', '_blank'); editLinks[i].setAttribute('rel', 'noopener'); } } // Add current year to copyright notices document.getElementById( 'js-current-year' ).textContent = new Date().getFullYear(); // Call functions after page load extLink(); //addAlly(); setTimeout(function() { //addAlly(); //ideally we should only need to run it once ↑ }, 5000); }; function closeCookieDialog (){ document.getElementById("cookie-consent").style.display = "none"; return false; } setTimeout ( function () { closeCookieDialog(); }, 15000); console.log(`%c 🚀🚀🚀 ███ █████ ███████ █████████ ███████████ █████████████ ███████████████ ███████ ███████ ███████ ┌───────────────────────────────────────────────────────────────────┐ │ │ │ Towards AI is looking for contributors! │ │ Join us in creating awesome AI content. │ │ Let's build the future of AI together → │ │ https://towardsai.net/contribute │ │ │ └───────────────────────────────────────────────────────────────────┘ `, `background: ; color: #00adff; font-size: large`); //Remove latest category across site document.querySelectorAll('a[rel="category tag"]').forEach(function(el) { if (el.textContent.trim() === 'Latest') { // Remove the two consecutive spaces (  ) if (el.nextSibling && el.nextSibling.nodeValue.includes('\u00A0\u00A0')) { el.nextSibling.nodeValue = ''; // Remove the spaces } el.style.display = 'none'; // Hide the element } }); // Add cross-domain measurement, anonymize IPs 'use strict'; //var ga = gtag; ga('config', 'G-9D3HKKFV1Q', 'auto', { /*'allowLinker': true,*/ 'anonymize_ip': true/*, 'linker': { 'domains': [ 'medium.com/towards-artificial-intelligence', 'datasets.towardsai.net', 'rss.towardsai.net', 'feed.towardsai.net', 'contribute.towardsai.net', 'members.towardsai.net', 'pub.towardsai.net', 'news.towardsai.net' ] } */ }); ga('send', 'pageview'); -->