748 lines
32 KiB
HTML
748 lines
32 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html lang="fr">
|
|||
|
|
|
|||
|
|
<head><script src="/livereload.js?mindelay=10&v=2&port=35735&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/blogs/placeholder-text/">
|
|||
|
|
<meta property="og:site_name" content="Daydreel">
|
|||
|
|
<meta property="og:title" content="Placeholder Text">
|
|||
|
|
<meta property="og:description" content="Lorem est tota propiore conpellat pectoribus de pectora summo.
|
|||
|
|
Redit teque digerit hominumque toris verebor lumina non cervice subde tollit usus habet Arctonque, furores quas nec ferunt. Quoque montibus nunc caluere tempus inhospita parcite confusaque translucet patri vestro qui optatis lumine cognoscere flos nubis! Fronde ipsamque patulos Dryopen deorum.
|
|||
|
|
Exierant elisi ambit vivere dedere Duce pollice Eris modo Spargitque ferrea quos palude Rursus nulli murmur; hastile inridet ut ab gravi sententia! Nomine potitus silentia flumen, sustinet placuit petis in dilapsa erat sunt. Atria tractus malis.">
|
|||
|
|
<meta property="og:locale" content="fr">
|
|||
|
|
<meta property="og:type" content="article">
|
|||
|
|
<meta property="article:section" content="blogs">
|
|||
|
|
<meta property="article:published_time" content="2021-04-03T22:41:10+05:30">
|
|||
|
|
<meta property="article:modified_time" content="2021-04-03T22:41:10+05:30">
|
|||
|
|
<meta property="article:tag" content="Placeholder Text">
|
|||
|
|
<meta property="article:tag" content="Sample">
|
|||
|
|
<meta property="article:tag" content="Example">
|
|||
|
|
|
|||
|
|
|
|||
|
|
<meta name="twitter:card" content="summary">
|
|||
|
|
<meta name="twitter:title" content="Placeholder Text">
|
|||
|
|
<meta name="twitter:description" content="Lorem est tota propiore conpellat pectoribus de pectora summo.
|
|||
|
|
Redit teque digerit hominumque toris verebor lumina non cervice subde tollit usus habet Arctonque, furores quas nec ferunt. Quoque montibus nunc caluere tempus inhospita parcite confusaque translucet patri vestro qui optatis lumine cognoscere flos nubis! Fronde ipsamque patulos Dryopen deorum.
|
|||
|
|
Exierant elisi ambit vivere dedere Duce pollice Eris modo Spargitque ferrea quos palude Rursus nulli murmur; hastile inridet ut ab gravi sententia! Nomine potitus silentia flumen, sustinet placuit petis in dilapsa erat sunt. Atria tractus malis.">
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<link rel="alternate" hreflang="fr" href="http://localhost:35735/blogs/placeholder-text/" 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>
|
|||
|
|
Placeholder Text | 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'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">Placeholder Text</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="Placeholder Text">
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<article class="page-content p-2">
|
|||
|
|
<p>Lorem est tota propiore conpellat pectoribus de pectora summo.</p>
|
|||
|
|
<p>Redit teque digerit hominumque toris verebor lumina non cervice subde tollit usus habet Arctonque, furores quas nec ferunt. Quoque montibus nunc caluere tempus inhospita parcite confusaque translucet patri vestro qui optatis lumine cognoscere flos nubis! Fronde ipsamque patulos Dryopen deorum.</p>
|
|||
|
|
<ol>
|
|||
|
|
<li>Exierant elisi ambit vivere dedere</li>
|
|||
|
|
<li>Duce pollice</li>
|
|||
|
|
<li>Eris modo</li>
|
|||
|
|
<li>Spargitque ferrea quos palude</li>
|
|||
|
|
</ol>
|
|||
|
|
<p>Rursus nulli murmur; hastile inridet ut ab gravi sententia! Nomine potitus silentia flumen, sustinet placuit petis in dilapsa erat sunt. Atria tractus malis.</p>
|
|||
|
|
<ol>
|
|||
|
|
<li>Comas hunc haec pietate fetum procerum dixit</li>
|
|||
|
|
<li>Post torum vates letum Tiresia</li>
|
|||
|
|
<li>Flumen querellas</li>
|
|||
|
|
<li>Arcanaque montibus omnes</li>
|
|||
|
|
<li>Quidem et</li>
|
|||
|
|
</ol>
|
|||
|
|
<h1 id="vagus-elidunt">Vagus elidunt</h1>
|
|||
|
|
<p><a href="https://en.wikipedia.org/wiki/Canons_of_page_construction#Van_de_Graaf_canon">The Van de Graaf Canon</a></p>
|
|||
|
|
<h2 id="mane-refeci-capiebant-unda-mulcebat">Mane refeci capiebant unda mulcebat</h2>
|
|||
|
|
<p>Victa caducifer, malo vulnere contra dicere aurato, ludit regale, voca! Retorsit colit est profanae esse virescere furit nec; iaculi matertera et visa est, viribus. Divesque creatis, tecta novat collumque vulnus est, parvas. Faces illo pepulere tempus adest. Tendit flamma, ab opes virum sustinet, sidus sequendo urbis.</p>
|
|||
|
|
<p>Iubar proles corpore raptos vero auctor imperium; sed et huic: manus caeli Lelegas tu lux. Verbis obstitit intus oblectamina fixis linguisque ausus sperare Echionides cornuaque tenent clausit possit. Omnia putatur. Praeteritae refert ausus; ferebant e primus lora nutat, vici quae mea ipse. Et iter nil spectatae vulnus haerentia iuste et exercebat, sui et.</p>
|
|||
|
|
<p>Eurytus Hector, materna ipsumque ut Politen, nec, nate, ignari, vernum cohaesit sequitur. Vel mitis temploque vocatus, inque alis, oculos nomen non silvis corpore coniunx ne displicet illa. Crescunt non unus, vidit visa quantum inmiti flumina mortis facto sic: undique a alios vincula sunt iactata abdita! Suspenderat ego fuit tendit: luna, ante urbem Propoetides parte.</p>
|
|||
|
|
|
|||
|
|
</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="#mane-refeci-capiebant-unda-mulcebat">Mane refeci capiebant unda mulcebat</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/placeholder-text"
|
|||
|
|
target="_blank"
|
|||
|
|
>Placeholder text</a></li>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<li class="list-inline-item"><a href="/tags/sample"
|
|||
|
|
target="_blank"
|
|||
|
|
>Sample</a></li>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<li class="list-inline-item"><a href="/tags/example"
|
|||
|
|
target="_blank"
|
|||
|
|
>example</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%2fblogs%2fplaceholder-text%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=Placeholder%20Text&url=http%3a%2f%2flocalhost%3a35735%2fblogs%2fplaceholder-text%2f&hashtags=Placeholder%20text%2cSample%2cexample'>
|
|||
|
|
<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=Placeholder%20Text: http%3a%2f%2flocalhost%3a35735%2fblogs%2fplaceholder-text%2f">
|
|||
|
|
<i class="fab fa-whatsapp"></i>
|
|||
|
|
</a>
|
|||
|
|
</li>
|
|||
|
|
<li class="list-inline-item text-center">
|
|||
|
|
<a target="_blank" href='mailto:?subject=Placeholder%20Text&body=Check%20out%20this%20site http%3a%2f%2flocalhost%3a35735%2fblogs%2fplaceholder-text%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 site’s <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>
|
|||
|
|
|
|||
|
|
© 2026 All rights reserved
|
|||
|
|
<div class="text-secondary">
|
|||
|
|
Made with
|
|||
|
|
<span class="text-danger">
|
|||
|
|
❤
|
|||
|
|
</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>
|