kunthawat/ALwrity
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
3ec74d22b58a1b3cd17a26be58ff429fbe7d758d
ALwrity/pseo_website/_site/index.html

2764 lines
39 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"
>
<!-- Begin Jekyll SEO tag v2.8.0 -->
<meta name="generator" content="Jekyll v4.3.2" />
<meta property="og:title" content="AI-Takia" />
<meta property="og:locale" content="en" />
<meta name="description" content="Begginer friendly AI technologies simplified &amp; explained. Know &amp; boost productivity with latest AI tools." />
<meta property="og:description" content="Begginer friendly AI technologies simplified &amp; explained. Know &amp; boost productivity with latest AI tools." />
<link rel="canonical" href="http://localhost:4000/" />
<meta property="og:url" content="http://localhost:4000/" />
<meta property="og:site_name" content="AI-Takia" />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary" />
<meta property="twitter:title" content="AI-Takia" />
<meta name="twitter:site" content="@ajaysi" />
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"WebSite","description":"Begginer friendly AI technologies simplified &amp; explained. Know &amp; boost productivity with latest AI tools.","headline":"AI-Takia","name":"ajaysi","sameAs":["https://twitter.com/username","https://github.com/username"],"url":"http://localhost:4000/"}</script>
<!-- End Jekyll SEO tag -->
<title>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/loading-attribute-polyfill@2.1.1/dist/loading-attribute-polyfill.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 active">
<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">
<!-- index page -->
<span>Home</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">
AI-Takia
</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 -->
<!-- create the image wrapper -->
<!-- combine -->
<!-- take out classes -->
<!-- lazy-load images -->
<!-- create the image wrapper -->
<!-- combine -->
<!-- take out classes -->
<!-- lazy-load images -->
<!-- create the image wrapper -->
<!-- combine -->
<!-- take out classes -->
<!-- lazy-load images -->
<!-- create the image wrapper -->
<!-- combine -->
<!-- take out classes -->
<!-- lazy-load images -->
<!-- create the image wrapper -->
<!-- combine -->
<!-- take out classes -->
<!-- lazy-load images -->
<!-- create the image wrapper -->
<!-- combine -->
<!-- take out classes -->
<!-- lazy-load images -->
<!-- create the image wrapper -->
<!-- combine -->
<!-- Add header for code snippets -->
<!-- Create heading anchors -->
<!-- return -->
<!-- Get pinned posts -->
<!-- Get default posts -->
<div id="post-list" class="flex-grow-1 px-xl-1">
<article class="card-wrapper card">
<a href="/posts/The-Top-5-AI-Animation-Software-Tools-Choose-the-Perfect-Tool-for-Your-Animation-Needs/" class="post-preview row g-0 flex-md-row-reverse">
<div class="col-md-5">
<div class="preview-img shimmer"><img src="/assets/generated_image_2023-11-09-09-11-41.png" alt="The Top 5 AI Animation Software Tools Choose the Perfect Tool for Your Animation Needs" loading="lazy"></div>
</div>
<div class="col-md-7">
<div class="card-body d-flex flex-column">
<h1 class="card-title my-2 mt-md-0">The Top 5 AI Animation Software Tools Choose the Perfect Tool for Your Animation Needs</h1>
<div class="card-text content mt-0 mb-3">
<p>
Introduction:
Creating animations has never been easier, thanks to advancements in technology. AI animation software has revolutionized the industry, allowing professional animators and motion desi...
</p>
</div>
<div class="post-meta flex-grow-1 d-flex align-items-end">
<div class="me-auto">
<!-- posted date -->
<i class="far fa-calendar fa-fw me-1"></i>
<!--
Date format snippet
See: ${JS_ROOT}/utils/locale-dateime.js
-->
<time
data-ts="1699501408"
data-df="ll"
>
Nov 9, 2023
</time>
<!-- categories -->
<i class="far fa-folder-open fa-fw me-1"></i>
<span class="categories">
Animation,
Technology
</span>
</div>
</div>
<!-- .post-meta -->
</div>
<!-- .card-body -->
</div>
</a>
</article>
<article class="card-wrapper card">
<a href="/posts/How-to-Use-Stable-Diffusion-in-Google-Colab-for-Free-A-Step-by-Step-Guide/" class="post-preview row g-0 flex-md-row-reverse">
<div class="col-md-5">
<div class="preview-img shimmer"><img src="/assets/generated_image_2023-11-09-08-49-22.png" alt="How to Use Stable Diffusion in Google Colab for Free A Step-by-Step Guide" loading="lazy"></div>
</div>
<div class="col-md-7">
<div class="card-body d-flex flex-column">
<h1 class="card-title my-2 mt-md-0">How to Use Stable Diffusion in Google Colab for Free A Step-by-Step Guide</h1>
<div class="card-text content mt-0 mb-3">
<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 class="post-meta flex-grow-1 d-flex align-items-end">
<div class="me-auto">
<!-- posted date -->
<i class="far fa-calendar fa-fw me-1"></i>
<!--
Date format snippet
See: ${JS_ROOT}/utils/locale-dateime.js
-->
<time
data-ts="1699500069"
data-df="ll"
>
Nov 9, 2023
</time>
<!-- categories -->
<i class="far fa-folder-open fa-fw me-1"></i>
<span class="categories">
Technology,
Artificial Intelligence
</span>
</div>
</div>
<!-- .post-meta -->
</div>
<!-- .card-body -->
</div>
</a>
</article>
<article class="card-wrapper card">
<a href="/posts/Grok-Elon-Musks-Revolutionary-AI-Chatbot-Redefining-the-Industry/" class="post-preview row g-0 flex-md-row-reverse">
<div class="col-md-5">
<div class="preview-img shimmer"><img src="/assets/generated_image_2023-11-09-07-55-51.png" alt="Grok Elon Musk&apos;s Revolutionary AI Chatbot Redefining the Industry" loading="lazy"></div>
</div>
<div class="col-md-7">
<div class="card-body d-flex flex-column">
<h1 class="card-title my-2 mt-md-0">Grok Elon Musk's Revolutionary AI Chatbot Redefining the Industry</h1>
<div class="card-text content mt-0 mb-3">
<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 class="post-meta flex-grow-1 d-flex align-items-end">
<div class="me-auto">
<!-- posted date -->
<i class="far fa-calendar fa-fw me-1"></i>
<!--
Date format snippet
See: ${JS_ROOT}/utils/locale-dateime.js
-->
<time
data-ts="1699496841"
data-df="ll"
>
Nov 9, 2023
</time>
<!-- categories -->
<i class="far fa-folder-open fa-fw me-1"></i>
<span class="categories">
Technology,
Artificial Intelligence,
chatbots
</span>
</div>
</div>
<!-- .post-meta -->
</div>
<!-- .card-body -->
</div>
</a>
</article>
<article class="card-wrapper card">
<a href="/posts/State-of-AI-Report-2022-Unveiling-Innovations-and-Future-Trends-in-Artificial-Intelligence/" class="post-preview row g-0 flex-md-row-reverse">
<div class="col-md-5">
<div class="preview-img shimmer"><img src="/assets/generated_image_2023-11-09-07-30-40.png" alt="State of AI Report 2022 Unveiling Innovations and Future Trends in Artificial Intelligence" loading="lazy"></div>
</div>
<div class="col-md-7">
<div class="card-body d-flex flex-column">
<h1 class="card-title my-2 mt-md-0">State of AI Report 2022 Unveiling Innovations and Future Trends in Artificial Intelligence</h1>
<div class="card-text content mt-0 mb-3">
<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 class="post-meta flex-grow-1 d-flex align-items-end">
<div class="me-auto">
<!-- posted date -->
<i class="far fa-calendar fa-fw me-1"></i>
<!--
Date format snippet
See: ${JS_ROOT}/utils/locale-dateime.js
-->
<time
data-ts="1699495335"
data-df="ll"
>
Nov 9, 2023
</time>
<!-- categories -->
<i class="far fa-folder-open fa-fw me-1"></i>
<span class="categories">
Technology,
Artificial Intelligence
</span>
</div>
</div>
<!-- .post-meta -->
</div>
<!-- .card-body -->
</div>
</a>
</article>
<article class="card-wrapper card">
<a href="/posts/Exciting-AI-Advancements-Musks-Chatbot-to-Apples-M3-Chips/" class="post-preview row g-0 flex-md-row-reverse">
<div class="col-md-5">
<div class="preview-img shimmer"><img src="/assets/generated_image_2023-11-08-23-42-51.png" alt="Exciting AI Advancements Musk&apos;s Chatbot to Apple&apos;s M3 Chips" loading="lazy"></div>
</div>
<div class="col-md-7">
<div class="card-body d-flex flex-column">
<h1 class="card-title my-2 mt-md-0">Exciting AI Advancements- Musk's Chatbot to Apple's M3 Chips</h1>
<div class="card-text content mt-0 mb-3">
<p>
Welcome to the exciting world of AI advancements! From Elon Musk’s groundbreaking chatbot to Apple’s powerful M3 chips, this blog will take you on a journey through the latest and most intriguing d...
</p>
</div>
<div class="post-meta flex-grow-1 d-flex align-items-end">
<div class="me-auto">
<!-- posted date -->
<i class="far fa-calendar fa-fw me-1"></i>
<!--
Date format snippet
See: ${JS_ROOT}/utils/locale-dateime.js
-->
<time
data-ts="1699467270"
data-df="ll"
>
Nov 8, 2023
</time>
<!-- categories -->
<i class="far fa-folder-open fa-fw me-1"></i>
<span class="categories">
AI Advancements,
Tech News
</span>
</div>
</div>
<!-- .post-meta -->
</div>
<!-- .card-body -->
</div>
</a>
</article>
<article class="card-wrapper card">
<a href="/posts/Introducing-GPT-4-Turbo-The-Future-of-AI-Assistants/" class="post-preview row g-0 flex-md-row-reverse">
<div class="col-md-5">
<div class="preview-img shimmer"><img src="/assets/generated_image_2023-11-08-22-22-19.png" alt="Introducing GPT-4 Turbo- The Future of AI Assistants" loading="lazy"></div>
</div>
<div class="col-md-7">
<div class="card-body d-flex flex-column">
<h1 class="card-title my-2 mt-md-0">Introducing GPT-4 Turbo- The Future of AI Assistants</h1>
<div class="card-text content mt-0 mb-3">
<p>
Image Caption
Key Highlights
GPT-4 Turbo: A more advanced and capable model
Assistance API: Simplifying the development of AI agents
Customization: Tailored AI models for specific purposes
...
</p>
</div>
<div class="post-meta flex-grow-1 d-flex align-items-end">
<div class="me-auto">
<!-- posted date -->
<i class="far fa-calendar fa-fw me-1"></i>
<!--
Date format snippet
See: ${JS_ROOT}/utils/locale-dateime.js
-->
<time
data-ts="1699463669"
data-df="ll"
>
Nov 8, 2023
</time>
<!-- categories -->
<i class="far fa-folder-open fa-fw me-1"></i>
<span class="categories">
AI Technology,
Future Technology
</span>
</div>
</div>
<!-- .post-meta -->
</div>
<!-- .card-body -->
</div>
</a>
</article>
<article class="card-wrapper card">
<a href="/posts/The-Impact-of-Artificial-Intelligence-on-Microsofts-News-Website/" class="post-preview row g-0 flex-md-row-reverse">
<div class="col-md-5">
<div class="preview-img shimmer"><img src="/assets/generated_image_2023-11-08-21-43-44.png" alt="Imapct of AI on news, microsoft casestudy." loading="lazy"></div>
</div>
<div class="col-md-7">
<div class="card-body d-flex flex-column">
<h1 class="card-title my-2 mt-md-0">The Impact of Artificial Intelligence on Microsoft's News Website</h1>
<div class="card-text content mt-0 mb-3">
<p>
Introduction
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 orchestrat...
</p>
</div>
<div class="post-meta flex-grow-1 d-flex align-items-end">
<div class="me-auto">
<!-- posted date -->
<i class="far fa-calendar fa-fw me-1"></i>
<!--
Date format snippet
See: ${JS_ROOT}/utils/locale-dateime.js
-->
<time
data-ts="1699435777"
data-df="ll"
>
Nov 8, 2023
</time>
<!-- categories -->
<i class="far fa-folder-open fa-fw me-1"></i>
<span class="categories">
Technology,
Media and Entertainment
</span>
</div>
</div>
<!-- .post-meta -->
</div>
<!-- .card-body -->
</div>
</a>
</article>
</div>
<!-- #post-list -->
</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>
</aside>
</div>
<div class="row">
<!-- tail -->
<div id="tail-wrapper" class="col-12 col-lg-11 col-xl-9 px-md-4">
<!-- 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 -->
<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/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"></script>
<script defer src="/assets/js/dist/home.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