Add missing glossary terms, add pattern terms, move js to work with b…

…oth glossary types

glossary/glossary.php

@@ -87,77 +87,3 @@ function ( $a, $b ) {
 	<?php
 }
 ?>
-
-<script>
-document.addEventListener("DOMContentLoaded", function() {
-	var termLinks = document.querySelectorAll('.term-link');
-	var termLinkContainer = document.querySelector('.term-link-container'); // Select the container
-	var backToGlossaryLink = document.querySelector('.back-to-glossary-link');
-	var termContainers = document.querySelectorAll('[id^="term-content-"]');
-	var alphabetLinks = document.querySelectorAll('.alphabet-links a');
-
-	alphabetLinks.forEach(function(alphabetLink) {
-		alphabetLink.addEventListener('click', function(event) {
-			event.preventDefault();
-			var letter = alphabetLink.textContent;
-			hideAllTermContainers();
-			showTermLinkContainer();
-			filterTermsByLetter(letter); 
-		});
-	});
-
-	termLinks.forEach(function(termLink) {
-		termLink.addEventListener('click', function(event) {
-			event.preventDefault();
-			var termName = termLink.getAttribute('data-term-name');
-			hideTermLinkContainer(); 
-			showTermContent(termName);
-		});
-	});
-
-	backToGlossaryLink.addEventListener('click', function(event) {
-		event.preventDefault();
-		showTermLinkContainer();
-		hideAllTermContainers();
-		showAllTermLinks();
-	});
-
-	function filterTermsByLetter(letter) {
-		termLinks.forEach(function(termLink) {
-			var termName = termLink.getAttribute('data-term-name');
-			if (termName && termName.charAt(0).toUpperCase() === letter) {
-				termLink.style.display = 'inline-block';
-			} else {
-				termLink.style.display = 'none';
-			}
-		});
-	}
-
-	function hideTermLinkContainer() {
-		termLinkContainer.style.display = 'none';
-	}
-
-	function showTermLinkContainer() {
-		termLinkContainer.style.display = 'grid';
-	}
-
-	function showAllTermLinks() {
-		termLinks.forEach(function(termLink) {
-			termLink.style.display = 'inline-block';
-		});
-	}
-
-	function hideAllTermContainers() {
-		termContainers.forEach(function(container) {
-			container.style.display = 'none';
-		});
-	}
-
-	function showTermContent(termName) {
-		var selectedTermContent = document.getElementById('term-content-' + termName);
-		if (selectedTermContent) {
-			selectedTermContent.style.display = 'block';
-		}
-	}
-});
-</script>

glossary/terms/accordion.md

@@ -4,20 +4,20 @@
 
 ## Definition
 
-Accordions, in web design, are user interface components that allow content to be shown or hidden when a user interacts with them. They are often used to save screen space and present information in a structured and space-efficient manner. Accordions typically consist of a series of headers or tabs, and when a user clicks or taps on a header, the associated content expands or collapses, revealing or hiding additional information.
+In web design, accordions are user interface components that allow content to be shown or hidden when a user interacts with them. They are often used to save screen space and present information in a structured and space-efficient manner. Accordions typically consist of a series of headers or tabs, and when a user clicks or taps on a header, the associated content expands or collapses, revealing or hiding additional information.
 
 ## Real Life Example
 
-On a FAQ page of a website, you might find an accordion where each question serves as a header, and clicking on a question expands to reveal the answer.
+On a website's FAQ page, you might find an accordion where each question serves as a header, and clicking on a question expands to reveal the answer.
 
 ## Why It’s Important
 
 1. Space Efficiency: Accordions are valuable for presenting large amounts of content in a compact format, reducing clutter.
 2. User-Friendly: They enhance the user experience by allowing users to access information selectively.
 3. Organization: Accordions help structure content and make it more accessible.
-4. Mobile Optimization: They are particularly useful for mobile devices with limited screen space.
+4. Mobile Optimization: They are handy for mobile devices with limited screen space.
 5. Engagement: Accordions encourage user interaction and exploration of content.
 
 ## Commonly Confused For
 
