kunthawat/ALwrity
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
d91688055b74e9edd0f326e2078f1eb16512f2f4
ALwrity/pseo_website/_site/posts/The-Impact-of-Artificial-Intelligence-on-Microsofts-News-Website/index.html

2547 lines
44 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!doctype html>
<!-- `site.alt_lang` can specify a language different from the UI -->
<html lang="en" >
<!-- The Head -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="theme-color" media="(prefers-color-scheme: light)" content="#f7f7f7">
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="#1b1b1e">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta
name="viewport"
content="width=device-width, user-scalable=no initial-scale=1, shrink-to-fit=no, viewport-fit=cover"
>
<!-- it's a local file path -->
<!-- Begin Jekyll SEO tag v2.8.0 -->
<meta name="generator" content="Jekyll v4.3.2" />
<meta property="og:title" content="The Impact of Artificial Intelligence on Microsoft’s News Website" />
<meta property="og:locale" content="en" />
<meta name="description" content="Discover the impact of artificial intelligence on Microsoft’s news website. Explore concerns about false information and biased content, and the need for human oversight in news curation." />
<meta property="og:description" content="Discover the impact of artificial intelligence on Microsoft’s news website. Explore concerns about false information and biased content, and the need for human oversight in news curation." />
<link rel="canonical" href="http://localhost:4000/posts/The-Impact-of-Artificial-Intelligence-on-Microsofts-News-Website/" />
<meta property="og:url" content="http://localhost:4000/posts/The-Impact-of-Artificial-Intelligence-on-Microsofts-News-Website/" />
<meta property="og:site_name" content="AI-Takia" />
<meta property="og:image" content="http://localhost:4000/assets/generated_image_2023-11-08-21-43-44.png" />
<meta property="og:image:alt" content="Imapct of AI on news, microsoft casestudy." />
<meta property="og:type" content="article" />
<meta property="article:published_time" content="2023-11-08T14:59:37+05:30" />
<meta name="twitter:card" content="summary_large_image" />
<meta property="twitter:image" content="http://localhost:4000/assets/generated_image_2023-11-08-21-43-44.png" />
<meta name="twitter:image:alt" content="Imapct of AI on news, microsoft casestudy." />
<meta property="twitter:title" content="The Impact of Artificial Intelligence on Microsoft’s News Website" />
<meta name="twitter:site" content="@ajaysi" />
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"BlogPosting","dateModified":"2023-11-08T14:59:37+05:30","datePublished":"2023-11-08T14:59:37+05:30","description":"Discover the impact of artificial intelligence on Microsoft’s news website. Explore concerns about false information and biased content, and the need for human oversight in news curation.","headline":"The Impact of Artificial Intelligence on Microsoft’s News Website","image":{"alt":"Imapct of AI on news, microsoft casestudy.","url":"http://localhost:4000/assets/generated_image_2023-11-08-21-43-44.png","@type":"imageObject"},"mainEntityOfPage":{"@type":"WebPage","@id":"http://localhost:4000/posts/The-Impact-of-Artificial-Intelligence-on-Microsofts-News-Website/"},"url":"http://localhost:4000/posts/The-Impact-of-Artificial-Intelligence-on-Microsofts-News-Website/"}</script>
<!-- End Jekyll SEO tag -->
<title>The Impact of Artificial Intelligence on Microsoft's News Website | AI-Takia
</title>
<!--
The Favicons for Web, Android, Microsoft, and iOS (iPhone and iPad) Apps
Generated by: https://realfavicongenerator.net/
-->
<link rel="apple-touch-icon" sizes="180x180" href="/assets/img/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/img/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/img/favicons/favicon-16x16.png">
<link rel="manifest" href="/assets/img/favicons/site.webmanifest">
<link rel="shortcut icon" href="/assets/img/favicons/favicon.ico">
<meta name="apple-mobile-web-app-title" content="AI-Takia">
<meta name="application-name" content="AI-Takia">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="/assets/img/favicons/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<link rel="preconnect" href="https://fonts.googleapis.com" >
<link rel="dns-prefetch" href="https://fonts.googleapis.com" >
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="dns-prefetch" href="https://fonts.gstatic.com" crossorigin>
<link rel="preconnect" href="https://fonts.googleapis.com" >
<link rel="dns-prefetch" href="https://fonts.googleapis.com" >
<link rel="preconnect" href="https://cdn.jsdelivr.net" >
<link rel="dns-prefetch" href="https://cdn.jsdelivr.net" >
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Lato&family=Source+Sans+Pro:wght@400;600;700;900&display=swap">
<!-- GA -->
<!-- Bootstrap -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.4.2/css/all.min.css">
<link rel="stylesheet" href="/assets/css/jekyll-theme-chirpy.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/tocbot@4.21.2/dist/tocbot.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/loading-attribute-polyfill@2.1.1/dist/loading-attribute-polyfill.min.css">
<!-- Manific Popup -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/magnific-popup@1.1.0/dist/magnific-popup.min.css">
<!-- JavaScript -->
<!-- Switch the mode between dark and light. -->
<script type="text/javascript">
class ModeToggle {
static get MODE_KEY() {
return 'mode';
}
static get MODE_ATTR() {
return 'data-mode';
}
static get DARK_MODE() {
return 'dark';
}
static get LIGHT_MODE() {
return 'light';
}
static get ID() {
return 'mode-toggle';
}
constructor() {
if (this.hasMode) {
if (this.isDarkMode) {
if (!this.isSysDarkPrefer) {
this.setDark();
}
} else {
if (this.isSysDarkPrefer) {
this.setLight();
}
}
}
let self = this;
/* always follow the system prefers */
this.sysDarkPrefers.addEventListener('change', () => {
if (self.hasMode) {
if (self.isDarkMode) {
if (!self.isSysDarkPrefer) {
self.setDark();
}
} else {
if (self.isSysDarkPrefer) {
self.setLight();
}
}
self.clearMode();
}
self.notify();
});
} /* constructor() */
get sysDarkPrefers() {
return window.matchMedia('(prefers-color-scheme: dark)');
}
get isSysDarkPrefer() {
return this.sysDarkPrefers.matches;
}
get isDarkMode() {
return this.mode === ModeToggle.DARK_MODE;
}
get isLightMode() {
return this.mode === ModeToggle.LIGHT_MODE;
}
get hasMode() {
return this.mode != null;
}
get mode() {
return sessionStorage.getItem(ModeToggle.MODE_KEY);
}
/* get the current mode on screen */
get modeStatus() {
if (this.isDarkMode || (!this.hasMode && this.isSysDarkPrefer)) {
return ModeToggle.DARK_MODE;
} else {
return ModeToggle.LIGHT_MODE;
}
}
setDark() {
document.documentElement.setAttribute(ModeToggle.MODE_ATTR, ModeToggle.DARK_MODE);
sessionStorage.setItem(ModeToggle.MODE_KEY, ModeToggle.DARK_MODE);
}
setLight() {
document.documentElement.setAttribute(ModeToggle.MODE_ATTR, ModeToggle.LIGHT_MODE);
sessionStorage.setItem(ModeToggle.MODE_KEY, ModeToggle.LIGHT_MODE);
}
clearMode() {
document.documentElement.removeAttribute(ModeToggle.MODE_ATTR);
sessionStorage.removeItem(ModeToggle.MODE_KEY);
}
/* Notify another plugins that the theme mode has changed */
notify() {
window.postMessage(
{
direction: ModeToggle.ID,
message: this.modeStatus
},
'*'
);
}
flipMode() {
if (this.hasMode) {
if (this.isSysDarkPrefer) {
if (this.isLightMode) {
this.clearMode();
} else {
this.setLight();
}
} else {
if (this.isDarkMode) {
this.clearMode();
} else {
this.setDark();
}
}
} else {
if (this.isSysDarkPrefer) {
this.setLight();
} else {
this.setDark();
}
}
this.notify();
} /* flipMode() */
} /* ModeToggle */
const modeToggle = new ModeToggle();
</script>
<!-- A placeholder to allow defining custom metadata -->
</head>
<body>
<!-- The Side Bar -->
<aside aria-label="Sidebar" id="sidebar" class="d-flex flex-column align-items-end">
<header class="profile-wrapper">
<a href="/" id="avatar" class="rounded-circle">
</a>
<h1 class="site-title">
<a href="/">AI-Takia</a>
</h1>
<p class="site-subtitle fst-italic mb-0">Latest Blogs on AI tech, Tools & SaaS</p>
</header>
<!-- .profile-wrapper -->
<nav class="flex-column flex-grow-1 w-100 ps-0">
<ul class="nav">
<!-- home -->
<li class="nav-item">
<a href="/" class="nav-link">
<i class="fa-fw fas fa-home"></i>
<span>HOME</span>
</a>
</li>
<!-- the real tabs -->
<li class="nav-item">
<a href="/categories/" class="nav-link">
<i class="fa-fw fas fa-stream"></i>
<span>CATEGORIES</span>
</a>
</li>
<!-- .nav-item -->
<li class="nav-item">
<a href="/tags/" class="nav-link">
<i class="fa-fw fas fa-tags"></i>
<span>TAGS</span>
</a>
</li>
<!-- .nav-item -->
<li class="nav-item">
<a href="/archives/" class="nav-link">
<i class="fa-fw fas fa-archive"></i>
<span>ARCHIVES</span>
</a>
</li>
<!-- .nav-item -->
<li class="nav-item">
<a href="/about/" class="nav-link">
<i class="fa-fw fas fa-info-circle"></i>
<span>ABOUT</span>
</a>
</li>
<!-- .nav-item -->
</ul>
</nav>
<div class="sidebar-bottom d-flex flex-wrap align-items-center w-100">
<button type="button" class="mode-toggle btn" aria-label="Switch Mode">
<i class="fas fa-adjust"></i>
</button>
<span class="icon-border"></span>
<a
href="https://github.com/ajaysi"
aria-label="github"
target="_blank"
rel="noopener noreferrer"
>
<i class="fab fa-github"></i>
</a>
<a
href="https://twitter.com/ajaysi"
aria-label="twitter"
target="_blank"
rel="noopener noreferrer"
>
<i class="fa-brands fa-x-twitter"></i>
</a>
<a
href="javascript:location.href = 'mailto:' + ['example','domain.com'].join('@')"
aria-label="email"
>
<i class="fas fa-envelope"></i>
</a>
<a
href=""
aria-label="linkedin"
target="_blank"
rel="noopener noreferrer"
>
<i class="fab fa-linkedin"></i>
</a>
</div>
<!-- .sidebar-bottom -->
</aside>
<!-- #sidebar -->
<div id="main-wrapper" class="d-flex justify-content-center">
<div class="container d-flex flex-column px-xxl-5">
<!-- The Top Bar -->
<header id="topbar-wrapper" aria-label="Top Bar">
<div
id="topbar"
class="d-flex align-items-center justify-content-between px-lg-3 h-100"
>
<nav id="breadcrumb" aria-label="Breadcrumb">
<span>
<a href="/">
Home
</a>
</span>
<span>The Impact of Artificial Intelligence on Microsoft's News Website</span>
</nav>
<!-- endof #breadcrumb -->
<button type="button" id="sidebar-trigger" class="btn btn-link">
<i class="fas fa-bars fa-fw"></i>
</button>
<div id="topbar-title">
Post
</div>
<button type="button" id="search-trigger" class="btn btn-link">
<i class="fas fa-search fa-fw"></i>
</button>
<search class="align-items-center ms-3 ms-lg-0">
<i class="fas fa-search fa-fw"></i>
<input
class="form-control"
id="search-input"
type="search"
aria-label="search"
autocomplete="off"
placeholder="Search..."
>
</search>
<button type="button" class="btn btn-link text-decoration-none" id="search-cancel">Cancel</button>
</div>
</header>
<div class="row flex-grow-1">
<main aria-label="Main Content" class="col-12 col-lg-11 col-xl-9 px-md-4">
<!-- Refactor the HTML structure -->
<!--
In order to allow a wide table to scroll horizontally,
we suround the markdown table with `<div class="table-wrapper">` and `</div>`
-->
<!--
Fixed kramdown code highlight rendering:
https://github.com/penibelst/jekyll-compress-html/issues/101
https://github.com/penibelst/jekyll-compress-html/issues/71#issuecomment-188144901
-->
<!-- Change the icon of checkbox -->
<!-- Handle images -->
<!-- CDN URL -->
<!-- Add image path -->
<!-- take out classes -->
<!-- lazy-load images -->
<!-- make sure the `<img>` is wrapped by `<a>` -->
<!-- create the image wrapper -->
<!-- combine -->
<!-- take out classes -->
<!-- lazy-load images -->
<!-- make sure the `<img>` is wrapped by `<a>` -->
<!-- create the image wrapper -->
<!-- combine -->
<!-- Add header for code snippets -->
<!-- Create heading anchors -->
<!-- return -->
<article class="px-1">
<header>
<h1 data-toc-skip>The Impact of Artificial Intelligence on Microsoft's News Website</h1>
<div class="post-meta text-muted">
<!-- published date -->
<span>
Posted
<!--
Date format snippet
See: ${JS_ROOT}/utils/locale-dateime.js
-->
<time
data-ts="1699435777"
data-df="ll"
data-bs-toggle="tooltip" data-bs-placement="bottom"
>
Nov 8, 2023
</time>
</span>
<!-- lastmod date -->
<div class="mt-3 mb-3">
<a href="/assets/generated_image_2023-11-08-21-43-44.png" class="popup img-link preview-img shimmer"><img src="/assets/generated_image_2023-11-08-21-43-44.png" alt="Imapct of AI on news, microsoft casestudy." width="1200" height="630" loading="lazy"></a><figcaption class="text-center pt-2 pb-2">Imapct of AI on news, microsoft casestudy.</figcaption></div>
<div class="d-flex justify-content-between">
<!-- author(s) -->
<span>
By
<em>
<a href="https://twitter.com/username">ajaysi</a>
</em>
</span>
<!-- read time -->
<!-- Calculate the post's reading time, and display the word count in tooltip -->
<!-- words per minute -->
<!-- return element -->
<span
class="readtime"
data-bs-toggle="tooltip"
data-bs-placement="bottom"
title="931 words"
>
<em>5 min</em> read</span>
</div>
<!-- .d-flex -->
</div>
<!-- .post-meta -->
</header>
<div class="content">
<h2 id="introduction"><span class="me-2">Introduction</span><a href="#introduction" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h2>
<p>In recent times, Microsoft’s news website, MSN.com, has become a platform for controversial headlines and false stories. From conspiracy theories about the Democratic Party orchestrating the COVID-19 surge to obituaries that disrespect late NBA players, MSN.com has faced scrutiny for the content it publishes. This shift can be attributed to Microsoft’s decision to replace human editors with artificial intelligence (AI) for news curation. In this article, we will delve into the impact of AI on Microsoft’s news website and the concerns it raises for society and upcoming elections.</p>
<h2 id="the-rise-of-artificial-intelligence-in-news-curation"><span class="me-2">The Rise of Artificial Intelligence in News Curation</span><a href="#the-rise-of-artificial-intelligence-in-news-curation" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h2>
<p>Microsoft’s homepage, MSN.com, holds a significant position as one of the most visited news websites globally. Due to its default installation on Windows software, millions of people rely on it as their primary news source. Up until 2018, Microsoft employed over 800 journalists to curate news content for the site. However, in recent years, AI has taken over this responsibility, causing an upheaval in the quality and accuracy of the news presented.</p>
<p><a href="/assets/generated_image_2023-11-08-21-44-13.png" class="popup img-link shimmer"><img src="/assets/generated_image_2023-11-08-21-44-13.png" alt="img-description" loading="lazy"></a>
<em>Microsoft AI news Chaos</em></p>
<p>Former contracted editor, Rin Pfeiffer, who worked at MSN.com for eight years, recalls the drastic changes brought about by the implementation of AI. In 2020, she and her colleagues received the shocking news that their positions were being replaced by AI automation. This move was justified by Microsoft as a step towards streamlining operations and increasing efficiency. Nevertheless, the ramifications of relying solely on AI for news curation have become apparent.</p>
<h2 id="unintended-consequences-false-stories-and-biased-content"><span class="me-2">Unintended Consequences: False Stories and Biased Content</span><a href="#unintended-consequences-false-stories-and-biased-content" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h2>
<p>As AI took over the role of editors, concerns arose about the accuracy and impartiality of the news featured on MSN.com. Recent instances include false claims of President Biden falling asleep during a moment of silence, obituaries disrespecting late NBA players, and misleading stories about a California politician resigning after attacks by Elon Musk. These articles originate from fringe right-wing sites, raising questions about the selection process and editorial oversight.</p>
<p>It is worrisome that content with potential political bias finds its way onto the homepage of a platform used by millions. This situation can have tangible consequences, influencing public opinion and potentially impacting elections. Ferris Cower, an MSN.com user, experienced a noticeable shift in the content presented on his homepage after a software update. As a trustworthy company, Microsoft’s inclusion of biased articles surprised him and others who rely on the platform for unbiased news.</p>
<h2 id="the-need-for-responsible-ai-implementation"><span class="me-2">The Need for Responsible AI Implementation</span><a href="#the-need-for-responsible-ai-implementation" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h2>
<p>Rin Pfeiffer and other critics argue that Microsoft should exercise caution in utilizing AI for news curation. They emphasize the importance of human editors in determining the legitimacy and reliability of news sources. While AI can undoubtedly enhance efficiency, it must remain under the control of human oversight to ensure the accuracy and integrity of the information presented.</p>
<p>The absence of transparency regarding the number of people responsible for Microsoft’s news AI raises further concerns. Brynn Pfeiffer reveals that the editors on her team, who were hired through a subcontractor, were all laid off. This lack of human intervention leaves room for AI to perpetuate misinformation, potentially influencing public opinion on a massive scale.</p>
<h2 id="safeguarding-journalism-and-the-future-of-news"><span class="me-2">Safeguarding Journalism and the Future of News</span><a href="#safeguarding-journalism-and-the-future-of-news" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h2>
<p>Following an inquiry by The Guardian newspaper, Microsoft faced criticism for an AI-generated poll published alongside a news story about a deceased individual. The poll asked readers to speculate on the cause of death, highlighting the need for responsible AI implementation. Microsoft has since launched an investigation and discontinued the AI polling feature.</p>
<p>In 2021, Microsoft shifted to an algorithm-based system for story selection on MSN.com. While this change aims to address concerns, it also highlights the issue of people failing to fact-check and blindly accepting information presented to them. The prevalence of such behavior further emphasizes the importance of maintaining journalistic integrity, whether through human or AI involvement.</p>
<h2 id="conclusion"><span class="me-2">Conclusion</span><a href="#conclusion" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h2>
<p>The integration of artificial intelligence in news curation has sparked a debate surrounding the future of journalism and the responsibility of tech giants like Microsoft. The shift from human editors to AI automation on MSN.com has resulted in the dissemination of false information and biased content. As elections loom, the potential impact of AI-generated news on public opinion cannot be ignored.</p>
<p>Microsoft’s move towards algorithm-based story selection is a step in the right direction, but it is crucial to strike a balance between efficiency and the need for human oversight. Transparency regarding AI’s role and the inclusion of responsible journalistic practices are essential to safeguard the integrity of news and ensure informed decision-making by the public.</p>
<p>While AI undoubtedly offers opportunities for streamlining operations, it must be used responsibly to avoid the propagation of misinformation. The future of news lies in finding the right balance between human expertise and technological advancements. As consumers of news, it is our responsibility to question and fact-check information, relying on credible sources to shape our understanding of the world.### Conclusion</p>
<ul>
<li>Microsoft’s news website, MSN.com, has faced controversy and scrutiny for publishing controversial and false stories.</li>
<li>The shift can be attributed to Microsoft’s decision to replace human editors with AI for news curation.</li>
<li>Concerns arise about the accuracy and impartiality of the news featured on MSN.com, with instances of false stories and biased content being published.</li>
<li>Critics argue for the importance of human oversight in determining the legitimacy and reliability of news sources.</li>
<li>Transparency regarding AI’s role and responsible journalistic practices are essential to safeguard the integrity of news and ensure informed decision-making.</li>
<li>The future of news lies in finding the right balance between human expertise and technological advancements.</li>
<li>Consumers of news have a responsibility to question and fact-check information from credible sources.</li>
</ul>
</div>
<div class="post-tail-wrapper text-muted">
<!-- categories -->
<div class="post-meta mb-3">
<i class="far fa-folder-open fa-fw me-1"></i>
<a href="/categories/technology/">Technology</a>,
<a href="/categories/media-and-entertainment/">Media and Entertainment</a>
</div>
<!-- tags -->
<div class="post-tags">
<i class="fa fa-tags fa-fw me-1"></i>
<a
href="/tags/ai/"
class="post-tag no-text-decoration"
>AI</a>
<a
href="/tags/microsoft-news-website/"
class="post-tag no-text-decoration"
>Microsoft News Website</a>
</div>
<div
class="
post-tail-bottom
d-flex justify-content-between align-items-center mt-5 pb-2
"
>
<div class="license-wrapper">
This post is licensed under
<a href="https://creativecommons.org/licenses/by/4.0/">
CC BY 4.0
</a>
by the author.
</div>
<!-- Post sharing snippet -->
<div class="share-wrapper d-flex align-items-center">
<span class="share-label text-muted me-1">Share</span>
<span class="share-icons">
<a
href="https://twitter.com/intent/tweet?text=The%20Impact%20of%20Artificial%20Intelligence%20on%20Microsoft's%20News%20Website%20-%20AI-Takia&url=http%3A%2F%2Flocalhost%3A4000%2Fposts%2FThe-Impact-of-Artificial-Intelligence-on-Microsofts-News-Website%2F"
data-bs-toggle="tooltip"
data-bs-placement="top"
title="Twitter"
target="_blank"
rel="noopener"
aria-label="Twitter"
>
<i class="fa-fw fa-brands fa-square-x-twitter"></i>
</a>
<a
href="https://www.facebook.com/sharer/sharer.php?title=The%20Impact%20of%20Artificial%20Intelligence%20on%20Microsoft's%20News%20Website%20-%20AI-Takia&u=http%3A%2F%2Flocalhost%3A4000%2Fposts%2FThe-Impact-of-Artificial-Intelligence-on-Microsofts-News-Website%2F"
data-bs-toggle="tooltip"
data-bs-placement="top"
title="Facebook"
target="_blank"
rel="noopener"
aria-label="Facebook"
>
<i class="fa-fw fab fa-facebook-square"></i>
</a>
<a
href="https://t.me/share/url?url=http%3A%2F%2Flocalhost%3A4000%2Fposts%2FThe-Impact-of-Artificial-Intelligence-on-Microsofts-News-Website%2F&text=The%20Impact%20of%20Artificial%20Intelligence%20on%20Microsoft's%20News%20Website%20-%20AI-Takia"
data-bs-toggle="tooltip"
data-bs-placement="top"
title="Telegram"
target="_blank"
rel="noopener"
aria-label="Telegram"
>
<i class="fa-fw fab fa-telegram"></i>
</a>
<button
id="copy-link"
aria-label="Copy link"
class="btn small"
data-bs-toggle="tooltip"
data-bs-placement="top"
title="Copy link"
data-title-succeed="Link copied successfully!"
>
<i class="fa-fw fas fa-link pe-none"></i>
</button>
</span>
</div>
</div>
<!-- .post-tail-bottom -->
</div>
<!-- div.post-tail-wrapper -->
</article>
</main>
<!-- panel -->
<aside aria-label="Panel" id="panel-wrapper" class="col-xl-3 ps-2 mb-5 text-muted">
<div class="access">
<!-- Get the last 5 posts from lastmod list. -->
<!-- The trending tags list -->
<section>
<h2 class="panel-heading">Trending Tags</h2>
<div class="d-flex flex-wrap mt-3 mb-1 me-3">
<a class="post-tag btn btn-outline-primary" href="/tags/ai-advancements/">AI Advancements</a>
<a class="post-tag btn btn-outline-primary" href="/tags/ai-animation-software/">AI Animation Software</a>
<a class="post-tag btn btn-outline-primary" href="/tags/ai-chatbots/">AI chatbots</a>
<a class="post-tag btn btn-outline-primary" href="/tags/ai-future-potential/">AI Future potential</a>
<a class="post-tag btn btn-outline-primary" href="/tags/ai-latest/">AI latest</a>
<a class="post-tag btn btn-outline-primary" href="/tags/ai/">AI</a>
<a class="post-tag btn btn-outline-primary" href="/tags/animation-tools/">Animation Tools</a>
<a class="post-tag btn btn-outline-primary" href="/tags/chatbots/">chatbots</a>
<a class="post-tag btn btn-outline-primary" href="/tags/elon-musk-s-grok/">Elon Musk's Grok</a>
<a class="post-tag btn btn-outline-primary" href="/tags/future-of-ai-assistants/">Future of AI Assistants</a>
</div>
</section>
</div>
<section id="toc-wrapper" class="ps-0 pe-4">
<h2 class="panel-heading ps-3 pt-2 mb-2">Contents</h2>
<nav id="toc"></nav>
</section>
</aside>
</div>
<div class="row">
<!-- tail -->
<div id="tail-wrapper" class="col-12 col-lg-11 col-xl-9 px-md-4">
<!-- Recommend the other 3 posts according to the tags and categories of the current post. -->
<!-- The total size of related posts -->
<!-- An random integer that bigger than 0 -->
<!-- Equals to TAG_SCORE / {max_categories_hierarchy} -->
<aside id="related-posts" aria-labelledby="related-label">
<h3 class="mb-4" id="related-label">Further Reading</h3>
<nav class="row row-cols-1 row-cols-md-2 row-cols-xl-3 g-4 mb-4">
<article class="col">
<a href="/posts/State-of-AI-Report-2022-Unveiling-Innovations-and-Future-Trends-in-Artificial-Intelligence/" class="post-preview card h-100">
<div class="card-body">
<!--
Date format snippet
See: ${JS_ROOT}/utils/locale-dateime.js
-->
<time
data-ts="1699495335"
data-df="ll"
>
Nov 9, 2023
</time>
<h4 class="pt-0 my-2">State of AI Report 2022 Unveiling Innovations and Future Trends in Artificial Intelligence</h4>
<div class="text-muted">
<p>
Welcome to the captivating world of Artificial Intelligence! In this blog article, we will delve into the highly influential State of AI Report 2022, unveiling the latest advancements and future po...
</p>
</div>
</div>
</a>
</article>
<article class="col">
<a href="/posts/Grok-Elon-Musks-Revolutionary-AI-Chatbot-Redefining-the-Industry/" class="post-preview card h-100">
<div class="card-body">
<!--
Date format snippet
See: ${JS_ROOT}/utils/locale-dateime.js
-->
<time
data-ts="1699496841"
data-df="ll"
>
Nov 9, 2023
</time>
<h4 class="pt-0 my-2">Grok Elon Musk's Revolutionary AI Chatbot Redefining the Industry</h4>
<div class="text-muted">
<p>
Title: Elon Musk’s Grok: The Revolutionary AI Chatbot Revolutionizing the Industry
Meta-description: Discover the groundbreaking features and advantages of Elon Musk’s latest AI creation, Grok. Ex...
</p>
</div>
</div>
</a>
</article>
<article class="col">
<a href="/posts/How-to-Use-Stable-Diffusion-in-Google-Colab-for-Free-A-Step-by-Step-Guide/" class="post-preview card h-100">
<div class="card-body">
<!--
Date format snippet
See: ${JS_ROOT}/utils/locale-dateime.js
-->
<time
data-ts="1699500069"
data-df="ll"
>
Nov 9, 2023
</time>
<h4 class="pt-0 my-2">How to Use Stable Diffusion in Google Colab for Free A Step-by-Step Guide</h4>
<div class="text-muted">
<p>
Introduction:
Are you ready to unlock the power of Stable Diffusion without the need for a high-end GPU or CPU? In this step-by-step guide, we’ll show you how to use Stable Diffusion in Google Cola...
</p>
</div>
</div>
</a>
</article>
</nav>
</aside>
<!-- #related-posts -->
<!-- Navigation buttons at the bottom of the post. -->
<nav class="post-navigation d-flex justify-content-between" aria-label="Post Navigation">
<div class="btn btn-outline-primary disabled" aria-label="Older">
<p>-</p>
</div>
<a
href="/posts/Introducing-GPT-4-Turbo-The-Future-of-AI-Assistants/"
class="btn btn-outline-primary"
aria-label="Newer"
>
<p>Introducing GPT-4 Turbo- The Future of AI Assistants</p>
</a>
</nav>
<!-- The comments switcher -->
<!-- The Footer -->
<footer
aria-label="Site Info"
class="
d-flex flex-column justify-content-center text-muted
flex-lg-row justify-content-lg-between align-items-lg-center pb-lg-3
"
>
<p>
©
<time>2023</time>
<a href="https://twitter.com/username">ajaysi</a>.
<span
data-bs-toggle="tooltip"
data-bs-placement="top"
title="Except where otherwise noted, the blog posts on this site are licensed under the Creative Commons Attribution 4.0 International (CC BY 4.0) License by the author."
>Some rights reserved.</span>
</p>
<p>Using the <a href="https://github.com/cotes2020/jekyll-theme-chirpy" target="_blank" rel="noopener">Chirpy</a> theme for <a href="https://jekyllrb.com" target="_blank" rel="noopener">Jekyll</a>
</p>
</footer>
</div>
</div>
<!-- The Search results -->
<div id="search-result-wrapper" class="d-flex justify-content-center unloaded">
<div class="col-11 content">
<div id="search-hints">
<!-- The trending tags list -->
<section>
<h2 class="panel-heading">Trending Tags</h2>
<div class="d-flex flex-wrap mt-3 mb-1 me-3">
<a class="post-tag btn btn-outline-primary" href="/tags/ai-advancements/">AI Advancements</a>
<a class="post-tag btn btn-outline-primary" href="/tags/ai-animation-software/">AI Animation Software</a>
<a class="post-tag btn btn-outline-primary" href="/tags/ai-chatbots/">AI chatbots</a>
<a class="post-tag btn btn-outline-primary" href="/tags/ai-future-potential/">AI Future potential</a>
<a class="post-tag btn btn-outline-primary" href="/tags/ai-latest/">AI latest</a>
<a class="post-tag btn btn-outline-primary" href="/tags/ai/">AI</a>
<a class="post-tag btn btn-outline-primary" href="/tags/animation-tools/">Animation Tools</a>
<a class="post-tag btn btn-outline-primary" href="/tags/chatbots/">chatbots</a>
<a class="post-tag btn btn-outline-primary" href="/tags/elon-musk-s-grok/">Elon Musk's Grok</a>
<a class="post-tag btn btn-outline-primary" href="/tags/future-of-ai-assistants/">Future of AI Assistants</a>
</div>
</section>
</div>
<div id="search-results" class="d-flex flex-wrap justify-content-center text-muted mt-3"></div>
</div>
</div>
</div>
<aside aria-label="Scroll to Top">
<button id="back-to-top" type="button" class="btn btn-lg btn-box-shadow">
<i class="fas fa-angle-up"></i>
</button>
</aside>
</div>
<div id="mask"></div>
<aside
id="notification"
class="toast"
role="alert"
aria-live="assertive"
aria-atomic="true"
data-bs-animation="true"
data-bs-autohide="false"
>
<div class="toast-header">
<button
type="button"
class="btn-close ms-auto"
data-bs-dismiss="toast"
aria-label="Close"
></button>
</div>
<div class="toast-body text-center pt-0">
<p class="px-2 mb-3">A new version of content is available.</p>
<button type="button" class="btn btn-primary" aria-label="Update">
Update
</button>
</div>
</aside>
<!-- JavaScripts -->
<!-- JS selector for site. -->
<!-- commons -->
<!-- layout specified -->
<!-- image lazy-loading & popup & clipboard -->
<script src="https://cdn.jsdelivr.net/combine/npm/jquery@3.7.1/dist/jquery.min.js,npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js,npm/simple-jekyll-search@1.10.0/dest/simple-jekyll-search.min.js,npm/loading-attribute-polyfill@2.1.1/dist/loading-attribute-polyfill.umd.min.js,npm/magnific-popup@1.1.0/dist/jquery.magnific-popup.min.js,npm/clipboard@2.0.11/dist/clipboard.min.js,npm/dayjs@1.11.10/dayjs.min.js,npm/dayjs@1.11.10/locale/en.min.js,npm/dayjs@1.11.10/plugin/relativeTime.min.js,npm/dayjs@1.11.10/plugin/localizedFormat.min.js,npm/tocbot@4.21.2/dist/tocbot.min.js"></script>
<script defer src="/assets/js/dist/post.min.js"></script>
<!--
Jekyll Simple Search loader
See: <https://github.com/christian-fei/Simple-Jekyll-Search>
-->
<script>
/* Note: dependent library will be loaded in `js-selector.html` */
SimpleJekyllSearch({
searchInput: document.getElementById('search-input'),
resultsContainer: document.getElementById('search-results'),
json: '/assets/js/data/search.json',
searchResultTemplate: ' <article class="px-1 px-sm-2 px-lg-4 px-xl-0"> <header> <h2><a href="{url}">{title}</a></h2> <div class="post-meta d-flex flex-column flex-sm-row text-muted mt-1 mb-1"> {categories} {tags} </div> </header> <p>{snippet}</p> </article>',
noResultsText: '<p class="mt-5"></p>',
templateMiddleware: function(prop, value, template) {
if (prop === 'categories') {
if (value === '') {
return `${value}`;
} else {
return `<div class="me-sm-4"><i class="far fa-folder fa-fw"></i>${value}</div>`;
}
}
if (prop === 'tags') {
if (value === '') {
return `${value}`;
} else {
return `<div><i class="fa fa-tag fa-fw"></i>${value}</div>`;
}
}
}
});
</script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink