init
This commit is contained in:
Daydreel
commit
a5ff9895bd
2312 changed files with 83319 additions and 0 deletions
0
.hugo_build.lock
Normal file
0
.hugo_build.lock
Normal file
0
READM.md
Normal file
0
READM.md
Normal file
5
archetypes/default.md
Normal file
5
archetypes/default.md
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
---
|
||||
date: '{{ .Date }}'
|
||||
draft: true
|
||||
title: '{{ replace .File.ContentBaseName "-" " " | title }}'
|
||||
---
|
||||
3
content/blogs/_index.md
Normal file
3
content/blogs/_index.md
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
---
|
||||
title: "Blogs"
|
||||
---
|
||||
34
content/blogs/emoji-support.md
Normal file
34
content/blogs/emoji-support.md
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
---
|
||||
title: "Emoji Support"
|
||||
date: 2021-04-03T22:53:58+05:30
|
||||
draft: false
|
||||
github_link: "https://github.com/gurusabarish/hugo-profile"
|
||||
author: "Gurusabarish"
|
||||
tags:
|
||||
- Emoji support
|
||||
- Sample
|
||||
- example
|
||||
image: /images/post.jpg
|
||||
description: ""
|
||||
toc:
|
||||
---
|
||||
|
||||
Emoji can be enabled in a Hugo project in a number of ways. :zap:
|
||||
|
||||
## Emoji Support
|
||||
|
||||
The [emojify](https://gohugo.io/functions/emojify/) function can be called directly in templates or [Inline Shortcodes](https://gohugo.io/templates/shortcode-templates/#inline-shortcodes).
|
||||
|
||||
To enable emoji globally, set ```enableEmoji``` to ```true``` in your site’s [configuration](https://gohugo.io/getting-started/configuration/) and then you can type emoji shorthand codes directly in content files; e.g.
|
||||
|
||||
The [Emoji cheat sheet](http://www.emoji-cheat-sheet.com/) is a useful reference for emoji shorthand codes.
|
||||
|
||||
<hr>
|
||||
|
||||
**N.B.** The above steps enable Unicode Standard emoji characters and sequences in Hugo, however the rendering of these glyphs depends on the browser and the platform. To style the emoji you can either use a third party emoji font or a font stack; e.g.
|
||||
|
||||
```
|
||||
.emoji {
|
||||
font-family: Apple Color Emoji, Segoe UI Emoji, NotoColorEmoji, Segoe UI Symbol, Android Emoji, EmojiSymbols;
|
||||
}
|
||||
```
|
||||
145
content/blogs/markdown-syntax.md
Normal file
145
content/blogs/markdown-syntax.md
Normal file
|
|
@ -0,0 +1,145 @@
|
|||
---
|
||||
title: "Markdown Syntax"
|
||||
date: 2021-04-03T23:29:21+05:30
|
||||
draft: false
|
||||
github_link: "https://github.com/gurusabarish/hugo-profile"
|
||||
author: "Gurusabarish"
|
||||
tags:
|
||||
- Markdown syntax
|
||||
- Sample
|
||||
- example
|
||||
image: /images/post.jpg
|
||||
description: ""
|
||||
toc:
|
||||
---
|
||||
|
||||
## Paragraph
|
||||
|
||||
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 eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.
|
||||
|
||||
Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.
|
||||
|
||||
## Blockquotes
|
||||
|
||||
The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a `footer` or `cite` element, and optionally with in-line changes such as annotations and abbreviations.
|
||||
|
||||
### Blockquote without attribution
|
||||
|
||||
> Tiam, ad mint andaepu dandae nostion secatur sequo quae.
|
||||
> **Note** that you can use _Markdown syntax_ within a blockquote.
|
||||
|
||||
### Blockquote with attribution
|
||||
|
||||
> Don't communicate by sharing memory, share memory by communicating.</p>
|
||||
> — <cite>Rob Pike[^1]</cite>
|
||||
|
||||
[^1]: The above quote is excerpted from Rob Pike's [talk](https://www.youtube.com/watch?v=PAAkCSZUG1c) during Gopherfest, November 18, 2015.
|
||||
|
||||
## Tables
|
||||
|
||||
Tables aren't part of the core Markdown spec, but Hugo supports supports them out-of-the-box.
|
||||
|
||||
| Name | Age |
|
||||
| ----- | --- |
|
||||
| Bob | 27 |
|
||||
| Alice | 23 |
|
||||
|
||||
### Inline Markdown within tables
|
||||
|
||||
| Inline | Markdown | In | Table |
|
||||
| ------------------------ | -------------------------- | ----------------------------------- | ------ |
|
||||
| _italics_ | **bold** | ~~strikethrough~~ | `code` |
|
||||
|
||||
## Code Blocks
|
||||
|
||||
### Code block with backticks
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>Example HTML5 Document</title>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test</p>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
### Code block indented with four spaces
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Example HTML5 Document</title>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test</p>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
### Code block with Hugo's internal highlight shortcode
|
||||
|
||||
{{< highlight html >}}
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Example HTML5 Document</title>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test</p>
|
||||
</body>
|
||||
</html>
|
||||
{{< /highlight >}}
|
||||
|
||||
## List Types
|
||||
|
||||
### Ordered List
|
||||
|
||||
1. First item
|
||||
2. Second item
|
||||
3. Third item
|
||||
|
||||
### Unordered List
|
||||
|
||||
- List item
|
||||
- Another item
|
||||
- And another item
|
||||
|
||||
### Nested list
|
||||
|
||||
- Item
|
||||
1. First Sub-item
|
||||
2. Second Sub-item
|
||||
|
||||
## Headings
|
||||
|
||||
The following HTML `<h1>`—`<h6>` elements represent six levels of section headings. `<h1>` is the highest section level while `<h6>` is the lowest.
|
||||
|
||||
# H1
|
||||
|
||||
## H2
|
||||
|
||||
### H3
|
||||
|
||||
#### H4
|
||||
|
||||
##### H5
|
||||
|
||||
###### H6
|
||||
|
||||
## Other Elements — abbr, sub, sup, kbd, mark
|
||||
|
||||
<abbr title="Graphics Interchange Format">GIF</abbr> is a bitmap image format.
|
||||
|
||||
H<sub>2</sub>O
|
||||
|
||||
X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>
|
||||
|
||||
Press <kbd><kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd></kbd> to end the session.
|
||||
|
||||
Most <mark>salamanders</mark> are nocturnal, and hunt for insects, worms, and other small creatures.
|
||||
38
content/blogs/math.md
Normal file
38
content/blogs/math.md
Normal file
|
|
@ -0,0 +1,38 @@
|
|||
---
|
||||
title: "Render Math With Mathjax"
|
||||
date: 2022-12-09T19:53:33+05:30
|
||||
draft: false
|
||||
author: "Gurusabarish"
|
||||
tags:
|
||||
- Markdown syntax
|
||||
- Mathjax
|
||||
- example
|
||||
image: /images/mathjax.png
|
||||
description: ""
|
||||
toc: true
|
||||
mathjax: true
|
||||
---
|
||||
|
||||
## Mathjax
|
||||
|
||||
Math equations can be rendered using [Mathjax](https://www.mathjax.org) syntax with AMS symbol support.
|
||||
|
||||
Optionally enable this on a per-page basis by adding `mathjax: true` to your frontmatter.
|
||||
|
||||
Then, use `$$ ... $$` on a line by itself to render a block equation:
|
||||
|
||||
$$ | Pr_{x \leftarrow P_{1}} [A(x) = 1] - Pr_{x \leftarrow P_{2}} [A(x) = 1] | < \text{negligible} $$
|
||||
|
||||
The raw version is:
|
||||
|
||||
```
|
||||
$$ | Pr_{x \leftarrow P_{1}} [A(x) = 1] - Pr_{x \leftarrow P_{2}} [A(x) = 1] | < \text{negligible} $$
|
||||
```
|
||||
|
||||
|
||||
Write in-line equations with `\\( ... \\)` , like \\( x^n / y \\) . It's easy!
|
||||
|
||||
```
|
||||
Write in-line equations with `\\( ... \\)` , like \\( x^n / y \\) . It's easy!
|
||||
```
|
||||
|
||||
42
content/blogs/placeholder-text.md
Normal file
42
content/blogs/placeholder-text.md
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
---
|
||||
title: "Placeholder Text"
|
||||
date: 2021-04-03T22:41:10+05:30
|
||||
draft: false
|
||||
github_link: "https://github.com/gurusabarish/hugo-profile"
|
||||
author: "Gurusabarish"
|
||||
tags:
|
||||
- Placeholder text
|
||||
- Sample
|
||||
- example
|
||||
image: /images/post.jpg
|
||||
description: ""
|
||||
toc:
|
||||
---
|
||||
|
||||
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.
|
||||
|
||||
1. Exierant elisi ambit vivere dedere
|
||||
2. Duce pollice
|
||||
3. Eris modo
|
||||
4. 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.
|
||||
|
||||
1. Comas hunc haec pietate fetum procerum dixit
|
||||
2. Post torum vates letum Tiresia
|
||||
3. Flumen querellas
|
||||
4. Arcanaque montibus omnes
|
||||
5. Quidem et
|
||||
|
||||
# Vagus elidunt
|
||||
|
||||
[The Van de Graaf Canon](https://en.wikipedia.org/wiki/Canons_of_page_construction#Van_de_Graaf_canon)
|
||||
|
||||
## Mane refeci capiebant unda mulcebat
|
||||
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.
|
||||
|
||||
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.
|
||||
|
||||
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.
|
||||
65
content/blogs/rich-content.md
Normal file
65
content/blogs/rich-content.md
Normal file
|
|
@ -0,0 +1,65 @@
|
|||
---
|
||||
title: "Rich Content"
|
||||
date: 2021-04-03T19:53:33+05:30
|
||||
draft: false
|
||||
author: "Gurusabarish"
|
||||
tags:
|
||||
- Rich content
|
||||
- Sample
|
||||
- example
|
||||
image: /images/post.jpg
|
||||
description: ""
|
||||
toc:
|
||||
---
|
||||
|
||||
Hugo ships with several [Embedded Shortcodes](https://gohugo.io/content-management/shortcodes/#embedded) for rich content, along with a [Privacy Config](https://gohugo.io/about/privacy/#configuration) and a set of Simple Shortcodes that enable static and no-JS versions of various social media embeds.
|
||||
|
||||
## X Simple Shortcode
|
||||
```
|
||||
{{</* tweet user="GoHugoIO" id="1315233626070503424" */>}}
|
||||
```
|
||||
<br>
|
||||
{{< tweet user="GoHugoIO" id="1315233626070503424" >}}
|
||||
<br>
|
||||
|
||||
|
||||
|
||||
## Vimeo Simple Shortcode
|
||||
```
|
||||
{{</* vimeo 146022717 */>}}
|
||||
```
|
||||
<br>
|
||||
{{< vimeo 146022717 >}}
|
||||
<br>
|
||||
|
||||
|
||||
|
||||
## Youtube Simple Shortcode
|
||||
```
|
||||
{{</* youtube w7Ft2ymGmfc */>}}
|
||||
```
|
||||
<br>
|
||||
{{< youtube w7Ft2ymGmfc >}}
|
||||
<br>
|
||||
|
||||
## Theme Custom Shortcodes
|
||||
|
||||
These shortcodes are not Hugo built-ins, but are provided by the theme.
|
||||
|
||||
### Responsive Images with Cloudinary
|
||||
|
||||
You can learn more about this [here](https://cloudinary.com/documentation/responsive_images).
|
||||
|
||||
Set the `cloudinary_cloud_name` parameter in your site config to use this shortcode.
|
||||
|
||||
```
|
||||
{{</* dynamic-img src="/my/image/on/cloudinary" title="A title for the image" */>}}
|
||||
```
|
||||
|
||||
Note that you do not include the file extension (e.g. `.png`) in the `src` parameter, as the shortcode will automatically determine the best quality and format for the user's device.
|
||||
|
||||
Optionally, you can customize the general CSS styles for the image:
|
||||
|
||||
```
|
||||
{{</* dynamic-img src="/my/image/on/cloudinary" title="A title for the image" style="max-width:60%" */>}}
|
||||
```
|
||||
3
content/es/blogs/_index.md
Normal file
3
content/es/blogs/_index.md
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
---
|
||||
title: "Blogs"
|
||||
---
|
||||
34
content/es/blogs/emoji-support.md
Normal file
34
content/es/blogs/emoji-support.md
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
---
|
||||
title: "Soporte de Emoji"
|
||||
date: 2021-04-03T22:53:58+05:30
|
||||
draft: false
|
||||
github_link: "https://github.com/gurusabarish/hugo-profile"
|
||||
author: "Gurusabarish"
|
||||
tags:
|
||||
- Soporte de Emoji
|
||||
- Muestra
|
||||
- ejemplo
|
||||
image: /images/post.jpg
|
||||
description: ""
|
||||
toc:
|
||||
---
|
||||
|
||||
Los emoji se pueden habilitar en un proyecto Hugo de varias maneras. :zap:
|
||||
|
||||
## Soporte de Emoji
|
||||
|
||||
La función [emojify](https://gohugo.io/functions/emojify/) se puede llamar directamente en las plantillas o [Shortcodes en línea](https://gohugo.io/templates/shortcode-templates/#inline-shortcodes).
|
||||
|
||||
Para habilitar emoji globalmente, establece ```enableEmoji``` en ```true``` en la [configuración](https://gohugo.io/getting-started/configuration/) de tu sitio y luego puedes escribir códigos abreviados de emoji directamente en los archivos de contenido; por ejemplo:
|
||||
|
||||
La [Hoja de trucos de Emoji](http://www.emoji-cheat-sheet.com/) es una referencia útil para los códigos abreviados de emoji.
|
||||
|
||||
<hr>
|
||||
|
||||
**N.B.** Los pasos anteriores habilitan los caracteres y secuencias de emoji del Estándar Unicode en Hugo, sin embargo, la representación de estos glifos depende del navegador y la plataforma. Para estilizar los emoji, puedes usar una fuente de emoji de terceros o una pila de fuentes; por ejemplo:
|
||||
|
||||
```
|
||||
.emoji {
|
||||
font-family: Apple Color Emoji, Segoe UI Emoji, NotoColorEmoji, Segoe UI Symbol, Android Emoji, EmojiSymbols;
|
||||
}
|
||||
```
|
||||
133
content/es/blogs/markdown-syntax.md
Normal file
133
content/es/blogs/markdown-syntax.md
Normal file
|
|
@ -0,0 +1,133 @@
|
|||
---
|
||||
title: "Sintaxis de Markdown"
|
||||
date: 2021-04-03T23:29:21+05:30
|
||||
draft: false
|
||||
github_link: "https://github.com/gurusabarish/hugo-profile"
|
||||
author: "Gurusabarish"
|
||||
tags:
|
||||
- Sintaxis de Markdown
|
||||
- Muestra
|
||||
- ejemplo
|
||||
image: /images/post.jpg
|
||||
description: ""
|
||||
toc:
|
||||
---
|
||||
|
||||
## Párrafo
|
||||
|
||||
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 eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.
|
||||
|
||||
Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.
|
||||
|
||||
## Citas en bloque
|
||||
|
||||
El elemento blockquote representa contenido que se cita de otra fuente, opcionalmente con una cita que debe estar dentro de un elemento `footer` o `cite`, y opcionalmente con cambios en línea como anotaciones y abreviaturas.
|
||||
|
||||
### Cita en bloque sin atribución
|
||||
|
||||
> Tiam, ad mint andaepu dandae nostion secatur sequo quae.
|
||||
> **Nota** que puedes usar _sintaxis de Markdown_ dentro de una cita en bloque.
|
||||
|
||||
### Cita en bloque con atribución
|
||||
|
||||
> No comuniques compartiendo memoria, comparte memoria comunicando.
|
||||
> — <cite>Rob Pike[^1]</cite>
|
||||
|
||||
[^1]: La cita anterior se extrae de la [charla](https://www.youtube.com/watch?v=PAAkCSZUG1c) de Rob Pike durante Gopherfest, 18 de noviembre de 2015.
|
||||
|
||||
## Tablas
|
||||
|
||||
Las tablas no forman parte de la especificación principal de Markdown, pero Hugo las admite de forma predeterminada.
|
||||
|
||||
| Nombre | Edad |
|
||||
| ------- | ---- |
|
||||
| Bob | 27 |
|
||||
| Alice | 23 |
|
||||
|
||||
### Markdown en línea dentro de tablas
|
||||
|
||||
| Cursiva | Negrita | Código |
|
||||
| --------- | ----------- | -------- |
|
||||
| _cursiva_ | **negrita** | `código` |
|
||||
|
||||
## Bloques de código
|
||||
|
||||
### Bloque de código con acentos graves
|
||||
|
||||
```html
|
||||
<!doctype html>
|
||||
<html lang="es">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>Ejemplo de documento HTML5</title>
|
||||
</head>
|
||||
<body>
|
||||
<p>Prueba</p>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
### Bloque de código con cuatro espacios
|
||||
|
||||
<!doctype html>
|
||||
<html lang="es">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Ejemplo de documento HTML5</title>
|
||||
</head>
|
||||
<body>
|
||||
<p>Prueba</p>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
### Bloque de código con el shortcode de resaltado interno de Hugo
|
||||
|
||||
{{< highlight html >}}
|
||||
|
||||
<!doctype html>
|
||||
<html lang="es">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Ejemplo de documento HTML5</title>
|
||||
</head>
|
||||
<body>
|
||||
<p>Prueba</p>
|
||||
</body>
|
||||
</html>
|
||||
{{< /highlight >}}
|
||||
|
||||
## Tipos de lista
|
||||
|
||||
### Lista ordenada
|
||||
|
||||
1. Primer elemento
|
||||
2. Segundo elemento
|
||||
3. Tercer elemento
|
||||
|
||||
### Lista desordenada
|
||||
|
||||
- Elemento de lista
|
||||
- Otro elemento
|
||||
- Y otro elemento
|
||||
|
||||
### Lista anidada
|
||||
|
||||
- Fruta
|
||||
- Manzana
|
||||
- Naranja
|
||||
- Plátano
|
||||
- Lácteos
|
||||
- Leche
|
||||
- Queso
|
||||
|
||||
## Otros elementos — abbr, sub, sup, kbd, mark
|
||||
|
||||
<abbr title="Graphics Interchange Format">GIF</abbr> es un formato de imagen de mapa de bits.
|
||||
|
||||
H<sub>2</sub>O
|
||||
|
||||
X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>
|
||||
|
||||
Presiona <kbd><kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Supr</kbd></kbd> para finalizar la sesión.
|
||||
|
||||
La mayoría de las <mark>salamandras</mark> son nocturnas y cazan insectos, gusanos y otras criaturas pequeñas.
|
||||
38
content/es/blogs/math.md
Normal file
38
content/es/blogs/math.md
Normal file
|
|
@ -0,0 +1,38 @@
|
|||
---
|
||||
title: "Renderizar Matemáticas con Mathjax"
|
||||
date: 2022-12-09T19:53:33+05:30
|
||||
draft: false
|
||||
author: "Gurusabarish"
|
||||
tags:
|
||||
- Sintaxis de Markdown
|
||||
- Mathjax
|
||||
- ejemplo
|
||||
image: /images/mathjax.png
|
||||
description: ""
|
||||
toc: true
|
||||
mathjax: true
|
||||
---
|
||||
|
||||
## Mathjax
|
||||
|
||||
Las ecuaciones matemáticas se pueden renderizar usando la sintaxis de [Mathjax](https://www.mathjax.org) con soporte de símbolos AMS.
|
||||
|
||||
Opcionalmente, habilita esto por página agregando `mathjax: true` a tu frontmatter.
|
||||
|
||||
Luego, usa `$$ ... $$` en una línea por sí sola para renderizar una ecuación de bloque:
|
||||
|
||||
$$ | Pr_{x \leftarrow P_{1}} [A(x) = 1] - Pr_{x \leftarrow P_{2}} [A(x) = 1] | < \text{negligible} $$
|
||||
|
||||
La versión sin procesar es:
|
||||
|
||||
```
|
||||
$$ | Pr_{x \leftarrow P_{1}} [A(x) = 1] - Pr_{x \leftarrow P_{2}} [A(x) = 1] | < \text{negligible} $$
|
||||
```
|
||||
|
||||
|
||||
Escribe ecuaciones en línea con `\\( ... \\)` , como \\( x^n / y \\) . ¡Es fácil!
|
||||
|
||||
```
|
||||
Escribe ecuaciones en línea con `\\( ... \\)` , como \\( x^n / y \\) . ¡Es fácil!
|
||||
```
|
||||
|
||||
50
content/es/blogs/placeholder-text.md
Normal file
50
content/es/blogs/placeholder-text.md
Normal file
|
|
@ -0,0 +1,50 @@
|
|||
---
|
||||
title: "Texto de Relleno"
|
||||
date: 2021-04-03T22:41:10+05:30
|
||||
draft: false
|
||||
github_link: "https://github.com/gurusabarish/hugo-profile"
|
||||
author: "Gurusabarish"
|
||||
tags:
|
||||
- Texto de relleno
|
||||
- Muestra
|
||||
- ejemplo
|
||||
image: /images/post.jpg
|
||||
description: ""
|
||||
toc:
|
||||
---
|
||||
|
||||
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.
|
||||
|
||||
1. Exierant elisi ambit vivere dedere
|
||||
2. Duce pollice
|
||||
3. Eris modo
|
||||
4. 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.
|
||||
|
||||
1. Comas hunc haec pietate fetum procerum dixit
|
||||
2. Post torum vates letum Tiresia
|
||||
3. Flumen querellas
|
||||
4. Arcanaque montibus omnes
|
||||
5. Quidem et
|
||||
|
||||
# Vagus elidunt
|
||||
|
||||
[El Canon de Van de Graaf](https://es.wikipedia.org/wiki/Canon_de_Van_de_Graaf)
|
||||
|
||||
## Mane refeci capiebant unda mulcebat
|
||||
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.
|
||||
|
||||
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.
|
||||
|
||||
Eurytus Hector, materna ipsumque ut Politen, nec, nate, ignari, vernum cohaesit sequitur. Vel malis latens indetectus caelum supremos missus, nec nil videt exiguo! Manifestum, exasperat nova tela, ora, decipit ipse; fuerat gelidis sua.
|
||||
|
||||
## Mentefque cum suae pelle
|
||||
|
||||
Viscera tot vagina, mihi est Theseus! Obstruat pede! Concita tamen, cum **et vulnera** croceo aegide tetigere deducit. Est quis vultus fata, scelus paratae inter agmen spectat fuit, Thisbe vulnera vellet laniarat, arva paludibus!
|
||||
|
||||
> Dixit exarsit nocens, dextra secum ira columbae: Proponas, in pinus et alis dea atque. Aeneas, certum possent, temeraria, umeris colla in quoque. Interea fugit inpediunt nocet.
|
||||
|
||||
Praecipites nescio Titania tetigit, nunc volentem sua pectora nec, exstinctum Pylius undas. Agro. Dumque in est moenia vidi, vinci dat acervos precatur bracchia et modo et quos cum illas solvet, dum fecit.
|
||||
47
content/es/blogs/rich-content.md
Normal file
47
content/es/blogs/rich-content.md
Normal file
|
|
@ -0,0 +1,47 @@
|
|||
---
|
||||
title: "Contenido Enriquecido"
|
||||
date: 2021-04-03T19:53:33+05:30
|
||||
draft: false
|
||||
author: "Gurusabarish"
|
||||
tags:
|
||||
- Contenido enriquecido
|
||||
- Muestra
|
||||
- ejemplo
|
||||
image: /images/post.jpg
|
||||
description: ""
|
||||
toc:
|
||||
---
|
||||
|
||||
Hugo viene con varios [Shortcodes Integrados](https://gohugo.io/content-management/shortcodes/#embedded) para contenido enriquecido, junto con una [Configuración de Privacidad](https://gohugo.io/about/privacy/#configuration) y un conjunto de Shortcodes Simples que habilitan versiones estáticas y sin JS de varias incrustaciones de redes sociales.
|
||||
|
||||
## Shortcode Simple de X
|
||||
```
|
||||
{{</* tweet user="GoHugoIO" id="1315233626070503424" */>}}
|
||||
```
|
||||
<br>
|
||||
<!-- Temporarily removed for build -->
|
||||
<br>
|
||||
|
||||
|
||||
|
||||
## Shortcode Simple de Vimeo
|
||||
```
|
||||
{{</* vimeo 146022717 */>}}
|
||||
```
|
||||
<br>
|
||||
{{< vimeo 146022717 >}}
|
||||
<br>
|
||||
|
||||
---
|
||||
|
||||
## Shortcode gist
|
||||
|
||||
```
|
||||
{{</* gist spf13 7896402 */>}}
|
||||
```
|
||||
<br>
|
||||
{{< gist spf13 7896402 >}}
|
||||
<br>
|
||||
|
||||
---
|
||||
|
||||
19
content/es/gallery.md
Normal file
19
content/es/gallery.md
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
---
|
||||
title: "Galería de Imágenes"
|
||||
date: 2022-06-25T18:35:46+05:30
|
||||
draft: false
|
||||
description: "Mi galería :earth_asia:"
|
||||
layout: "gallery"
|
||||
galleryImages:
|
||||
- src: https://iso.500px.com/wp-content/uploads/2016/03/stock-photo-142984111-1500x1000.jpg
|
||||
- src: https://img.etimg.com/thumb/msid-68721417,width-650,imgsize-1016106,,resizemode-4,quality-100/nature1_gettyimages.jpg
|
||||
- src: https://thumbs.dreamstime.com/b/team-ants-council-collective-decision-work-17037482.jpg
|
||||
- src: https://thumbs.dreamstime.com/b/summer-day-smiling-women-relax-wearing-red-dress-fashion-standing-wooden-bridge-over-sea-blue-sky-background-summer-107411998.jpg
|
||||
- src: https://thumbs.dreamstime.com/b/young-woman-playing-dog-pet-beach-sunrise-sunset-girl-dog-having-fun-seasid-seaside-cute-neglected-stay-66480218.jpg
|
||||
- src: https://thumbs.dreamstime.com/b/funny-picture-taken-sunrise-frozen-lake-perspective-rider-retro-bicycle-sunrise-personal-211066044.jpg
|
||||
viewer : true
|
||||
viewerOptions : {
|
||||
title: false
|
||||
# you can add more options here. refer https://github.com/fengyuanchen/viewerjs?tab=readme-ov-file#options
|
||||
}
|
||||
---
|
||||
3
content/fr/blogs/_index.md
Normal file
3
content/fr/blogs/_index.md
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
---
|
||||
title: "Blogs"
|
||||
---
|
||||
34
content/fr/blogs/emoji-support.md
Normal file
34
content/fr/blogs/emoji-support.md
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
---
|
||||
title: "Support des Emoji"
|
||||
date: 2021-04-03T22:53:58+05:30
|
||||
draft: false
|
||||
github_link: "https://github.com/gurusabarish/hugo-profile"
|
||||
author: "Gurusabarish"
|
||||
tags:
|
||||
- Support des Emoji
|
||||
- Exemple
|
||||
- échantillon
|
||||
image: /images/post.jpg
|
||||
description: ""
|
||||
toc:
|
||||
---
|
||||
|
||||
Les emoji peuvent être activés dans un projet Hugo de plusieurs façons. :zap:
|
||||
|
||||
## Support des Emoji
|
||||
|
||||
La fonction [emojify](https://gohugo.io/functions/emojify/) peut être appelée directement dans les modèles ou les [Shortcodes en ligne](https://gohugo.io/templates/shortcode-templates/#inline-shortcodes).
|
||||
|
||||
Pour activer les emoji globalement, définissez ```enableEmoji``` sur ```true``` dans la [configuration](https://gohugo.io/getting-started/configuration/) de votre site, puis vous pouvez taper les codes abrégés d'emoji directement dans les fichiers de contenu; par exemple :
|
||||
|
||||
La [Feuille de triche Emoji](http://www.emoji-cheat-sheet.com/) est une référence utile pour les codes abrégés d'emoji.
|
||||
|
||||
<hr>
|
||||
|
||||
**N.B.** Les étapes ci-dessus activent les caractères et séquences emoji du standard Unicode dans Hugo, cependant le rendu de ces glyphes dépend du navigateur et de la plateforme. Pour styliser les emoji, vous pouvez utiliser une police emoji tierce ou une pile de polices; par exemple :
|
||||
|
||||
```
|
||||
.emoji {
|
||||
font-family: Apple Color Emoji, Segoe UI Emoji, NotoColorEmoji, Segoe UI Symbol, Android Emoji, EmojiSymbols;
|
||||
}
|
||||
```
|
||||
133
content/fr/blogs/markdown-syntax.md
Normal file
133
content/fr/blogs/markdown-syntax.md
Normal file
|
|
@ -0,0 +1,133 @@
|
|||
---
|
||||
title: "Syntaxe Markdown"
|
||||
date: 2021-04-03T23:29:21+05:30
|
||||
draft: false
|
||||
github_link: "https://github.com/gurusabarish/hugo-profile"
|
||||
author: "Gurusabarish"
|
||||
tags:
|
||||
- Syntaxe Markdown
|
||||
- Exemple
|
||||
- échantillon
|
||||
image: /images/post.jpg
|
||||
description: ""
|
||||
toc:
|
||||
---
|
||||
|
||||
## Paragraphe
|
||||
|
||||
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 eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.
|
||||
|
||||
Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.
|
||||
|
||||
## Citations
|
||||
|
||||
L'élément blockquote représente le contenu cité d'une autre source, éventuellement avec une citation qui doit se trouver dans un élément `footer` ou `cite`, et éventuellement avec des modifications en ligne telles que des annotations et des abréviations.
|
||||
|
||||
### Citation sans attribution
|
||||
|
||||
> Tiam, ad mint andaepu dandae nostion secatur sequo quae.
|
||||
> **Notez** que vous pouvez utiliser la _syntaxe Markdown_ dans une citation.
|
||||
|
||||
### Citation avec attribution
|
||||
|
||||
> Ne communiquez pas en partageant la mémoire, partagez la mémoire en communiquant.
|
||||
> — <cite>Rob Pike[^1]</cite>
|
||||
|
||||
[^1]: La citation ci-dessus est extraite de la [conférence](https://www.youtube.com/watch?v=PAAkCSZUG1c) de Rob Pike lors de Gopherfest, le 18 novembre 2015.
|
||||
|
||||
## Tableaux
|
||||
|
||||
Les tableaux ne font pas partie de la spécification Markdown de base, mais Hugo les prend en charge par défaut.
|
||||
|
||||
| Nom | Âge |
|
||||
| ----- | --- |
|
||||
| Bob | 27 |
|
||||
| Alice | 23 |
|
||||
|
||||
### Markdown en ligne dans les tableaux
|
||||
|
||||
| Italique | Gras | Code |
|
||||
| ---------- | ---------- | -------- |
|
||||
| _italique_ | **gras** | `code` |
|
||||
|
||||
## Blocs de code
|
||||
|
||||
### Bloc de code avec des backticks
|
||||
|
||||
```html
|
||||
<!doctype html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>Exemple de document HTML5</title>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test</p>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
### Bloc de code indenté de quatre espaces
|
||||
|
||||
<!doctype html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Exemple de document HTML5</title>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test</p>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
### Bloc de code avec le shortcode de surbrillance intégré de Hugo
|
||||
|
||||
{{< highlight html >}}
|
||||
|
||||
<!doctype html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Exemple de document HTML5</title>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test</p>
|
||||
</body>
|
||||
</html>
|
||||
{{< /highlight >}}
|
||||
|
||||
## Types de listes
|
||||
|
||||
### Liste ordonnée
|
||||
|
||||
1. Premier élément
|
||||
2. Deuxième élément
|
||||
3. Troisième élément
|
||||
|
||||
### Liste non ordonnée
|
||||
|
||||
- Élément de liste
|
||||
- Un autre élément
|
||||
- Et un autre élément
|
||||
|
||||
### Liste imbriquée
|
||||
|
||||
- Fruits
|
||||
- Pomme
|
||||
- Orange
|
||||
- Banane
|
||||
- Produits laitiers
|
||||
- Lait
|
||||
- Fromage
|
||||
|
||||
## Autres éléments — abbr, sub, sup, kbd, mark
|
||||
|
||||
<abbr title="Graphics Interchange Format">GIF</abbr> est un format d'image bitmap.
|
||||
|
||||
H<sub>2</sub>O
|
||||
|
||||
X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>
|
||||
|
||||
Appuyez sur <kbd><kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Suppr</kbd></kbd> pour terminer la session.
|
||||
|
||||
La plupart des <mark>salamandres</mark> sont nocturnes et chassent les insectes, les vers et autres petites créatures.
|
||||
38
content/fr/blogs/math.md
Normal file
38
content/fr/blogs/math.md
Normal file
|
|
@ -0,0 +1,38 @@
|
|||
---
|
||||
title: "Rendre les Mathématiques avec Mathjax"
|
||||
date: 2022-12-09T19:53:33+05:30
|
||||
draft: false
|
||||
author: "Gurusabarish"
|
||||
tags:
|
||||
- Syntaxe Markdown
|
||||
- Mathjax
|
||||
- exemple
|
||||
image: /images/mathjax.png
|
||||
description: ""
|
||||
toc: true
|
||||
mathjax: true
|
||||
---
|
||||
|
||||
## Mathjax
|
||||
|
||||
Les équations mathématiques peuvent être rendues en utilisant la syntaxe [Mathjax](https://www.mathjax.org) avec le support des symboles AMS.
|
||||
|
||||
Activez ceci de manière optionnelle page par page en ajoutant `mathjax: true` à votre frontmatter.
|
||||
|
||||
Ensuite, utilisez `$$ ... $$` sur une ligne par elle-même pour rendre une équation de bloc:
|
||||
|
||||
$$ | Pr_{x \leftarrow P_{1}} [A(x) = 1] - Pr_{x \leftarrow P_{2}} [A(x) = 1] | < \text{negligible} $$
|
||||
|
||||
La version brute est:
|
||||
|
||||
```
|
||||
$$ | Pr_{x \leftarrow P_{1}} [A(x) = 1] - Pr_{x \leftarrow P_{2}} [A(x) = 1] | < \text{negligible} $$
|
||||
```
|
||||
|
||||
|
||||
Écrivez des équations en ligne avec `\\( ... \\)` , comme \\( x^n / y \\) . C'est facile!
|
||||
|
||||
```
|
||||
Écrivez des équations en ligne avec `\\( ... \\)` , comme \\( x^n / y \\) . C'est facile!
|
||||
```
|
||||
|
||||
50
content/fr/blogs/placeholder-text.md
Normal file
50
content/fr/blogs/placeholder-text.md
Normal file
|
|
@ -0,0 +1,50 @@
|
|||
---
|
||||
title: "Texte de Remplissage"
|
||||
date: 2021-04-03T22:41:10+05:30
|
||||
draft: false
|
||||
github_link: "https://github.com/gurusabarish/hugo-profile"
|
||||
author: "Gurusabarish"
|
||||
tags:
|
||||
- Texte de remplissage
|
||||
- Exemple
|
||||
- échantillon
|
||||
image: /images/post.jpg
|
||||
description: ""
|
||||
toc:
|
||||
---
|
||||
|
||||
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.
|
||||
|
||||
1. Exierant elisi ambit vivere dedere
|
||||
2. Duce pollice
|
||||
3. Eris modo
|
||||
4. 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.
|
||||
|
||||
1. Comas hunc haec pietate fetum procerum dixit
|
||||
2. Post torum vates letum Tiresia
|
||||
3. Flumen querellas
|
||||
4. Arcanaque montibus omnes
|
||||
5. Quidem et
|
||||
|
||||
# Vagus elidunt
|
||||
|
||||
[Le Canon de Van de Graaf](https://fr.wikipedia.org/wiki/Canon_de_Van_de_Graaf)
|
||||
|
||||
## Mane refeci capiebant unda mulcebat
|
||||
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.
|
||||
|
||||
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.
|
||||
|
||||
Eurytus Hector, materna ipsumque ut Politen, nec, nate, ignari, vernum cohaesit sequitur. Vel malis latens indetectus caelum supremos missus, nec nil videt exiguo! Manifestum, exasperat nova tela, ora, decipit ipse; fuerat gelidis sua.
|
||||
|
||||
## Mentefque cum suae pelle
|
||||
|
||||
Viscera tot vagina, mihi est Theseus! Obstruat pede! Concita tamen, cum **et vulnera** croceo aegide tetigere deducit. Est quis vultus fata, scelus paratae inter agmen spectat fuit, Thisbe vulnera vellet laniarat, arva paludibus!
|
||||
|
||||
> Dixit exarsit nocens, dextra secum ira columbae: Proponas, in pinus et alis dea atque. Aeneas, certum possent, temeraria, umeris colla in quoque. Interea fugit inpediunt nocet.
|
||||
|
||||
Praecipites nescio Titania tetigit, nunc volentem sua pectora nec, exstinctum Pylius undas. Agro. Dumque in est moenia vidi, vinci dat acervos precatur bracchia et modo et quos cum illas solvet, dum fecit.
|
||||
47
content/fr/blogs/rich-content.md
Normal file
47
content/fr/blogs/rich-content.md
Normal file
|
|
@ -0,0 +1,47 @@
|
|||
---
|
||||
title: "Contenu Enrichi"
|
||||
date: 2021-04-03T19:53:33+05:30
|
||||
draft: false
|
||||
author: "Gurusabarish"
|
||||
tags:
|
||||
- Contenu enrichi
|
||||
- Exemple
|
||||
- échantillon
|
||||
image: /images/post.jpg
|
||||
description: ""
|
||||
toc:
|
||||
---
|
||||
|
||||
Hugo est livré avec plusieurs [Shortcodes Intégrés](https://gohugo.io/content-management/shortcodes/#embedded) pour le contenu enrichi, ainsi qu'une [Configuration de Confidentialité](https://gohugo.io/about/privacy/#configuration) et un ensemble de Shortcodes Simples qui permettent des versions statiques et sans JS de diverses intégrations de médias sociaux.
|
||||
|
||||
## Shortcode Simple X
|
||||
```
|
||||
{{</* tweet user="GoHugoIO" id="1315233626070503424" */>}}
|
||||
```
|
||||
<br>
|
||||
<!-- Temporarily removed for build -->
|
||||
<br>
|
||||
|
||||
|
||||
|
||||
## Shortcode Simple Vimeo
|
||||
```
|
||||
{{</* vimeo 146022717 */>}}
|
||||
```
|
||||
<br>
|
||||
{{< vimeo 146022717 >}}
|
||||
<br>
|
||||
|
||||
---
|
||||
|
||||
## Shortcode gist
|
||||
|
||||
```
|
||||
{{</* gist spf13 7896402 */>}}
|
||||
```
|
||||
<br>
|
||||
{{< gist spf13 7896402 >}}
|
||||
<br>
|
||||
|
||||
---
|
||||
|
||||
19
content/fr/gallery.md
Normal file
19
content/fr/gallery.md
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
---
|
||||
title: "Galerie d'Images"
|
||||
date: 2022-06-25T18:35:46+05:30
|
||||
draft: false
|
||||
description: "Ma galerie :earth_asia:"
|
||||
layout: "gallery"
|
||||
galleryImages:
|
||||
- src: https://iso.500px.com/wp-content/uploads/2016/03/stock-photo-142984111-1500x1000.jpg
|
||||
- src: https://img.etimg.com/thumb/msid-68721417,width-650,imgsize-1016106,,resizemode-4,quality-100/nature1_gettyimages.jpg
|
||||
- src: https://thumbs.dreamstime.com/b/team-ants-council-collective-decision-work-17037482.jpg
|
||||
- src: https://thumbs.dreamstime.com/b/summer-day-smiling-women-relax-wearing-red-dress-fashion-standing-wooden-bridge-over-sea-blue-sky-background-summer-107411998.jpg
|
||||
- src: https://thumbs.dreamstime.com/b/young-woman-playing-dog-pet-beach-sunrise-sunset-girl-dog-having-fun-seasid-seaside-cute-neglected-stay-66480218.jpg
|
||||
- src: https://thumbs.dreamstime.com/b/funny-picture-taken-sunrise-frozen-lake-perspective-rider-retro-bicycle-sunrise-personal-211066044.jpg
|
||||
viewer : true
|
||||
viewerOptions : {
|
||||
title: false
|
||||
# you can add more options here. refer https://github.com/fengyuanchen/viewerjs?tab=readme-ov-file#options
|
||||
}
|
||||
---
|
||||
19
content/gallery.md
Normal file
19
content/gallery.md
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
---
|
||||
title: "Image Gallery"
|
||||
date: 2022-06-25T18:35:46+05:30
|
||||
draft: false
|
||||
description: "My gallery :earth_asia:"
|
||||
layout: "gallery"
|
||||
galleryImages:
|
||||
- src: https://iso.500px.com/wp-content/uploads/2016/03/stock-photo-142984111-1500x1000.jpg
|
||||
- src: https://img.etimg.com/thumb/msid-68721417,width-650,imgsize-1016106,,resizemode-4,quality-100/nature1_gettyimages.jpg
|
||||
- src: https://thumbs.dreamstime.com/b/team-ants-council-collective-decision-work-17037482.jpg
|
||||
- src: https://thumbs.dreamstime.com/b/summer-day-smiling-women-relax-wearing-red-dress-fashion-standing-wooden-bridge-over-sea-blue-sky-background-summer-107411998.jpg
|
||||
- src: https://thumbs.dreamstime.com/b/young-woman-playing-dog-pet-beach-sunrise-sunset-girl-dog-having-fun-seasid-seaside-cute-neglected-stay-66480218.jpg
|
||||
- src: https://thumbs.dreamstime.com/b/funny-picture-taken-sunrise-frozen-lake-perspective-rider-retro-bicycle-sunrise-personal-211066044.jpg
|
||||
viewer : true
|
||||
viewerOptions : {
|
||||
title: false
|
||||
# you can add more options here. refer https://github.com/fengyuanchen/viewerjs?tab=readme-ov-file#options
|
||||
}
|
||||
---
|
||||
661
hugo.yaml
Normal file
661
hugo.yaml
Normal file
|
|
@ -0,0 +1,661 @@
|
|||
baseURL: "https://hugo-profile.netlify.app"
|
||||
languageCode: "fr-fr"
|
||||
title: "Daydreel"
|
||||
theme: hugo-profile
|
||||
|
||||
# Multilingual configuration
|
||||
defaultContentLanguage: "fr"
|
||||
defaultContentLanguageInSubdir: false
|
||||
|
||||
languages:
|
||||
en:
|
||||
languageName: "English"
|
||||
weight: 1
|
||||
contentDir: "content"
|
||||
menu:
|
||||
main:
|
||||
- identifier: blog
|
||||
name: Blog
|
||||
title: Blog posts
|
||||
url: /blogs
|
||||
weight: 1
|
||||
- identifier: gallery
|
||||
name: Gallery
|
||||
title: Image gallery
|
||||
url: /gallery
|
||||
weight: 2
|
||||
fr:
|
||||
contentDir: "content/fr"
|
||||
languageName: "Français"
|
||||
weight: 3
|
||||
menu:
|
||||
main:
|
||||
- identifier: blog
|
||||
name: Blog
|
||||
title: Articles de blog
|
||||
url: /fr/blogs
|
||||
weight: 1
|
||||
- identifier: gallery
|
||||
name: Galerie
|
||||
title: Galerie d'images
|
||||
url: /fr/gallery
|
||||
weight: 2
|
||||
params:
|
||||
hero:
|
||||
intro: "Bienvenue, je suis"
|
||||
title: "Daydreel"
|
||||
subtitle: "Je manifeste de nouvelles réalités"
|
||||
content: "Incarnation de la nuit, les récits stellaires brillent de mille feux. Auteur de l'imaginaire, maître de jeu, producteur de jeu vidéo indépendant ; ma passion revolve autour des mondes fictionnels et des histoires ludiques."
|
||||
button:
|
||||
name: "CV"
|
||||
about:
|
||||
title: "À Propos de Moi"
|
||||
content: |-
|
||||
Je suis une développeuse de logiciels passionnée par le développement web. J'ai une formation en informatique et en mathématiques, et je m'intéresse vivement à l'intersection de la technologie et de l'art. Je travaille actuellement comme développeuse de logiciels chez [exemple org.](https://example.com) à San Francisco, CA.
|
||||
|
||||
Je travaille actuellement sur un projet qui sera utilisé pour aider les gens à trouver le meilleur moyen de se déplacer dans la ville.
|
||||
skills:
|
||||
title: "Voici quelques technologies avec lesquelles j'ai travaillé récemment:"
|
||||
experience:
|
||||
items:
|
||||
- company: "Facebook"
|
||||
companyUrl: "https://example.com"
|
||||
jobs:
|
||||
- name: "Développeuse Senior de Logiciels"
|
||||
date: "Jan 2023 - présent"
|
||||
content: "Je travaille actuellement comme développeuse senior de logiciels chez [exemple org.](https://example.com) à San Francisco, CA. Je travaille sur un projet qui sera utilisé pour aider les gens à trouver le meilleur moyen de se déplacer dans la ville."
|
||||
info:
|
||||
content: Travaille comme développeuse senior de logiciels
|
||||
featuredItems:
|
||||
fontAwesomeIcons:
|
||||
- icon: fa-brands fa-react
|
||||
url: https://react.dev/
|
||||
tooltip: Exemple de contenu d'info-bulle
|
||||
- icon: fab fa-x-twitter
|
||||
url: https://example.com
|
||||
customIcons:
|
||||
- icon: /fav.png
|
||||
url: "https://example.com"
|
||||
tooltip: Exemple de contenu d'info-bulle
|
||||
- name: "Développeuse de Logiciels"
|
||||
date: "Jan 2022 - Déc 2023"
|
||||
content: "J'ai travaillé comme développeuse de logiciels. J'ai travaillé sur un projet qui sera utilisé pour aider les gens à trouver le meilleur moyen de se déplacer dans la ville."
|
||||
- company: "Amazon"
|
||||
companyUrl: "https://example.com"
|
||||
jobs:
|
||||
- name: "Développeuse de Logiciels"
|
||||
date: "Sep 2020 - Déc 2021"
|
||||
info:
|
||||
content: J'ai travaillé comme développeuse de logiciels pendant plus d'un an chez Amazon.
|
||||
content: |
|
||||
Je travaille actuellement comme développeuse de logiciels chez [exemple org.](https://example.com) à San Francisco, CA. Je travaille sur un projet qui sera utilisé pour aider les gens à trouver le meilleur moyen de se déplacer dans la ville.
|
||||
|
||||
- Développeuse backend principale pour un produit.
|
||||
- J'ai créé un design frontend pour un produit.
|
||||
- company: "Apple"
|
||||
companyUrl: "https://example.com"
|
||||
jobs:
|
||||
- name: "Développeuse Junior de Logiciels"
|
||||
date: "Jan 2020 - Août 2020"
|
||||
featuredItems:
|
||||
fontAwesomeIcons:
|
||||
- icon: fa-brands fa-react
|
||||
url: https://react.dev/
|
||||
- icon: fab fa-x-twitter
|
||||
url: https://example.com
|
||||
customIcons:
|
||||
- icon: /fav.png
|
||||
url: "https://example.com"
|
||||
content: |
|
||||
Je travaille actuellement comme développeuse de logiciels chez [exemple org.](https://example.com) à San Francisco, CA. Je travaille sur un projet qui sera utilisé pour aider les gens à trouver le meilleur moyen de se déplacer dans la ville.
|
||||
|
||||
- Développeuse backend principale pour un produit.
|
||||
- J'ai créé un design frontend pour un produit.
|
||||
- company: "Netflix"
|
||||
companyUrl: "https://example.com"
|
||||
jobs:
|
||||
- name: "Designer UI/UX"
|
||||
date: "Juin 2017 - Nov 2019"
|
||||
content: |
|
||||
Je travaille actuellement comme développeuse de logiciels chez [exemple org.](https://example.com) à San Francisco, CA. Je travaille sur un projet qui sera utilisé pour aider les gens à trouver le meilleur moyen de se déplacer dans la ville.
|
||||
|
||||
- Développeuse backend principale pour un produit.
|
||||
- J'ai créé un design frontend pour un produit.
|
||||
- company: "Google"
|
||||
companyUrl: "https://example.com"
|
||||
jobs:
|
||||
- name: "Designer de Produits"
|
||||
date: "Fév 2016 - Mar 2017"
|
||||
content: "Je travaille actuellement comme développeuse de logiciels chez [exemple org.](https://example.com) à San Francisco, CA. Je travaille sur un projet qui sera utilisé pour aider les gens à trouver le meilleur moyen de se déplacer dans la ville."
|
||||
education:
|
||||
items:
|
||||
- title: "Master en Administration des Affaires"
|
||||
school:
|
||||
name: "Université de Californie, Berkeley"
|
||||
url: "https://example.org"
|
||||
date: "2013 - 2015"
|
||||
GPA: "3.8 sur 5.0"
|
||||
content: |-
|
||||
Activités Extrascolaires
|
||||
- Lorem ipsum dolor sit amet consectetur adipisicing elit.
|
||||
- Tempora esse, eaque delectus nulla quo doloribus itaque expedita alias natus optio totam maxime nihil excepturi velit a animi laborum hic similique.
|
||||
- title: "Licence en Sciences Informatiques"
|
||||
school:
|
||||
name: "Institut de Technologie du Massachusetts"
|
||||
url: "https://example.org"
|
||||
date: "2009 - 2013"
|
||||
GPA: "3.9 sur 5.0"
|
||||
content: |-
|
||||
J'ai publié deux articles lors de la Conférence ACM SIGCHI sur l'Intelligence Artificielle.
|
||||
- [Détection d'Objets Rapide et Précise avec un Réseau de Neurones Convolutifs](https://example.com)
|
||||
- Détection de masques faciaux à l'aide d'un réseau de neurones convolutifs.
|
||||
|
||||
Activités Extrascolaires
|
||||
- Lorem ipsum dolor sit amet consectetur adipisicing elit.
|
||||
- Tempora esse, eaque delectus nulla quo doloribus itaque expedita alias natus optio totam maxime nihil excepturi velit a animi laborum hic similique.
|
||||
featuredLink:
|
||||
enable: true
|
||||
name: "Mon dossier académique"
|
||||
url: "https://example.com"
|
||||
- title: "Lycée"
|
||||
school:
|
||||
name: "Lycée Thomas Jefferson pour les Sciences et la Technologie."
|
||||
url: "https://example.org"
|
||||
GPA: "4.2 sur 5.0"
|
||||
featuredLink:
|
||||
enable: true
|
||||
url: "https://example.com"
|
||||
projects:
|
||||
items:
|
||||
- title: Hugo Profile
|
||||
content: Un modèle Hugo hautement personnalisable et axé sur le mobile pour portfolio personnel et blog.
|
||||
image: /images/projects/profile.png
|
||||
featured:
|
||||
name: Démo
|
||||
link: https://hugo-profile.netlify.app
|
||||
badges:
|
||||
- "Hugo"
|
||||
- "Bootstrap"
|
||||
- "Javascript"
|
||||
links:
|
||||
- icon: fa fa-envelope
|
||||
url: mailto:?subject=Modèle%20Hugo%20Profile&body=Découvrez-le:%20https%3a%2f%2fhugo-profile.netlify.app%2fblog%2fmarkdown-syntax%2f
|
||||
- icon: fab fa-github
|
||||
url: https://github.com/gurusabarish/hugo-profile
|
||||
- icon: fab fa-twitter
|
||||
url: https://twitter.com/intent/tweet?text=Découvrez-le:&url=https%3A%2F%2Fgithub.com%2Fgurusabarish%2Fhugo-profile
|
||||
- title: Convertisseur d'Images
|
||||
content: Une application web pour convertir des images en pdf, png en jpg, png en jpg et png en webp sans base de données en utilisant django.
|
||||
image: /images/projects/converter.jpg
|
||||
featured:
|
||||
name: Démo
|
||||
link: https://django-converter.herokuapp.com
|
||||
badges:
|
||||
- "Django"
|
||||
- "Bootstrap"
|
||||
links:
|
||||
- icon: fab fa-github
|
||||
url: https://github.com/gurusabarish/converter
|
||||
- title: Hugo Profile V2
|
||||
content: Un modèle Hugo propre et simple pour portfolio personnel et blog.
|
||||
image: /images/projects/profile2.jpg
|
||||
featured:
|
||||
name: Démo V2
|
||||
link: https://hugo-profile-2.netlify.app
|
||||
badges:
|
||||
- "Hugo"
|
||||
- "Bootstrap"
|
||||
- "Javascript"
|
||||
links:
|
||||
- icon: fab fa-github
|
||||
url: https://github.com/gurusabarish/HugoProfileV2
|
||||
achievements:
|
||||
items:
|
||||
- title: Finaliste Google Kickstart
|
||||
content: J'ai résolu tous les problèmes avec une solution optimale.
|
||||
url: https://example.com
|
||||
image: /images/achievement.jpg
|
||||
- title: Gagnant du Hackathon Facebook
|
||||
content: J'ai développé un produit utilisant l'Intelligence Artificielle.
|
||||
image: /images/achievement.jpg
|
||||
- title: Hugo Profile
|
||||
content: J'ai développé un thème et j'obtiens plus de 1K téléchargements par mois.
|
||||
url: "https://github.com/gurusabarish/hugo-profile"
|
||||
image: /images/achievement.jpg
|
||||
- title: Finaliste Microsoft Imagine
|
||||
content: Nous avons développé un produit qui peut aider les autres.
|
||||
- title: Google Summer of Code
|
||||
content: J'ai contribué à un projet open source.
|
||||
url: https://example.com
|
||||
contact:
|
||||
content: Ma boîte de réception est toujours ouverte. Que vous ayez une question ou que vous vouliez simplement dire bonjour, je ferai de mon mieux pour vous répondre!
|
||||
btnName: Écrivez-moi
|
||||
|
||||
outputs:
|
||||
home:
|
||||
- "HTML"
|
||||
- "RSS"
|
||||
- "JSON"
|
||||
page:
|
||||
- "HTML"
|
||||
- "RSS"
|
||||
|
||||
enableRobotsTXT: true
|
||||
|
||||
#services:
|
||||
#googleAnalytics:
|
||||
#id: G-MEASUREMENT_ID
|
||||
#disqus:
|
||||
#shortname: your-disqus-shortname
|
||||
|
||||
pagination:
|
||||
pagerSize: 3
|
||||
|
||||
markup:
|
||||
goldmark:
|
||||
renderer:
|
||||
unsafe: true
|
||||
|
||||
Menus:
|
||||
main:
|
||||
- identifier: gallery
|
||||
name: Gallery
|
||||
title: Gallery
|
||||
url: /gallery
|
||||
weight: 2
|
||||
#Dropdown menu
|
||||
# - identifier: dropdown
|
||||
# title: Example dropdown menu
|
||||
# name: Dropdown
|
||||
# weight: 3
|
||||
# - identifier: dropdown1
|
||||
# title: example dropdown 1
|
||||
# name: example 1
|
||||
# url: /#
|
||||
# parent: dropdown
|
||||
# weight: 1
|
||||
# - identifier: dropdown2
|
||||
# title: example dropdown 2
|
||||
# name: example 2
|
||||
# url: /#
|
||||
# parent: dropdown
|
||||
# weight: 2
|
||||
|
||||
params:
|
||||
title: "Daydreel"
|
||||
description: Text about my cool site
|
||||
# staticPath: "" # The path to serve the static files from
|
||||
favicon: "/fav.png"
|
||||
|
||||
# Whether to serve bootstrap css and js files from CDN or not. Can be set to true, "css" or "js" to choose between
|
||||
# serving both, only the css, or only the js files through the CDN. Any other value will make so that CDN is not used.
|
||||
# Note the lack of "" in true, it should be of boolean type.
|
||||
useBootstrapCDN: false
|
||||
|
||||
# If you want to load dynamically responsive images from Cloudinary
|
||||
# This requires your images to be uploaded + hosted on Cloudinary
|
||||
# Uncomment and change YOUR_CLOUD_NAME to the Cloud Name in your Cloudinary console
|
||||
# cloudinary_cloud_name: "YOUR_CLOUD_NAME"
|
||||
|
||||
# Whether to add mathjax support on all pages. Alternatively, you can opt-in per page by adding `mathjax: true` in the frontmatter.
|
||||
mathjax: false
|
||||
|
||||
# Whether the fade animations on the home page will be enabled
|
||||
animate: true
|
||||
|
||||
theme:
|
||||
disableThemeToggle: true
|
||||
defaultTheme: "dark" # dark
|
||||
|
||||
font:
|
||||
fontSize: 1rem # default: 1rem
|
||||
fontWeight: 400 # default: 400
|
||||
lineHeight: 1.5 # default: 1.5
|
||||
textAlign: left # default: left
|
||||
|
||||
# color preference
|
||||
# When using hex codes for colors, quotations must be used along with the # sign
|
||||
color:
|
||||
textColor: "#343a40"
|
||||
secondaryTextColor: "#6c757d"
|
||||
textLinkColor: "#007bff"
|
||||
backgroundColor: "#f02020"
|
||||
secondaryBackgroundColor: "#64ffda1a"
|
||||
primaryColor: "#007bff"
|
||||
secondaryColor: "#f8f9fa"
|
||||
|
||||
darkmode:
|
||||
textColor: "#F7FDFF"
|
||||
secondaryTextColor: "#F7FDFF"
|
||||
textLinkColor: "#ffffff"
|
||||
backgroundColor: "#040348"
|
||||
secondaryBackgroundColor: "#030335"
|
||||
primaryColor: "#fa99c9"
|
||||
secondaryColor: "#030335"
|
||||
|
||||
# darkmode:
|
||||
# textColor: "#e4e6eb"
|
||||
# secondaryTextColor: "#b0b3b8"
|
||||
# textLinkColor: "#ffffff"
|
||||
# backgroundColor: "#040348"
|
||||
# secondaryBackgroundColor: "#212529"
|
||||
# primaryColor: "#ffffff"
|
||||
# secondaryColor: "#212529"
|
||||
|
||||
# If you want to customize the menu, you can change it here
|
||||
navbar:
|
||||
align: ms-auto # Left: ms-auto | center: mx-auto | right: me-auto | Default: ms-auto
|
||||
# brandLogo: "/logo.png" # Logo for the brand | default is the favicon variable
|
||||
showBrandLogo: false # Show brand logo in nav bar | default is true
|
||||
brandName: "Daydreel" # Brand name for the brand | default is the title variable
|
||||
disableSearch: true
|
||||
# searchPlaceholder: "Search"
|
||||
stickyNavBar:
|
||||
enable : true
|
||||
showOnScrollUp : true
|
||||
enableSeparator: false
|
||||
menus:
|
||||
disableAbout: false
|
||||
disableExperience: false
|
||||
disableEducation: false
|
||||
disableProjects: false
|
||||
disableAchievements: false
|
||||
disableContact: false
|
||||
|
||||
# Hero
|
||||
hero:
|
||||
enable: true
|
||||
intro: "Bienvenue, je suis"
|
||||
title: "Daydreel"
|
||||
subtitle: "Je manifeste de nouvelles réalités"
|
||||
content: "Incarnation de la nuit, les récits stellaires brillent de mille feux. Auteur de l'imaginaire, maître de jeu, producteur de jeu vidéo indépendant ; ma passion revolve autour des mondes fictionnels et des histoires ludiques."
|
||||
image: /images/hero.jpg
|
||||
bottomImage:
|
||||
enable: true
|
||||
# roundImage: true # Make hero image circular | default false
|
||||
button:
|
||||
enable: true
|
||||
name: "Resume"
|
||||
url: "#"
|
||||
download: true
|
||||
newPage: false
|
||||
socialLinks:
|
||||
fontAwesomeIcons:
|
||||
- icon: fab fa-itch-io
|
||||
url: https://daydreel.itch.io/
|
||||
# customIcons:
|
||||
# - icon: /fav.png
|
||||
# url: "https://example.com"
|
||||
|
||||
# About
|
||||
about:
|
||||
enable: true
|
||||
title: "About Me"
|
||||
image: "/images/me.jpg"
|
||||
content: |-
|
||||
I am a software developer with a passion for web development. I have a background in computer science and mathematics, and I have a strong interest in the intersection of technology and art. I am currently working as a software developer at [example org.](https://example.com) in San Francisco, CA.
|
||||
|
||||
I am currently working on a project that will be used to help people find the best way to get around the city.
|
||||
skills:
|
||||
enable: true
|
||||
title: "Here are a few technologies I've been working with recently:"
|
||||
items:
|
||||
- "HTML"
|
||||
- "CSS"
|
||||
- "JavaScript"
|
||||
- "React"
|
||||
- "Node"
|
||||
- "Express"
|
||||
|
||||
# Experience
|
||||
experience:
|
||||
enable: true
|
||||
# title: "Custom Name"
|
||||
items:
|
||||
- company: "Facebook"
|
||||
companyUrl: "https://example.com"
|
||||
jobs:
|
||||
- name: "Senior Software Developer"
|
||||
date: "Jan 2023 - present"
|
||||
content: "I am currently working as a senior software developer at [example org.](https://example.com) in San Francisco, CA. I am currently working on a project that will be used to help people find the best way to get around the city."
|
||||
info:
|
||||
content: Working as a senior software developer
|
||||
featuredItems:
|
||||
fontAwesomeIcons:
|
||||
- icon: fa-brands fa-react
|
||||
url: https://react.dev/
|
||||
tooltip: Example tooltip content
|
||||
- icon: fab fa-x-twitter
|
||||
url: https://example.com
|
||||
# tooltip: Example tooltip content
|
||||
customIcons:
|
||||
- icon: /fav.png
|
||||
url: "https://example.com"
|
||||
tooltip: Example tooltip content
|
||||
- name: "Software Developer"
|
||||
date: "Jan 2022 - Dec 2023"
|
||||
content: "I worked as a software developer. I worked on a project that will be used to help people find the best way to get around the city."
|
||||
|
||||
- company: "Amazon"
|
||||
companyUrl: "https://example.com"
|
||||
jobs:
|
||||
- name: "Software Developer"
|
||||
date: "Sep 2020 - Dec 2021"
|
||||
info:
|
||||
content: I worked as a software developer for more than one year in Amazon.
|
||||
content: |
|
||||
I am currently working as a software developer at [example org.](https://example.com) in San Francisco, CA. I am currently working on a project that will be used to help people find the best way to get around the city.
|
||||
|
||||
- Lead backend developer for a product.
|
||||
- Created a frontend design for a product.
|
||||
|
||||
- company: "Apple"
|
||||
companyUrl: "https://example.com"
|
||||
jobs:
|
||||
- name: "Junior Software Developer"
|
||||
date: "Jan 2020 - Aug 2020"
|
||||
featuredItems:
|
||||
fontAwesomeIcons:
|
||||
- icon: fa-brands fa-react
|
||||
url: https://react.dev/
|
||||
- icon: fab fa-x-twitter
|
||||
url: https://example.com
|
||||
customIcons:
|
||||
- icon: /fav.png
|
||||
url: "https://example.com"
|
||||
content: |
|
||||
I am currently working as a software developer at [example org.](https://example.com) in San Francisco, CA. I am currently working on a project that will be used to help people find the best way to get around the city.
|
||||
|
||||
- Lead backend developer for a product.
|
||||
- Created a frontend design for a product.
|
||||
|
||||
- company: "Netflix"
|
||||
companyUrl: "https://example.com"
|
||||
jobs:
|
||||
- name: "UI/UX Designer"
|
||||
date: "June 2017 - Nov 2019"
|
||||
content: |
|
||||
I am currently working as a software developer at [example org.](https://example.com) in San Francisco, CA. I am currently working on a project that will be used to help people find the best way to get around the city.
|
||||
|
||||
- Lead backend developer for a product.
|
||||
- Created a frontend design for a product.
|
||||
|
||||
- company: "Google"
|
||||
companyUrl: "https://example.com"
|
||||
jobs:
|
||||
- name: "Product Designer"
|
||||
date: "Feb 2016 - Mar 2017"
|
||||
content: "I am currently working as a software developer at [example org.](https://example.com) in San Francisco, CA. I am currently working on a project that will be used to help people find the best way to get around the city."
|
||||
|
||||
# Education
|
||||
education:
|
||||
enable: true
|
||||
# title: "Custom Name"
|
||||
index: false
|
||||
items:
|
||||
- title: "Master of Business Administration"
|
||||
school:
|
||||
name: "University of California, Berkeley"
|
||||
url: "https://example.org"
|
||||
date: "2013 - 2015"
|
||||
GPA: "3.8 out of 5.0"
|
||||
content: |-
|
||||
Extracurricular Activities
|
||||
- Lorem ipsum dolor sit amet consectetur adipisicing elit.
|
||||
- Tempora esse, eaque delectus nulla quo doloribus itaque expedita alias natus optio totam maxime nihil excepturi velit a animi laborum hic similique.
|
||||
- title: "Bachelor of Science in Computer Science"
|
||||
school:
|
||||
name: "Massachusetts Institute of Technology"
|
||||
url: "https://example.org"
|
||||
date: "2009 - 2013"
|
||||
GPA: "3.9 out of 5.0"
|
||||
content: |-
|
||||
I Publiced two papers in the ACM SIGCHI Conference on Artificial Intelligence.
|
||||
- [Fast and Accurate Object Detection with a Single Convolutional Neural Network](https://example.com)
|
||||
- Face mask detection using a single convolutional neural network.
|
||||
|
||||
Extracurricular Activities
|
||||
- Lorem ipsum dolor sit amet consectetur adipisicing elit.
|
||||
- Tempora esse, eaque delectus nulla quo doloribus itaque expedita alias natus optio totam maxime nihil excepturi velit a animi laborum hic similique.
|
||||
featuredLink:
|
||||
enable: true
|
||||
name: "My academic record"
|
||||
url: "https://example.com"
|
||||
- title: "High School"
|
||||
school:
|
||||
name: "Thomas Jefferson High School for Science and Technology."
|
||||
url: "https://example.org"
|
||||
GPA: "4.2 out of 5.0"
|
||||
featuredLink:
|
||||
enable: true
|
||||
url: "https://example.com"
|
||||
|
||||
# Achievements
|
||||
achievements:
|
||||
enable: true
|
||||
# title: "Custom Name"
|
||||
items:
|
||||
- title: Google kickstart runner
|
||||
content: I solved all problems with optimal solution.
|
||||
url: https://example.com
|
||||
image: /images/achievement.jpg
|
||||
- title: Facebook Hackathon Winner
|
||||
content: Developed a product using Artificial Intelligence.
|
||||
image: /images/achievement.jpg
|
||||
- title: Hugo Profile
|
||||
content: Developed a theme and getting 1K+ downloads per month.
|
||||
url: "https://github.com/gurusabarish/hugo-profile"
|
||||
image: /images/achievement.jpg
|
||||
- title: Microsoft Imagine Runner
|
||||
content: We are developed a product which can help others.
|
||||
- title: Google Summer of Code
|
||||
content: Contributed to a open source project.
|
||||
url: https://example.com
|
||||
|
||||
# projects
|
||||
projects:
|
||||
enable: true
|
||||
# title: "Custom Name"
|
||||
items:
|
||||
- title: Hugo Profile
|
||||
content: A highly customizable and mobile first Hugo template for personal portfolio and blog.
|
||||
image: /images/projects/profile.png
|
||||
featured:
|
||||
name: Demo
|
||||
link: https://hugo-profile.netlify.app
|
||||
badges:
|
||||
- "Hugo"
|
||||
- "Bootstrap"
|
||||
- "Javascript"
|
||||
links:
|
||||
- icon: fa fa-envelope
|
||||
url: mailto:?subject=Hugo%20Profile%20Template&body=Check%20it%20out:%20https%3a%2f%2fhugo-profile.netlify.app%2fblog%2fmarkdown-syntax%2f
|
||||
- icon: fab fa-github
|
||||
url: https://github.com/gurusabarish/hugo-profile
|
||||
- icon: fab fa-twitter
|
||||
url: https://twitter.com/intent/tweet?text=Check+it+out:&url=https%3A%2F%2Fgithub.com%2Fgurusabarish%2Fhugo-profile
|
||||
|
||||
- title: Image Converter
|
||||
content: A web app to convert image to pdf, png to jpg, png to jpg and png to webp without database using django.
|
||||
image: /images/projects/converter.jpg
|
||||
featured:
|
||||
name: Demo
|
||||
link: https://django-converter.herokuapp.com
|
||||
badges:
|
||||
- "Django"
|
||||
- "Bootstrap"
|
||||
links:
|
||||
- icon: fab fa-github
|
||||
url: https://github.com/gurusabarish/converter
|
||||
|
||||
- title: Hugo Profile V2
|
||||
content: A clean and simple Hugo template for personal portfolio and blog.
|
||||
image: /images/projects/profile2.jpg
|
||||
featured:
|
||||
name: Demo V2
|
||||
link: https://hugo-profile-2.netlify.app
|
||||
badges:
|
||||
- "Hugo"
|
||||
- "Bootstrap"
|
||||
- "Javascript"
|
||||
links:
|
||||
- icon: fab fa-github
|
||||
url: https://github.com/gurusabarish/HugoProfileV2
|
||||
|
||||
#Contact
|
||||
contact:
|
||||
enable: true
|
||||
# title: "Custom Name"
|
||||
content: My inbox is always open. Whether you have a question or just want to say hi, I’ll try my best to get back to you!
|
||||
btnName: Mail me
|
||||
btnLink: mailto:gurusabarisha@gmail.com
|
||||
# formspree:
|
||||
# enable: true # `contact.email` value will be ignored
|
||||
# formId: abcdefgh # Take it from your form's endpoint, like 'https://formspree.io/f/abcdefgh'
|
||||
# emailCaption: "Enter your email address"
|
||||
# messageCaption: "Enter your message here"
|
||||
# messageRows: 5
|
||||
|
||||
footer:
|
||||
recentPosts:
|
||||
path: "blogs"
|
||||
count: 3
|
||||
title: Recent Posts
|
||||
enable: true
|
||||
disableFeaturedImage: false
|
||||
socialNetworks:
|
||||
github: https://github.com
|
||||
linkedin: https://linkedin.com
|
||||
twitter: https://twitter.com
|
||||
instagram: https://instagram.com
|
||||
facebook: https://facebook.com
|
||||
|
||||
# List pages like blogs and posts
|
||||
listPages:
|
||||
disableFeaturedImage: false
|
||||
|
||||
# Single pages like blog and post
|
||||
singlePages:
|
||||
socialShare: true
|
||||
readTime:
|
||||
enable: true
|
||||
content: "min read"
|
||||
scrollprogress:
|
||||
enable: true
|
||||
tags:
|
||||
openInNewTab: true
|
||||
|
||||
# For translations
|
||||
terms:
|
||||
read: "Read"
|
||||
toc: "Table Of Contents"
|
||||
copyright: "All rights reserved"
|
||||
emailText: "Check out this site"
|
||||
|
||||
datesFormat:
|
||||
article: "Jan 2, 2006"
|
||||
articleList: "Jan 2, 2006"
|
||||
articleRecent: "Jan 2, 2006"
|
||||
|
||||
#customScripts: -| # You can add custom scripts which will be added before </body> tag
|
||||
# <script type="text/javascript"><!-- any script here --></script>
|
||||
564
public/404.html
Normal file
564
public/404.html
Normal file
|
|
@ -0,0 +1,564 @@
|
|||
<!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/404.html">
|
||||
<meta property="og:site_name" content="Daydreel">
|
||||
<meta property="og:title" content="404 Page not found">
|
||||
<meta property="og:description" content="Text about my cool site">
|
||||
<meta property="og:locale" content="fr">
|
||||
<meta property="og:type" content="website">
|
||||
|
||||
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:title" content="404 Page not found">
|
||||
<meta name="twitter:description" content="Text about my cool site">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="alternate" hreflang="en" href="http://localhost:35735/en/404.html" title="English">
|
||||
|
||||
<link rel="alternate" hreflang="fr" href="http://localhost:35735/404.html" title="Français">
|
||||
|
||||
|
||||
<meta property="og:locale" content="fr">
|
||||
|
||||
<meta property="og:locale:alternate" content="en">
|
||||
|
||||
|
||||
|
||||
<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=Text about my cool site>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<title>
|
||||
Page non trouvée | 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/404.html"
|
||||
title="English">
|
||||
English
|
||||
</a><a class="dropdown-item text-center nav-link active"
|
||||
href="/404.html"
|
||||
title="Français">
|
||||
Français
|
||||
</a></div>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<div id="content">
|
||||
<div class="container py-5 text-center">
|
||||
<img src="/404.png" alt='Page non trouvée' class="img-fluid" width="40%">
|
||||
<h1>Page non trouvée</h1>
|
||||
</div>
|
||||
|
||||
</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>
|
||||
BIN
public/404.png
Normal file
BIN
public/404.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 59 KiB |
739
public/blogs/emoji-support/index.html
Normal file
739
public/blogs/emoji-support/index.html
Normal file
|
|
@ -0,0 +1,739 @@
|
|||
<!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/emoji-support/">
|
||||
<meta property="og:site_name" content="Daydreel">
|
||||
<meta property="og:title" content="Emoji Support">
|
||||
<meta property="og:description" content="Emoji can be enabled in a Hugo project in a number of ways. :zap:
|
||||
Emoji Support The emojify function can be called directly in templates or Inline Shortcodes.
|
||||
To enable emoji globally, set enableEmoji to true in your site’s configuration and then you can type emoji shorthand codes directly in content files; e.g.
|
||||
The Emoji cheat sheet is a useful reference for emoji shorthand codes.
|
||||
N.B. The above steps enable Unicode Standard emoji characters and sequences in Hugo, however the rendering of these glyphs depends on the browser and the platform. To style the emoji you can either use a third party emoji font or a font stack; e.g.">
|
||||
<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:53:58+05:30">
|
||||
<meta property="article:modified_time" content="2021-04-03T22:53:58+05:30">
|
||||
<meta property="article:tag" content="Emoji Support">
|
||||
<meta property="article:tag" content="Sample">
|
||||
<meta property="article:tag" content="Example">
|
||||
|
||||
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:title" content="Emoji Support">
|
||||
<meta name="twitter:description" content="Emoji can be enabled in a Hugo project in a number of ways. :zap:
|
||||
Emoji Support The emojify function can be called directly in templates or Inline Shortcodes.
|
||||
To enable emoji globally, set enableEmoji to true in your site’s configuration and then you can type emoji shorthand codes directly in content files; e.g.
|
||||
The Emoji cheat sheet is a useful reference for emoji shorthand codes.
|
||||
N.B. The above steps enable Unicode Standard emoji characters and sequences in Hugo, however the rendering of these glyphs depends on the browser and the platform. To style the emoji you can either use a third party emoji font or a font stack; e.g.">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="alternate" hreflang="fr" href="http://localhost:35735/blogs/emoji-support/" 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>
|
||||
Emoji Support | 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">Emoji Support</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="Emoji Support">
|
||||
</div>
|
||||
|
||||
<article class="page-content p-2">
|
||||
<p>Emoji can be enabled in a Hugo project in a number of ways. ⚡</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 content files; e.g.</p>
|
||||
<p>The <a href="http://www.emoji-cheat-sheet.com/">Emoji cheat sheet</a> is a useful reference for emoji shorthand codes.</p>
|
||||
<hr>
|
||||
<p><strong>N.B.</strong> The above steps enable Unicode Standard emoji characters and sequences in Hugo, however the rendering of these glyphs depends on the browser and the platform. To style the emoji you can either use a third party emoji font or a font stack; e.g.</p>
|
||||
<pre tabindex="0"><code>.emoji {
|
||||
font-family: Apple Color Emoji, Segoe UI Emoji, NotoColorEmoji, Segoe UI Symbol, Android Emoji, EmojiSymbols;
|
||||
}
|
||||
</code></pre>
|
||||
</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="#emoji-support">Emoji Support</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/emoji-support"
|
||||
target="_blank"
|
||||
>Emoji support</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%2femoji-support%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=Emoji%20Support&url=http%3a%2f%2flocalhost%3a35735%2fblogs%2femoji-support%2f&hashtags=Emoji%20support%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=Emoji%20Support: http%3a%2f%2flocalhost%3a35735%2fblogs%2femoji-support%2f">
|
||||
<i class="fab fa-whatsapp"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item text-center">
|
||||
<a target="_blank" href='mailto:?subject=Emoji%20Support&body=Check%20out%20this%20site http%3a%2f%2flocalhost%3a35735%2fblogs%2femoji-support%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>
|
||||
12
public/blogs/emoji-support/index.xml
Normal file
12
public/blogs/emoji-support/index.xml
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Emoji Support on Daydreel</title>
|
||||
<link>http://localhost:35735/blogs/emoji-support/</link>
|
||||
<description>Recent content in Emoji Support on Daydreel</description>
|
||||
<generator>Hugo</generator>
|
||||
<language>fr</language>
|
||||
<lastBuildDate></lastBuildDate>
|
||||
<atom:link href="http://localhost:35735/blogs/emoji-support/index.xml" rel="self" type="application/rss+xml" />
|
||||
</channel>
|
||||
</rss>
|
||||
668
public/blogs/index.html
Normal file
668
public/blogs/index.html
Normal file
|
|
@ -0,0 +1,668 @@
|
|||
<!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/">
|
||||
<meta property="og:site_name" content="Daydreel">
|
||||
<meta property="og:title" content="Blogs">
|
||||
<meta property="og:description" content="Text about my cool site">
|
||||
<meta property="og:locale" content="fr">
|
||||
<meta property="og:type" content="website">
|
||||
|
||||
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:title" content="Blogs">
|
||||
<meta name="twitter:description" content="Text about my cool site">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="alternate" hreflang="fr" href="http://localhost:35735/blogs/" 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="Blogs of Daydreel">
|
||||
<link rel="stylesheet" href="/css/list.css" media="all">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<title>
|
||||
Blogs | 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">
|
||||
<div class="container pt-5" id="list-page">
|
||||
<h2 class="text-center pb-2">Blogs</h2>
|
||||
<div class="row">
|
||||
|
||||
<div class="col-lg-4 col-md-6 my-3">
|
||||
<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-4 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 post-footer bg-transparent py-3">
|
||||
<span class="float-start bg-transparent">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 my-3">
|
||||
<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-4 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 post-footer bg-transparent py-3">
|
||||
<span class="float-start bg-transparent">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 my-3">
|
||||
<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-4 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 post-footer bg-transparent py-3">
|
||||
<span class="float-start bg-transparent">3 avril 2021</span>
|
||||
<a href="/blogs/emoji-support/" class="float-end btn btn-outline-info btn-sm">Read</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-auto m-3">
|
||||
|
||||
<ul class="pagination pagination-default">
|
||||
<li class="page-item disabled">
|
||||
<a aria-disabled="true" aria-label="First" class="page-link" role="button" tabindex="-1"><span aria-hidden="true">««</span></a>
|
||||
</li>
|
||||
<li class="page-item disabled">
|
||||
<a aria-disabled="true" aria-label="Previous" class="page-link" role="button" tabindex="-1"><span aria-hidden="true">«</span></a>
|
||||
</li>
|
||||
<li class="page-item active">
|
||||
<a aria-current="page" aria-label="Page 1" class="page-link" role="button">1</a>
|
||||
</li>
|
||||
<li class="page-item">
|
||||
<a href="/blogs/page/2/" aria-label="Page 2" class="page-link" role="button">2</a>
|
||||
</li>
|
||||
<li class="page-item">
|
||||
<a href="/blogs/page/2/" aria-label="Next" class="page-link" role="button"><span aria-hidden="true">»</span></a>
|
||||
</li>
|
||||
<li class="page-item">
|
||||
<a href="/blogs/page/2/" aria-label="Last" class="page-link" role="button"><span aria-hidden="true">»»</span></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</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>
|
||||
47
public/blogs/index.xml
Normal file
47
public/blogs/index.xml
Normal file
|
|
@ -0,0 +1,47 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Blogs on Daydreel</title>
|
||||
<link>http://localhost:35735/blogs/</link>
|
||||
<description>Recent content in Blogs on Daydreel</description>
|
||||
<generator>Hugo</generator>
|
||||
<language>fr</language>
|
||||
<lastBuildDate>Fri, 09 Dec 2022 19:53:33 +0530</lastBuildDate>
|
||||
<atom:link href="http://localhost:35735/blogs/index.xml" rel="self" type="application/rss+xml" />
|
||||
<item>
|
||||
<title>Render Math With Mathjax</title>
|
||||
<link>http://localhost:35735/blogs/math/</link>
|
||||
<pubDate>Fri, 09 Dec 2022 19:53:33 +0530</pubDate>
|
||||
<guid>http://localhost:35735/blogs/math/</guid>
|
||||
<description><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_{2}} [A(x) = 1] | &lt; \text{negligible} $$</p>
<p>The raw version is:</p>
<pre tabindex="0"><code>$$ | Pr_{x \leftarrow P_{1}} [A(x) = 1] - Pr_{x \leftarrow P_{2}} [A(x) = 1] | &lt; \text{negligible} $$
</code></pre><p>Write in-line equations with <code>\\( ... \\)</code> , like \( x^n / y \) . It&rsquo;s easy!</p></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>Markdown Syntax</title>
|
||||
<link>http://localhost:35735/blogs/markdown-syntax/</link>
|
||||
<pubDate>Sat, 03 Apr 2021 23:29:21 +0530</pubDate>
|
||||
<guid>http://localhost:35735/blogs/markdown-syntax/</guid>
|
||||
<description><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 eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.</p></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>Emoji Support</title>
|
||||
<link>http://localhost:35735/blogs/emoji-support/</link>
|
||||
<pubDate>Sat, 03 Apr 2021 22:53:58 +0530</pubDate>
|
||||
<guid>http://localhost:35735/blogs/emoji-support/</guid>
|
||||
<description><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 content files; e.g.</p>
<p>The <a href="http://www.emoji-cheat-sheet.com/">Emoji cheat sheet</a> is a useful reference for emoji shorthand codes.</p>
<hr>
<p><strong>N.B.</strong> The above steps enable Unicode Standard emoji characters and sequences in Hugo, however the rendering of these glyphs depends on the browser and the platform. To style the emoji you can either use a third party emoji font or a font stack; e.g.</p></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>Placeholder Text</title>
|
||||
<link>http://localhost:35735/blogs/placeholder-text/</link>
|
||||
<pubDate>Sat, 03 Apr 2021 22:41:10 +0530</pubDate>
|
||||
<guid>http://localhost:35735/blogs/placeholder-text/</guid>
|
||||
<description><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></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>Rich Content</title>
|
||||
<link>http://localhost:35735/blogs/rich-content/</link>
|
||||
<pubDate>Sat, 03 Apr 2021 19:53:33 +0530</pubDate>
|
||||
<guid>http://localhost:35735/blogs/rich-content/</guid>
|
||||
<description><p>Hugo ships with several <a href="https://gohugo.io/content-management/shortcodes/#embedded">Embedded Shortcodes</a> for rich content, along with a <a href="https://gohugo.io/about/privacy/#configuration">Privacy Config</a> and a set of Simple Shortcodes that enable static and no-JS versions of various social media embeds.</p>
<h2 id="x-simple-shortcode">X Simple Shortcode</h2>
<pre tabindex="0"><code>{{&lt; tweet user=&#34;GoHugoIO&#34; id=&#34;1315233626070503424&#34; &gt;}}
</code></pre><br>
<blockquote class="twitter-tweet"><p lang="en" dir="ltr">Profile is a customizable single-page portfolio theme for Hugo featuring a contact form and blog. Made by <a href="https://twitter.com/gurusabarishh?ref_src=twsrc%5Etfw">@gurusabarishh</a>.<a href="https://t.co/KwYcwfdy16">https://t.co/KwYcwfdy16</a></p>&mdash; GoHugo.io (@GoHugoIO) <a href="https://twitter.com/GoHugoIO/status/1315233626070503424?ref_src=twsrc%5Etfw">October 11, 2020</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


<br>
<h2 id="vimeo-simple-shortcode">Vimeo Simple Shortcode</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>
<h2 id="youtube-simple-shortcode">Youtube Simple Shortcode</h2>
<pre tabindex="0"><code>{{&lt; youtube w7Ft2ymGmfc &gt;}}
</code></pre><br>
<div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;">
 <iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen" loading="eager" referrerpolicy="strict-origin-when-cross-origin" src="https://www.youtube.com/embed/w7Ft2ymGmfc?autoplay=0&amp;controls=1&amp;end=0&amp;loop=0&amp;mute=0&amp;start=0" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;" title="YouTube video"></iframe>
 </div>

<br>
<h2 id="theme-custom-shortcodes">Theme Custom Shortcodes</h2>
<p>These shortcodes are not Hugo built-ins, but are provided by the theme.</p></description>
|
||||
</item>
|
||||
</channel>
|
||||
</rss>
|
||||
889
public/blogs/markdown-syntax/index.html
Normal file
889
public/blogs/markdown-syntax/index.html
Normal file
|
|
@ -0,0 +1,889 @@
|
|||
<!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/markdown-syntax/">
|
||||
<meta property="og:site_name" content="Daydreel">
|
||||
<meta property="og:title" content="Markdown Syntax">
|
||||
<meta property="og:description" content="Paragraph 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 eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.">
|
||||
<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-03T23:29:21+05:30">
|
||||
<meta property="article:modified_time" content="2021-04-03T23:29:21+05:30">
|
||||
<meta property="article:tag" content="Markdown Syntax">
|
||||
<meta property="article:tag" content="Sample">
|
||||
<meta property="article:tag" content="Example">
|
||||
|
||||
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:title" content="Markdown Syntax">
|
||||
<meta name="twitter:description" content="Paragraph 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 eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="alternate" hreflang="fr" href="http://localhost:35735/blogs/markdown-syntax/" 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>
|
||||
Markdown Syntax | 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">Markdown Syntax</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="Markdown Syntax">
|
||||
</div>
|
||||
|
||||
<article class="page-content p-2">
|
||||
<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 eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.</p>
|
||||
<p>Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.</p>
|
||||
<h2 id="blockquotes">Blockquotes</h2>
|
||||
<p>The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a <code>footer</code> or <code>cite</code> element, and optionally with in-line changes such as annotations and abbreviations.</p>
|
||||
<h3 id="blockquote-without-attribution">Blockquote without attribution</h3>
|
||||
<blockquote>
|
||||
<p>Tiam, ad mint andaepu dandae nostion secatur sequo quae.
|
||||
<strong>Note</strong> that you can use <em>Markdown syntax</em> within a blockquote.</p>
|
||||
</blockquote>
|
||||
<h3 id="blockquote-with-attribution">Blockquote with attribution</h3>
|
||||
<blockquote>
|
||||
<p>Don’t communicate by sharing memory, share memory by communicating.</p>
|
||||
— <cite>Rob Pike<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup></cite></p>
|
||||
</blockquote>
|
||||
<h2 id="tables">Tables</h2>
|
||||
<p>Tables aren’t part of the core Markdown spec, but Hugo supports supports them out-of-the-box.</p>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Age</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Bob</td>
|
||||
<td>27</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Alice</td>
|
||||
<td>23</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<h3 id="inline-markdown-within-tables">Inline Markdown within tables</h3>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Inline </th>
|
||||
<th>Markdown </th>
|
||||
<th>In </th>
|
||||
<th>Table</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><em>italics</em></td>
|
||||
<td><strong>bold</strong></td>
|
||||
<td><del>strikethrough</del> </td>
|
||||
<td><code>code</code></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<h2 id="code-blocks">Code Blocks</h2>
|
||||
<h3 id="code-block-with-backticks">Code block with backticks</h3>
|
||||
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-html" data-lang="html"><span style="display:flex;"><span><span style="color:#75715e"><!DOCTYPE html></span>
|
||||
</span></span><span style="display:flex;"><span><<span style="color:#f92672">html</span> <span style="color:#a6e22e">lang</span><span style="color:#f92672">=</span><span style="color:#e6db74">"en"</span>>
|
||||
</span></span><span style="display:flex;"><span> <<span style="color:#f92672">head</span>>
|
||||
</span></span><span style="display:flex;"><span> <<span style="color:#f92672">meta</span> <span style="color:#a6e22e">charset</span><span style="color:#f92672">=</span><span style="color:#e6db74">"UTF-8"</span> />
|
||||
</span></span><span style="display:flex;"><span> <<span style="color:#f92672">title</span>>Example HTML5 Document</<span style="color:#f92672">title</span>>
|
||||
</span></span><span style="display:flex;"><span> </<span style="color:#f92672">head</span>>
|
||||
</span></span><span style="display:flex;"><span> <<span style="color:#f92672">body</span>>
|
||||
</span></span><span style="display:flex;"><span> <<span style="color:#f92672">p</span>>Test</<span style="color:#f92672">p</span>>
|
||||
</span></span><span style="display:flex;"><span> </<span style="color:#f92672">body</span>>
|
||||
</span></span><span style="display:flex;"><span></<span style="color:#f92672">html</span>>
|
||||
</span></span></code></pre></div><h3 id="code-block-indented-with-four-spaces">Code block indented with four spaces</h3>
|
||||
<pre><code><!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Example HTML5 Document</title>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test</p>
|
||||
</body>
|
||||
</html>
|
||||
</code></pre>
|
||||
<h3 id="code-block-with-hugos-internal-highlight-shortcode">Code block with Hugo’s internal highlight shortcode</h3>
|
||||
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-html" data-lang="html"><span style="display:flex;"><span><span style="color:#75715e"><!DOCTYPE html></span>
|
||||
</span></span><span style="display:flex;"><span><<span style="color:#f92672">html</span> <span style="color:#a6e22e">lang</span><span style="color:#f92672">=</span><span style="color:#e6db74">"en"</span>>
|
||||
</span></span><span style="display:flex;"><span><<span style="color:#f92672">head</span>>
|
||||
</span></span><span style="display:flex;"><span> <<span style="color:#f92672">meta</span> <span style="color:#a6e22e">charset</span><span style="color:#f92672">=</span><span style="color:#e6db74">"UTF-8"</span>>
|
||||
</span></span><span style="display:flex;"><span> <<span style="color:#f92672">title</span>>Example HTML5 Document</<span style="color:#f92672">title</span>>
|
||||
</span></span><span style="display:flex;"><span></<span style="color:#f92672">head</span>>
|
||||
</span></span><span style="display:flex;"><span><<span style="color:#f92672">body</span>>
|
||||
</span></span><span style="display:flex;"><span> <<span style="color:#f92672">p</span>>Test</<span style="color:#f92672">p</span>>
|
||||
</span></span><span style="display:flex;"><span></<span style="color:#f92672">body</span>>
|
||||
</span></span><span style="display:flex;"><span></<span style="color:#f92672">html</span>></span></span></code></pre></div>
|
||||
<h2 id="list-types">List Types</h2>
|
||||
<h3 id="ordered-list">Ordered List</h3>
|
||||
<ol>
|
||||
<li>First item</li>
|
||||
<li>Second item</li>
|
||||
<li>Third item</li>
|
||||
</ol>
|
||||
<h3 id="unordered-list">Unordered List</h3>
|
||||
<ul>
|
||||
<li>List item</li>
|
||||
<li>Another item</li>
|
||||
<li>And another item</li>
|
||||
</ul>
|
||||
<h3 id="nested-list">Nested list</h3>
|
||||
<ul>
|
||||
<li>Item
|
||||
<ol>
|
||||
<li>First Sub-item</li>
|
||||
<li>Second Sub-item</li>
|
||||
</ol>
|
||||
</li>
|
||||
</ul>
|
||||
<h2 id="headings">Headings</h2>
|
||||
<p>The following HTML <code><h1></code>—<code><h6></code> elements represent six levels of section headings. <code><h1></code> is the highest section level while <code><h6></code> is the lowest.</p>
|
||||
<h1 id="h1">H1</h1>
|
||||
<h2 id="h2">H2</h2>
|
||||
<h3 id="h3">H3</h3>
|
||||
<h4 id="h4">H4</h4>
|
||||
<h5 id="h5">H5</h5>
|
||||
<h6 id="h6">H6</h6>
|
||||
<h2 id="other-elements--abbr-sub-sup-kbd-mark">Other Elements — abbr, sub, sup, kbd, mark</h2>
|
||||
<p><abbr title="Graphics Interchange Format">GIF</abbr> is a bitmap image format.</p>
|
||||
<p>H<sub>2</sub>O</p>
|
||||
<p>X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup></p>
|
||||
<p>Press <kbd><kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd></kbd> to end the session.</p>
|
||||
<p>Most <mark>salamanders</mark> are nocturnal, and hunt for insects, worms, and other small creatures.</p>
|
||||
<div class="footnotes" role="doc-endnotes">
|
||||
<hr>
|
||||
<ol>
|
||||
<li id="fn:1">
|
||||
<p>The above quote is excerpted from Rob Pike’s <a href="https://www.youtube.com/watch?v=PAAkCSZUG1c">talk</a> during Gopherfest, November 18, 2015. <a href="#fnref:1" class="footnote-backref" role="doc-backlink">↩︎</a></p>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
</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="#paragraph">Paragraph</a></li>
|
||||
<li><a href="#blockquotes">Blockquotes</a>
|
||||
<ul>
|
||||
<li><a href="#blockquote-without-attribution">Blockquote without attribution</a></li>
|
||||
<li><a href="#blockquote-with-attribution">Blockquote with attribution</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#tables">Tables</a>
|
||||
<ul>
|
||||
<li><a href="#inline-markdown-within-tables">Inline Markdown within tables</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#code-blocks">Code Blocks</a>
|
||||
<ul>
|
||||
<li><a href="#code-block-with-backticks">Code block with backticks</a></li>
|
||||
<li><a href="#code-block-indented-with-four-spaces">Code block indented with four spaces</a></li>
|
||||
<li><a href="#code-block-with-hugos-internal-highlight-shortcode">Code block with Hugo’s internal highlight shortcode</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#list-types">List Types</a>
|
||||
<ul>
|
||||
<li><a href="#ordered-list">Ordered List</a></li>
|
||||
<li><a href="#unordered-list">Unordered List</a></li>
|
||||
<li><a href="#nested-list">Nested list</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#headings">Headings</a></li>
|
||||
</ul>
|
||||
|
||||
<ul>
|
||||
<li><a href="#h2">H2</a>
|
||||
<ul>
|
||||
<li><a href="#h3">H3</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#other-elements--abbr-sub-sup-kbd-mark">Other Elements — abbr, sub, sup, kbd, mark</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/markdown-syntax"
|
||||
target="_blank"
|
||||
>Markdown syntax</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%2fmarkdown-syntax%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=Markdown%20Syntax&url=http%3a%2f%2flocalhost%3a35735%2fblogs%2fmarkdown-syntax%2f&hashtags=Markdown%20syntax%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=Markdown%20Syntax: http%3a%2f%2flocalhost%3a35735%2fblogs%2fmarkdown-syntax%2f">
|
||||
<i class="fab fa-whatsapp"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item text-center">
|
||||
<a target="_blank" href='mailto:?subject=Markdown%20Syntax&body=Check%20out%20this%20site http%3a%2f%2flocalhost%3a35735%2fblogs%2fmarkdown-syntax%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>
|
||||
12
public/blogs/markdown-syntax/index.xml
Normal file
12
public/blogs/markdown-syntax/index.xml
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Markdown Syntax on Daydreel</title>
|
||||
<link>http://localhost:35735/blogs/markdown-syntax/</link>
|
||||
<description>Recent content in Markdown Syntax on Daydreel</description>
|
||||
<generator>Hugo</generator>
|
||||
<language>fr</language>
|
||||
<lastBuildDate></lastBuildDate>
|
||||
<atom:link href="http://localhost:35735/blogs/markdown-syntax/index.xml" rel="self" type="application/rss+xml" />
|
||||
</channel>
|
||||
</rss>
|
||||
758
public/blogs/math/index.html
Normal file
758
public/blogs/math/index.html
Normal file
|
|
@ -0,0 +1,758 @@
|
|||
<!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/math/">
|
||||
<meta property="og:site_name" content="Daydreel">
|
||||
<meta property="og:title" content="Render Math With Mathjax">
|
||||
<meta property="og:description" content="Mathjax Math equations can be rendered using Mathjax syntax with AMS symbol support.
|
||||
Optionally enable this on a per-page basis by adding mathjax: true to your frontmatter.
|
||||
Then, use $$ ... $$ on a line by itself to render a block equation:
|
||||
$$ | Pr_{x \leftarrow P_{1}} [A(x) = 1] - Pr_{x \leftarrow P_{2}} [A(x) = 1] | < \text{negligible} $$
|
||||
The raw version is:
|
||||
$$ | Pr_{x \leftarrow P_{1}} [A(x) = 1] - Pr_{x \leftarrow P_{2}} [A(x) = 1] | < \text{negligible} $$ Write in-line equations with \\( ... \\) , like \( x^n / y \) . It’s easy!">
|
||||
<meta property="og:locale" content="fr">
|
||||
<meta property="og:type" content="article">
|
||||
<meta property="article:section" content="blogs">
|
||||
<meta property="article:published_time" content="2022-12-09T19:53:33+05:30">
|
||||
<meta property="article:modified_time" content="2022-12-09T19:53:33+05:30">
|
||||
<meta property="article:tag" content="Markdown Syntax">
|
||||
<meta property="article:tag" content="Mathjax">
|
||||
<meta property="article:tag" content="Example">
|
||||
|
||||
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:title" content="Render Math With Mathjax">
|
||||
<meta name="twitter:description" content="Mathjax Math equations can be rendered using Mathjax syntax with AMS symbol support.
|
||||
Optionally enable this on a per-page basis by adding mathjax: true to your frontmatter.
|
||||
Then, use $$ ... $$ on a line by itself to render a block equation:
|
||||
$$ | Pr_{x \leftarrow P_{1}} [A(x) = 1] - Pr_{x \leftarrow P_{2}} [A(x) = 1] | < \text{negligible} $$
|
||||
The raw version is:
|
||||
$$ | Pr_{x \leftarrow P_{1}} [A(x) = 1] - Pr_{x \leftarrow P_{2}} [A(x) = 1] | < \text{negligible} $$ Write in-line equations with \\( ... \\) , like \( x^n / y \) . It’s easy!">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="alternate" hreflang="fr" href="http://localhost:35735/blogs/math/" 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>
|
||||
Render Math With Mathjax | 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">Render Math With Mathjax</h1>
|
||||
<div class="text-center">
|
||||
|
||||
Gurusabarish
|
||||
<small>|</small>
|
||||
|
||||
9 déc. 2022
|
||||
|
||||
|
||||
<span id="readingTime">
|
||||
min read
|
||||
</span>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="featured-image">
|
||||
<img class="img-fluid mx-auto d-block" src="/images/mathjax.png" alt="Render Math With Mathjax">
|
||||
</div>
|
||||
|
||||
<article class="page-content p-2">
|
||||
<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_{2}} [A(x) = 1] | < \text{negligible} $$</p>
|
||||
<p>The raw version is:</p>
|
||||
<pre tabindex="0"><code>$$ | Pr_{x \leftarrow P_{1}} [A(x) = 1] - Pr_{x \leftarrow P_{2}} [A(x) = 1] | < \text{negligible} $$
|
||||
</code></pre><p>Write in-line equations with <code>\\( ... \\)</code> , like \( x^n / y \) . It’s easy!</p>
|
||||
<pre tabindex="0"><code>Write in-line equations with `\\( ... \\)` , like \\( x^n / y \\) . It's easy!
|
||||
</code></pre>
|
||||
</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="#mathjax">Mathjax</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/markdown-syntax"
|
||||
target="_blank"
|
||||
>Markdown syntax</a></li>
|
||||
|
||||
|
||||
<li class="list-inline-item"><a href="/tags/mathjax"
|
||||
target="_blank"
|
||||
>Mathjax</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%2fmath%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=Render%20Math%20With%20Mathjax&url=http%3a%2f%2flocalhost%3a35735%2fblogs%2fmath%2f&hashtags=Markdown%20syntax%2cMathjax%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=Render%20Math%20With%20Mathjax: http%3a%2f%2flocalhost%3a35735%2fblogs%2fmath%2f">
|
||||
<i class="fab fa-whatsapp"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item text-center">
|
||||
<a target="_blank" href='mailto:?subject=Render%20Math%20With%20Mathjax&body=Check%20out%20this%20site http%3a%2f%2flocalhost%3a35735%2fblogs%2fmath%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>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- MathJax -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/3.2.2/es5/tex-mml-chtml.min.js" integrity="sha384-M5jmNxKC9EVnuqeMwRHvFuYUE8Hhp0TgBruj/GZRkYtiMrCRgH7yvv5KY+Owi7TW" crossorigin="anonymous"></script>
|
||||
|
||||
<script type="text/x-mathjax-config">
|
||||
MathJax.Hub.Config({
|
||||
tex2jax: {
|
||||
inlineMath: [['\\(','\\)']],
|
||||
displayMath: [['$$','$$'], ['\[','\]']],
|
||||
processEscapes: true,
|
||||
processEnvironments: true,
|
||||
skipTags: ['script', 'noscript', 'style', 'textarea', 'pre'],
|
||||
TeX: { equationNumbers: { autoNumber: "AMS" },
|
||||
extensions: ["AMSmath.js", "AMSsymbols.js"] }
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<section id="search-content" class="py-2">
|
||||
<div class="container" id="search-results"></div>
|
||||
</section>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
12
public/blogs/math/index.xml
Normal file
12
public/blogs/math/index.xml
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Render Math With Mathjax on Daydreel</title>
|
||||
<link>http://localhost:35735/blogs/math/</link>
|
||||
<description>Recent content in Render Math With Mathjax on Daydreel</description>
|
||||
<generator>Hugo</generator>
|
||||
<language>fr</language>
|
||||
<lastBuildDate></lastBuildDate>
|
||||
<atom:link href="http://localhost:35735/blogs/math/index.xml" rel="self" type="application/rss+xml" />
|
||||
</channel>
|
||||
</rss>
|
||||
9
public/blogs/page/1/index.html
Normal file
9
public/blogs/page/1/index.html
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<title>http://localhost:35735/blogs/</title>
|
||||
<link rel="canonical" href="http://localhost:35735/blogs/">
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="refresh" content="0; url=http://localhost:35735/blogs/">
|
||||
</head>
|
||||
</html>
|
||||
641
public/blogs/page/2/index.html
Normal file
641
public/blogs/page/2/index.html
Normal file
|
|
@ -0,0 +1,641 @@
|
|||
<!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/">
|
||||
<meta property="og:site_name" content="Daydreel">
|
||||
<meta property="og:title" content="Blogs">
|
||||
<meta property="og:description" content="Text about my cool site">
|
||||
<meta property="og:locale" content="fr">
|
||||
<meta property="og:type" content="website">
|
||||
|
||||
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:title" content="Blogs">
|
||||
<meta name="twitter:description" content="Text about my cool site">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="alternate" hreflang="fr" href="http://localhost:35735/blogs/" 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="Blogs of Daydreel">
|
||||
<link rel="stylesheet" href="/css/list.css" media="all">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<title>
|
||||
Blogs | 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">
|
||||
<div class="container pt-5" id="list-page">
|
||||
<h2 class="text-center pb-2">Blogs</h2>
|
||||
<div class="row">
|
||||
|
||||
<div class="col-lg-4 col-md-6 my-3">
|
||||
<div class="card h-100">
|
||||
|
||||
<div class="card-header">
|
||||
<a href="/blogs/placeholder-text/">
|
||||
<img src="/images/post.jpg" class="card-img-top" alt="Placeholder Text">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="card-body bg-transparent p-4 shadow-sm">
|
||||
<a href="/blogs/placeholder-text/" class="primary-font card-title">
|
||||
<h5 class="card-title bg-transparent" title="Placeholder Text">Placeholder Text</h5>
|
||||
</a>
|
||||
<div class="card-text secondary-font">
|
||||
<p><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 …</p></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-auto post-footer bg-transparent py-3">
|
||||
<span class="float-start bg-transparent">3 avril 2021</span>
|
||||
<a href="/blogs/placeholder-text/" class="float-end btn btn-outline-info btn-sm">Read</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-md-6 my-3">
|
||||
<div class="card h-100">
|
||||
|
||||
<div class="card-header">
|
||||
<a href="/blogs/rich-content/">
|
||||
<img src="/images/post.jpg" class="card-img-top" alt="Rich Content">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="card-body bg-transparent p-4 shadow-sm">
|
||||
<a href="/blogs/rich-content/" class="primary-font card-title">
|
||||
<h5 class="card-title bg-transparent" title="Rich Content">Rich Content</h5>
|
||||
</a>
|
||||
<div class="card-text secondary-font">
|
||||
<p><p>Hugo ships with several <a href="https://gohugo.io/content-management/shortcodes/#embedded">Embedded Shortcodes</a> for rich content, along with a <a href="https://gohugo.io/about/privacy/#configuration">Privacy Config</a> and a set of Simple Shortcodes that enable static and no-JS versions of various social media embeds.</p>
|
||||
<h2 id="x-simple-shortcode">X Simple Shortcode</h2>
|
||||
<pre tabindex="0"><code>{{< tweet user="GoHugoIO" id="1315233626070503424" >}}
|
||||
</code></pre><br>
|
||||
<blockquote class="twitter-tweet"><p lang="en" dir="ltr">Profile is a …</p></blockquote></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-auto post-footer bg-transparent py-3">
|
||||
<span class="float-start bg-transparent">3 avril 2021</span>
|
||||
<a href="/blogs/rich-content/" class="float-end btn btn-outline-info btn-sm">Read</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-auto m-3">
|
||||
|
||||
<ul class="pagination pagination-default">
|
||||
<li class="page-item">
|
||||
<a href="/blogs/" aria-label="First" class="page-link" role="button"><span aria-hidden="true">««</span></a>
|
||||
</li>
|
||||
<li class="page-item">
|
||||
<a href="/blogs/" aria-label="Previous" class="page-link" role="button"><span aria-hidden="true">«</span></a>
|
||||
</li>
|
||||
<li class="page-item">
|
||||
<a href="/blogs/" aria-label="Page 1" class="page-link" role="button">1</a>
|
||||
</li>
|
||||
<li class="page-item active">
|
||||
<a aria-current="page" aria-label="Page 2" class="page-link" role="button">2</a>
|
||||
</li>
|
||||
<li class="page-item disabled">
|
||||
<a aria-disabled="true" aria-label="Next" class="page-link" role="button" tabindex="-1"><span aria-hidden="true">»</span></a>
|
||||
</li>
|
||||
<li class="page-item disabled">
|
||||
<a aria-disabled="true" aria-label="Last" class="page-link" role="button" tabindex="-1"><span aria-hidden="true">»»</span></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</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>
|
||||
747
public/blogs/placeholder-text/index.html
Normal file
747
public/blogs/placeholder-text/index.html
Normal file
|
|
@ -0,0 +1,747 @@
|
|||
<!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>
|
||||
12
public/blogs/placeholder-text/index.xml
Normal file
12
public/blogs/placeholder-text/index.xml
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Placeholder Text on Daydreel</title>
|
||||
<link>http://localhost:35735/blogs/placeholder-text/</link>
|
||||
<description>Recent content in Placeholder Text on Daydreel</description>
|
||||
<generator>Hugo</generator>
|
||||
<language>fr</language>
|
||||
<lastBuildDate></lastBuildDate>
|
||||
<atom:link href="http://localhost:35735/blogs/placeholder-text/index.xml" rel="self" type="application/rss+xml" />
|
||||
</channel>
|
||||
</rss>
|
||||
771
public/blogs/rich-content/index.html
Normal file
771
public/blogs/rich-content/index.html
Normal file
|
|
@ -0,0 +1,771 @@
|
|||
<!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/rich-content/">
|
||||
<meta property="og:site_name" content="Daydreel">
|
||||
<meta property="og:title" content="Rich Content">
|
||||
<meta property="og:description" content="Hugo ships with several Embedded Shortcodes for rich content, along with a Privacy Config and a set of Simple Shortcodes that enable static and no-JS versions of various social media embeds.
|
||||
X Simple Shortcode {{< tweet user="GoHugoIO" id="1315233626070503424" >}} Profile is a customizable single-page portfolio theme for Hugo featuring a contact form and blog. Made by @gurusabarishh.https://t.co/KwYcwfdy16
|
||||
— GoHugo.io (@GoHugoIO) October 11, 2020 Vimeo Simple Shortcode {{< vimeo 146022717 >}} Youtube Simple Shortcode {{< youtube w7Ft2ymGmfc >}} Theme Custom Shortcodes These shortcodes are not Hugo built-ins, but are provided by the theme.">
|
||||
<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-03T19:53:33+05:30">
|
||||
<meta property="article:modified_time" content="2021-04-03T19:53:33+05:30">
|
||||
<meta property="article:tag" content="Rich Content">
|
||||
<meta property="article:tag" content="Sample">
|
||||
<meta property="article:tag" content="Example">
|
||||
|
||||
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:title" content="Rich Content">
|
||||
<meta name="twitter:description" content="Hugo ships with several Embedded Shortcodes for rich content, along with a Privacy Config and a set of Simple Shortcodes that enable static and no-JS versions of various social media embeds.
|
||||
X Simple Shortcode {{< tweet user="GoHugoIO" id="1315233626070503424" >}} Profile is a customizable single-page portfolio theme for Hugo featuring a contact form and blog. Made by @gurusabarishh.https://t.co/KwYcwfdy16
|
||||
— GoHugo.io (@GoHugoIO) October 11, 2020 Vimeo Simple Shortcode {{< vimeo 146022717 >}} Youtube Simple Shortcode {{< youtube w7Ft2ymGmfc >}} Theme Custom Shortcodes These shortcodes are not Hugo built-ins, but are provided by the theme.">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="alternate" hreflang="fr" href="http://localhost:35735/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>
|
||||
Rich Content | 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">Rich Content</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="Rich Content">
|
||||
</div>
|
||||
|
||||
<article class="page-content p-2">
|
||||
<p>Hugo ships with several <a href="https://gohugo.io/content-management/shortcodes/#embedded">Embedded Shortcodes</a> for rich content, along with a <a href="https://gohugo.io/about/privacy/#configuration">Privacy Config</a> and a set of Simple Shortcodes that enable static and no-JS versions of various social media embeds.</p>
|
||||
<h2 id="x-simple-shortcode">X Simple Shortcode</h2>
|
||||
<pre tabindex="0"><code>{{< tweet user="GoHugoIO" id="1315233626070503424" >}}
|
||||
</code></pre><br>
|
||||
<blockquote class="twitter-tweet"><p lang="en" dir="ltr">Profile is a customizable single-page portfolio theme for Hugo featuring a contact form and blog. Made by <a href="https://twitter.com/gurusabarishh?ref_src=twsrc%5Etfw">@gurusabarishh</a>.<a href="https://t.co/KwYcwfdy16">https://t.co/KwYcwfdy16</a></p>— GoHugo.io (@GoHugoIO) <a href="https://twitter.com/GoHugoIO/status/1315233626070503424?ref_src=twsrc%5Etfw">October 11, 2020</a></blockquote>
|
||||
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
|
||||
|
||||
|
||||
<br>
|
||||
<h2 id="vimeo-simple-shortcode">Vimeo Simple Shortcode</h2>
|
||||
<pre tabindex="0"><code>{{< vimeo 146022717 >}}
|
||||
</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>
|
||||
<h2 id="youtube-simple-shortcode">Youtube Simple Shortcode</h2>
|
||||
<pre tabindex="0"><code>{{< youtube w7Ft2ymGmfc >}}
|
||||
</code></pre><br>
|
||||
<div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;">
|
||||
<iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen" loading="eager" referrerpolicy="strict-origin-when-cross-origin" src="https://www.youtube.com/embed/w7Ft2ymGmfc?autoplay=0&controls=1&end=0&loop=0&mute=0&start=0" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;" title="YouTube video"></iframe>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
<h2 id="theme-custom-shortcodes">Theme Custom Shortcodes</h2>
|
||||
<p>These shortcodes are not Hugo built-ins, but are provided by the theme.</p>
|
||||
<h3 id="responsive-images-with-cloudinary">Responsive Images with Cloudinary</h3>
|
||||
<p>You can learn more about this <a href="https://cloudinary.com/documentation/responsive_images">here</a>.</p>
|
||||
<p>Set the <code>cloudinary_cloud_name</code> parameter in your site config to use this shortcode.</p>
|
||||
<pre tabindex="0"><code>{{< dynamic-img src="/my/image/on/cloudinary" title="A title for the image" >}}
|
||||
</code></pre><p>Note that you do not include the file extension (e.g. <code>.png</code>) in the <code>src</code> parameter, as the shortcode will automatically determine the best quality and format for the user’s device.</p>
|
||||
<p>Optionally, you can customize the general CSS styles for the image:</p>
|
||||
<pre tabindex="0"><code>{{< dynamic-img src="/my/image/on/cloudinary" title="A title for the image" style="max-width:60%" >}}
|
||||
</code></pre>
|
||||
</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="#x-simple-shortcode">X Simple Shortcode</a></li>
|
||||
<li><a href="#vimeo-simple-shortcode">Vimeo Simple Shortcode</a></li>
|
||||
<li><a href="#youtube-simple-shortcode">Youtube Simple Shortcode</a></li>
|
||||
<li><a href="#theme-custom-shortcodes">Theme Custom Shortcodes</a>
|
||||
<ul>
|
||||
<li><a href="#responsive-images-with-cloudinary">Responsive Images with Cloudinary</a></li>
|
||||
</ul>
|
||||
</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/rich-content"
|
||||
target="_blank"
|
||||
>Rich content</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%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=Rich%20Content&url=http%3a%2f%2flocalhost%3a35735%2fblogs%2frich-content%2f&hashtags=Rich%20content%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=Rich%20Content: http%3a%2f%2flocalhost%3a35735%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=Rich%20Content&body=Check%20out%20this%20site http%3a%2f%2flocalhost%3a35735%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 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>
|
||||
12
public/blogs/rich-content/index.xml
Normal file
12
public/blogs/rich-content/index.xml
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Rich Content on Daydreel</title>
|
||||
<link>http://localhost:35735/blogs/rich-content/</link>
|
||||
<description>Recent content in Rich Content on Daydreel</description>
|
||||
<generator>Hugo</generator>
|
||||
<language>fr</language>
|
||||
<lastBuildDate></lastBuildDate>
|
||||
<atom:link href="http://localhost:35735/blogs/rich-content/index.xml" rel="self" type="application/rss+xml" />
|
||||
</channel>
|
||||
</rss>
|
||||
7
public/bootstrap-5/css/bootstrap.min.css
vendored
Normal file
7
public/bootstrap-5/css/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1
public/bootstrap-5/css/bootstrap.min.css.map
Normal file
1
public/bootstrap-5/css/bootstrap.min.css.map
Normal file
File diff suppressed because one or more lines are too long
6812
public/bootstrap-5/js/bootstrap.bundle.js
vendored
Normal file
6812
public/bootstrap-5/js/bootstrap.bundle.js
vendored
Normal file
File diff suppressed because it is too large
Load diff
1
public/bootstrap-5/js/bootstrap.bundle.js.map
Normal file
1
public/bootstrap-5/js/bootstrap.bundle.js.map
Normal file
File diff suppressed because one or more lines are too long
7
public/bootstrap-5/js/bootstrap.bundle.min.js
vendored
Normal file
7
public/bootstrap-5/js/bootstrap.bundle.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
public/bootstrap-5/js/bootstrap.bundle.min.js.map
Normal file
1
public/bootstrap-5/js/bootstrap.bundle.min.js.map
Normal file
File diff suppressed because one or more lines are too long
572
public/categories/index.html
Normal file
572
public/categories/index.html
Normal file
|
|
@ -0,0 +1,572 @@
|
|||
<!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/categories/">
|
||||
<meta property="og:site_name" content="Daydreel">
|
||||
<meta property="og:title" content="Categories">
|
||||
<meta property="og:description" content="Text about my cool site">
|
||||
<meta property="og:locale" content="fr">
|
||||
<meta property="og:type" content="website">
|
||||
|
||||
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:title" content="Categories">
|
||||
<meta name="twitter:description" content="Text about my cool site">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="alternate" hreflang="en" href="http://localhost:35735/en/categories/" title="English">
|
||||
|
||||
<link rel="alternate" hreflang="fr" href="http://localhost:35735/categories/" title="Français">
|
||||
|
||||
|
||||
<meta property="og:locale" content="fr">
|
||||
|
||||
<meta property="og:locale:alternate" content="en">
|
||||
|
||||
|
||||
|
||||
<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="Categories of Daydreel">
|
||||
<link rel="stylesheet" href="/css/list.css" media="all">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<title>
|
||||
Categories | 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/categories/"
|
||||
title="English">
|
||||
English
|
||||
</a><a class="dropdown-item text-center nav-link active"
|
||||
href="/categories/"
|
||||
title="Français">
|
||||
Français
|
||||
</a></div>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<div id="content">
|
||||
<div class="container pt-5" id="list-page">
|
||||
<h2 class="text-center pb-2">Categories</h2>
|
||||
<div class="row">
|
||||
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-auto m-3">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</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>
|
||||
11
public/categories/index.xml
Normal file
11
public/categories/index.xml
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Categories on Daydreel</title>
|
||||
<link>http://localhost:35735/categories/</link>
|
||||
<description>Recent content in Categories on Daydreel</description>
|
||||
<generator>Hugo</generator>
|
||||
<language>fr</language>
|
||||
<atom:link href="http://localhost:35735/categories/index.xml" rel="self" type="application/rss+xml" />
|
||||
</channel>
|
||||
</rss>
|
||||
9
public/categories/page/1/index.html
Normal file
9
public/categories/page/1/index.html
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<title>http://localhost:35735/categories/</title>
|
||||
<link rel="canonical" href="http://localhost:35735/categories/">
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="refresh" content="0; url=http://localhost:35735/categories/">
|
||||
</head>
|
||||
</html>
|
||||
252
public/css/about.css
Normal file
252
public/css/about.css
Normal file
|
|
@ -0,0 +1,252 @@
|
|||
#single {
|
||||
padding: 60px 0;
|
||||
line-height: 1.7em;
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
#single .title>h1 {
|
||||
opacity: 0.8;
|
||||
color: var(--text-color) !important;
|
||||
}
|
||||
|
||||
#single .title small {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
#single .featured-image {
|
||||
padding: 1rem;
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
#single .featured-image img {
|
||||
border-radius: 1rem;
|
||||
box-shadow: 0px 8px 56px rgba(15, 80, 100, 0.16);
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
#single .page-content a {
|
||||
display: inline-block;
|
||||
text-decoration: none;
|
||||
color: var(--text-link-color) !important;
|
||||
}
|
||||
|
||||
#single .page-content a::after {
|
||||
content: "";
|
||||
display: block;
|
||||
width: 0px;
|
||||
height: 2px;
|
||||
bottom: 0.37em;
|
||||
background-color: var(--primary-color);
|
||||
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
#single .page-content a:hover::after,
|
||||
#single .page-content a:focus::after,
|
||||
#single .page-content a:active::after {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#single .page-content h1,
|
||||
#single .page-content h2,
|
||||
#single .page-content h3,
|
||||
#single .page-content h4,
|
||||
#single .page-content h5,
|
||||
#single .page-content h6 {
|
||||
color: var(--primary-color) !important;
|
||||
margin-bottom: 0.7em;
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
#single .page-content blockquote {
|
||||
padding: 20px 30px;
|
||||
border-left: 6px solid var(--primary-color) !important;
|
||||
color: var(--text-secondary-color) !important;
|
||||
font-weight: 600;
|
||||
font-size: 20px;
|
||||
margin: 30px 0;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
#single .page-content blockquote,
|
||||
#single .page-content blockquote * {
|
||||
background-color: var(--secondary-color) !important;
|
||||
}
|
||||
|
||||
/* table */
|
||||
#single .page-content table {
|
||||
width: auto;
|
||||
border-radius: 5px;
|
||||
padding: 0.1rem;
|
||||
margin-bottom: 1.2em;
|
||||
max-width: 100%;
|
||||
display: block;
|
||||
overflow-x: auto;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
#single .page-content table>tr {
|
||||
height: 40px !important;
|
||||
}
|
||||
|
||||
#single .page-content table>thead>tr>th {
|
||||
padding: 0.5rem !important;
|
||||
background-color: var(--primary-color) !important;
|
||||
color: var(--secondary-color) !important;
|
||||
border: 1px solid var(--secondary-color);
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
#single .page-content table>tbody>tr>td {
|
||||
padding: 0.5rem !important;
|
||||
border: 1px solid var(--secondary-color);
|
||||
background-color: var(--secondary-color) !important;
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
#single .page-content table>thead>tr {
|
||||
background-color: var(--secondary-color) !important;
|
||||
color: var(--secondary-color) !important;
|
||||
}
|
||||
|
||||
/* code */
|
||||
|
||||
#single .page-content pre {
|
||||
border-radius: 0.7em !important;
|
||||
margin: 5px;
|
||||
margin-bottom: 2em;
|
||||
padding: 2em;
|
||||
background-color: var(--secondary-color) !important;
|
||||
color: var(--text-secondary-color) !important;
|
||||
max-height: 450px;
|
||||
}
|
||||
|
||||
#single .page-content pre>code {
|
||||
color: var(--text-secondary-color) !important;
|
||||
}
|
||||
|
||||
#single .page-content code {
|
||||
color: var(--primary-color) !important;
|
||||
}
|
||||
|
||||
/* kbd and mark */
|
||||
|
||||
#single .page-content kbd {
|
||||
color: var(--primary-color) !important;
|
||||
background-color: var(--secondary-color) !important;
|
||||
}
|
||||
|
||||
#single .page-content mark {
|
||||
color: var(--primary-color) !important;
|
||||
background-color: var(--secondary-color) !important;
|
||||
}
|
||||
|
||||
/* list */
|
||||
|
||||
#single .page-content ol,
|
||||
#single .page-content ul {
|
||||
margin-bottom: 1.2em;
|
||||
padding-left: 1.5em;
|
||||
list-style-position: inside;
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
#single .page-content ol li li,
|
||||
#single .page-content ul li li {
|
||||
margin-bottom: 0.5em;
|
||||
padding-left: 1.5em;
|
||||
}
|
||||
|
||||
/* sidebar */
|
||||
|
||||
#single aside {
|
||||
/* background-color: var(--secondary-color); */
|
||||
border-radius: .7rem;
|
||||
padding: .7rem 1rem;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
#single .sticky-sidebar {
|
||||
position: sticky;
|
||||
top: 150px;
|
||||
}
|
||||
|
||||
/* aboutImg */
|
||||
|
||||
#single aside.aboutImg {
|
||||
padding: .7rem 1rem;
|
||||
}
|
||||
|
||||
#single aside.aboutImg img {
|
||||
border-radius: 1.5rem !important;
|
||||
position: relative;
|
||||
/* box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.2); */
|
||||
max-width: 100%;
|
||||
}
|
||||
@media (min-width: 768px) and (max-width: 1024px) {
|
||||
#single aside.aboutImg img {
|
||||
width: 60%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
#single aside.aboutImg h5 {
|
||||
margin: .7em 0;
|
||||
margin-bottom: 1em;
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
#single aside.aboutImg .img-icon img {
|
||||
width: 1em;
|
||||
}
|
||||
|
||||
#single aside.aboutImg .aboutImg-content {
|
||||
margin-bottom: 1em;
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
#single aside.aboutImg .aboutImg-content ul {
|
||||
margin-bottom: 1em;
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
#single aside.aboutImg .aboutImg-content ul li a {
|
||||
border: 1px solid var(--primary-color);
|
||||
padding: .7rem;
|
||||
color: var(--text-color);
|
||||
border-radius: 10px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#single aside.aboutImg .aboutImg-content ul li {
|
||||
margin: .7rem .5rem;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
#single aside.aboutImg .aboutImg-content ul li:hover a {
|
||||
opacity: .8;
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
/* Top scroll */
|
||||
|
||||
#single #topScroll {
|
||||
display: none;
|
||||
position: fixed;
|
||||
bottom: 20px;
|
||||
right: 20px;
|
||||
z-index: 99;
|
||||
border: none;
|
||||
outline: none;
|
||||
background-color: var(--secondary-color);
|
||||
color: var(--primary-color);
|
||||
cursor: pointer;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
#single #topScroll:hover {
|
||||
background-color: var(--primary-color);
|
||||
color: var(--secondary-color);
|
||||
transition: .5s;
|
||||
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
20
public/css/font.css
Normal file
20
public/css/font.css
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
|
||||
/* Default font for body */
|
||||
body {
|
||||
font-family: "Lora", serif !important;
|
||||
}
|
||||
|
||||
/* secondary font */
|
||||
.secondary-font, #secondary-font {
|
||||
font-family: "Lora", serif;
|
||||
}
|
||||
|
||||
/* primary font */
|
||||
.primary-font, #primary-font {
|
||||
font-family: "Alata", sans-serif;
|
||||
}
|
||||
|
||||
/* Default font */
|
||||
.default-font, #default-font {
|
||||
font-family: "Roboto", sans-serif;
|
||||
}
|
||||
63
public/css/footer.css
Normal file
63
public/css/footer.css
Normal file
|
|
@ -0,0 +1,63 @@
|
|||
footer a h5 {
|
||||
color: var(--text-color) !important;
|
||||
}
|
||||
|
||||
footer a {
|
||||
text-decoration: none;
|
||||
color: var(--text-link-color) !important;
|
||||
}
|
||||
|
||||
footer a:hover {
|
||||
color: var(--primary-color) !important;
|
||||
}
|
||||
|
||||
footer .card {
|
||||
background-color: var(--secondary-color) !important;
|
||||
border-radius: .75rem;
|
||||
overflow: hidden;
|
||||
border: none;
|
||||
}
|
||||
|
||||
footer .card:hover {
|
||||
transition: all 0.3s ease-out;
|
||||
box-shadow: 0px 8px 56px rgba(15, 80, 100, 0.16);
|
||||
}
|
||||
|
||||
footer .card-text * {
|
||||
background-color: var(--secondary-color) !important;
|
||||
}
|
||||
|
||||
footer .card-footer {
|
||||
background-color: var(--background-color) !important;
|
||||
padding: .8em .7em;
|
||||
border: 1px solid var(--secondary-color);
|
||||
}
|
||||
|
||||
footer .card-footer a {
|
||||
color: var(--text-link-color) !important;
|
||||
border-color: var(--primary-color) !important;
|
||||
transition: none;
|
||||
background-color: var(--background-color) !important;
|
||||
}
|
||||
|
||||
footer .card-footer a:hover {
|
||||
color: var(--primary-color) !important;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
footer .card-footer a:focus {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
footer .card > .card-header {
|
||||
padding: 0 !important;
|
||||
border: none !important;
|
||||
background-color: var(--secondary-color) !important;
|
||||
}
|
||||
|
||||
footer .card > .card-header .card-img-top {
|
||||
width: 100%;
|
||||
height: 250px !important;
|
||||
object-fit: cover;
|
||||
background-color: transparent !important;
|
||||
}
|
||||
3
public/css/gallery.css
Normal file
3
public/css/gallery.css
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
.viewer-enabled-image {
|
||||
cursor: zoom-in;
|
||||
}
|
||||
127
public/css/header.css
Normal file
127
public/css/header.css
Normal file
|
|
@ -0,0 +1,127 @@
|
|||
header {
|
||||
z-index: 10;
|
||||
position: relative;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.showHeaderOnTop {
|
||||
box-shadow: 0px 8px 56px rgba(15, 80, 100, 0.16);
|
||||
top: 0;
|
||||
position: sticky;
|
||||
}
|
||||
|
||||
header .navbar .navbar-nav a {
|
||||
color: var(--text-color) !important;
|
||||
}
|
||||
|
||||
#theme-toggle {
|
||||
background-color: var(--background-color) !important;
|
||||
color: var(--text-color) !important;
|
||||
}
|
||||
|
||||
.navbar-toggler {
|
||||
border: none;
|
||||
outline: none;
|
||||
color: var(--text-color);
|
||||
}
|
||||
.navbar-toggler svg {
|
||||
fill: currentColor;
|
||||
color: var(--text-color);
|
||||
}
|
||||
.navbar-toggler:focus {
|
||||
box-shadow: 0 0 0 .05em;
|
||||
}
|
||||
.navbar-text {
|
||||
font-size: 16px !important;
|
||||
opacity: 0.95;
|
||||
white-space: nowrap;
|
||||
}
|
||||
header .nav-link{
|
||||
transition: none !important;
|
||||
}
|
||||
.navbar-brand {
|
||||
color: var(--primary-color) !important;
|
||||
opacity: 0.95;
|
||||
}
|
||||
.navbar .nav-link:hover {
|
||||
color: var(--primary-color) !important;
|
||||
}
|
||||
.nav-link.nav-link-sep:after {
|
||||
content: "|";
|
||||
color: var(--text-color) !important;
|
||||
}
|
||||
|
||||
li > .dropdown-toggle:focus{
|
||||
color: var(--primary-color) !important;
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
overflow: auto;
|
||||
/* z-index: 100; */
|
||||
background-color: var(--background-color) !important;
|
||||
border-color: var(--text-secondary-color) !important;
|
||||
}
|
||||
|
||||
.dropdown-item:hover {
|
||||
background-color: var(--secondary-color) !important;
|
||||
}
|
||||
|
||||
.dropdown-item:focus, .dropdown-item:active {
|
||||
background-color: var(--secondary-color) !important;
|
||||
}
|
||||
|
||||
.dropdown-divider {
|
||||
border-top: 1px solid var(--lt-color-border-dark);
|
||||
}
|
||||
|
||||
#search {
|
||||
border-radius: 1rem !important;
|
||||
background-color: var(--secondary-color);
|
||||
color: var(--text-color);
|
||||
border-color: var(--background-color) !important;
|
||||
transition: none;
|
||||
}
|
||||
|
||||
#search:focus {
|
||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
#search-content {
|
||||
-ms-scroll-chaining: none;
|
||||
scrollbar-width: none;
|
||||
display: none;
|
||||
border-radius: 1rem;
|
||||
box-shadow: 0 0 10px rgba(0,0,0,0.2);
|
||||
z-index: 9999;
|
||||
width: 10%;
|
||||
max-height: 350px;
|
||||
background-color: var(--secondary-color) !important;
|
||||
position: absolute;
|
||||
overflow: scroll;
|
||||
}
|
||||
|
||||
#search-content::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#search-results > .card {
|
||||
background-color: transparent !important;
|
||||
border: none;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#search-results > .card :hover {
|
||||
border-radius: 1rem !important;
|
||||
background-color: var(--background-color) !important;
|
||||
transition: .2s;
|
||||
}
|
||||
|
||||
#search-results .card a {
|
||||
opacity: 0.9;
|
||||
display: inline-block;
|
||||
text-decoration: none;
|
||||
color: var(--text-color) !important;
|
||||
}
|
||||
|
||||
#search-results .card a:hover {
|
||||
color: var(--primary-color) !important;
|
||||
}
|
||||
572
public/css/index.css
Normal file
572
public/css/index.css
Normal file
|
|
@ -0,0 +1,572 @@
|
|||
/* Animation */
|
||||
@keyframes fade-in {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@keyframes fade-bottom {
|
||||
0% {
|
||||
transform: translateY(50px);
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
transform: translateY(0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@keyframes fade-left {
|
||||
0% {
|
||||
transform: translateX(-10px);
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
transform: translateX(0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fade-right {
|
||||
0% {
|
||||
transform: translateX(20px);
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
transform: translateX(0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
/* Header animation */
|
||||
@keyframes fade-up {
|
||||
0% {
|
||||
transform: translateY(-10px);
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
transform: translateY(0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
header .navbar.animate {
|
||||
animation: fade-up 0.5s ease-in;
|
||||
}
|
||||
|
||||
/* ToolTip */
|
||||
|
||||
.tooltip {
|
||||
line-height: 1rem;
|
||||
border-radius: .5rem !important;
|
||||
}
|
||||
.tooltip-inner {
|
||||
line-height: 1rem;
|
||||
}
|
||||
.tooltip .tooltip-arrow {
|
||||
visibility: hidden !important;
|
||||
}
|
||||
|
||||
/* hero */
|
||||
|
||||
#hero {
|
||||
min-height: 100vh;
|
||||
line-height: 2rem;
|
||||
max-width: 100%;
|
||||
}
|
||||
#hero .content.animate {
|
||||
animation: fade-left 1s ease-out;
|
||||
}
|
||||
|
||||
#hero .hero-bottom-svg {
|
||||
opacity: 0.5;
|
||||
position: absolute;
|
||||
bottom: -50px;
|
||||
left: -150px;
|
||||
}
|
||||
|
||||
#hero .subtitle {
|
||||
font-size: clamp(14px,5vw,16px);
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
#hero h1 {
|
||||
font-size: clamp(40px, 8vw, 80px);
|
||||
color: var(--primary-color) !important;
|
||||
}
|
||||
|
||||
#hero h2 {
|
||||
font-size: clamp(40px, 8vw, 60px);
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
#hero p {
|
||||
margin: 20px 0px 0px;
|
||||
max-width: 640px;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
#hero .image img {
|
||||
box-shadow:0px 8px 56px rgba(15, 80, 100, 0.16);
|
||||
padding: 0;
|
||||
border: 3px solid var(--secondary-color);
|
||||
border-radius: 1rem;
|
||||
}
|
||||
|
||||
#hero .image.animate img {
|
||||
animation: fade-in 1s ease-out;
|
||||
transition: box-shadow 0.3s;
|
||||
}
|
||||
|
||||
#hero .image.animate img:hover {
|
||||
box-shadow: 0 0 11px rgb(15 80 100 / 20%);
|
||||
filter: contrast(1.2);
|
||||
}
|
||||
|
||||
#hero a.btn.social-icon {
|
||||
color: var(--primary-color) !important;
|
||||
line-height: 0%;
|
||||
border-radius: 50%;
|
||||
margin-top: 50px;
|
||||
padding: 0.7rem;
|
||||
border: 1px solid var(--primary-color);
|
||||
transition: none;
|
||||
}
|
||||
|
||||
#hero a.btn.social-icon img {
|
||||
width: 1em;
|
||||
}
|
||||
|
||||
#hero a.btn.social-icon:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
#hero a.btn {
|
||||
margin-top: 50px;
|
||||
padding: 0.7rem 1.75rem;
|
||||
border: 1px solid var(--primary-color);
|
||||
color: var(--text-color) !important;
|
||||
border-radius: .75rem;
|
||||
transition: none;
|
||||
}
|
||||
|
||||
#hero a.btn:focus {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
#hero a.btn:hover {
|
||||
background-color: var(--secondary-color) !important;
|
||||
color: var(--text-color) !important;
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
#hero a.btn.social-icon:hover {
|
||||
background-color: var(--background-color) !important;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
#hero .hero-content > a {
|
||||
display: inline-block;
|
||||
text-decoration: none;
|
||||
color: var(--text-link-color) !important;
|
||||
}
|
||||
|
||||
#hero .hero-content > a::after {
|
||||
content: "";
|
||||
display: block;
|
||||
width: 0px;
|
||||
height: 2px;
|
||||
bottom: 0.37em;
|
||||
background-color: var(--primary-color);
|
||||
transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
#hero .hero-content > a:hover::after, #hero .hero-content > a:focus::after, #hero .hero-content > a:active::after {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* about me */
|
||||
#about h3 {
|
||||
color: var(--text-secondary-color) !important;
|
||||
}
|
||||
|
||||
#about .image img {
|
||||
box-shadow: 0px 8px 56px rgba(15, 80, 100, 0.16);
|
||||
transition: box-shadow 0.3s;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
#about .image img:hover {
|
||||
box-shadow: 0 0 11px rgb(15 80 100 / 20%);
|
||||
}
|
||||
|
||||
#about ul {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, minmax(140px, 200px));
|
||||
gap: 0px 10px;
|
||||
padding: 0px;
|
||||
margin: 20px 0px 0px;
|
||||
overflow: hidden;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
#about ul li {
|
||||
position: relative;
|
||||
margin-bottom: 10px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
#about ul li::before {
|
||||
content: "▹";
|
||||
color: var(--primary-color);
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
}
|
||||
|
||||
#about .content {
|
||||
font-weight: 500;
|
||||
opacity: 0.9 !important;
|
||||
line-height: 1.7rem !important;
|
||||
}
|
||||
|
||||
#about a {
|
||||
display: inline-block;
|
||||
text-decoration: none;
|
||||
color: var(--text-link-color) !important;
|
||||
}
|
||||
|
||||
#about a::after {
|
||||
content: "";
|
||||
display: block;
|
||||
width: 0px;
|
||||
height: 2px;
|
||||
bottom: 0.37em;
|
||||
background-color: var(--primary-color);
|
||||
transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
#about a:hover::after, #about a:focus::after, #about a:active::after {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* experience */
|
||||
|
||||
#experience h3 {
|
||||
color: var(--text-secondary-color) !important;
|
||||
}
|
||||
|
||||
#experience * {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
#experience .tab-pane > * {
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
#experience .tab-pane small {
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
#experience .tab-pane ul {
|
||||
padding-top: 1%;
|
||||
padding-bottom: 1%;
|
||||
}
|
||||
|
||||
#experience .experience-container .tab-content > .tab-pane p {
|
||||
padding: 1% 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#experience .experience-container {
|
||||
background-color: var(--secondary-color) !important;
|
||||
border-radius: .75rem;
|
||||
box-shadow: 0px 8px 56px rgb(15 80 100 / 16%);
|
||||
}
|
||||
|
||||
#experience .nav-item .nav-link {
|
||||
color: var(--text-color) !important;
|
||||
border-bottom: 2px solid transparent;
|
||||
border-radius: 0%;
|
||||
transition: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#experience .nav-item .nav-link.active {
|
||||
color: var(--text-color) !important;
|
||||
border-bottom: 2px solid var(--primary-color);
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
#experience .nav-item .nav-link.active:hover {
|
||||
transition: none !important;
|
||||
}
|
||||
|
||||
#experience .nav-item .nav-link:hover {
|
||||
border-bottom: 2px solid var(--primary-color);
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
#experience a {
|
||||
opacity: 0.9;
|
||||
display: inline-block;
|
||||
text-decoration: none;
|
||||
color: var(--text-link-color) !important;
|
||||
}
|
||||
|
||||
#experience a::after {
|
||||
content: "";
|
||||
display: block;
|
||||
width: 0px;
|
||||
height: 2px;
|
||||
bottom: 0.37em;
|
||||
background-color: var(--primary-color);
|
||||
transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
#experience a:hover::after, #experience a:focus::after, #experience a:active::after {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#experience .experience-container .tab-content .tab-pane ul {
|
||||
overflow: hidden;
|
||||
list-style: none;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
#experience .experience-container .tab-content .tab-pane ul li {
|
||||
position: relative;
|
||||
margin-bottom: 10px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
#experience .experience-container .tab-content .tab-pane ul li::before {
|
||||
content: "▹";
|
||||
color: var(--primary-color);
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
}
|
||||
|
||||
#experience .experience-container .tab-content .tab-pane .featuredLink img {
|
||||
width: 1.1em;
|
||||
}
|
||||
|
||||
#experience .experience-container .tab-content .tab-pane .featuredLink a::after {
|
||||
display: block;
|
||||
width: auto;
|
||||
height: auto;
|
||||
bottom: 0em;
|
||||
background-color: transparent;
|
||||
transition: none;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
#experience .experience-container .tab-content .tab-pane .featuredLink a.btn {
|
||||
border: 1px solid var(--primary-color);
|
||||
border-radius: .75rem;
|
||||
transition: none;
|
||||
}
|
||||
|
||||
#experience .experience-container .tab-content .tab-pane .featuredLink a.btn:focus {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
#experience .experience-container .tab-content .tab-pane .featuredLink a.btn:hover {
|
||||
color: var(--text-color) !important;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
/* Education */
|
||||
|
||||
#education .container > h3 {
|
||||
color: var(--text-secondary-color) !important;
|
||||
}
|
||||
|
||||
#education .row .index {
|
||||
opacity: 0.8;
|
||||
padding: 13px 20px;
|
||||
line-height: 0%;
|
||||
border-radius: 50%;
|
||||
max-height: 50px;
|
||||
z-index: 2;
|
||||
background-color: var(--primary-color) !important;
|
||||
color: var(--secondary-color) !important;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#education .card * {
|
||||
background-color: var(--secondary-color) !important;
|
||||
}
|
||||
|
||||
#education .card {
|
||||
border-radius: 1.5rem;
|
||||
box-shadow: 0px 8px 56px rgb(15 80 100 / 16%);
|
||||
border: 2px solid var(--text-secondary-color) !important;
|
||||
transition: box-shadow .2s linear,opacity .2s linear;
|
||||
transition: transform 0.2s;
|
||||
}
|
||||
|
||||
#education .card .card-body {
|
||||
border-radius: 1.5rem;
|
||||
padding: 2rem;
|
||||
}
|
||||
|
||||
@media all and (max-width:768px) {
|
||||
#education .card .card-body {
|
||||
padding: 2rem 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
#education .card:hover {
|
||||
transition: 0.3s;
|
||||
box-shadow: 0 4px 11px rgb(15 80 100 / 16%);
|
||||
border: 2px solid var(--primary-color) !important;
|
||||
}
|
||||
|
||||
#education .card .card-body .education-content a {
|
||||
color: var(--text-link-color) !important;
|
||||
text-decoration: none;
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
#education .card .card-body > a h6 {
|
||||
display: inline-block;
|
||||
text-decoration: none;
|
||||
color: var(--text-link-color) !important;
|
||||
}
|
||||
|
||||
#education .card .card-body > a h6::after {
|
||||
content: "";
|
||||
display: block;
|
||||
width: 0px;
|
||||
height: 2px;
|
||||
bottom: 0.37em;
|
||||
background-color: var(--primary-color);
|
||||
transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
#education .card .card-body > a h6:hover::after, #education .card .card-body > a h6:focus::after, #education .card .card-body > a h6:active::after {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#education .card .card-body a.btn {
|
||||
opacity: 0.9;
|
||||
border: 1px solid var(--primary-color) !important;
|
||||
color: var(--text-color) !important;
|
||||
border-radius: .75rem;
|
||||
box-shadow: none;
|
||||
transition: none;
|
||||
}
|
||||
|
||||
#education .card .card-body a.btn:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
/* achievements */
|
||||
|
||||
#achievements a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#achievements h3 {
|
||||
color: var(--text-secondary-color) !important;
|
||||
}
|
||||
|
||||
#achievements .card {
|
||||
background-color: var(--secondary-color) !important;
|
||||
border-radius: 1rem;
|
||||
box-shadow: 0 0 36px rgba(0,0,0,0.1);
|
||||
/* transform: translate3d(0, 0, 0); */
|
||||
transition: box-shadow .2s linear,opacity .2s linear;
|
||||
border: 2px solid transparent;
|
||||
}
|
||||
|
||||
#achievements .card h5 {
|
||||
color: var(--text-color) !important;
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
#achievements .card:hover {
|
||||
border: 2px solid var(--text-color);
|
||||
transition: .3s;
|
||||
}
|
||||
#achievements .card:focus {
|
||||
border: 2px solid var(--text-color);
|
||||
transition: .3s;
|
||||
}
|
||||
|
||||
#achievements .card-text {
|
||||
background-color: var(--secondary-color) !important;
|
||||
color: var(--text-secondary-color) !important;
|
||||
}
|
||||
|
||||
#achievements img {
|
||||
border-radius: 0.7rem;
|
||||
}
|
||||
|
||||
/* contact */
|
||||
|
||||
#contact h3 {
|
||||
color: var(--text-secondary-color) !important;
|
||||
}
|
||||
|
||||
#contact .btn {
|
||||
transition: none;
|
||||
transition: opacity 0.3s;
|
||||
border-radius: .5rem !important;
|
||||
border-color: var(--primary-color) !important;
|
||||
background-color: var(--secondary-color) !important;
|
||||
color: var(--text-color) !important;
|
||||
}
|
||||
|
||||
#contact .btn:hover {
|
||||
opacity: .7;
|
||||
}
|
||||
|
||||
#contact .btn:focus {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
#contact form .form-control {
|
||||
background-color: var(--secondary-color);
|
||||
color: var(--text-color);
|
||||
border-radius: .7rem;
|
||||
border: 1px solid var(--text-secondary-color);
|
||||
box-shadow: 0px 8px 56px rgb(15 80 100 / 5%);
|
||||
}
|
||||
|
||||
#contact-form-status {
|
||||
position: fixed;
|
||||
bottom: 10px;
|
||||
right: 10px;
|
||||
z-index: 1;
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
#contact-form-status svg {
|
||||
height: 18px;
|
||||
width: 18px;
|
||||
}
|
||||
|
||||
#contact-form-status button {
|
||||
border-radius: 50%;
|
||||
border: none;
|
||||
background-color: white;
|
||||
padding: 0.5rem;
|
||||
margin-left: 0.5rem;
|
||||
box-shadow: 0px 8px 56px rgb(15 80 100 / 5%);
|
||||
font-size: .6rem !important;
|
||||
}
|
||||
|
||||
#contact-form-status .alert {
|
||||
border-radius: 0.5rem;
|
||||
box-shadow: 0px 8px 56px rgb(15 80 100 / 5%);
|
||||
padding: .5rem 1rem;
|
||||
}
|
||||
87
public/css/language-switcher.css
Normal file
87
public/css/language-switcher.css
Normal file
|
|
@ -0,0 +1,87 @@
|
|||
/* Language Switcher Styles */
|
||||
|
||||
/* Language switcher toggle button */
|
||||
#languageDropdown {
|
||||
color: var(--text-color) !important;
|
||||
padding: 0.5rem 0.75rem;
|
||||
transition: color 0.2s ease;
|
||||
border: none;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
#languageDropdown:hover {
|
||||
color: var(--primary-color) !important;
|
||||
}
|
||||
|
||||
#languageDropdown:focus {
|
||||
color: var(--primary-color) !important;
|
||||
outline: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
/* Globe icon styling */
|
||||
#languageDropdown::before {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
/* Language dropdown menu */
|
||||
.dropdown-menu[aria-labelledby="languageDropdown"] {
|
||||
background-color: var(--background-color) !important;
|
||||
border: 1px solid var(--text-secondary-color) !important;
|
||||
border-radius: 0.5rem;
|
||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
|
||||
padding: 0.5rem 0;
|
||||
min-width: 150px;
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
|
||||
/* Language dropdown items */
|
||||
.dropdown-menu[aria-labelledby="languageDropdown"] .dropdown-item {
|
||||
color: var(--text-color) !important;
|
||||
padding: 0.5rem 1rem;
|
||||
transition: all 0.2s ease;
|
||||
text-align: center;
|
||||
border-radius: 0;
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
.dropdown-menu[aria-labelledby="languageDropdown"] .dropdown-item:hover {
|
||||
color: var(--primary-color) !important;
|
||||
background-color: var(--secondary-color) !important;
|
||||
}
|
||||
|
||||
.dropdown-menu[aria-labelledby="languageDropdown"] .dropdown-item:focus,
|
||||
.dropdown-menu[aria-labelledby="languageDropdown"] .dropdown-item:active {
|
||||
color: var(--primary-color) !important;
|
||||
background-color: var(--secondary-color) !important;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
/* Active language highlight */
|
||||
.dropdown-menu[aria-labelledby="languageDropdown"] .dropdown-item.active {
|
||||
color: var(--primary-color) !important;
|
||||
background-color: var(--secondary-color) !important;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
/* Language name text */
|
||||
#languageDropdown span {
|
||||
margin-left: 0.25rem;
|
||||
font-size: 0.95rem;
|
||||
}
|
||||
|
||||
/* Responsive adjustments */
|
||||
@media (max-width: 768px) {
|
||||
#languageDropdown span {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.dropdown-menu[aria-labelledby="languageDropdown"] {
|
||||
min-width: 120px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Dark mode specific adjustments */
|
||||
.dark .dropdown-menu[aria-labelledby="languageDropdown"] {
|
||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
77
public/css/list.css
Normal file
77
public/css/list.css
Normal file
|
|
@ -0,0 +1,77 @@
|
|||
#list-page .card {
|
||||
background-color: var(--secondary-color) !important;
|
||||
box-shadow: 0px 8px 56px rgba(15, 80, 100, 0.16);
|
||||
border-radius: .75rem;
|
||||
overflow: hidden;
|
||||
border: none;
|
||||
}
|
||||
|
||||
#list-page .card a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#list-page .card a h5 {
|
||||
color: var(--text-color) !important;
|
||||
}
|
||||
|
||||
#list-page .card:hover {
|
||||
transition: all 0.3s ease-out;
|
||||
transform: translateY(-7px);
|
||||
}
|
||||
|
||||
#list-page .card-text * {
|
||||
background-color: var(--secondary-color) !important;
|
||||
}
|
||||
|
||||
#list-page .post-footer {
|
||||
padding: .5rem 1rem;
|
||||
background-color: var(--secondary-color) !important;
|
||||
color: var(--text-color) !important;
|
||||
border-top: 1px solid rgba(15, 80, 100, 0.16);
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
#list-page .post-footer a {
|
||||
background-color: var(--secondary-color) !important;
|
||||
color: var(--text-secondary-color) !important;
|
||||
border-color: var(--primary-color) !important;
|
||||
transition: none;
|
||||
}
|
||||
|
||||
#list-page .post-footer a:focus {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
#list-page .post-footer a:hover {
|
||||
color: var(--primary-color) !important;
|
||||
}
|
||||
|
||||
#list-page .card > .card-header {
|
||||
padding: 0 !important;
|
||||
border: none !important;
|
||||
background-color: var(--secondary-color) !important;
|
||||
}
|
||||
|
||||
#list-page .card > .card-header .card-img-top {
|
||||
width: 100%;
|
||||
height: 250px !important;
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
/* pagination */
|
||||
#list-page ul li a {
|
||||
transition: none;
|
||||
border-color: var(--secondary-color);
|
||||
background-color: var(--secondary-color) !important;
|
||||
color: var(--text-color) !important;
|
||||
}
|
||||
|
||||
#list-page ul li a:focus {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
#list-page .page-item.active .page-link {
|
||||
border-color: var(--primary-color);
|
||||
background-color: var(--primary-color) !important;
|
||||
color: var(--secondary-color) !important;
|
||||
}
|
||||
64
public/css/projects.css
Normal file
64
public/css/projects.css
Normal file
|
|
@ -0,0 +1,64 @@
|
|||
/* projects */
|
||||
|
||||
#projects h3 {
|
||||
color: var(--text-secondary-color) !important;
|
||||
}
|
||||
|
||||
#projects a {
|
||||
text-decoration: none;
|
||||
color: var(--text-link-color) !important;
|
||||
}
|
||||
|
||||
#projects .badge {
|
||||
background-color: var(--background-color) !important;
|
||||
color: var(--text-color) !important;
|
||||
margin: 0 1%;
|
||||
}
|
||||
|
||||
#projects .card {
|
||||
background-color: var(--secondary-color) !important;
|
||||
box-shadow: 0px 8px 56px rgb(15 80 100 / 16%);
|
||||
min-height: 400px;
|
||||
overflow: hidden;
|
||||
border-radius: 1rem;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
#projects .card:hover {
|
||||
box-shadow: 0 0 11px rgb(15 80 100 / 20%);
|
||||
transition: transform 0.3s;
|
||||
transform: translateY(-7px);
|
||||
}
|
||||
|
||||
#projects .card .card-head {
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
overflow: hidden;
|
||||
border-top-left-radius: 1rem;
|
||||
border-top-right-radius: 1rem;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
#projects .card .card-footer {
|
||||
border-bottom-left-radius: 1rem;
|
||||
border-bottom-right-radius: 1rem;
|
||||
}
|
||||
|
||||
#projects .card:hover .card-img-top {
|
||||
transform: scale(1.2);
|
||||
transition: all 0.3s ease-out;
|
||||
}
|
||||
|
||||
#projects .card-img-top {
|
||||
transition: transform 0.3s;
|
||||
}
|
||||
|
||||
#projects .float-end .btn {
|
||||
transition: none;
|
||||
border-radius: .5rem !important;
|
||||
border-color: var(--primary-color) !important;
|
||||
}
|
||||
|
||||
#projects .float-end .btn:focus {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
322
public/css/single.css
Normal file
322
public/css/single.css
Normal file
|
|
@ -0,0 +1,322 @@
|
|||
#single {
|
||||
padding: 60px 0;
|
||||
line-height: 1.7em;
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
#single .title > h1 {
|
||||
opacity: 0.8;
|
||||
color: var(--text-color) !important;
|
||||
}
|
||||
|
||||
#single .title small {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
#single .featured-image {
|
||||
padding: 1rem;
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
#single .featured-image img {
|
||||
border-radius: 1rem;
|
||||
box-shadow: 0px 8px 56px rgba(15, 80, 100, 0.16);
|
||||
margin-bottom: 1rem;
|
||||
background-color: var(--secondary-color);
|
||||
}
|
||||
|
||||
#single .page-content img {
|
||||
max-width: 100%;
|
||||
border-radius: 1rem;
|
||||
}
|
||||
|
||||
#single .page-content a {
|
||||
display: inline-block;
|
||||
text-decoration: none;
|
||||
color: var(--text-link-color) !important;
|
||||
}
|
||||
|
||||
#single .page-content a::after {
|
||||
content: "";
|
||||
display: block;
|
||||
width: 0px;
|
||||
height: 2px;
|
||||
bottom: 0.37em;
|
||||
background-color: var(--primary-color);
|
||||
transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
#single .page-content a:hover::after, #single .page-content a:focus::after, #single .page-content a:active::after {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#single .page-content h1, #single .page-content h2, #single .page-content h3, #single .page-content h4, #single .page-content h5, #single .page-content h6 {
|
||||
color: var(--text-link-color) !important;
|
||||
margin-bottom: 0.7em;
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
#single .page-content blockquote {
|
||||
padding: 20px 30px;
|
||||
border-left: 6px solid var(--primary-color) !important;
|
||||
color: var(--text-secondary-color) !important;
|
||||
font-weight: 600;
|
||||
font-size: 20px;
|
||||
margin: 30px 0;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
#single .page-content blockquote, #single .page-content blockquote * {
|
||||
background-color: var(--secondary-color) !important;
|
||||
}
|
||||
|
||||
/* table */
|
||||
#single .page-content table {
|
||||
width: auto;
|
||||
border-radius: 5px;
|
||||
padding: 0.1rem;
|
||||
margin-bottom: 1.2em;
|
||||
max-width: 100%;
|
||||
display: block;
|
||||
overflow-x: auto;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
#single .page-content table > tr {
|
||||
height: 40px !important;
|
||||
}
|
||||
|
||||
#single .page-content table > thead > tr > th {
|
||||
padding: 0.5rem !important;
|
||||
background-color: var(--primary-color) !important;
|
||||
color: var(--secondary-color) !important;
|
||||
border: 1px solid var(--secondary-color);
|
||||
opacity: 0.9;
|
||||
}
|
||||
#single .page-content table > tbody > tr > td {
|
||||
padding: 0.5rem !important;
|
||||
border: 1px solid var(--secondary-color);
|
||||
background-color: var(--secondary-color) !important;
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
#single .page-content table > thead > tr {
|
||||
background-color: var(--secondary-color) !important;
|
||||
color: var(--secondary-color) !important;
|
||||
}
|
||||
|
||||
/* code */
|
||||
|
||||
#single .page-content pre {
|
||||
border-radius: 0.7em !important;
|
||||
margin: 5px;
|
||||
margin-bottom: 2em;
|
||||
padding: 2em;
|
||||
background-color: var(--secondary-color) !important;
|
||||
color: var(--text-secondary-color) !important;
|
||||
max-height: 450px;
|
||||
}
|
||||
|
||||
#single .page-content pre > code {
|
||||
color: var(--text-secondary-color) !important;
|
||||
}
|
||||
|
||||
#single .page-content code {
|
||||
color: var(--primary-color) !important;
|
||||
}
|
||||
|
||||
/* kbd and mark */
|
||||
|
||||
#single .page-content kbd {
|
||||
color: var(--primary-color) !important;
|
||||
background-color: var(--secondary-color) !important;
|
||||
}
|
||||
|
||||
#single .page-content mark {
|
||||
color: var(--primary-color) !important;
|
||||
background-color: var(--secondary-color) !important;
|
||||
}
|
||||
|
||||
/* list */
|
||||
|
||||
#single .page-content ol, #single .page-content ul {
|
||||
margin-bottom: 1.2em;
|
||||
padding-left: 1.5em;
|
||||
list-style-position: inside;
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
#single .page-content ol li li, #single .page-content ul li li {
|
||||
margin-bottom: 0.5em;
|
||||
padding-left: 1.5em;
|
||||
}
|
||||
|
||||
/* sidebar */
|
||||
|
||||
#single aside {
|
||||
background-color: var(--secondary-color);
|
||||
border-radius: .7rem;
|
||||
padding: .7rem 1rem;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
#single .sticky-sidebar {
|
||||
position: sticky;
|
||||
}
|
||||
|
||||
#single .sticky-sidebar ::-webkit-scrollbar {
|
||||
height: 0px;
|
||||
width: 8px;
|
||||
}
|
||||
|
||||
/* Tags */
|
||||
#single aside.tags {
|
||||
max-height: 35vh;
|
||||
overflow: scroll;
|
||||
}
|
||||
|
||||
#single aside.tags h5 {
|
||||
margin: .7em 0;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
|
||||
#single aside.tags ul.tags-ul li a {
|
||||
padding: 5px 10px;
|
||||
margin-bottom: 2px;
|
||||
border-radius: 10px;
|
||||
background-color: var(--background-color);
|
||||
text-decoration: none;
|
||||
color: var(--text-link-color) !important;
|
||||
}
|
||||
|
||||
#single aside.tags ul.tags-ul li {
|
||||
margin-bottom: 0.8rem;
|
||||
}
|
||||
|
||||
#single aside.tags ul.tags-ul li:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
|
||||
/*TOC*/
|
||||
#single aside.toc {
|
||||
padding: .7rem 1rem;
|
||||
max-height: 50vh;
|
||||
overflow: scroll;
|
||||
}
|
||||
|
||||
#single aside.toc h5 {
|
||||
margin: .7em 0;
|
||||
margin-bottom: 1em;
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
#single aside.toc .toc-content ol, #single aside.toc .toc-content ul {
|
||||
margin-bottom: 1em;
|
||||
padding-left: .5em;
|
||||
list-style: none;
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
#single aside.toc .toc-content ol li a, #single aside.toc .toc-content ul li a {
|
||||
font-size: 16px;
|
||||
text-decoration: none;
|
||||
color: var(--text-link-color) !important;
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
#single aside.toc .toc-content ol li a:hover, #single aside.toc .toc-content ul li a:hover {
|
||||
color: var(--primary-color);
|
||||
opacity: 1.2;
|
||||
}
|
||||
|
||||
#single aside.toc .toc-content ol li li, #single aside.toc .toc-content ul li li {
|
||||
padding-left: .7em;
|
||||
}
|
||||
|
||||
/* Social */
|
||||
|
||||
#single aside.social {
|
||||
padding: .7rem 1rem;
|
||||
}
|
||||
|
||||
#single aside.social h5 {
|
||||
margin: .7em 0;
|
||||
margin-bottom: 1em;
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
#single aside.social .social-content {
|
||||
margin-bottom: 1em;
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
#single aside.social .social-content ul {
|
||||
margin-bottom: 1em;
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
#single aside.social .social-content ul li a {
|
||||
border: 1px solid var(--primary-color);
|
||||
padding: .7rem;
|
||||
color: var(--text-link-color) !important;
|
||||
border-radius: 10px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#single aside.social .social-content ul li {
|
||||
margin: .7rem .5rem;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
#single aside.social .social-content ul li:hover a {
|
||||
opacity: .8;
|
||||
color: var(--text-link-color) !important;
|
||||
}
|
||||
|
||||
/* Top scroll */
|
||||
|
||||
#single #topScroll {
|
||||
display: none;
|
||||
position: fixed;
|
||||
bottom: 20px;
|
||||
right: 20px;
|
||||
z-index: 99;
|
||||
border: none;
|
||||
outline: none;
|
||||
background-color: var(--secondary-color);
|
||||
color: var(--primary-color);
|
||||
cursor: pointer;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
#single #topScroll:hover {
|
||||
background-color: var(--primary-color);
|
||||
color: var(--secondary-color);
|
||||
transition: .5s;
|
||||
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
/* Singlepage scroll progress start */
|
||||
.progress {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 2px;
|
||||
background-color: var(--background-color);
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
.progress-bar {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
background-color: var(--primary-color);
|
||||
transition: width .2s;
|
||||
}
|
||||
|
||||
/* Singlepage scroll progress end */
|
||||
51
public/css/theme.css
Normal file
51
public/css/theme.css
Normal file
|
|
@ -0,0 +1,51 @@
|
|||
/* light mode */
|
||||
.light > *{
|
||||
background-color: var(--background-color) !important;
|
||||
color: var(--text-color) !important;
|
||||
}
|
||||
|
||||
.light > #footer-socialNetworks-github-svg-path{
|
||||
fill: none;
|
||||
}
|
||||
|
||||
/* dark mode */
|
||||
.dark {
|
||||
--background-color: var(--background-color-dark) !important;
|
||||
--secondary-background-color: var(--secondary-background-color-dark) !important;
|
||||
--text-color: var(--text-color-dark) !important;
|
||||
--text-secondary-color: var(--text-secondary-color-dark) !important;
|
||||
--text-link-color: var(--text-link-color-dark) !important;
|
||||
--primary-color: var(--primary-color-dark);
|
||||
--secondary-color: var(--secondary-color-dark);
|
||||
}
|
||||
|
||||
.dark #footer-socialNetworks-github-svg-path{
|
||||
fill: #FFFFFF;
|
||||
}
|
||||
|
||||
.text-secondary {
|
||||
color: var(--text-secondary-color) !important;
|
||||
}
|
||||
|
||||
#theme-toggle:focus {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
#theme-toggle svg {
|
||||
height: 18px;
|
||||
}
|
||||
|
||||
button#theme-toggle {
|
||||
border: none;
|
||||
font-size: 26px;
|
||||
margin: auto 4px;
|
||||
}
|
||||
|
||||
body.dark #moon {
|
||||
vertical-align: middle;
|
||||
display: none;
|
||||
}
|
||||
|
||||
body:not(.dark) #sun {
|
||||
display: none;
|
||||
}
|
||||
471
public/en/404.html
Normal file
471
public/en/404.html
Normal file
|
|
@ -0,0 +1,471 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<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/en/404.html">
|
||||
<meta property="og:site_name" content="Daydreel">
|
||||
<meta property="og:title" content="404 Page not found">
|
||||
<meta property="og:description" content="Text about my cool site">
|
||||
<meta property="og:locale" content="en">
|
||||
<meta property="og:type" content="website">
|
||||
|
||||
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:title" content="404 Page not found">
|
||||
<meta name="twitter:description" content="Text about my cool site">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="alternate" hreflang="en" href="http://localhost:35735/en/404.html" title="English">
|
||||
|
||||
<link rel="alternate" hreflang="fr" href="http://localhost:35735/404.html" title="Français">
|
||||
|
||||
|
||||
<meta property="og:locale" content="en">
|
||||
|
||||
<meta property="og:locale:alternate" 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=Text about my cool site>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<title>
|
||||
Page not found | 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="/en/">
|
||||
|
||||
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="/en/#about" aria-label="about">
|
||||
About Me
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="/en/#experience"
|
||||
aria-label="experience">
|
||||
Experience
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="/en/#education"
|
||||
aria-label="education">
|
||||
Education
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="/en/#projects"
|
||||
aria-label="projects">
|
||||
Projects
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="/en/#achievements"
|
||||
aria-label="achievements">
|
||||
Achievements
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="/en/#contact"
|
||||
aria-label="contact">
|
||||
Contact
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="/blogs" title="Blog posts">
|
||||
|
||||
Blog
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="/gallery" title="Image gallery">
|
||||
|
||||
Gallery
|
||||
</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">English</span>
|
||||
|
||||
</a>
|
||||
<div class="dropdown-menu shadow-lg rounded" aria-labelledby="languageDropdown"><a class="dropdown-item text-center nav-link active"
|
||||
href="/en/404.html"
|
||||
title="English">
|
||||
English
|
||||
</a><a class="dropdown-item text-center nav-link"
|
||||
href="/404.html"
|
||||
title="Français">
|
||||
Français
|
||||
</a></div>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<div id="content">
|
||||
<div class="container py-5 text-center">
|
||||
<img src="/404.png" alt='Page not found' class="img-fluid" width="40%">
|
||||
<h1>Page not found</h1>
|
||||
</div>
|
||||
|
||||
</div><footer>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<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>
|
||||
479
public/en/categories/index.html
Normal file
479
public/en/categories/index.html
Normal file
|
|
@ -0,0 +1,479 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<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/en/categories/">
|
||||
<meta property="og:site_name" content="Daydreel">
|
||||
<meta property="og:title" content="Categories">
|
||||
<meta property="og:description" content="Text about my cool site">
|
||||
<meta property="og:locale" content="en">
|
||||
<meta property="og:type" content="website">
|
||||
|
||||
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:title" content="Categories">
|
||||
<meta name="twitter:description" content="Text about my cool site">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="alternate" hreflang="en" href="http://localhost:35735/en/categories/" title="English">
|
||||
|
||||
<link rel="alternate" hreflang="fr" href="http://localhost:35735/categories/" title="Français">
|
||||
|
||||
|
||||
<meta property="og:locale" content="en">
|
||||
|
||||
<meta property="og:locale:alternate" 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="Categories of Daydreel">
|
||||
<link rel="stylesheet" href="/css/list.css" media="all">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<title>
|
||||
Categories | 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="/en/">
|
||||
|
||||
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="/en/#about" aria-label="about">
|
||||
About Me
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="/en/#experience"
|
||||
aria-label="experience">
|
||||
Experience
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="/en/#education"
|
||||
aria-label="education">
|
||||
Education
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="/en/#projects"
|
||||
aria-label="projects">
|
||||
Projects
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="/en/#achievements"
|
||||
aria-label="achievements">
|
||||
Achievements
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="/en/#contact"
|
||||
aria-label="contact">
|
||||
Contact
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="/blogs" title="Blog posts">
|
||||
|
||||
Blog
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="/gallery" title="Image gallery">
|
||||
|
||||
Gallery
|
||||
</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">English</span>
|
||||
|
||||
</a>
|
||||
<div class="dropdown-menu shadow-lg rounded" aria-labelledby="languageDropdown"><a class="dropdown-item text-center nav-link active"
|
||||
href="/en/categories/"
|
||||
title="English">
|
||||
English
|
||||
</a><a class="dropdown-item text-center nav-link"
|
||||
href="/categories/"
|
||||
title="Français">
|
||||
Français
|
||||
</a></div>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<div id="content">
|
||||
<div class="container pt-5" id="list-page">
|
||||
<h2 class="text-center pb-2">Categories</h2>
|
||||
<div class="row">
|
||||
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-auto m-3">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div><footer>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<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>
|
||||
11
public/en/categories/index.xml
Normal file
11
public/en/categories/index.xml
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Categories on Daydreel</title>
|
||||
<link>http://localhost:35735/en/categories/</link>
|
||||
<description>Recent content in Categories on Daydreel</description>
|
||||
<generator>Hugo</generator>
|
||||
<language>en</language>
|
||||
<atom:link href="http://localhost:35735/en/categories/index.xml" rel="self" type="application/rss+xml" />
|
||||
</channel>
|
||||
</rss>
|
||||
9
public/en/categories/page/1/index.html
Normal file
9
public/en/categories/page/1/index.html
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>http://localhost:35735/en/categories/</title>
|
||||
<link rel="canonical" href="http://localhost:35735/en/categories/">
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="refresh" content="0; url=http://localhost:35735/en/categories/">
|
||||
</head>
|
||||
</html>
|
||||
1689
public/en/index.html
Normal file
1689
public/en/index.html
Normal file
File diff suppressed because it is too large
Load diff
1
public/en/index.json
Normal file
1
public/en/index.json
Normal file
|
|
@ -0,0 +1 @@
|
|||
[]
|
||||
11
public/en/index.xml
Normal file
11
public/en/index.xml
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Daydreel</title>
|
||||
<link>http://localhost:35735/en/</link>
|
||||
<description>Recent content on Daydreel</description>
|
||||
<generator>Hugo</generator>
|
||||
<language>en</language>
|
||||
<atom:link href="http://localhost:35735/en/index.xml" rel="self" type="application/rss+xml" />
|
||||
</channel>
|
||||
</rss>
|
||||
41
public/en/sitemap.xml
Normal file
41
public/en/sitemap.xml
Normal file
|
|
@ -0,0 +1,41 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
|
||||
xmlns:xhtml="http://www.w3.org/1999/xhtml">
|
||||
<url>
|
||||
<loc>http://localhost:35735/en/categories/</loc>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="fr"
|
||||
href="http://localhost:35735/categories/"
|
||||
/>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="en"
|
||||
href="http://localhost:35735/en/categories/"
|
||||
/>
|
||||
</url><url>
|
||||
<loc>http://localhost:35735/en/</loc>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="fr"
|
||||
href="http://localhost:35735/"
|
||||
/>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="en"
|
||||
href="http://localhost:35735/en/"
|
||||
/>
|
||||
</url><url>
|
||||
<loc>http://localhost:35735/en/tags/</loc>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="fr"
|
||||
href="http://localhost:35735/tags/"
|
||||
/>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="en"
|
||||
href="http://localhost:35735/en/tags/"
|
||||
/>
|
||||
</url>
|
||||
</urlset>
|
||||
479
public/en/tags/index.html
Normal file
479
public/en/tags/index.html
Normal file
|
|
@ -0,0 +1,479 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<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/en/tags/">
|
||||
<meta property="og:site_name" content="Daydreel">
|
||||
<meta property="og:title" content="Tags">
|
||||
<meta property="og:description" content="Text about my cool site">
|
||||
<meta property="og:locale" content="en">
|
||||
<meta property="og:type" content="website">
|
||||
|
||||
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:title" content="Tags">
|
||||
<meta name="twitter:description" content="Text about my cool site">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="alternate" hreflang="en" href="http://localhost:35735/en/tags/" title="English">
|
||||
|
||||
<link rel="alternate" hreflang="fr" href="http://localhost:35735/tags/" title="Français">
|
||||
|
||||
|
||||
<meta property="og:locale" content="en">
|
||||
|
||||
<meta property="og:locale:alternate" 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="Tags of Daydreel">
|
||||
<link rel="stylesheet" href="/css/list.css" media="all">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<title>
|
||||
Tags | 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="/en/">
|
||||
|
||||
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="/en/#about" aria-label="about">
|
||||
About Me
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="/en/#experience"
|
||||
aria-label="experience">
|
||||
Experience
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="/en/#education"
|
||||
aria-label="education">
|
||||
Education
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="/en/#projects"
|
||||
aria-label="projects">
|
||||
Projects
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="/en/#achievements"
|
||||
aria-label="achievements">
|
||||
Achievements
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="/en/#contact"
|
||||
aria-label="contact">
|
||||
Contact
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="/blogs" title="Blog posts">
|
||||
|
||||
Blog
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="/gallery" title="Image gallery">
|
||||
|
||||
Gallery
|
||||
</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">English</span>
|
||||
|
||||
</a>
|
||||
<div class="dropdown-menu shadow-lg rounded" aria-labelledby="languageDropdown"><a class="dropdown-item text-center nav-link active"
|
||||
href="/en/tags/"
|
||||
title="English">
|
||||
English
|
||||
</a><a class="dropdown-item text-center nav-link"
|
||||
href="/tags/"
|
||||
title="Français">
|
||||
Français
|
||||
</a></div>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<div id="content">
|
||||
<div class="container pt-5" id="list-page">
|
||||
<h2 class="text-center pb-2">Tags</h2>
|
||||
<div class="row">
|
||||
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-auto m-3">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div><footer>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<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>
|
||||
11
public/en/tags/index.xml
Normal file
11
public/en/tags/index.xml
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Tags on Daydreel</title>
|
||||
<link>http://localhost:35735/en/tags/</link>
|
||||
<description>Recent content in Tags on Daydreel</description>
|
||||
<generator>Hugo</generator>
|
||||
<language>en</language>
|
||||
<atom:link href="http://localhost:35735/en/tags/index.xml" rel="self" type="application/rss+xml" />
|
||||
</channel>
|
||||
</rss>
|
||||
9
public/en/tags/page/1/index.html
Normal file
9
public/en/tags/page/1/index.html
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>http://localhost:35735/en/tags/</title>
|
||||
<link rel="canonical" href="http://localhost:35735/en/tags/">
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="refresh" content="0; url=http://localhost:35735/en/tags/">
|
||||
</head>
|
||||
</html>
|
||||
572
public/es/404.html
Normal file
572
public/es/404.html
Normal file
|
|
@ -0,0 +1,572 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="es">
|
||||
|
||||
<head><script src="/livereload.js?mindelay=10&v=2&port=1313&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:1313/es/404.html">
|
||||
<meta property="og:site_name" content="Hugo Profile">
|
||||
<meta property="og:title" content="404 Page not found">
|
||||
<meta property="og:description" content="Text about my cool site">
|
||||
<meta property="og:locale" content="es">
|
||||
<meta property="og:type" content="website">
|
||||
|
||||
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:title" content="404 Page not found">
|
||||
<meta name="twitter:description" content="Text about my cool site">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="alternate" hreflang="en" href="http://localhost:1313/404.html" title="English">
|
||||
|
||||
<link rel="alternate" hreflang="es" href="http://localhost:1313/es/404.html" title="Español">
|
||||
|
||||
<link rel="alternate" hreflang="fr" href="http://localhost:1313/fr/404.html" title="Français">
|
||||
|
||||
|
||||
<meta property="og:locale" content="es">
|
||||
|
||||
<meta property="og:locale:alternate" content="en">
|
||||
|
||||
<meta property="og:locale:alternate" 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=Text about my cool site>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<title>
|
||||
Página no encontrada | Hugo Profile
|
||||
|
||||
</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="/es/">
|
||||
|
||||
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="/es/#about" aria-label="about">
|
||||
Sobre Mí
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="/es/#experience"
|
||||
aria-label="experience">
|
||||
Experiencia
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="/es/#education"
|
||||
aria-label="education">
|
||||
Educación
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="/es/#projects"
|
||||
aria-label="projects">
|
||||
Proyectos
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="/es/#achievements"
|
||||
aria-label="achievements">
|
||||
Logros
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="/es/#contact"
|
||||
aria-label="contact">
|
||||
Contacto
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="/es/blogs" title="Publicaciones del blog">
|
||||
|
||||
Blog
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="/es/gallery" title="Galería de imágenes">
|
||||
|
||||
Galería
|
||||
</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">Español</span>
|
||||
|
||||
</a>
|
||||
<div class="dropdown-menu shadow-lg rounded" aria-labelledby="languageDropdown"><a class="dropdown-item text-center nav-link"
|
||||
href="/404.html"
|
||||
title="English">
|
||||
English
|
||||
</a><a class="dropdown-item text-center nav-link active"
|
||||
href="/es/404.html"
|
||||
title="Español">
|
||||
Español
|
||||
</a><a class="dropdown-item text-center nav-link"
|
||||
href="/fr/404.html"
|
||||
title="Français">
|
||||
Français
|
||||
</a></div>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<div id="content">
|
||||
<div class="container py-5 text-center">
|
||||
<img src="/404.png" alt='Página no encontrada' class="img-fluid" width="40%">
|
||||
<h1>Página no encontrada</h1>
|
||||
</div>
|
||||
|
||||
</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="/es/blogs/math/">
|
||||
<img src="/images/mathjax.png" class="card-img-top" alt="Renderizar Matemáticas con Mathjax">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="card-body bg-transparent p-3 shadow-sm">
|
||||
<a href="/es/blogs/math/" class="primary-font card-title">
|
||||
<h5 class="card-title bg-transparent" title="Renderizar Matemáticas con Mathjax">Renderizar Matemáticas …</h5>
|
||||
</a>
|
||||
<div class="card-text secondary-font">
|
||||
<p><h2 id="mathjax">Mathjax</h2>
|
||||
<p>Las ecuaciones matemáticas se pueden renderizar usando la sintaxis de <a href="https://www.mathjax.org">Mathjax</a> con soporte de símbolos AMS.</p>
|
||||
<p>Opcionalmente, habilita esto por página agregando <code>mathjax: true</code> a tu frontmatter.</p>
|
||||
<p>Luego, usa <code>$$ ... $$</code> en una línea por sí sola para renderizar una ecuación de bloque:</p>
|
||||
<p>$$ | Pr_{x …</p></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-auto card-footer">
|
||||
<span class="float-start">9 de diciembre de 2022</span>
|
||||
<a href="/es/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="/es/blogs/markdown-syntax/">
|
||||
<img src="/images/post.jpg" class="card-img-top" alt="Sintaxis de Markdown">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="card-body bg-transparent p-3 shadow-sm">
|
||||
<a href="/es/blogs/markdown-syntax/" class="primary-font card-title">
|
||||
<h5 class="card-title bg-transparent" title="Sintaxis de Markdown">Sintaxis de Markdown</h5>
|
||||
</a>
|
||||
<div class="card-text secondary-font">
|
||||
<p><h2 id="párrafo">Párrafo</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 de abril de 2021</span>
|
||||
<a href="/es/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="/es/blogs/emoji-support/">
|
||||
<img src="/images/post.jpg" class="card-img-top" alt="Soporte de Emoji">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="card-body bg-transparent p-3 shadow-sm">
|
||||
<a href="/es/blogs/emoji-support/" class="primary-font card-title">
|
||||
<h5 class="card-title bg-transparent" title="Soporte de Emoji">Soporte de Emoji</h5>
|
||||
</a>
|
||||
<div class="card-text secondary-font">
|
||||
<p><p>Los emoji se pueden habilitar en un proyecto Hugo de varias maneras. :zap:</p>
|
||||
<h2 id="soporte-de-emoji">Soporte de Emoji</h2>
|
||||
<p>La función <a href="https://gohugo.io/functions/emojify/">emojify</a> se puede llamar directamente en las plantillas o <a href="https://gohugo.io/templates/shortcode-templates/#inline-shortcodes">Shortcodes en línea</a>.</p>
|
||||
<p>Para habilitar emoji globalmente, establece <code>enableEmoji</code> en <code>true</code> en la <a href="https://gohugo.io/getting-started/configuration/">configuración</a> de tu sitio y luego puedes escribir …</p></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-auto card-footer">
|
||||
<span class="float-start">3 de abril de 2021</span>
|
||||
<a href="/es/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:1313/" title="Hugo Profile">
|
||||
<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>
|
||||
737
public/es/blogs/emoji-support/index.html
Normal file
737
public/es/blogs/emoji-support/index.html
Normal file
|
|
@ -0,0 +1,737 @@
|
|||
<!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/es/blogs/emoji-support/">
|
||||
<meta property="og:site_name" content="Daydreel">
|
||||
<meta property="og:title" content="Soporte de Emoji">
|
||||
<meta property="og:description" content="Los emoji se pueden habilitar en un proyecto Hugo de varias maneras. :zap:
|
||||
Soporte de Emoji La función emojify se puede llamar directamente en las plantillas o Shortcodes en línea.
|
||||
Para habilitar emoji globalmente, establece enableEmoji en true en la configuración de tu sitio y luego puedes escribir códigos abreviados de emoji directamente en los archivos de contenido; por ejemplo:
|
||||
La Hoja de trucos de Emoji es una referencia útil para los códigos abreviados de emoji.">
|
||||
<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-03T22:53:58+05:30">
|
||||
<meta property="article:modified_time" content="2021-04-03T22:53:58+05:30">
|
||||
<meta property="article:tag" content="Soporte De Emoji">
|
||||
<meta property="article:tag" content="Muestra">
|
||||
<meta property="article:tag" content="Ejemplo">
|
||||
|
||||
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:title" content="Soporte de Emoji">
|
||||
<meta name="twitter:description" content="Los emoji se pueden habilitar en un proyecto Hugo de varias maneras. :zap:
|
||||
Soporte de Emoji La función emojify se puede llamar directamente en las plantillas o Shortcodes en línea.
|
||||
Para habilitar emoji globalmente, establece enableEmoji en true en la configuración de tu sitio y luego puedes escribir códigos abreviados de emoji directamente en los archivos de contenido; por ejemplo:
|
||||
La Hoja de trucos de Emoji es una referencia útil para los códigos abreviados de emoji.">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="alternate" hreflang="fr" href="http://localhost:35735/es/blogs/emoji-support/" 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>
|
||||
Soporte de Emoji | 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">Soporte de Emoji</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="Soporte de Emoji">
|
||||
</div>
|
||||
|
||||
<article class="page-content p-2">
|
||||
<p>Los emoji se pueden habilitar en un proyecto Hugo de varias maneras. ⚡</p>
|
||||
<h2 id="soporte-de-emoji">Soporte de Emoji</h2>
|
||||
<p>La función <a href="https://gohugo.io/functions/emojify/">emojify</a> se puede llamar directamente en las plantillas o <a href="https://gohugo.io/templates/shortcode-templates/#inline-shortcodes">Shortcodes en línea</a>.</p>
|
||||
<p>Para habilitar emoji globalmente, establece <code>enableEmoji</code> en <code>true</code> en la <a href="https://gohugo.io/getting-started/configuration/">configuración</a> de tu sitio y luego puedes escribir códigos abreviados de emoji directamente en los archivos de contenido; por ejemplo:</p>
|
||||
<p>La <a href="http://www.emoji-cheat-sheet.com/">Hoja de trucos de Emoji</a> es una referencia útil para los códigos abreviados de emoji.</p>
|
||||
<hr>
|
||||
<p><strong>N.B.</strong> Los pasos anteriores habilitan los caracteres y secuencias de emoji del Estándar Unicode en Hugo, sin embargo, la representación de estos glifos depende del navegador y la plataforma. Para estilizar los emoji, puedes usar una fuente de emoji de terceros o una pila de fuentes; por ejemplo:</p>
|
||||
<pre tabindex="0"><code>.emoji {
|
||||
font-family: Apple Color Emoji, Segoe UI Emoji, NotoColorEmoji, Segoe UI Symbol, Android Emoji, EmojiSymbols;
|
||||
}
|
||||
</code></pre>
|
||||
</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="#soporte-de-emoji">Soporte de Emoji</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/soporte-de-emoji"
|
||||
target="_blank"
|
||||
>Soporte de Emoji</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%2femoji-support%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=Soporte%20de%20Emoji&url=http%3a%2f%2flocalhost%3a35735%2fes%2fblogs%2femoji-support%2f&hashtags=Soporte%20de%20Emoji%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=Soporte%20de%20Emoji: http%3a%2f%2flocalhost%3a35735%2fes%2fblogs%2femoji-support%2f">
|
||||
<i class="fab fa-whatsapp"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item text-center">
|
||||
<a target="_blank" href='mailto:?subject=Soporte%20de%20Emoji&body=Check%20out%20this%20site http%3a%2f%2flocalhost%3a35735%2fes%2fblogs%2femoji-support%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>
|
||||
12
public/es/blogs/emoji-support/index.xml
Normal file
12
public/es/blogs/emoji-support/index.xml
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Soporte de Emoji on Daydreel</title>
|
||||
<link>http://localhost:35735/es/blogs/emoji-support/</link>
|
||||
<description>Recent content in Soporte de Emoji on Daydreel</description>
|
||||
<generator>Hugo</generator>
|
||||
<language>fr</language>
|
||||
<lastBuildDate></lastBuildDate>
|
||||
<atom:link href="http://localhost:35735/es/blogs/emoji-support/index.xml" rel="self" type="application/rss+xml" />
|
||||
</channel>
|
||||
</rss>
|
||||
668
public/es/blogs/index.html
Normal file
668
public/es/blogs/index.html
Normal file
|
|
@ -0,0 +1,668 @@
|
|||
<!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/es/blogs/">
|
||||
<meta property="og:site_name" content="Daydreel">
|
||||
<meta property="og:title" content="Blogs">
|
||||
<meta property="og:description" content="Text about my cool site">
|
||||
<meta property="og:locale" content="fr">
|
||||
<meta property="og:type" content="website">
|
||||
|
||||
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:title" content="Blogs">
|
||||
<meta name="twitter:description" content="Text about my cool site">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="alternate" hreflang="fr" href="http://localhost:35735/es/blogs/" 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="Blogs of Daydreel">
|
||||
<link rel="stylesheet" href="/css/list.css" media="all">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<title>
|
||||
Blogs | 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">
|
||||
<div class="container pt-5" id="list-page">
|
||||
<h2 class="text-center pb-2">Blogs</h2>
|
||||
<div class="row">
|
||||
|
||||
<div class="col-lg-4 col-md-6 my-3">
|
||||
<div class="card h-100">
|
||||
|
||||
<div class="card-header">
|
||||
<a href="/es/blogs/math/">
|
||||
<img src="/images/mathjax.png" class="card-img-top" alt="Renderizar Matemáticas con Mathjax">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="card-body bg-transparent p-4 shadow-sm">
|
||||
<a href="/es/blogs/math/" class="primary-font card-title">
|
||||
<h5 class="card-title bg-transparent" title="Renderizar Matemáticas con Mathjax">Renderizar Matemáticas …</h5>
|
||||
</a>
|
||||
<div class="card-text secondary-font">
|
||||
<p><h2 id="mathjax">Mathjax</h2>
|
||||
<p>Las ecuaciones matemáticas se pueden renderizar usando la sintaxis de <a href="https://www.mathjax.org">Mathjax</a> con soporte de símbolos AMS.</p>
|
||||
<p>Opcionalmente, habilita esto por página agregando <code>mathjax: true</code> a tu frontmatter.</p>
|
||||
<p>Luego, usa <code>$$ ... $$</code> en una línea por sí sola para renderizar una ecuación de bloque:</p>
|
||||
<p>$$ | Pr_{x …</p></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-auto post-footer bg-transparent py-3">
|
||||
<span class="float-start bg-transparent">9 décembre 2022</span>
|
||||
<a href="/es/blogs/math/" class="float-end btn btn-outline-info btn-sm">Read</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-md-6 my-3">
|
||||
<div class="card h-100">
|
||||
|
||||
<div class="card-header">
|
||||
<a href="/es/blogs/markdown-syntax/">
|
||||
<img src="/images/post.jpg" class="card-img-top" alt="Sintaxis de Markdown">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="card-body bg-transparent p-4 shadow-sm">
|
||||
<a href="/es/blogs/markdown-syntax/" class="primary-font card-title">
|
||||
<h5 class="card-title bg-transparent" title="Sintaxis de Markdown">Sintaxis de Markdown</h5>
|
||||
</a>
|
||||
<div class="card-text secondary-font">
|
||||
<p><h2 id="párrafo">Párrafo</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 post-footer bg-transparent py-3">
|
||||
<span class="float-start bg-transparent">3 avril 2021</span>
|
||||
<a href="/es/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 my-3">
|
||||
<div class="card h-100">
|
||||
|
||||
<div class="card-header">
|
||||
<a href="/es/blogs/emoji-support/">
|
||||
<img src="/images/post.jpg" class="card-img-top" alt="Soporte de Emoji">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="card-body bg-transparent p-4 shadow-sm">
|
||||
<a href="/es/blogs/emoji-support/" class="primary-font card-title">
|
||||
<h5 class="card-title bg-transparent" title="Soporte de Emoji">Soporte de Emoji</h5>
|
||||
</a>
|
||||
<div class="card-text secondary-font">
|
||||
<p><p>Los emoji se pueden habilitar en un proyecto Hugo de varias maneras. :zap:</p>
|
||||
<h2 id="soporte-de-emoji">Soporte de Emoji</h2>
|
||||
<p>La función <a href="https://gohugo.io/functions/emojify/">emojify</a> se puede llamar directamente en las plantillas o <a href="https://gohugo.io/templates/shortcode-templates/#inline-shortcodes">Shortcodes en línea</a>.</p>
|
||||
<p>Para habilitar emoji globalmente, establece <code>enableEmoji</code> en <code>true</code> en la <a href="https://gohugo.io/getting-started/configuration/">configuración</a> de tu sitio y luego puedes escribir …</p></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-auto post-footer bg-transparent py-3">
|
||||
<span class="float-start bg-transparent">3 avril 2021</span>
|
||||
<a href="/es/blogs/emoji-support/" class="float-end btn btn-outline-info btn-sm">Read</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-auto m-3">
|
||||
|
||||
<ul class="pagination pagination-default">
|
||||
<li class="page-item disabled">
|
||||
<a aria-disabled="true" aria-label="First" class="page-link" role="button" tabindex="-1"><span aria-hidden="true">««</span></a>
|
||||
</li>
|
||||
<li class="page-item disabled">
|
||||
<a aria-disabled="true" aria-label="Previous" class="page-link" role="button" tabindex="-1"><span aria-hidden="true">«</span></a>
|
||||
</li>
|
||||
<li class="page-item active">
|
||||
<a aria-current="page" aria-label="Page 1" class="page-link" role="button">1</a>
|
||||
</li>
|
||||
<li class="page-item">
|
||||
<a href="/es/blogs/page/2/" aria-label="Page 2" class="page-link" role="button">2</a>
|
||||
</li>
|
||||
<li class="page-item">
|
||||
<a href="/es/blogs/page/2/" aria-label="Next" class="page-link" role="button"><span aria-hidden="true">»</span></a>
|
||||
</li>
|
||||
<li class="page-item">
|
||||
<a href="/es/blogs/page/2/" aria-label="Last" class="page-link" role="button"><span aria-hidden="true">»»</span></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</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>
|
||||
47
public/es/blogs/index.xml
Normal file
47
public/es/blogs/index.xml
Normal file
|
|
@ -0,0 +1,47 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Blogs on Daydreel</title>
|
||||
<link>http://localhost:35735/es/blogs/</link>
|
||||
<description>Recent content in Blogs on Daydreel</description>
|
||||
<generator>Hugo</generator>
|
||||
<language>fr</language>
|
||||
<lastBuildDate>Fri, 09 Dec 2022 19:53:33 +0530</lastBuildDate>
|
||||
<atom:link href="http://localhost:35735/es/blogs/index.xml" rel="self" type="application/rss+xml" />
|
||||
<item>
|
||||
<title>Renderizar Matemáticas con Mathjax</title>
|
||||
<link>http://localhost:35735/es/blogs/math/</link>
|
||||
<pubDate>Fri, 09 Dec 2022 19:53:33 +0530</pubDate>
|
||||
<guid>http://localhost:35735/es/blogs/math/</guid>
|
||||
<description><h2 id="mathjax">Mathjax</h2>
<p>Las ecuaciones matemáticas se pueden renderizar usando la sintaxis de <a href="https://www.mathjax.org">Mathjax</a> con soporte de símbolos AMS.</p>
<p>Opcionalmente, habilita esto por página agregando <code>mathjax: true</code> a tu frontmatter.</p>
<p>Luego, usa <code>$$ ... $$</code> en una línea por sí sola para renderizar una ecuación de bloque:</p>
<p>$$ | Pr_{x \leftarrow P_{1}} [A(x) = 1] - Pr_{x \leftarrow P_{2}} [A(x) = 1] | &lt; \text{negligible} $$</p>
<p>La versión sin procesar es:</p>
<pre tabindex="0"><code>$$ | Pr_{x \leftarrow P_{1}} [A(x) = 1] - Pr_{x \leftarrow P_{2}} [A(x) = 1] | &lt; \text{negligible} $$
</code></pre><p>Escribe ecuaciones en línea con <code>\\( ... \\)</code> , como \( x^n / y \) . ¡Es fácil!</p></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>Sintaxis de Markdown</title>
|
||||
<link>http://localhost:35735/es/blogs/markdown-syntax/</link>
|
||||
<pubDate>Sat, 03 Apr 2021 23:29:21 +0530</pubDate>
|
||||
<guid>http://localhost:35735/es/blogs/markdown-syntax/</guid>
|
||||
<description><h2 id="párrafo">Párrafo</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 eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.</p></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>Soporte de Emoji</title>
|
||||
<link>http://localhost:35735/es/blogs/emoji-support/</link>
|
||||
<pubDate>Sat, 03 Apr 2021 22:53:58 +0530</pubDate>
|
||||
<guid>http://localhost:35735/es/blogs/emoji-support/</guid>
|
||||
<description><p>Los emoji se pueden habilitar en un proyecto Hugo de varias maneras. :zap:</p>
<h2 id="soporte-de-emoji">Soporte de Emoji</h2>
<p>La función <a href="https://gohugo.io/functions/emojify/">emojify</a> se puede llamar directamente en las plantillas o <a href="https://gohugo.io/templates/shortcode-templates/#inline-shortcodes">Shortcodes en línea</a>.</p>
<p>Para habilitar emoji globalmente, establece <code>enableEmoji</code> en <code>true</code> en la <a href="https://gohugo.io/getting-started/configuration/">configuración</a> de tu sitio y luego puedes escribir códigos abreviados de emoji directamente en los archivos de contenido; por ejemplo:</p>
<p>La <a href="http://www.emoji-cheat-sheet.com/">Hoja de trucos de Emoji</a> es una referencia útil para los códigos abreviados de emoji.</p></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>Texto de Relleno</title>
|
||||
<link>http://localhost:35735/es/blogs/placeholder-text/</link>
|
||||
<pubDate>Sat, 03 Apr 2021 22:41:10 +0530</pubDate>
|
||||
<guid>http://localhost:35735/es/blogs/placeholder-text/</guid>
|
||||
<description><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></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>Contenido Enriquecido</title>
|
||||
<link>http://localhost:35735/es/blogs/rich-content/</link>
|
||||
<pubDate>Sat, 03 Apr 2021 19:53:33 +0530</pubDate>
|
||||
<guid>http://localhost:35735/es/blogs/rich-content/</guid>
|
||||
<description><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></description>
|
||||
</item>
|
||||
</channel>
|
||||
</rss>
|
||||
877
public/es/blogs/markdown-syntax/index.html
Normal file
877
public/es/blogs/markdown-syntax/index.html
Normal file
|
|
@ -0,0 +1,877 @@
|
|||
<!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/es/blogs/markdown-syntax/">
|
||||
<meta property="og:site_name" content="Daydreel">
|
||||
<meta property="og:title" content="Sintaxis de Markdown">
|
||||
<meta property="og:description" content="Párrafo 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 eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.">
|
||||
<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-03T23:29:21+05:30">
|
||||
<meta property="article:modified_time" content="2021-04-03T23:29:21+05:30">
|
||||
<meta property="article:tag" content="Sintaxis De Markdown">
|
||||
<meta property="article:tag" content="Muestra">
|
||||
<meta property="article:tag" content="Ejemplo">
|
||||
|
||||
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:title" content="Sintaxis de Markdown">
|
||||
<meta name="twitter:description" content="Párrafo 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 eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="alternate" hreflang="fr" href="http://localhost:35735/es/blogs/markdown-syntax/" 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>
|
||||
Sintaxis de Markdown | 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">Sintaxis de Markdown</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="Sintaxis de Markdown">
|
||||
</div>
|
||||
|
||||
<article class="page-content p-2">
|
||||
<h2 id="párrafo">Párrafo</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 eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.</p>
|
||||
<p>Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.</p>
|
||||
<h2 id="citas-en-bloque">Citas en bloque</h2>
|
||||
<p>El elemento blockquote representa contenido que se cita de otra fuente, opcionalmente con una cita que debe estar dentro de un elemento <code>footer</code> o <code>cite</code>, y opcionalmente con cambios en línea como anotaciones y abreviaturas.</p>
|
||||
<h3 id="cita-en-bloque-sin-atribución">Cita en bloque sin atribución</h3>
|
||||
<blockquote>
|
||||
<p>Tiam, ad mint andaepu dandae nostion secatur sequo quae.
|
||||
<strong>Nota</strong> que puedes usar <em>sintaxis de Markdown</em> dentro de una cita en bloque.</p>
|
||||
</blockquote>
|
||||
<h3 id="cita-en-bloque-con-atribución">Cita en bloque con atribución</h3>
|
||||
<blockquote>
|
||||
<p>No comuniques compartiendo memoria, comparte memoria comunicando.
|
||||
— <cite>Rob Pike<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup></cite></p>
|
||||
</blockquote>
|
||||
<h2 id="tablas">Tablas</h2>
|
||||
<p>Las tablas no forman parte de la especificación principal de Markdown, pero Hugo las admite de forma predeterminada.</p>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Nombre</th>
|
||||
<th>Edad</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Bob</td>
|
||||
<td>27</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Alice</td>
|
||||
<td>23</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<h3 id="markdown-en-línea-dentro-de-tablas">Markdown en línea dentro de tablas</h3>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Cursiva</th>
|
||||
<th>Negrita</th>
|
||||
<th>Código</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><em>cursiva</em></td>
|
||||
<td><strong>negrita</strong></td>
|
||||
<td><code>código</code></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<h2 id="bloques-de-código">Bloques de código</h2>
|
||||
<h3 id="bloque-de-código-con-acentos-graves">Bloque de código con acentos graves</h3>
|
||||
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-html" data-lang="html"><span style="display:flex;"><span><span style="color:#75715e"><!doctype html></span>
|
||||
</span></span><span style="display:flex;"><span><<span style="color:#f92672">html</span> <span style="color:#a6e22e">lang</span><span style="color:#f92672">=</span><span style="color:#e6db74">"es"</span>>
|
||||
</span></span><span style="display:flex;"><span> <<span style="color:#f92672">head</span>>
|
||||
</span></span><span style="display:flex;"><span> <<span style="color:#f92672">meta</span> <span style="color:#a6e22e">charset</span><span style="color:#f92672">=</span><span style="color:#e6db74">"utf-8"</span> />
|
||||
</span></span><span style="display:flex;"><span> <<span style="color:#f92672">title</span>>Ejemplo de documento HTML5</<span style="color:#f92672">title</span>>
|
||||
</span></span><span style="display:flex;"><span> </<span style="color:#f92672">head</span>>
|
||||
</span></span><span style="display:flex;"><span> <<span style="color:#f92672">body</span>>
|
||||
</span></span><span style="display:flex;"><span> <<span style="color:#f92672">p</span>>Prueba</<span style="color:#f92672">p</span>>
|
||||
</span></span><span style="display:flex;"><span> </<span style="color:#f92672">body</span>>
|
||||
</span></span><span style="display:flex;"><span></<span style="color:#f92672">html</span>>
|
||||
</span></span></code></pre></div><h3 id="bloque-de-código-con-cuatro-espacios">Bloque de código con cuatro espacios</h3>
|
||||
<pre><code><!doctype html>
|
||||
<html lang="es">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Ejemplo de documento HTML5</title>
|
||||
</head>
|
||||
<body>
|
||||
<p>Prueba</p>
|
||||
</body>
|
||||
</html>
|
||||
</code></pre>
|
||||
<h3 id="bloque-de-código-con-el-shortcode-de-resaltado-interno-de-hugo">Bloque de código con el shortcode de resaltado interno de Hugo</h3>
|
||||
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-html" data-lang="html"><span style="display:flex;"><span><span style="color:#75715e"><!doctype html></span>
|
||||
</span></span><span style="display:flex;"><span><<span style="color:#f92672">html</span> <span style="color:#a6e22e">lang</span><span style="color:#f92672">=</span><span style="color:#e6db74">"es"</span>>
|
||||
</span></span><span style="display:flex;"><span> <<span style="color:#f92672">head</span>>
|
||||
</span></span><span style="display:flex;"><span> <<span style="color:#f92672">meta</span> <span style="color:#a6e22e">charset</span><span style="color:#f92672">=</span><span style="color:#e6db74">"utf-8"</span>>
|
||||
</span></span><span style="display:flex;"><span> <<span style="color:#f92672">title</span>>Ejemplo de documento HTML5</<span style="color:#f92672">title</span>>
|
||||
</span></span><span style="display:flex;"><span> </<span style="color:#f92672">head</span>>
|
||||
</span></span><span style="display:flex;"><span> <<span style="color:#f92672">body</span>>
|
||||
</span></span><span style="display:flex;"><span> <<span style="color:#f92672">p</span>>Prueba</<span style="color:#f92672">p</span>>
|
||||
</span></span><span style="display:flex;"><span> </<span style="color:#f92672">body</span>>
|
||||
</span></span><span style="display:flex;"><span></<span style="color:#f92672">html</span>></span></span></code></pre></div>
|
||||
<h2 id="tipos-de-lista">Tipos de lista</h2>
|
||||
<h3 id="lista-ordenada">Lista ordenada</h3>
|
||||
<ol>
|
||||
<li>Primer elemento</li>
|
||||
<li>Segundo elemento</li>
|
||||
<li>Tercer elemento</li>
|
||||
</ol>
|
||||
<h3 id="lista-desordenada">Lista desordenada</h3>
|
||||
<ul>
|
||||
<li>Elemento de lista</li>
|
||||
<li>Otro elemento</li>
|
||||
<li>Y otro elemento</li>
|
||||
</ul>
|
||||
<h3 id="lista-anidada">Lista anidada</h3>
|
||||
<ul>
|
||||
<li>Fruta
|
||||
<ul>
|
||||
<li>Manzana</li>
|
||||
<li>Naranja</li>
|
||||
<li>Plátano</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>Lácteos
|
||||
<ul>
|
||||
<li>Leche</li>
|
||||
<li>Queso</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<h2 id="otros-elementos--abbr-sub-sup-kbd-mark">Otros elementos — abbr, sub, sup, kbd, mark</h2>
|
||||
<p><abbr title="Graphics Interchange Format">GIF</abbr> es un formato de imagen de mapa de bits.</p>
|
||||
<p>H<sub>2</sub>O</p>
|
||||
<p>X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup></p>
|
||||
<p>Presiona <kbd><kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Supr</kbd></kbd> para finalizar la sesión.</p>
|
||||
<p>La mayoría de las <mark>salamandras</mark> son nocturnas y cazan insectos, gusanos y otras criaturas pequeñas.</p>
|
||||
<div class="footnotes" role="doc-endnotes">
|
||||
<hr>
|
||||
<ol>
|
||||
<li id="fn:1">
|
||||
<p>La cita anterior se extrae de la <a href="https://www.youtube.com/watch?v=PAAkCSZUG1c">charla</a> de Rob Pike durante Gopherfest, 18 de noviembre de 2015. <a href="#fnref:1" class="footnote-backref" role="doc-backlink">↩︎</a></p>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
</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="#párrafo">Párrafo</a></li>
|
||||
<li><a href="#citas-en-bloque">Citas en bloque</a>
|
||||
<ul>
|
||||
<li><a href="#cita-en-bloque-sin-atribución">Cita en bloque sin atribución</a></li>
|
||||
<li><a href="#cita-en-bloque-con-atribución">Cita en bloque con atribución</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#tablas">Tablas</a>
|
||||
<ul>
|
||||
<li><a href="#markdown-en-línea-dentro-de-tablas">Markdown en línea dentro de tablas</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#bloques-de-código">Bloques de código</a>
|
||||
<ul>
|
||||
<li><a href="#bloque-de-código-con-acentos-graves">Bloque de código con acentos graves</a></li>
|
||||
<li><a href="#bloque-de-código-con-cuatro-espacios">Bloque de código con cuatro espacios</a></li>
|
||||
<li><a href="#bloque-de-código-con-el-shortcode-de-resaltado-interno-de-hugo">Bloque de código con el shortcode de resaltado interno de Hugo</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#tipos-de-lista">Tipos de lista</a>
|
||||
<ul>
|
||||
<li><a href="#lista-ordenada">Lista ordenada</a></li>
|
||||
<li><a href="#lista-desordenada">Lista desordenada</a></li>
|
||||
<li><a href="#lista-anidada">Lista anidada</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#otros-elementos--abbr-sub-sup-kbd-mark">Otros elementos — abbr, sub, sup, kbd, mark</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/sintaxis-de-markdown"
|
||||
target="_blank"
|
||||
>Sintaxis de Markdown</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%2fmarkdown-syntax%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=Sintaxis%20de%20Markdown&url=http%3a%2f%2flocalhost%3a35735%2fes%2fblogs%2fmarkdown-syntax%2f&hashtags=Sintaxis%20de%20Markdown%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=Sintaxis%20de%20Markdown: http%3a%2f%2flocalhost%3a35735%2fes%2fblogs%2fmarkdown-syntax%2f">
|
||||
<i class="fab fa-whatsapp"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item text-center">
|
||||
<a target="_blank" href='mailto:?subject=Sintaxis%20de%20Markdown&body=Check%20out%20this%20site http%3a%2f%2flocalhost%3a35735%2fes%2fblogs%2fmarkdown-syntax%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>
|
||||
12
public/es/blogs/markdown-syntax/index.xml
Normal file
12
public/es/blogs/markdown-syntax/index.xml
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Sintaxis de Markdown on Daydreel</title>
|
||||
<link>http://localhost:35735/es/blogs/markdown-syntax/</link>
|
||||
<description>Recent content in Sintaxis de Markdown on Daydreel</description>
|
||||
<generator>Hugo</generator>
|
||||
<language>fr</language>
|
||||
<lastBuildDate></lastBuildDate>
|
||||
<atom:link href="http://localhost:35735/es/blogs/markdown-syntax/index.xml" rel="self" type="application/rss+xml" />
|
||||
</channel>
|
||||
</rss>
|
||||
758
public/es/blogs/math/index.html
Normal file
758
public/es/blogs/math/index.html
Normal file
|
|
@ -0,0 +1,758 @@
|
|||
<!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/es/blogs/math/">
|
||||
<meta property="og:site_name" content="Daydreel">
|
||||
<meta property="og:title" content="Renderizar Matemáticas con Mathjax">
|
||||
<meta property="og:description" content="Mathjax Las ecuaciones matemáticas se pueden renderizar usando la sintaxis de Mathjax con soporte de símbolos AMS.
|
||||
Opcionalmente, habilita esto por página agregando mathjax: true a tu frontmatter.
|
||||
Luego, usa $$ ... $$ en una línea por sí sola para renderizar una ecuación de bloque:
|
||||
$$ | Pr_{x \leftarrow P_{1}} [A(x) = 1] - Pr_{x \leftarrow P_{2}} [A(x) = 1] | < \text{negligible} $$
|
||||
La versión sin procesar es:
|
||||
$$ | Pr_{x \leftarrow P_{1}} [A(x) = 1] - Pr_{x \leftarrow P_{2}} [A(x) = 1] | < \text{negligible} $$ Escribe ecuaciones en línea con \\( ... \\) , como \( x^n / y \) . ¡Es fácil!">
|
||||
<meta property="og:locale" content="fr">
|
||||
<meta property="og:type" content="article">
|
||||
<meta property="article:section" content="es">
|
||||
<meta property="article:published_time" content="2022-12-09T19:53:33+05:30">
|
||||
<meta property="article:modified_time" content="2022-12-09T19:53:33+05:30">
|
||||
<meta property="article:tag" content="Sintaxis De Markdown">
|
||||
<meta property="article:tag" content="Mathjax">
|
||||
<meta property="article:tag" content="Ejemplo">
|
||||
|
||||
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:title" content="Renderizar Matemáticas con Mathjax">
|
||||
<meta name="twitter:description" content="Mathjax Las ecuaciones matemáticas se pueden renderizar usando la sintaxis de Mathjax con soporte de símbolos AMS.
|
||||
Opcionalmente, habilita esto por página agregando mathjax: true a tu frontmatter.
|
||||
Luego, usa $$ ... $$ en una línea por sí sola para renderizar una ecuación de bloque:
|
||||
$$ | Pr_{x \leftarrow P_{1}} [A(x) = 1] - Pr_{x \leftarrow P_{2}} [A(x) = 1] | < \text{negligible} $$
|
||||
La versión sin procesar es:
|
||||
$$ | Pr_{x \leftarrow P_{1}} [A(x) = 1] - Pr_{x \leftarrow P_{2}} [A(x) = 1] | < \text{negligible} $$ Escribe ecuaciones en línea con \\( ... \\) , como \( x^n / y \) . ¡Es fácil!">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="alternate" hreflang="fr" href="http://localhost:35735/es/blogs/math/" 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>
|
||||
Renderizar Matemáticas con Mathjax | 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">Renderizar Matemáticas con Mathjax</h1>
|
||||
<div class="text-center">
|
||||
|
||||
Gurusabarish
|
||||
<small>|</small>
|
||||
|
||||
9 déc. 2022
|
||||
|
||||
|
||||
<span id="readingTime">
|
||||
min read
|
||||
</span>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="featured-image">
|
||||
<img class="img-fluid mx-auto d-block" src="/images/mathjax.png" alt="Renderizar Matemáticas con Mathjax">
|
||||
</div>
|
||||
|
||||
<article class="page-content p-2">
|
||||
<h2 id="mathjax">Mathjax</h2>
|
||||
<p>Las ecuaciones matemáticas se pueden renderizar usando la sintaxis de <a href="https://www.mathjax.org">Mathjax</a> con soporte de símbolos AMS.</p>
|
||||
<p>Opcionalmente, habilita esto por página agregando <code>mathjax: true</code> a tu frontmatter.</p>
|
||||
<p>Luego, usa <code>$$ ... $$</code> en una línea por sí sola para renderizar una ecuación de bloque:</p>
|
||||
<p>$$ | Pr_{x \leftarrow P_{1}} [A(x) = 1] - Pr_{x \leftarrow P_{2}} [A(x) = 1] | < \text{negligible} $$</p>
|
||||
<p>La versión sin procesar es:</p>
|
||||
<pre tabindex="0"><code>$$ | Pr_{x \leftarrow P_{1}} [A(x) = 1] - Pr_{x \leftarrow P_{2}} [A(x) = 1] | < \text{negligible} $$
|
||||
</code></pre><p>Escribe ecuaciones en línea con <code>\\( ... \\)</code> , como \( x^n / y \) . ¡Es fácil!</p>
|
||||
<pre tabindex="0"><code>Escribe ecuaciones en línea con `\\( ... \\)` , como \\( x^n / y \\) . ¡Es fácil!
|
||||
</code></pre>
|
||||
</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="#mathjax">Mathjax</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/sintaxis-de-markdown"
|
||||
target="_blank"
|
||||
>Sintaxis de Markdown</a></li>
|
||||
|
||||
|
||||
<li class="list-inline-item"><a href="/tags/mathjax"
|
||||
target="_blank"
|
||||
>Mathjax</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%2fmath%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=Renderizar%20Matem%c3%a1ticas%20con%20Mathjax&url=http%3a%2f%2flocalhost%3a35735%2fes%2fblogs%2fmath%2f&hashtags=Sintaxis%20de%20Markdown%2cMathjax%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=Renderizar%20Matem%c3%a1ticas%20con%20Mathjax: http%3a%2f%2flocalhost%3a35735%2fes%2fblogs%2fmath%2f">
|
||||
<i class="fab fa-whatsapp"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item text-center">
|
||||
<a target="_blank" href='mailto:?subject=Renderizar%20Matem%c3%a1ticas%20con%20Mathjax&body=Check%20out%20this%20site http%3a%2f%2flocalhost%3a35735%2fes%2fblogs%2fmath%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>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- MathJax -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/3.2.2/es5/tex-mml-chtml.min.js" integrity="sha384-M5jmNxKC9EVnuqeMwRHvFuYUE8Hhp0TgBruj/GZRkYtiMrCRgH7yvv5KY+Owi7TW" crossorigin="anonymous"></script>
|
||||
|
||||
<script type="text/x-mathjax-config">
|
||||
MathJax.Hub.Config({
|
||||
tex2jax: {
|
||||
inlineMath: [['\\(','\\)']],
|
||||
displayMath: [['$$','$$'], ['\[','\]']],
|
||||
processEscapes: true,
|
||||
processEnvironments: true,
|
||||
skipTags: ['script', 'noscript', 'style', 'textarea', 'pre'],
|
||||
TeX: { equationNumbers: { autoNumber: "AMS" },
|
||||
extensions: ["AMSmath.js", "AMSsymbols.js"] }
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<section id="search-content" class="py-2">
|
||||
<div class="container" id="search-results"></div>
|
||||
</section>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
12
public/es/blogs/math/index.xml
Normal file
12
public/es/blogs/math/index.xml
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Renderizar Matemáticas con Mathjax on Daydreel</title>
|
||||
<link>http://localhost:35735/es/blogs/math/</link>
|
||||
<description>Recent content in Renderizar Matemáticas con Mathjax on Daydreel</description>
|
||||
<generator>Hugo</generator>
|
||||
<language>fr</language>
|
||||
<lastBuildDate></lastBuildDate>
|
||||
<atom:link href="http://localhost:35735/es/blogs/math/index.xml" rel="self" type="application/rss+xml" />
|
||||
</channel>
|
||||
</rss>
|
||||
9
public/es/blogs/page/1/index.html
Normal file
9
public/es/blogs/page/1/index.html
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<title>http://localhost:35735/es/blogs/</title>
|
||||
<link rel="canonical" href="http://localhost:35735/es/blogs/">
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="refresh" content="0; url=http://localhost:35735/es/blogs/">
|
||||
</head>
|
||||
</html>
|
||||
639
public/es/blogs/page/2/index.html
Normal file
639
public/es/blogs/page/2/index.html
Normal file
|
|
@ -0,0 +1,639 @@
|
|||
<!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/es/blogs/">
|
||||
<meta property="og:site_name" content="Daydreel">
|
||||
<meta property="og:title" content="Blogs">
|
||||
<meta property="og:description" content="Text about my cool site">
|
||||
<meta property="og:locale" content="fr">
|
||||
<meta property="og:type" content="website">
|
||||
|
||||
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:title" content="Blogs">
|
||||
<meta name="twitter:description" content="Text about my cool site">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="alternate" hreflang="fr" href="http://localhost:35735/es/blogs/" 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="Blogs of Daydreel">
|
||||
<link rel="stylesheet" href="/css/list.css" media="all">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<title>
|
||||
Blogs | 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">
|
||||
<div class="container pt-5" id="list-page">
|
||||
<h2 class="text-center pb-2">Blogs</h2>
|
||||
<div class="row">
|
||||
|
||||
<div class="col-lg-4 col-md-6 my-3">
|
||||
<div class="card h-100">
|
||||
|
||||
<div class="card-header">
|
||||
<a href="/es/blogs/placeholder-text/">
|
||||
<img src="/images/post.jpg" class="card-img-top" alt="Texto de Relleno">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="card-body bg-transparent p-4 shadow-sm">
|
||||
<a href="/es/blogs/placeholder-text/" class="primary-font card-title">
|
||||
<h5 class="card-title bg-transparent" title="Texto de Relleno">Texto de Relleno</h5>
|
||||
</a>
|
||||
<div class="card-text secondary-font">
|
||||
<p><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 …</p></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-auto post-footer bg-transparent py-3">
|
||||
<span class="float-start bg-transparent">3 avril 2021</span>
|
||||
<a href="/es/blogs/placeholder-text/" class="float-end btn btn-outline-info btn-sm">Read</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-md-6 my-3">
|
||||
<div class="card h-100">
|
||||
|
||||
<div class="card-header">
|
||||
<a href="/es/blogs/rich-content/">
|
||||
<img src="/images/post.jpg" class="card-img-top" alt="Contenido Enriquecido">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="card-body bg-transparent p-4 shadow-sm">
|
||||
<a href="/es/blogs/rich-content/" class="primary-font card-title">
|
||||
<h5 class="card-title bg-transparent" title="Contenido Enriquecido">Contenido Enriquecido</h5>
|
||||
</a>
|
||||
<div class="card-text secondary-font">
|
||||
<p><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>{{< tweet user="GoHugoIO" …</code></pre></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-auto post-footer bg-transparent py-3">
|
||||
<span class="float-start bg-transparent">3 avril 2021</span>
|
||||
<a href="/es/blogs/rich-content/" class="float-end btn btn-outline-info btn-sm">Read</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-auto m-3">
|
||||
|
||||
<ul class="pagination pagination-default">
|
||||
<li class="page-item">
|
||||
<a href="/es/blogs/" aria-label="First" class="page-link" role="button"><span aria-hidden="true">««</span></a>
|
||||
</li>
|
||||
<li class="page-item">
|
||||
<a href="/es/blogs/" aria-label="Previous" class="page-link" role="button"><span aria-hidden="true">«</span></a>
|
||||
</li>
|
||||
<li class="page-item">
|
||||
<a href="/es/blogs/" aria-label="Page 1" class="page-link" role="button">1</a>
|
||||
</li>
|
||||
<li class="page-item active">
|
||||
<a aria-current="page" aria-label="Page 2" class="page-link" role="button">2</a>
|
||||
</li>
|
||||
<li class="page-item disabled">
|
||||
<a aria-disabled="true" aria-label="Next" class="page-link" role="button" tabindex="-1"><span aria-hidden="true">»</span></a>
|
||||
</li>
|
||||
<li class="page-item disabled">
|
||||
<a aria-disabled="true" aria-label="Last" class="page-link" role="button" tabindex="-1"><span aria-hidden="true">»»</span></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</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>
|
||||
754
public/es/blogs/placeholder-text/index.html
Normal file
754
public/es/blogs/placeholder-text/index.html
Normal file
|
|
@ -0,0 +1,754 @@
|
|||
<!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/es/blogs/placeholder-text/">
|
||||
<meta property="og:site_name" content="Daydreel">
|
||||
<meta property="og:title" content="Texto de Relleno">
|
||||
<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="es">
|
||||
<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="Texto De Relleno">
|
||||
<meta property="article:tag" content="Muestra">
|
||||
<meta property="article:tag" content="Ejemplo">
|
||||
|
||||
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:title" content="Texto de Relleno">
|
||||
<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/es/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>
|
||||
Texto de Relleno | 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">Texto de Relleno</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="Texto de Relleno">
|
||||
</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://es.wikipedia.org/wiki/Canon_de_Van_de_Graaf">El Canon de Van de Graaf</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 malis latens indetectus caelum supremos missus, nec nil videt exiguo! Manifestum, exasperat nova tela, ora, decipit ipse; fuerat gelidis sua.</p>
|
||||
<h2 id="mentefque-cum-suae-pelle">Mentefque cum suae pelle</h2>
|
||||
<p>Viscera tot vagina, mihi est Theseus! Obstruat pede! Concita tamen, cum <strong>et vulnera</strong> croceo aegide tetigere deducit. Est quis vultus fata, scelus paratae inter agmen spectat fuit, Thisbe vulnera vellet laniarat, arva paludibus!</p>
|
||||
<blockquote>
|
||||
<p>Dixit exarsit nocens, dextra secum ira columbae: Proponas, in pinus et alis dea atque. Aeneas, certum possent, temeraria, umeris colla in quoque. Interea fugit inpediunt nocet.</p>
|
||||
</blockquote>
|
||||
<p>Praecipites nescio Titania tetigit, nunc volentem sua pectora nec, exstinctum Pylius undas. Agro. Dumque in est moenia vidi, vinci dat acervos precatur bracchia et modo et quos cum illas solvet, dum fecit.</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>
|
||||
<li><a href="#mentefque-cum-suae-pelle">Mentefque cum suae pelle</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/texto-de-relleno"
|
||||
target="_blank"
|
||||
>Texto de relleno</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%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=Texto%20de%20Relleno&url=http%3a%2f%2flocalhost%3a35735%2fes%2fblogs%2fplaceholder-text%2f&hashtags=Texto%20de%20relleno%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=Texto%20de%20Relleno: http%3a%2f%2flocalhost%3a35735%2fes%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=Texto%20de%20Relleno&body=Check%20out%20this%20site http%3a%2f%2flocalhost%3a35735%2fes%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>
|
||||
12
public/es/blogs/placeholder-text/index.xml
Normal file
12
public/es/blogs/placeholder-text/index.xml
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Texto de Relleno on Daydreel</title>
|
||||
<link>http://localhost:35735/es/blogs/placeholder-text/</link>
|
||||
<description>Recent content in Texto de Relleno on Daydreel</description>
|
||||
<generator>Hugo</generator>
|
||||
<language>fr</language>
|
||||
<lastBuildDate></lastBuildDate>
|
||||
<atom:link href="http://localhost:35735/es/blogs/placeholder-text/index.xml" rel="self" type="application/rss+xml" />
|
||||
</channel>
|
||||
</rss>
|
||||
752
public/es/blogs/rich-content/index.html
Normal file
752
public/es/blogs/rich-content/index.html
Normal file
|
|
@ -0,0 +1,752 @@
|
|||
<!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/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 {{< tweet user="GoHugoIO" id="1315233626070503424" >}} Shortcode Simple de Vimeo {{< vimeo 146022717 >}} Shortcode gist {{< gist spf13 7896402 >}}">
|
||||
<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 {{< tweet user="GoHugoIO" id="1315233626070503424" >}} Shortcode Simple de Vimeo {{< vimeo 146022717 >}} Shortcode gist {{< gist spf13 7896402 >}}">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<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'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>{{< tweet user="GoHugoIO" id="1315233626070503424" >}}
|
||||
</code></pre><br>
|
||||
<!-- Temporarily removed for build -->
|
||||
<br>
|
||||
<h2 id="shortcode-simple-de-vimeo">Shortcode Simple de Vimeo</h2>
|
||||
<pre tabindex="0"><code>{{< vimeo 146022717 >}}
|
||||
</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>{{< gist spf13 7896402 >}}
|
||||
</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&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 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>
|
||||
12
public/es/blogs/rich-content/index.xml
Normal file
12
public/es/blogs/rich-content/index.xml
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Contenido Enriquecido on Daydreel</title>
|
||||
<link>http://localhost:35735/es/blogs/rich-content/</link>
|
||||
<description>Recent content in Contenido Enriquecido on Daydreel</description>
|
||||
<generator>Hugo</generator>
|
||||
<language>fr</language>
|
||||
<lastBuildDate></lastBuildDate>
|
||||
<atom:link href="http://localhost:35735/es/blogs/rich-content/index.xml" rel="self" type="application/rss+xml" />
|
||||
</channel>
|
||||
</rss>
|
||||
580
public/es/categories/index.html
Normal file
580
public/es/categories/index.html
Normal file
|
|
@ -0,0 +1,580 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="es">
|
||||
|
||||
<head><script src="/livereload.js?mindelay=10&v=2&port=1313&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:1313/es/categories/">
|
||||
<meta property="og:site_name" content="Hugo Profile">
|
||||
<meta property="og:title" content="Categories">
|
||||
<meta property="og:description" content="Text about my cool site">
|
||||
<meta property="og:locale" content="es">
|
||||
<meta property="og:type" content="website">
|
||||
|
||||
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:title" content="Categories">
|
||||
<meta name="twitter:description" content="Text about my cool site">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="alternate" hreflang="en" href="http://localhost:1313/categories/" title="English">
|
||||
|
||||
<link rel="alternate" hreflang="es" href="http://localhost:1313/es/categories/" title="Español">
|
||||
|
||||
<link rel="alternate" hreflang="fr" href="http://localhost:1313/fr/categories/" title="Français">
|
||||
|
||||
|
||||
<meta property="og:locale" content="es">
|
||||
|
||||
<meta property="og:locale:alternate" content="en">
|
||||
|
||||
<meta property="og:locale:alternate" 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="Categories of Hugo Profile">
|
||||
<link rel="stylesheet" href="/css/list.css" media="all">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<title>
|
||||
Categories | Hugo Profile
|
||||
|
||||
</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="/es/">
|
||||
|
||||
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="/es/#about" aria-label="about">
|
||||
Sobre Mí
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="/es/#experience"
|
||||
aria-label="experience">
|
||||
Experiencia
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="/es/#education"
|
||||
aria-label="education">
|
||||
Educación
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="/es/#projects"
|
||||
aria-label="projects">
|
||||
Proyectos
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="/es/#achievements"
|
||||
aria-label="achievements">
|
||||
Logros
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="/es/#contact"
|
||||
aria-label="contact">
|
||||
Contacto
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="/es/blogs" title="Publicaciones del blog">
|
||||
|
||||
Blog
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="/es/gallery" title="Galería de imágenes">
|
||||
|
||||
Galería
|
||||
</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">Español</span>
|
||||
|
||||
</a>
|
||||
<div class="dropdown-menu shadow-lg rounded" aria-labelledby="languageDropdown"><a class="dropdown-item text-center nav-link"
|
||||
href="/categories/"
|
||||
title="English">
|
||||
English
|
||||
</a><a class="dropdown-item text-center nav-link active"
|
||||
href="/es/categories/"
|
||||
title="Español">
|
||||
Español
|
||||
</a><a class="dropdown-item text-center nav-link"
|
||||
href="/fr/categories/"
|
||||
title="Français">
|
||||
Français
|
||||
</a></div>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<div id="content">
|
||||
<div class="container pt-5" id="list-page">
|
||||
<h2 class="text-center pb-2">Categories</h2>
|
||||
<div class="row">
|
||||
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-auto m-3">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</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="/es/blogs/math/">
|
||||
<img src="/images/mathjax.png" class="card-img-top" alt="Renderizar Matemáticas con Mathjax">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="card-body bg-transparent p-3 shadow-sm">
|
||||
<a href="/es/blogs/math/" class="primary-font card-title">
|
||||
<h5 class="card-title bg-transparent" title="Renderizar Matemáticas con Mathjax">Renderizar Matemáticas …</h5>
|
||||
</a>
|
||||
<div class="card-text secondary-font">
|
||||
<p><h2 id="mathjax">Mathjax</h2>
|
||||
<p>Las ecuaciones matemáticas se pueden renderizar usando la sintaxis de <a href="https://www.mathjax.org">Mathjax</a> con soporte de símbolos AMS.</p>
|
||||
<p>Opcionalmente, habilita esto por página agregando <code>mathjax: true</code> a tu frontmatter.</p>
|
||||
<p>Luego, usa <code>$$ ... $$</code> en una línea por sí sola para renderizar una ecuación de bloque:</p>
|
||||
<p>$$ | Pr_{x …</p></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-auto card-footer">
|
||||
<span class="float-start">9 de diciembre de 2022</span>
|
||||
<a href="/es/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="/es/blogs/markdown-syntax/">
|
||||
<img src="/images/post.jpg" class="card-img-top" alt="Sintaxis de Markdown">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="card-body bg-transparent p-3 shadow-sm">
|
||||
<a href="/es/blogs/markdown-syntax/" class="primary-font card-title">
|
||||
<h5 class="card-title bg-transparent" title="Sintaxis de Markdown">Sintaxis de Markdown</h5>
|
||||
</a>
|
||||
<div class="card-text secondary-font">
|
||||
<p><h2 id="párrafo">Párrafo</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 de abril de 2021</span>
|
||||
<a href="/es/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="/es/blogs/emoji-support/">
|
||||
<img src="/images/post.jpg" class="card-img-top" alt="Soporte de Emoji">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="card-body bg-transparent p-3 shadow-sm">
|
||||
<a href="/es/blogs/emoji-support/" class="primary-font card-title">
|
||||
<h5 class="card-title bg-transparent" title="Soporte de Emoji">Soporte de Emoji</h5>
|
||||
</a>
|
||||
<div class="card-text secondary-font">
|
||||
<p><p>Los emoji se pueden habilitar en un proyecto Hugo de varias maneras. :zap:</p>
|
||||
<h2 id="soporte-de-emoji">Soporte de Emoji</h2>
|
||||
<p>La función <a href="https://gohugo.io/functions/emojify/">emojify</a> se puede llamar directamente en las plantillas o <a href="https://gohugo.io/templates/shortcode-templates/#inline-shortcodes">Shortcodes en línea</a>.</p>
|
||||
<p>Para habilitar emoji globalmente, establece <code>enableEmoji</code> en <code>true</code> en la <a href="https://gohugo.io/getting-started/configuration/">configuración</a> de tu sitio y luego puedes escribir …</p></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-auto card-footer">
|
||||
<span class="float-start">3 de abril de 2021</span>
|
||||
<a href="/es/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:1313/" title="Hugo Profile">
|
||||
<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>
|
||||
11
public/es/categories/index.xml
Normal file
11
public/es/categories/index.xml
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Categories on Hugo Profile</title>
|
||||
<link>http://localhost:1313/es/categories/</link>
|
||||
<description>Recent content in Categories on Hugo Profile</description>
|
||||
<generator>Hugo</generator>
|
||||
<language>es</language>
|
||||
<atom:link href="http://localhost:1313/es/categories/index.xml" rel="self" type="application/rss+xml" />
|
||||
</channel>
|
||||
</rss>
|
||||
9
public/es/categories/page/1/index.html
Normal file
9
public/es/categories/page/1/index.html
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="es">
|
||||
<head>
|
||||
<title>http://localhost:1313/es/categories/</title>
|
||||
<link rel="canonical" href="http://localhost:1313/es/categories/">
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="refresh" content="0; url=http://localhost:1313/es/categories/">
|
||||
</head>
|
||||
</html>
|
||||
625
public/es/gallery/index.html
Normal file
625
public/es/gallery/index.html
Normal file
|
|
@ -0,0 +1,625 @@
|
|||
<!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/es/gallery/">
|
||||
<meta property="og:site_name" content="Daydreel">
|
||||
<meta property="og:title" content="Galería de Imágenes">
|
||||
<meta property="og:description" content="Mi galería :earth_asia:">
|
||||
<meta property="og:locale" content="fr">
|
||||
<meta property="og:type" content="article">
|
||||
<meta property="article:section" content="es">
|
||||
<meta property="article:published_time" content="2022-06-25T18:35:46+05:30">
|
||||
<meta property="article:modified_time" content="2022-06-25T18:35:46+05:30">
|
||||
|
||||
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:title" content="Galería de Imágenes">
|
||||
<meta name="twitter:description" content="Mi galería :earth_asia:">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="alternate" hreflang="fr" href="http://localhost:35735/es/gallery/" 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="Galería de Imágenes of Daydreel">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/css/gallery.css">
|
||||
<link rel="stylesheet" href="/viewer/viewer.min.css">
|
||||
<script src="/viewer/viewer.min.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<title>
|
||||
Galería de Imágenes | 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">
|
||||
<div class="container pt-5" id="list-page">
|
||||
<h2 class="text-center pb-2">Galería de Imágenes</h2>
|
||||
<h6 class="text-center">Mi galería 🌏</h6>
|
||||
<div class="row p-4">
|
||||
|
||||
</div>
|
||||
<div class="card-group p-4">
|
||||
<div class="row justify-content-center">
|
||||
|
||||
<div class="col-md-4 p-0 m-0">
|
||||
<div class="card p-0 m-0 border-0">
|
||||
<img class="w-100 viewer-enabled-image" height="280px" src="https://iso.500px.com/wp-content/uploads/2016/03/stock-photo-142984111-1500x1000.jpg">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 p-0 m-0">
|
||||
<div class="card p-0 m-0 border-0">
|
||||
<img class="w-100 viewer-enabled-image" height="280px" src="https://img.etimg.com/thumb/msid-68721417,width-650,imgsize-1016106,,resizemode-4,quality-100/nature1_gettyimages.jpg">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 p-0 m-0">
|
||||
<div class="card p-0 m-0 border-0">
|
||||
<img class="w-100 viewer-enabled-image" height="280px" src="https://thumbs.dreamstime.com/b/team-ants-council-collective-decision-work-17037482.jpg">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 p-0 m-0">
|
||||
<div class="card p-0 m-0 border-0">
|
||||
<img class="w-100 viewer-enabled-image" height="280px" src="https://thumbs.dreamstime.com/b/summer-day-smiling-women-relax-wearing-red-dress-fashion-standing-wooden-bridge-over-sea-blue-sky-background-summer-107411998.jpg">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 p-0 m-0">
|
||||
<div class="card p-0 m-0 border-0">
|
||||
<img class="w-100 viewer-enabled-image" height="280px" src="https://thumbs.dreamstime.com/b/young-woman-playing-dog-pet-beach-sunrise-sunset-girl-dog-having-fun-seasid-seaside-cute-neglected-stay-66480218.jpg">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 p-0 m-0">
|
||||
<div class="card p-0 m-0 border-0">
|
||||
<img class="w-100 viewer-enabled-image" height="280px" src="https://thumbs.dreamstime.com/b/funny-picture-taken-sunrise-frozen-lake-perspective-rider-retro-bicycle-sunrise-personal-211066044.jpg">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
var viewer = new Viewer(document.getElementById('list-page'), {
|
||||
...{"title":false}
|
||||
});
|
||||
});
|
||||
</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>
|
||||
12
public/es/gallery/index.xml
Normal file
12
public/es/gallery/index.xml
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Galería de Imágenes on Daydreel</title>
|
||||
<link>http://localhost:35735/es/gallery/</link>
|
||||
<description>Recent content in Galería de Imágenes on Daydreel</description>
|
||||
<generator>Hugo</generator>
|
||||
<language>fr</language>
|
||||
<lastBuildDate></lastBuildDate>
|
||||
<atom:link href="http://localhost:35735/es/gallery/index.xml" rel="self" type="application/rss+xml" />
|
||||
</channel>
|
||||
</rss>
|
||||
586
public/es/index.html
Normal file
586
public/es/index.html
Normal file
|
|
@ -0,0 +1,586 @@
|
|||
<!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/es/">
|
||||
<meta property="og:site_name" content="Daydreel">
|
||||
<meta property="og:title" content="Es">
|
||||
<meta property="og:description" content="Text about my cool site">
|
||||
<meta property="og:locale" content="fr">
|
||||
<meta property="og:type" content="website">
|
||||
|
||||
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:title" content="Es">
|
||||
<meta name="twitter:description" content="Text about my cool site">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="alternate" hreflang="fr" href="http://localhost:35735/es/" 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="Es of Daydreel">
|
||||
<link rel="stylesheet" href="/css/list.css" media="all">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<title>
|
||||
Es | 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">
|
||||
<div class="container pt-5" id="list-page">
|
||||
<h2 class="text-center pb-2">Es</h2>
|
||||
<div class="row">
|
||||
|
||||
<div class="col-lg-4 col-md-6 my-3">
|
||||
<div class="card h-100">
|
||||
|
||||
<div class="card-body bg-transparent p-4 shadow-sm">
|
||||
<a href="/es/gallery/" class="primary-font card-title">
|
||||
<h5 class="card-title bg-transparent" title="Galería de Imágenes">Galería de Imágenes</h5>
|
||||
</a>
|
||||
<div class="card-text secondary-font">
|
||||
<p></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-auto post-footer bg-transparent py-3">
|
||||
<span class="float-start bg-transparent">25 juin 2022</span>
|
||||
<a href="/es/gallery/" class="float-end btn btn-outline-info btn-sm">Read</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-auto m-3">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</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>
|
||||
1
public/es/index.json
Normal file
1
public/es/index.json
Normal file
File diff suppressed because one or more lines are too long
19
public/es/index.xml
Normal file
19
public/es/index.xml
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Es on Daydreel</title>
|
||||
<link>http://localhost:35735/es/</link>
|
||||
<description>Recent content in Es on Daydreel</description>
|
||||
<generator>Hugo</generator>
|
||||
<language>fr</language>
|
||||
<lastBuildDate>Sat, 25 Jun 2022 18:35:46 +0530</lastBuildDate>
|
||||
<atom:link href="http://localhost:35735/es/index.xml" rel="self" type="application/rss+xml" />
|
||||
<item>
|
||||
<title>Galería de Imágenes</title>
|
||||
<link>http://localhost:35735/es/gallery/</link>
|
||||
<pubDate>Sat, 25 Jun 2022 18:35:46 +0530</pubDate>
|
||||
<guid>http://localhost:35735/es/gallery/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
</channel>
|
||||
</rss>
|
||||
9
public/es/page/1/index.html
Normal file
9
public/es/page/1/index.html
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<title>http://localhost:35735/es/</title>
|
||||
<link rel="canonical" href="http://localhost:35735/es/">
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="refresh" content="0; url=http://localhost:35735/es/">
|
||||
</head>
|
||||
</html>
|
||||
280
public/es/sitemap.xml
Normal file
280
public/es/sitemap.xml
Normal file
|
|
@ -0,0 +1,280 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
|
||||
xmlns:xhtml="http://www.w3.org/1999/xhtml">
|
||||
<url>
|
||||
<loc>http://localhost:1313/es/blogs/</loc>
|
||||
<lastmod>2022-12-09T19:53:33+05:30</lastmod>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="en"
|
||||
href="http://localhost:1313/blogs/"
|
||||
/>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="fr"
|
||||
href="http://localhost:1313/fr/blogs/"
|
||||
/>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="es"
|
||||
href="http://localhost:1313/es/blogs/"
|
||||
/>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/es/tags/ejemplo/</loc>
|
||||
<lastmod>2022-12-09T19:53:33+05:30</lastmod>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="en"
|
||||
href="http://localhost:1313/tags/ejemplo/"
|
||||
/>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="es"
|
||||
href="http://localhost:1313/es/tags/ejemplo/"
|
||||
/>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/es/</loc>
|
||||
<lastmod>2022-12-09T19:53:33+05:30</lastmod>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="en"
|
||||
href="http://localhost:1313/"
|
||||
/>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="fr"
|
||||
href="http://localhost:1313/fr/"
|
||||
/>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="es"
|
||||
href="http://localhost:1313/es/"
|
||||
/>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/es/tags/mathjax/</loc>
|
||||
<lastmod>2022-12-09T19:53:33+05:30</lastmod>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="en"
|
||||
href="http://localhost:1313/tags/mathjax/"
|
||||
/>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="fr"
|
||||
href="http://localhost:1313/fr/tags/mathjax/"
|
||||
/>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="es"
|
||||
href="http://localhost:1313/es/tags/mathjax/"
|
||||
/>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/es/blogs/math/</loc>
|
||||
<lastmod>2022-12-09T19:53:33+05:30</lastmod>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="en"
|
||||
href="http://localhost:1313/blogs/math/"
|
||||
/>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="fr"
|
||||
href="http://localhost:1313/fr/blogs/math/"
|
||||
/>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="es"
|
||||
href="http://localhost:1313/es/blogs/math/"
|
||||
/>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/es/tags/sintaxis-de-markdown/</loc>
|
||||
<lastmod>2022-12-09T19:53:33+05:30</lastmod>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="en"
|
||||
href="http://localhost:1313/tags/sintaxis-de-markdown/"
|
||||
/>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="es"
|
||||
href="http://localhost:1313/es/tags/sintaxis-de-markdown/"
|
||||
/>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/es/tags/</loc>
|
||||
<lastmod>2022-12-09T19:53:33+05:30</lastmod>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="en"
|
||||
href="http://localhost:1313/tags/"
|
||||
/>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="fr"
|
||||
href="http://localhost:1313/fr/tags/"
|
||||
/>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="es"
|
||||
href="http://localhost:1313/es/tags/"
|
||||
/>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/es/gallery/</loc>
|
||||
<lastmod>2022-06-25T18:35:46+05:30</lastmod>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="en"
|
||||
href="http://localhost:1313/gallery/"
|
||||
/>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="fr"
|
||||
href="http://localhost:1313/fr/gallery/"
|
||||
/>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="es"
|
||||
href="http://localhost:1313/es/gallery/"
|
||||
/>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/es/tags/muestra/</loc>
|
||||
<lastmod>2021-04-03T23:29:21+05:30</lastmod>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="en"
|
||||
href="http://localhost:1313/tags/muestra/"
|
||||
/>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="es"
|
||||
href="http://localhost:1313/es/tags/muestra/"
|
||||
/>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/es/blogs/markdown-syntax/</loc>
|
||||
<lastmod>2021-04-03T23:29:21+05:30</lastmod>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="en"
|
||||
href="http://localhost:1313/blogs/markdown-syntax/"
|
||||
/>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="fr"
|
||||
href="http://localhost:1313/fr/blogs/markdown-syntax/"
|
||||
/>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="es"
|
||||
href="http://localhost:1313/es/blogs/markdown-syntax/"
|
||||
/>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/es/blogs/emoji-support/</loc>
|
||||
<lastmod>2021-04-03T22:53:58+05:30</lastmod>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="en"
|
||||
href="http://localhost:1313/blogs/emoji-support/"
|
||||
/>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="fr"
|
||||
href="http://localhost:1313/fr/blogs/emoji-support/"
|
||||
/>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="es"
|
||||
href="http://localhost:1313/es/blogs/emoji-support/"
|
||||
/>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/es/tags/soporte-de-emoji/</loc>
|
||||
<lastmod>2021-04-03T22:53:58+05:30</lastmod>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="en"
|
||||
href="http://localhost:1313/tags/soporte-de-emoji/"
|
||||
/>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="es"
|
||||
href="http://localhost:1313/es/tags/soporte-de-emoji/"
|
||||
/>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/es/blogs/placeholder-text/</loc>
|
||||
<lastmod>2021-04-03T22:41:10+05:30</lastmod>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="en"
|
||||
href="http://localhost:1313/blogs/placeholder-text/"
|
||||
/>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="fr"
|
||||
href="http://localhost:1313/fr/blogs/placeholder-text/"
|
||||
/>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="es"
|
||||
href="http://localhost:1313/es/blogs/placeholder-text/"
|
||||
/>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/es/tags/texto-de-relleno/</loc>
|
||||
<lastmod>2021-04-03T22:41:10+05:30</lastmod>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="en"
|
||||
href="http://localhost:1313/tags/texto-de-relleno/"
|
||||
/>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="es"
|
||||
href="http://localhost:1313/es/tags/texto-de-relleno/"
|
||||
/>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/es/blogs/rich-content/</loc>
|
||||
<lastmod>2021-04-03T19:53:33+05:30</lastmod>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="en"
|
||||
href="http://localhost:1313/blogs/rich-content/"
|
||||
/>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="fr"
|
||||
href="http://localhost:1313/fr/blogs/rich-content/"
|
||||
/>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="es"
|
||||
href="http://localhost:1313/es/blogs/rich-content/"
|
||||
/>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/es/tags/contenido-enriquecido/</loc>
|
||||
<lastmod>2021-04-03T19:53:33+05:30</lastmod>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="en"
|
||||
href="http://localhost:1313/tags/contenido-enriquecido/"
|
||||
/>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="es"
|
||||
href="http://localhost:1313/es/tags/contenido-enriquecido/"
|
||||
/>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/es/categories/</loc>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="en"
|
||||
href="http://localhost:1313/categories/"
|
||||
/>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="fr"
|
||||
href="http://localhost:1313/fr/categories/"
|
||||
/>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="es"
|
||||
href="http://localhost:1313/es/categories/"
|
||||
/>
|
||||
</url>
|
||||
</urlset>
|
||||
598
public/es/tags/contenido-enriquecido/index.html
Normal file
598
public/es/tags/contenido-enriquecido/index.html
Normal file
|
|
@ -0,0 +1,598 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="es">
|
||||
|
||||
<head><script src="/livereload.js?mindelay=10&v=2&port=1313&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:1313/es/tags/contenido-enriquecido/">
|
||||
<meta property="og:site_name" content="Hugo Profile">
|
||||
<meta property="og:title" content="Contenido Enriquecido">
|
||||
<meta property="og:description" content="Text about my cool site">
|
||||
<meta property="og:locale" content="es">
|
||||
<meta property="og:type" content="website">
|
||||
|
||||
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:title" content="Contenido Enriquecido">
|
||||
<meta name="twitter:description" content="Text about my cool site">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="alternate" hreflang="en" href="http://localhost:1313/tags/contenido-enriquecido/" title="English">
|
||||
|
||||
<link rel="alternate" hreflang="es" href="http://localhost:1313/es/tags/contenido-enriquecido/" title="Español">
|
||||
|
||||
|
||||
<meta property="og:locale" content="es">
|
||||
|
||||
<meta property="og:locale:alternate" content="en">
|
||||
|
||||
|
||||
|
||||
<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="Contenido Enriquecido of Hugo Profile">
|
||||
<link rel="stylesheet" href="/css/list.css" media="all">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<title>
|
||||
Contenido Enriquecido | Hugo Profile
|
||||
|
||||
</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="/es/">
|
||||
|
||||
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="/es/#about" aria-label="about">
|
||||
Sobre Mí
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="/es/#experience"
|
||||
aria-label="experience">
|
||||
Experiencia
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="/es/#education"
|
||||
aria-label="education">
|
||||
Educación
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="/es/#projects"
|
||||
aria-label="projects">
|
||||
Proyectos
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="/es/#achievements"
|
||||
aria-label="achievements">
|
||||
Logros
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="/es/#contact"
|
||||
aria-label="contact">
|
||||
Contacto
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="/es/blogs" title="Publicaciones del blog">
|
||||
|
||||
Blog
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="/es/gallery" title="Galería de imágenes">
|
||||
|
||||
Galería
|
||||
</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">Español</span>
|
||||
|
||||
</a>
|
||||
<div class="dropdown-menu shadow-lg rounded" aria-labelledby="languageDropdown"><a class="dropdown-item text-center nav-link"
|
||||
href="/tags/contenido-enriquecido/"
|
||||
title="English">
|
||||
English
|
||||
</a><a class="dropdown-item text-center nav-link active"
|
||||
href="/es/tags/contenido-enriquecido/"
|
||||
title="Español">
|
||||
Español
|
||||
</a></div>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<div id="content">
|
||||
<div class="container pt-5" id="list-page">
|
||||
<h2 class="text-center pb-2">Contenido Enriquecido</h2>
|
||||
<div class="row">
|
||||
|
||||
<div class="col-lg-4 col-md-6 my-3">
|
||||
<div class="card h-100">
|
||||
|
||||
<div class="card-header">
|
||||
<a href="/es/blogs/rich-content/">
|
||||
<img src="/images/post.jpg" class="card-img-top" alt="Contenido Enriquecido">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="card-body bg-transparent p-4 shadow-sm">
|
||||
<a href="/es/blogs/rich-content/" class="primary-font card-title">
|
||||
<h5 class="card-title bg-transparent" title="Contenido Enriquecido">Contenido Enriquecido</h5>
|
||||
</a>
|
||||
<div class="card-text secondary-font">
|
||||
<p><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>{{< tweet user="GoHugoIO" …</code></pre></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-auto post-footer bg-transparent py-3">
|
||||
<span class="float-start bg-transparent">3 de abril de 2021</span>
|
||||
<a href="/es/blogs/rich-content/" class="float-end btn btn-outline-info btn-sm">Read</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-auto m-3">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</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="/es/blogs/math/">
|
||||
<img src="/images/mathjax.png" class="card-img-top" alt="Renderizar Matemáticas con Mathjax">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="card-body bg-transparent p-3 shadow-sm">
|
||||
<a href="/es/blogs/math/" class="primary-font card-title">
|
||||
<h5 class="card-title bg-transparent" title="Renderizar Matemáticas con Mathjax">Renderizar Matemáticas …</h5>
|
||||
</a>
|
||||
<div class="card-text secondary-font">
|
||||
<p><h2 id="mathjax">Mathjax</h2>
|
||||
<p>Las ecuaciones matemáticas se pueden renderizar usando la sintaxis de <a href="https://www.mathjax.org">Mathjax</a> con soporte de símbolos AMS.</p>
|
||||
<p>Opcionalmente, habilita esto por página agregando <code>mathjax: true</code> a tu frontmatter.</p>
|
||||
<p>Luego, usa <code>$$ ... $$</code> en una línea por sí sola para renderizar una ecuación de bloque:</p>
|
||||
<p>$$ | Pr_{x …</p></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-auto card-footer">
|
||||
<span class="float-start">9 de diciembre de 2022</span>
|
||||
<a href="/es/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="/es/blogs/markdown-syntax/">
|
||||
<img src="/images/post.jpg" class="card-img-top" alt="Sintaxis de Markdown">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="card-body bg-transparent p-3 shadow-sm">
|
||||
<a href="/es/blogs/markdown-syntax/" class="primary-font card-title">
|
||||
<h5 class="card-title bg-transparent" title="Sintaxis de Markdown">Sintaxis de Markdown</h5>
|
||||
</a>
|
||||
<div class="card-text secondary-font">
|
||||
<p><h2 id="párrafo">Párrafo</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 de abril de 2021</span>
|
||||
<a href="/es/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="/es/blogs/emoji-support/">
|
||||
<img src="/images/post.jpg" class="card-img-top" alt="Soporte de Emoji">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="card-body bg-transparent p-3 shadow-sm">
|
||||
<a href="/es/blogs/emoji-support/" class="primary-font card-title">
|
||||
<h5 class="card-title bg-transparent" title="Soporte de Emoji">Soporte de Emoji</h5>
|
||||
</a>
|
||||
<div class="card-text secondary-font">
|
||||
<p><p>Los emoji se pueden habilitar en un proyecto Hugo de varias maneras. :zap:</p>
|
||||
<h2 id="soporte-de-emoji">Soporte de Emoji</h2>
|
||||
<p>La función <a href="https://gohugo.io/functions/emojify/">emojify</a> se puede llamar directamente en las plantillas o <a href="https://gohugo.io/templates/shortcode-templates/#inline-shortcodes">Shortcodes en línea</a>.</p>
|
||||
<p>Para habilitar emoji globalmente, establece <code>enableEmoji</code> en <code>true</code> en la <a href="https://gohugo.io/getting-started/configuration/">configuración</a> de tu sitio y luego puedes escribir …</p></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-auto card-footer">
|
||||
<span class="float-start">3 de abril de 2021</span>
|
||||
<a href="/es/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:1313/" title="Hugo Profile">
|
||||
<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>
|
||||
19
public/es/tags/contenido-enriquecido/index.xml
Normal file
19
public/es/tags/contenido-enriquecido/index.xml
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Contenido Enriquecido on Hugo Profile</title>
|
||||
<link>http://localhost:1313/es/tags/contenido-enriquecido/</link>
|
||||
<description>Recent content in Contenido Enriquecido on Hugo Profile</description>
|
||||
<generator>Hugo</generator>
|
||||
<language>es</language>
|
||||
<lastBuildDate>Sat, 03 Apr 2021 19:53:33 +0530</lastBuildDate>
|
||||
<atom:link href="http://localhost:1313/es/tags/contenido-enriquecido/index.xml" rel="self" type="application/rss+xml" />
|
||||
<item>
|
||||
<title>Contenido Enriquecido</title>
|
||||
<link>http://localhost:1313/es/blogs/rich-content/</link>
|
||||
<pubDate>Sat, 03 Apr 2021 19:53:33 +0530</pubDate>
|
||||
<guid>http://localhost:1313/es/blogs/rich-content/</guid>
|
||||
<description><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></description>
|
||||
</item>
|
||||
</channel>
|
||||
</rss>
|
||||
9
public/es/tags/contenido-enriquecido/page/1/index.html
Normal file
9
public/es/tags/contenido-enriquecido/page/1/index.html
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="es">
|
||||
<head>
|
||||
<title>http://localhost:1313/es/tags/contenido-enriquecido/</title>
|
||||
<link rel="canonical" href="http://localhost:1313/es/tags/contenido-enriquecido/">
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="refresh" content="0; url=http://localhost:1313/es/tags/contenido-enriquecido/">
|
||||
</head>
|
||||
</html>
|
||||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Reference in a new issue