-Accordions are sometimes confused with tabs, but they function slightly differently. Tabs typically switch between different sections of content, while accordions expand or collapse content within the same section.
+Accordions are sometimes confused with tabs, but they function slightly differently. Tabs typically switch between different content sections, while accordions expand or collapse content within the same section.

glossary/terms/admin.md

@@ -4,13 +4,13 @@
 
 ## Definition
 
-The WordPress Admin, commonly referred to as the Dashboard, is the backend interface of a WordPress website where site administrators and editors manage and control various aspects of the site. It provides tools for content creation, customization, settings configuration, user management, and more, making it a central hub for site administration.
+The WordPress Admin, commonly called the Dashboard, is the backend interface of a WordPress website where site administrators and editors manage and control various aspects of the site. It provides tools for content creation, customization, settings configuration, user management, and more, making it a central hub for site administration.
 
 ## Real Life Example
 
 Through the WordPress Admin, site administrators can create new posts, install plugins, and modify the site's appearance.
 
-## Why It’s Important
+## Why It's Important
 
 1. Content Management: The Dashboard allows users to create, edit, and organize content such as posts and pages.
 2. Customization: Users can customize the site's appearance, themes, and menus through the Dashboard.
@@ -20,4 +20,4 @@ Through the WordPress Admin, site administrators can create new posts, install p
 
 ## Commonly Confused For
 
-The WordPress Admin (Dashboard) can be confused with the frontend of the website. While the Dashboard is the backend management interface, the frontend is what visitors see when accessing the actual website.
+The WordPress Admin (Dashboard) can be confused with the front end of the website. While the Dashboard is the backend management interface, the frontend is what visitors see when accessing the website.

glossary/terms/advanced-custom-fields.md

@@ -10,7 +10,7 @@ Advanced Custom Fields (ACF) is a WordPress plugin that enables developers to ea
 
 A website developer uses ACF to create custom fields like "Product Price" and "Release Date" for a product listing.
 
-## Why It’s Important
+## Why It's Important
 
 1. Content Flexibility: ACF empowers users to create diverse content structures beyond default post fields.
 2. Tailored Content Management: Custom fields are designed to match the unique requirements of each project.

glossary/terms/alt-text.md

@@ -10,14 +10,14 @@ Alt Text, short for "alternative text," is a descriptive text attribute added to
 
 In a blog post, an image of a mountain landscape might have alt text that reads, "Scenic mountain landscape with snow-capped peaks and clear blue sky.”
 
-## Why It’s Important
+## Why It's Important
 
