daydreel-website/public/es/blogs/rich-content/index.html

753 lines
30 KiB
HTML
Raw Normal View History

2026-02-19 14:14:59 +01:00
<!DOCTYPE html>
<html lang="fr">
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=35735&amp;path=livereload" data-no-instant defer></script><meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta http-equiv="Accept-CH" content="DPR, Viewport-Width, Width">
<link rel="icon" href="/fav.png" type="image/gif">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preload"
as="style"
href="https://fonts.googleapis.com/css2?family=Alata&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
>
<link rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Alata&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
media="print" onload="this.media='all'" />
<noscript>
<link
href="https://fonts.googleapis.com/css2?family=Alata&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
rel="stylesheet">
</noscript>
<link rel="stylesheet" href="/css/font.css" media="all">
<meta property="og:url" content="http://localhost:35735/es/blogs/rich-content/">
<meta property="og:site_name" content="Daydreel">
<meta property="og:title" content="Contenido Enriquecido">
<meta property="og:description" content="Hugo viene con varios Shortcodes Integrados para contenido enriquecido, junto con una Configuración de Privacidad y un conjunto de Shortcodes Simples que habilitan versiones estáticas y sin JS de varias incrustaciones de redes sociales.
Shortcode Simple de X {{&lt; tweet user=&#34;GoHugoIO&#34; id=&#34;1315233626070503424&#34; &gt;}} Shortcode Simple de Vimeo {{&lt; vimeo 146022717 &gt;}} Shortcode gist {{&lt; gist spf13 7896402 &gt;}}">
<meta property="og:locale" content="fr">
<meta property="og:type" content="article">
<meta property="article:section" content="es">
<meta property="article:published_time" content="2021-04-03T19:53:33+05:30">
<meta property="article:modified_time" content="2021-04-03T19:53:33+05:30">
<meta property="article:tag" content="Contenido Enriquecido">
<meta property="article:tag" content="Muestra">
<meta property="article:tag" content="Ejemplo">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Contenido Enriquecido">
<meta name="twitter:description" content="Hugo viene con varios Shortcodes Integrados para contenido enriquecido, junto con una Configuración de Privacidad y un conjunto de Shortcodes Simples que habilitan versiones estáticas y sin JS de varias incrustaciones de redes sociales.
Shortcode Simple de X {{&lt; tweet user=&#34;GoHugoIO&#34; id=&#34;1315233626070503424&#34; &gt;}} Shortcode Simple de Vimeo {{&lt; vimeo 146022717 &gt;}} Shortcode gist {{&lt; gist spf13 7896402 &gt;}}">
<link rel="alternate" hreflang="fr" href="http://localhost:35735/es/blogs/rich-content/" title="Français">
<meta property="og:locale" content="fr">
<link rel="stylesheet" href="/bootstrap-5/css/bootstrap.min.css" media="all"><link rel="stylesheet" href="/css/header.css" media="all">
<link rel="stylesheet" href="/css/language-switcher.css" media="all">
<link rel="stylesheet" href="/css/footer.css" media="all">
<link rel="stylesheet" href="/css/theme.css" media="all">
<style>
:root {
--text-color: #343a40;
--text-secondary-color: #6c757d;
--text-link-color: #007bff;
--background-color: #f02020;
--secondary-background-color: #64ffda1a;
--primary-color: #007bff;
--secondary-color: #f8f9fa;
--text-color-dark: #F7FDFF;
--text-secondary-color-dark: #F7FDFF;
--text-link-color-dark: #ffffff;
--background-color-dark: #040348;
--secondary-background-color-dark: #030335;
--primary-color-dark: #fa99c9;
--secondary-color-dark: #030335;
}
body {
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
text-align: left;
}
html {
background-color: var(--background-color) !important;
}
body::-webkit-scrollbar {
height: 0px;
width: 8px;
background-color: var(--background-color);
}
::-webkit-scrollbar-track {
border-radius: 1rem;
}
::-webkit-scrollbar-thumb {
border-radius: 1rem;
background: #b0b0b0;
outline: 1px solid var(--background-color);
}
#search-content::-webkit-scrollbar {
width: .5em;
height: .1em;
background-color: var(--background-color);
}
</style>
<meta name="description" content="">
<link rel="stylesheet" href="/css/single.css">
<script defer src="/fontawesome-6/all-6.4.2.js"></script>
<title>
Contenido Enriquecido | Daydreel
</title>
</head>
<body class="light">
<script>
let localStorageValue = localStorage.getItem("pref-theme");
let mediaQuery = window.matchMedia('(prefers-color-scheme: dark)').matches;
switch (localStorageValue) {
case "dark":
document.documentElement.classList.add('dark');
document.body.classList.add('dark');
break;
case "light":
document.body.classList.remove('dark');
document.documentElement.classList.remove('dark');
break;
default:
if (mediaQuery) {
document.documentElement.classList.add('dark');
document.body.classList.add('dark');
}
break;
}
</script>
<script>
var prevScrollPos = window.pageYOffset;
window.addEventListener("scroll", function showHeaderOnScroll() {
let profileHeaderElem = document.getElementById("profileHeader");
let currentScrollPos = window.pageYOffset;
let resetHeaderStyle = false;
let showNavBarOnScrollUp = true ;
let showNavBar = showNavBarOnScrollUp ? prevScrollPos > currentScrollPos : currentScrollPos > 0;
if (showNavBar) {
profileHeaderElem.classList.add("showHeaderOnTop");
} else {
resetHeaderStyle = true;
}
if(currentScrollPos === 0) {
resetHeaderStyle = true;
}
if(resetHeaderStyle) {
profileHeaderElem.classList.remove("showHeaderOnTop");
}
prevScrollPos = currentScrollPos;
});
</script>
<header id="profileHeader">
<nav class="pt-3 navbar navbar-expand-lg animate">
<div class="container-fluid mx-xs-2 mx-sm-5 mx-md-5 mx-lg-5">
<a class="navbar-brand primary-font text-wrap" href="/">
Daydreel
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarContent"
aria-controls="navbarContent" aria-expanded="false" aria-label="Toggle navigation">
<svg aria-hidden="true" height="24" viewBox="0 0 16 16" version="1.1" width="24" data-view-component="true">
<path fill-rule="evenodd" d="M1 2.75A.75.75 0 011.75 2h12.5a.75.75 0 110 1.5H1.75A.75.75 0 011 2.75zm0 5A.75.75 0 011.75 7h12.5a.75.75 0 110 1.5H1.75A.75.75 0 011 7.75zM1.75 12a.75.75 0 100 1.5h12.5a.75.75 0 100-1.5H1.75z"></path>
</svg>
</button>
<div class="collapse navbar-collapse text-wrap primary-font" id="navbarContent">
<ul class="navbar-nav ms-auto text-center">
<li class="nav-item navbar-text">
<a class="nav-link" href="/#about" aria-label="about">
À Propos de Moi
</a>
</li>
<li class="nav-item navbar-text">
<a class="nav-link" href="/#experience"
aria-label="experience">
Expérience
</a>
</li>
<li class="nav-item navbar-text">
<a class="nav-link" href="/#education"
aria-label="education">
Éducation
</a>
</li>
<li class="nav-item navbar-text">
<a class="nav-link" href="/#projects"
aria-label="projects">
Projets
</a>
</li>
<li class="nav-item navbar-text">
<a class="nav-link" href="/#achievements"
aria-label="achievements">
Réalisations
</a>
</li>
<li class="nav-item navbar-text">
<a class="nav-link" href="/#contact"
aria-label="contact">
Contact
</a>
</li>
<li class="nav-item navbar-text">
<a class="nav-link" href="/fr/blogs" title="Articles de blog">
Blog
</a>
</li>
<li class="nav-item navbar-text">
<a class="nav-link" href="/fr/gallery" title="Galerie d&#39;images">
Galerie
</a>
</li>
<li class="nav-item navbar-text dropdown">
<a class="nav-link dropdown-toggle" href="#" id="languageDropdown" role="button"
data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
🌐
<span class="d-none d-md-inline">Français</span>
</a>
<div class="dropdown-menu shadow-lg rounded" aria-labelledby="languageDropdown"><a class="dropdown-item text-center nav-link"
href="/en/"
title="English">
English
</a><a class="dropdown-item text-center nav-link active"
href="/"
title="Français">
Français
</a></div>
</li>
</ul>
</div>
</div>
</nav>
</header>
<div id="content">
<section id="single">
<div class="container">
<div class="row justify-content-center">
<div class="col-sm-12 col-md-12 col-lg-9">
<div class="pr-lg-4">
<div class="title mb-5">
<h1 class="text-center mb-4">Contenido Enriquecido</h1>
<div class="text-center">
Gurusabarish
<small>|</small>
3 avr. 2021
<span id="readingTime">
min read
</span>
</div>
</div>
<div class="featured-image">
<img class="img-fluid mx-auto d-block" src="/images/post.jpg" alt="Contenido Enriquecido">
</div>
<article class="page-content p-2">
<p>Hugo viene con varios <a href="https://gohugo.io/content-management/shortcodes/#embedded">Shortcodes Integrados</a> para contenido enriquecido, junto con una <a href="https://gohugo.io/about/privacy/#configuration">Configuración de Privacidad</a> y un conjunto de Shortcodes Simples que habilitan versiones estáticas y sin JS de varias incrustaciones de redes sociales.</p>
<h2 id="shortcode-simple-de-x">Shortcode Simple de X</h2>
<pre tabindex="0"><code>{{&lt; tweet user=&#34;GoHugoIO&#34; id=&#34;1315233626070503424&#34; &gt;}}
</code></pre><br>
<!-- Temporarily removed for build -->
<br>
<h2 id="shortcode-simple-de-vimeo">Shortcode Simple de Vimeo</h2>
<pre tabindex="0"><code>{{&lt; vimeo 146022717 &gt;}}
</code></pre><br>
<div
style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;">
<iframe
src="https://player.vimeo.com/video/146022717?dnt=0"
style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;" allow="fullscreen">
</iframe>
</div>
<br>
<hr>
<h2 id="shortcode-gist">Shortcode gist</h2>
<pre tabindex="0"><code>{{&lt; gist spf13 7896402 &gt;}}
</code></pre><br>
<script src="https://gist.github.com/spf13/7896402.js"></script>
<br>
<hr>
</article>
</div>
</div>
<div class="col-sm-12 col-md-12 col-lg-3">
<div id="stickySideBar" class="sticky-sidebar">
<aside class="toc">
<h5>
Table Of Contents
</h5>
<div class="toc-content">
<nav id="TableOfContents">
<ul>
<li><a href="#shortcode-simple-de-x">Shortcode Simple de X</a></li>
<li><a href="#shortcode-simple-de-vimeo">Shortcode Simple de Vimeo</a></li>
<li><a href="#shortcode-gist">Shortcode gist</a></li>
</ul>
</nav>
</div>
</aside>
<aside class="tags">
<h5>Étiquettes</h5>
<ul class="tags-ul list-unstyled list-inline">
<li class="list-inline-item"><a href="/tags/contenido-enriquecido"
target="_blank"
>Contenido enriquecido</a></li>
<li class="list-inline-item"><a href="/tags/muestra"
target="_blank"
>Muestra</a></li>
<li class="list-inline-item"><a href="/tags/ejemplo"
target="_blank"
>ejemplo</a></li>
</ul>
</aside>
<aside class="social">
<h5>Réseaux Sociaux</h5>
<div class="social-content">
<ul class="list-inline">
<li class="list-inline-item text-center">
<a target="_blank" href="https://www.linkedin.com/feed/?shareActive=true&text= http%3a%2f%2flocalhost%3a35735%2fes%2fblogs%2frich-content%2f">
<i class="fab fa-linkedin"></i>
</a>
</li>
<li class="list-inline-item text-center">
<a target="_blank" href='https://twitter.com/share?text=Contenido%20Enriquecido&url=http%3a%2f%2flocalhost%3a35735%2fes%2fblogs%2frich-content%2f&hashtags=Contenido%20enriquecido%2cMuestra%2cejemplo'>
<i class="fab fa-twitter"></i>
</a>
</li>
<li class="list-inline-item text-center">
<a target="_blank" href="https://api.whatsapp.com/send?text=Contenido%20Enriquecido: http%3a%2f%2flocalhost%3a35735%2fes%2fblogs%2frich-content%2f">
<i class="fab fa-whatsapp"></i>
</a>
</li>
<li class="list-inline-item text-center">
<a target="_blank" href='mailto:?subject=Contenido%20Enriquecido&amp;body=Check%20out%20this%20site http%3a%2f%2flocalhost%3a35735%2fes%2fblogs%2frich-content%2f'>
<i class="fa fa-envelope"></i>
</a>
</li>
</ul>
</div>
</aside>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-9 p-4">
</div>
</div>
</div>
<button class="p-2 px-3" onclick="topFunction()" id="topScroll">
<i class="fas fa-angle-up"></i>
</button>
</section>
<div class="progress">
<div id="scroll-progress-bar" class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<Script src="/js/scrollProgressBar.js"></script>
<script>
var topScroll = document.getElementById("topScroll");
window.onscroll = function() {scrollFunction()};
function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
topScroll.style.display = "block";
} else {
topScroll.style.display = "none";
}
}
function topFunction() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
let stickySideBarElem = document.getElementById("stickySideBar");
let stickyNavBar = true ;
if(stickyNavBar) {
let headerElem = document.getElementById("profileHeader");
let headerHeight = headerElem.offsetHeight + 15;
stickySideBarElem.style.top = headerHeight + "px";
} else {
stickySideBarElem.style.top = "50px";
}
</script>
<script src="/js/readingTime.js"></script>
</div><footer>
<div class="container py-3" id="recent-posts">
<div class="h3 text-center text-secondary py-3">
Recent Posts
</div>
<div class="row justify-content-center">
<div class="col-lg-4 col-md-6 pt-2">
<div class="card h-100">
<div class="card-header">
<a href="/blogs/math/">
<img src="/images/mathjax.png" class="card-img-top" alt="Render Math With Mathjax">
</a>
</div>
<div class="card-body bg-transparent p-3 shadow-sm">
<a href="/blogs/math/" class="primary-font card-title">
<h5 class="card-title bg-transparent" title="Render Math With Mathjax">Render Math With Mathjax</h5>
</a>
<div class="card-text secondary-font">
<p><h2 id="mathjax">Mathjax</h2>
<p>Math equations can be rendered using <a href="https://www.mathjax.org">Mathjax</a> syntax with AMS symbol support.</p>
<p>Optionally enable this on a per-page basis by adding <code>mathjax: true</code> to your frontmatter.</p>
<p>Then, use <code>$$ ... $$</code> on a line by itself to render a block equation:</p>
<p>$$ | Pr_{x \leftarrow P_{1}} [A(x) = 1] - Pr_{x \leftarrow …</p></p>
</div>
</div>
<div class="mt-auto card-footer">
<span class="float-start">9 décembre 2022</span>
<a href="/blogs/math/" class="float-end btn btn-outline-info btn-sm">Read</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 pt-2">
<div class="card h-100">
<div class="card-header">
<a href="/blogs/markdown-syntax/">
<img src="/images/post.jpg" class="card-img-top" alt="Markdown Syntax">
</a>
</div>
<div class="card-body bg-transparent p-3 shadow-sm">
<a href="/blogs/markdown-syntax/" class="primary-font card-title">
<h5 class="card-title bg-transparent" title="Markdown Syntax">Markdown Syntax</h5>
</a>
<div class="card-text secondary-font">
<p><h2 id="paragraph">Paragraph</h2>
<p>Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus …</p></p>
</div>
</div>
<div class="mt-auto card-footer">
<span class="float-start">3 avril 2021</span>
<a href="/blogs/markdown-syntax/" class="float-end btn btn-outline-info btn-sm">Read</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 pt-2">
<div class="card h-100">
<div class="card-header">
<a href="/blogs/emoji-support/">
<img src="/images/post.jpg" class="card-img-top" alt="Emoji Support">
</a>
</div>
<div class="card-body bg-transparent p-3 shadow-sm">
<a href="/blogs/emoji-support/" class="primary-font card-title">
<h5 class="card-title bg-transparent" title="Emoji Support">Emoji Support</h5>
</a>
<div class="card-text secondary-font">
<p><p>Emoji can be enabled in a Hugo project in a number of ways. :zap:</p>
<h2 id="emoji-support">Emoji Support</h2>
<p>The <a href="https://gohugo.io/functions/emojify/">emojify</a> function can be called directly in templates or <a href="https://gohugo.io/templates/shortcode-templates/#inline-shortcodes">Inline Shortcodes</a>.</p>
<p>To enable emoji globally, set <code>enableEmoji</code> to <code>true</code> in your sites <a href="https://gohugo.io/getting-started/configuration/">configuration</a> and then you can type emoji shorthand codes directly in …</p></p>
</div>
</div>
<div class="mt-auto card-footer">
<span class="float-start">3 avril 2021</span>
<a href="/blogs/emoji-support/" class="float-end btn btn-outline-info btn-sm">Read</a>
</div>
</div>
</div>
</div>
</div>
<div class="text-center pt-2">
<span class="px-1">
<a href="https://github.com" target="_blank" aria-label="github">
<svg xmlns="http://www.w3.org/2000/svg" width="2.7em" height="2.7em" viewBox="0 0 1792 1792">
<path id="footer-socialNetworks-github-svg-path"
d="M522 1352q-8 9-20-3-13-11-4-19 8-9 20 3 12 11 4 19zm-42-61q9 12 0 19-8 6-17-7t0-18q9-7 17 6zm-61-60q-5 7-13 2-10-5-7-12 3-5 13-2 10 5 7 12zm31 34q-6 7-16-3-9-11-2-16 6-6 16 3 9 11 2 16zm129 112q-4 12-19 6-17-4-13-15t19-7q16 5 13 16zm63 5q0 11-16 11-17 2-17-11 0-11 16-11 17-2 17 11zm58-10q2 10-14 14t-18-8 14-15q16-2 18 9zm964-956v960q0 119-84.5 203.5t-203.5 84.5h-224q-16 0-24.5-1t-19.5-5-16-14.5-5-27.5v-239q0-97-52-142 57-6 102.5-18t94-39 81-66.5 53-105 20.5-150.5q0-121-79-206 37-91-8-204-28-9-81 11t-92 44l-38 24q-93-26-192-26t-192 26q-16-11-42.5-27t-83.5-38.5-86-13.5q-44 113-7 204-79 85-79 206 0 85 20.5 150t52.5 105 80.5 67 94 39 102.5 18q-40 36-49 103-21 10-45 15t-57 5-65.5-21.5-55.5-62.5q-19-32-48.5-52t-49.5-24l-20-3q-21 0-29 4.5t-5 11.5 9 14 13 12l7 5q22 10 43.5 38t31.5 51l10 23q13 38 44 61.5t67 30 69.5 7 55.5-3.5l23-4q0 38 .5 103t.5 68q0 22-11 33.5t-22 13-33 1.5h-224q-119 0-203.5-84.5t-84.5-203.5v-960q0-119 84.5-203.5t203.5-84.5h960q119 0 203.5 84.5t84.5 203.5z" />
<metadata>
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#" xmlns:dc="http://purl.org/dc/elements/1.1/">
<rdf:Description about="https://iconscout.com/legal#licenses"
dc:title="Github, Online, Project, Hosting, Square"
dc:description="Github, Online, Project, Hosting, Square" dc:publisher="Iconscout"
dc:date="2016-12-14" dc:format="image/svg+xml" dc:language="en">
<dc:creator>
<rdf:Bag>
<rdf:li>Font Awesome</rdf:li>
</rdf:Bag>
</dc:creator>
</rdf:Description>
</rdf:RDF>
</metadata>
</svg>
</a>
</span>
<span class="px-1">
<a href="https://linkedin.com" target="_blank" aria-label="linkedin">
<svg xmlns="http://www.w3.org/2000/svg" width='2.4em' height='2.4em' fill="#fff" aria-label="LinkedIn"
viewBox="0 0 512 512">
<rect width="512" height="512" fill="#0077b5" rx="15%" />
<circle cx="142" cy="138" r="37" />
<path stroke="#fff" stroke-width="66" d="M244 194v198M142 194v198" />
<path d="M276 282c0-20 13-40 36-40 24 0 33 18 33 45v105h66V279c0-61-32-89-76-89-34 0-51 19-59 32" />
</svg>
</a>
</span>
<a href="https://twitter.com" target="_blank" aria-label="twitter">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
<path fill="#03a9f4"
d="M42,37c0,2.762-2.239,5-5,5H11c-2.762,0-5-2.238-5-5V11c0-2.762,2.238-5,5-5h26c2.761,0,5,2.238,5,5 V37z" />
<path fill="#fff"
d="M36,17.12c-0.882,0.391-1.999,0.758-3,0.88c1.018-0.604,2.633-1.862,3-3 c-0.951,0.559-2.671,1.156-3.793,1.372C31.311,15.422,30.033,15,28.617,15C25.897,15,24,17.305,24,20v2c-4,0-7.9-3.047-10.327-6 c-0.427,0.721-0.667,1.565-0.667,2.457c0,1.819,1.671,3.665,2.994,4.543c-0.807-0.025-2.335-0.641-3-1c0,0.016,0,0.036,0,0.057 c0,2.367,1.661,3.974,3.912,4.422C16.501,26.592,16,27,14.072,27c0.626,1.935,3.773,2.958,5.928,3c-1.686,1.307-4.692,2-7,2 c-0.399,0-0.615,0.022-1-0.023C14.178,33.357,17.22,34,20,34c9.057,0,14-6.918,14-13.37c0-0.212-0.007-0.922-0.018-1.13 C34.95,18.818,35.342,18.104,36,17.12" />
</svg>
</a>
<a href="https://instagram.com" target="_blank" aria-label="instagram">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
<radialGradient id="yOrnnhliCrdS2gy~4tD8ma" cx="19.38" cy="42.035" r="44.899"
gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#fd5" />
<stop offset=".328" stop-color="#ff543f" />
<stop offset=".348" stop-color="#fc5245" />
<stop offset=".504" stop-color="#e64771" />
<stop offset=".643" stop-color="#d53e91" />
<stop offset=".761" stop-color="#cc39a4" />
<stop offset=".841" stop-color="#c837ab" />
</radialGradient>
<path fill="url(#yOrnnhliCrdS2gy~4tD8ma)"
d="M34.017,41.99l-20,0.019c-4.4,0.004-8.003-3.592-8.008-7.992l-0.019-20 c-0.004-4.4,3.592-8.003,7.992-8.008l20-0.019c4.4-0.004,8.003,3.592,8.008,7.992l0.019,20 C42.014,38.383,38.417,41.986,34.017,41.99z" />
<radialGradient id="yOrnnhliCrdS2gy~4tD8mb" cx="11.786" cy="5.54" r="29.813"
gradientTransform="matrix(1 0 0 .6663 0 1.849)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#4168c9" />
<stop offset=".999" stop-color="#4168c9" stop-opacity="0" />
</radialGradient>
<path fill="url(#yOrnnhliCrdS2gy~4tD8mb)"
d="M34.017,41.99l-20,0.019c-4.4,0.004-8.003-3.592-8.008-7.992l-0.019-20 c-0.004-4.4,3.592-8.003,7.992-8.008l20-0.019c4.4-0.004,8.003,3.592,8.008,7.992l0.019,20 C42.014,38.383,38.417,41.986,34.017,41.99z" />
<path fill="#fff"
d="M24,31c-3.859,0-7-3.14-7-7s3.141-7,7-7s7,3.14,7,7S27.859,31,24,31z M24,19c-2.757,0-5,2.243-5,5 s2.243,5,5,5s5-2.243,5-5S26.757,19,24,19z" />
<circle cx="31.5" cy="16.5" r="1.5" fill="#fff" />
<path fill="#fff"
d="M30,37H18c-3.859,0-7-3.14-7-7V18c0-3.86,3.141-7,7-7h12c3.859,0,7,3.14,7,7v12 C37,33.86,33.859,37,30,37z M18,13c-2.757,0-5,2.243-5,5v12c0,2.757,2.243,5,5,5h12c2.757,0,5-2.243,5-5V18c0-2.757-2.243-5-5-5H18z" />
</svg>
</a>
<a href="https://facebook.com" target="_blank" aria-label="facebook">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
<path fill="#3F51B5"
d="M42,37c0,2.762-2.238,5-5,5H11c-2.761,0-5-2.238-5-5V11c0-2.762,2.239-5,5-5h26c2.762,0,5,2.238,5,5V37z" />
<path fill="#FFF"
d="M34.368,25H31v13h-5V25h-3v-4h3v-2.41c0.002-3.508,1.459-5.59,5.592-5.59H35v4h-2.287C31.104,17,31,17.6,31,18.723V21h4L34.368,25z" />
</svg>
</a>
</div><div class="container py-4">
<div class="row justify-content-center">
<div class="col-md-4 text-center">
<div class="pb-2">
<a href="http://localhost:35735/" title="Daydreel">
<img alt="Footer logo" src="/fav.png"
height="40px" width="40px">
</a>
</div>
&copy; 2026 All rights reserved
<div class="text-secondary">
Made with
<span class="text-danger">
&#10084;
</span>
and
<a href="https://github.com/gurusabarish/hugo-profile" target="_blank"
title="Designed and developed by gurusabarish">
Hugo Profile
</a>
</div>
</div>
</div>
</div>
</footer><script src="/bootstrap-5/js/bootstrap.bundle.min.js"></script>
<script>
if (document.body.className.includes("light")) {
document.documentElement.classList.add('dark');
document.body.classList.add('dark');
localStorage.setItem("pref-theme", 'dark');
}
</script>
<section id="search-content" class="py-2">
<div class="container" id="search-results"></div>
</section>
</body>
</html>