James/daydreel-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
daydreel-website/public/es/gallery/index.html

626 lines
26 KiB
HTML
Raw Permalink Normal View History

init
2026-02-19 14:14:59 +01:00
<!DOCTYPE html>
<html lang="fr">
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=35735&amp;path=livereload" data-no-instant defer></script><meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta http-equiv="Accept-CH" content="DPR, Viewport-Width, Width">
<link rel="icon" href="/fav.png" type="image/gif">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preload"
as="style"
href="https://fonts.googleapis.com/css2?family=Alata&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
>
<link rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Alata&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
media="print" onload="this.media='all'" />
<noscript>
<link
href="https://fonts.googleapis.com/css2?family=Alata&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
rel="stylesheet">
</noscript>
<link rel="stylesheet" href="/css/font.css" media="all">
<meta property="og:url" content="http://localhost:35735/es/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&#39;images">
Galerie
</a>
</li>
<li class="nav-item navbar-text dropdown">
<a class="nav-link dropdown-toggle" href="#" id="languageDropdown" role="button"
data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
🌐
<span class="d-none d-md-inline">Français</span>
</a>
<div class="dropdown-menu shadow-lg rounded" aria-labelledby="languageDropdown"><a class="dropdown-item text-center nav-link"
href="/en/"
title="English">
English
</a><a class="dropdown-item text-center nav-link active"
href="/"
title="Français">
Français
</a></div>
</li>
</ul>
</div>
</div>
</nav>
</header>
<div id="content">
<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>
&copy; 2026 All rights reserved
<div class="text-secondary">
Made with
<span class="text-danger">
&#10084;
</span>
and
<a href="https://github.com/gurusabarish/hugo-profile" target="_blank"
title="Designed and developed by gurusabarish">
Hugo Profile
</a>
</div>
</div>
</div>
</div>
</footer><script src="/bootstrap-5/js/bootstrap.bundle.min.js"></script>
<script>
if (document.body.className.includes("light")) {
document.documentElement.classList.add('dark');
document.body.classList.add('dark');
localStorage.setItem("pref-theme", 'dark');
}
</script>
<section id="search-content" class="py-2">
<div class="container" id="search-results"></div>
</section>
</body>
</html>
Reference in a new issue Copy permalink