-1. Accessibility: Alt text ensures that users with visual impairments using screen readers can understand the image's content and context.
-2. SEO Benefits: Search engines use alt text to understand and index images, potentially improving a website's search engine visibility.
-3. Contextual Information: Alt text provides valuable information about images, enhancing the overall comprehension and user experience of the content.
+1. [Accessibility](https://www.notion.so/Accessibility-af6ba01c1ee144b9ae04ac0a3ce880e4?pvs=21): Alt text ensures that users with visual impairments can understand the image's content and context using screen readers.
+2. [SEO](https://www.notion.so/SEO-Search-Engine-Optimization-4862359fd34743ecba01a47cb8955295?pvs=21) Benefits: Search engines use alt text to understand and index images, potentially improving a website's search engine visibility.
+3. Contextual Information: Alt text provides valuable information about images, enhancing the content's overall comprehension and user experience.
 4. Legal Compliance: Many countries require websites to provide accessible content, including images with proper alt text, to comply with accessibility laws.
 5. Image Failure Handling: When images fail to load due to slow connections or other issues, alt text offers a fallback description to convey the image's purpose.
 
 ## Commonly Confused For
 
-Alt text is sometimes confused with captions. While alt text provides a concise description of an image's content, captions provide additional context or explanations, often appearing directly below the image.
+Alt text is sometimes confused with captions. While alt text concisely describes an image's content, captions provide additional context or explanations, often appearing directly below the image.

glossary/terms/analytics.md

@@ -4,19 +4,19 @@
 
 ## Definition
 
-Analytics refers to the systematic collection, measurement, analysis, and interpretation of data to gain insights and make informed decisions. In the context of websites and online platforms, analytics involves tracking and examining various metrics and user behavior to understand website performance, audience engagement, and marketing effectiveness.
+Analytics is the systematic collection, measurement, analysis, and interpretation of data to gain insights and make informed decisions. Analytics involves tracking and examining various metrics and user behavior in websites and online platforms to understand website performance, audience engagement, and marketing effectiveness.
 
 ## Real Life Example
 
 Website analytics can provide information on the number of visitors, popular pages, referral sources, conversion rates, and user demographics. By analyzing this data, website owners can make data-driven decisions to improve user experience, optimize marketing strategies, and drive business growth.
 
 ## Why It’s Important
 
-1. Performance Measurement: Analytics allows website owners to track and assess key performance metrics, such as website traffic, page views, bounce rates, and conversion rates. This helps in evaluating the success of marketing campaigns, content engagement, and overall website effectiveness.
-2. Audience Understanding: By analyzing user behavior, demographics, and preferences, analytics helps in gaining insights into the target audience. This information enables website owners to tailor their content, products, and services to better meet the needs and preferences of their users.
+1. Performance Measurement: Analytics allows website owners to track and assess key performance metrics, such as website traffic, page views, bounce rates, and conversion rates. This helps evaluate the success of marketing campaigns, content engagement, and overall website effectiveness.
+2. Audience Understanding: By analyzing user behavior, demographics, and preferences, analytics helps in gaining insights into the target audience. This information enables website owners to tailor their content, products, and services better to meet the needs and preferences of their users.
 3. Goal Tracking: Analytics allows the tracking of specific goals or actions on a website, such as form submissions, purchases, or newsletter sign-ups. This helps in measuring the effectiveness of marketing efforts and optimizing conversion funnels.
-4. User Experience Optimization: By analyzing user interactions, navigation patterns, and feedback, analytics helps in identifying areas of improvement in the user experience. This enables website owners to make informed design and functionality decisions to enhance user satisfaction and engagement.
-5. Data-Driven Decision-Making: Analytics provides actionable insights based on data, allowing website owners to make informed decisions rather than relying on assumptions or guesswork. This helps in optimizing marketing strategies, improving website performance, and driving business growth.
+4. User Experience Optimization: By analyzing user interactions, navigation patterns, and feedback, analytics helps identify areas of improvement in the user experience. This enables website owners to make informed design and functionality decisions to enhance user satisfaction and engagement.
+5. Data-Driven Decision-Making: Analytics provides actionable insights based on data, allowing website owners to make informed decisions rather than relying on assumptions or guesswork. This helps optimize marketing strategies, improve website performance, and drive business growth.
 
 ## Commonly Confused For
 

glossary/terms/api.md

@@ -4,29 +4,29 @@
 
 ## Definition
 
-An API, short for Application Programming Interface, acts as a bridge that allows different software applications to communicate and interact with each other. It specifies a set of rules and protocols that govern how different components of software systems should interact. Think of it as a waiter at a restaurant who takes your order and conveys it to the kitchen, bringing you back the requested dish.
+An API, short for Application Programming Interface, acts as a bridge that allows different software applications to communicate and interact. It specifies a set of rules and protocols that govern how various components of software systems should interact. Think of it as a waiter at a restaurant who takes your order and conveys it to the kitchen, bringing you back the requested dish.
 
 ## Real Life Example
 
-Imagine you have a website that needs to display real-time weather information. Instead of manually collecting and updating the weather data yourself, you can use a weather API. By integrating the weather API into your website's code, you can automatically retrieve up-to-date weather information and display it to your visitors without having to manage the data yourself.
+Imagine you have a website that needs to display real-time weather information. Instead of manually collecting and updating the weather data, you can use a weather API. By integrating the weather API into your website's code, you can automatically retrieve and display up-to-date weather information to your visitors without managing the data yourself.
 
 In this example, the API acts as a messenger between your website and the weather data provider, allowing your website to access the requested information and provide a seamless user experience.
 
 Remember, an API enables different software components to work together, simplifying complex processes and enhancing functionality in a way that's both efficient and reliable.
 
 ## Why you might need it
 
-1. Enhanced Functionality: APIs allow you to incorporate additional functionality into your website without having to build everything from scratch. By integrating APIs, you can leverage existing services and features, such as payment gateways, social media sharing, or mapping services, to enhance the capabilities of your website.
+1. Enhanced Functionality: APIs allow you to incorporate additional functionality into your website without building everything from scratch. By integrating APIs, you can leverage existing services and features, such as payment gateways, social media sharing, or mapping services, to enhance the capabilities of your website.
 2. Real-Time Data Integration: APIs enable you to retrieve and display real-time data on your website. For example, you can integrate weather APIs to display current weather conditions, stock market APIs to show live stock prices, or news APIs to provide up-to-date news articles. This helps keep your website content fresh and relevant.
 3. Streamlined Content Management: APIs can simplify content management by allowing you to connect your website with external platforms or content management systems. For instance, you can integrate APIs provided by popular social media platforms to automatically publish your website's content on social media channels, saving you time and effort.
 4. Seamless Third-Party Service Integration: If you rely on third-party services, such as email marketing tools, customer relationship management (CRM) systems, or e-commerce platforms, APIs enable smooth integration between these services and your website. This integration facilitates data exchange, automates processes, and ensures a seamless user experience.
-5. Custom Functionality: APIs provide you with the flexibility to create custom functionality tailored to your specific needs. You can use APIs to build custom features, such as custom search engines, data analytics, or custom integrations with specialized services that are not readily available as plugins or extensions.
+5. Custom Functionality: APIs allow you to create custom functionality tailored to your specific needs. You can use APIs to build custom features, such as custom search engines, data analytics, or custom integrations with specialized services that are not readily available as plugins or extensions.
 
 ## Commonly Confused For
 
-1. SDK (Software Development Kit): An SDK is a collection of tools, libraries, and documentation that developers use to build software applications for a specific platform or framework. While APIs and SDKs are related, they serve different purposes. An API defines how different software components can interact, while an SDK provides developers with the tools and resources to build applications using a specific platform or framework, which may include APIs.
-2. Framework: A framework is a set of pre-written code, libraries, and tools that provide a foundation for building software applications. While frameworks may include APIs, they encompass a broader scope. Frameworks typically provide a structure and guidelines for developing applications, including predefined functions and modules that developers can use to build upon.
-3. Library: A library is a collection of pre-compiled code modules or functions that developers can use to perform specific tasks. Libraries often provide ready-made functions or classes that developers can call within their code to achieve certain functionalities. While libraries may utilize APIs internally, they are distinct from APIs themselves.
-4. CMS (Content Management System): A CMS is a software application or platform used for managing digital content, such as websites, blogs, or online stores. While some CMSs may have APIs that allow developers to extend their functionality or integrate with external systems, the CMS itself is not an API. The API of a CMS would be a specific interface or set of endpoints that developers can use to interact with and manage the CMS's content.
+1. SDK (Software Development Kit): An SDK is a collection of tools, libraries, and documentation developers use to build software applications for a specific platform or framework. While APIs and SDKs are related, they serve different purposes. An API defines how various software components can interact. At the same time, an SDK provides developers with the tools and resources to build applications using a specific platform or framework, which may include APIs.
+2. Framework: A framework is a set of pre-written code, libraries, and tools that provide a foundation for building software applications. While frameworks may include APIs, they encompass a broader scope. Frameworks typically give a structure and guidelines for developing applications, including predefined functions and modules that developers can use to build upon.
+3. Library: A library is a collection of pre-compiled code modules or functions developers can use to perform specific tasks. Libraries often provide ready-made functions or classes that developers can call within their code to achieve specific functionalities. While libraries may utilize APIs internally, they are distinct from APIs themselves.
+4. CMS (Content Management System): A CMS is a software application or platform for managing digital content, such as websites, blogs, or online stores. While some CMSs may have APIs allowing developers to extend their functionality or integrate with external systems, the CMS is not an API. The API of a CMS would be a specific interface or set of endpoints that developers can use to interact with and manage the CMS's content.
 
 It's important to distinguish these terms to avoid confusion and ensure accurate communication when discussing development concepts and requirements. APIs, SDKs, frameworks, libraries, and CMSs each have distinct roles and functionalities in the development process.