-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
1 lines (1 loc) · 15.4 KB
/
index.html
1
<!doctype html><html lang="es"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="author" content="Sergio Forés R"><meta name="keywords" content="Art, Holistic, Creacion, Cabala, Conciencia, Design, 3D printing, Process, HTML, CSS, JavaScript, Crisis, Bloqueo, Creativo, Multidimensional, Arte, Analogia, Hermeneutica, Mapas, Tecnología"><link rel="icon" type="image/x-icon" href="/favicon.ico"><link rel="stylesheet" href="./style.css"><title>+0+1234 - Sergio Forés</title><meta name="description" content="Sergio Forés, arte, desarrollo web y conciencia holistica"></head><body style="overflow:hidden"><div id="wrap-preloader" style="flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center;align-content:center;width:100vw;height:100vh;background-color:#fae4e5;margin:0;padding:0"><svg class="animintro" id="preloader" viewbox="-0 -0 110 110" xmlns="http://www.w3.org/2000/svg" style="z-index:9999999999999999;width:50%"><circle class="grande" cx="50%" cy="50%" r="50" style="fill:#fff;stroke-width:2px;stroke:#000" vector-effect="non-scaling-stroke"></circle><circle class="mediano" cx="27.5%" cy="50%" r="25" style="fill:none;stroke-width:2px;stroke:#000" vector-effect="non-scaling-stroke"></circle><circle class="mediano" cx="72.5%" cy="50%" r="25" style="fill:none;stroke-width:2px;stroke:#000" vector-effect="non-scaling-stroke"></circle><circle class="uno" cx="15.6%" cy="50%" r="12.5" style="fill:none;stroke-width:2px;stroke:#000" vector-effect="non-scaling-stroke"></circle><circle class="tres" cx="61.5%" cy="50%" r="12.5" style="fill:none;stroke-width:2px;stroke:#000" vector-effect="non-scaling-stroke"></circle><circle class="dos" cx="38.5%" cy="50%" r="12.5" style="fill:none;stroke-width:2px;stroke:#000" vector-effect="non-scaling-stroke"></circle><circle class="cuatro" cx="84.4%" cy="50%" r="12.5" style="fill:none;stroke-width:2px;stroke:#000" vector-effect="non-scaling-stroke"></circle><text x="39" y="93" font-size="7" font-weight="bold" fill="black" letter-spacing="12">+0+1234</text></svg><h4 style="text-align:center;color:#000;font-size:1.5rem;margin-top:0;margin-bottom:0">Preparando para contar...</h4></div><div class="fade-page-off" id="theSite"><div class="navContainer" id="navcontainer"><a class="brand" href="./" role="link"><svg class="logo2" id="logo" viewbox="0 0 171 173" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-miterlimit:1"><path d="M79.283 104.861c-6.22 8.972-16.591 14.852-28.324 14.852-13.116 0-24.53-7.347-30.345-18.148M21.103 68.102c5.952-10.318 17.098-17.269 29.856-17.269 11.506 0 21.702 5.655 27.958 14.335M150.265 101.413c-5.79 10.883-17.249 18.3-30.426 18.3-12.078 0-22.711-6.229-28.86-15.648M92.065 64.914c6.271-8.536 16.38-14.081 27.774-14.081 12.233 0 22.985 6.392 29.095 16.015"></path><path d="M152.215 101.54c-6.314 26.029-27.441 46.295-53.936 51.353M76.516 153.557c-28.668-3.664-51.849-24.991-58.268-52.709M18.466 68.793c6.609-26.849 28.989-47.522 56.735-51.614M99.067 17.817c25.766 5.234 46.325 24.878 52.882 50.139"></path><path class="numeros" d="M16.52 96.875c5.241 0 9.088-3.968 9.088-10.966 0-6.998-3.847-10.966-9.088-10.966-5.21 0-9.088 3.968-9.088 10.966 0 6.998 3.878 10.966 9.088 10.966Zm0-4.15c-2.423 0-4.12-1.999-4.12-6.816 0-4.816 1.697-6.815 4.12-6.815 2.454 0 4.15 1.999 4.15 6.815 0 4.817-1.696 6.816-4.15 6.816ZM161.049 88.066h-3.454v-3.968h-4.634v3.968h-5.696l9.27-12.752h-5.15l-9.997 13.449v3.303h11.421v4.453h4.786v-4.453h3.454v-4ZM78.989 75.315v3.938h4.242V96.52h4.907V75.315h-9.149ZM84.635 161.345l4.877-4.606c2.969-2.756 3.545-4.634 3.545-6.693 0-3.849-3.151-6.272-7.877-6.272-3.817 0-6.786 1.545-8.422 3.938l3.575 2.302c1.03-1.423 2.575-2.12 4.393-2.12 2.241 0 3.392.97 3.392 2.636 0 1.029-.333 2.121-2.211 3.907l-8.179 7.725v3.181h16.025v-3.998h-9.118ZM87.787 15.101l4.786-5.452V6.468H77.729v3.938h9.028l-4.362 4.938v3.241h2.241c2.787 0 3.968 1 3.968 2.605 0 1.727-1.514 2.726-3.968 2.726-2.211 0-4.453-.696-6.058-1.907l-1.909 3.756c2.06 1.454 5.12 2.271 8.088 2.271 6.029 0 8.785-3.271 8.785-6.846 0-3.12-1.938-5.483-5.755-6.089Z"></path></svg></a><nav class="mainNav" id="navbar"><nav class="nav"><li class="nav-item nav-item-active"><a href="/">Cuento</a></li><li class="nav-item"><a href="/vision.html">Visión</a></li><li class="nav-item"><a href="/obra.html">Obra</a></li><li class="nav-item"><a href="/lab.html">LAB</a></li><li class="nav-item"><a href="/dev.html">DEV</a></li></nav></nav></div><header class="mainHeader" id="mainHeader"><main title="covertitle"><h1>Cuento Creación</h1></main><header title="sintesis"><h2>0 1 2 3 4 ya!<br>Desvelando lo que Es<br>Ser en el Humano</h2></header><aside class="bgCover bgCover--special" title="coverimg" style="background-image:url(assets/img/bgcover13.jpg)"></aside></header><main class="mainContent"><section class="sectionContent"><div class="grid"><article class="grid-12 grid-md-6"><div class="slider--container"><div class="slider1 card"><h3>Brindo la bitácora<br>de andar en mi verdad</h3><ul><li>La forma de mis obras son vehículos para que la luz se pueda reflejar.</li><li>Me meto en el huerto de estar y quedarme...</li><li>Incorporo el aprendizaje contínuo de no saber</li><li>Las letras hebreas me permiten expandir mi comprensión</li><li>Clarificar y verificar el BRILLO PROPIO (sin intermediarios)</li></ul></div><div class="slider1 card"><h3>Me doy cuenta de mí</h3><ul><li>Vibro el acceso directo a mi verdad</li><li>Lo cuento todo para que, lo que Es, se cumpla</li><li>El ambiente me transforma a través del símbolo</li></ul></div><div class="slider1 card"><h3>Entiendo y percibo el Proceso 01234</h3><ul><li>Bajando claridad en el decir de mi ser-humano.</li><li>Incorporo el aprendizaje contínuo de no saber</li><li>Me expando para verme</li><li>Dejo registro para clarificarme.</li><li>Avanzo en coherencia paso a paso.</li><li>Percibo el pensamiento de la Creación.</li><li>מחשבת הבריאה</li></ul></div><div class="slider1 card"><h3>Abro mi verdad llegando a mí</h3><ul><li>Las letras hebreas me permiten expandir mi comprensión</li><li>El código Web me abre el funcionamiento de todo</li><li>Cuando yo percibo un símbolo tomo conciencia de una realidad, de un sentido que el simbolo está produciendo sobre mi. Se activa una conciencia de revelación.</li><li>El producto es el proceso</li><li>Hago cosas para que estén</li></ul></div><button class="prev" onclick="plusDivs(-1,0)">❮</button> <button class="next" onclick="plusDivs(1,0)">❯</button></div></article><article class="grid-12 grid-md-6"><div class="slider--container"><div class="slider2 bgImg" style="background-image:url(assets/img/logo3.svg)"></div><div class="slider2 bgImg" style="background-image:url(assets/img/grafico5.svg)"></div><div class="slider2 bgImg" style="background-image:url(assets/img/grafico1.svg)"></div><div class="slider2 bgImg" style="background-image:url(assets/img/grafico6.svg)"></div><div class="slider2 bgImg" style="background-image:url(assets/img/grafico4.svg)"></div><div class="slider2 bgImg" style="background-image:url(assets/img/grafico3.svg)"></div><div class="slider2 bgImg" style="background-image:url(assets/img/grafico2.svg)"></div><div class="slider2 bgImg" style="background-image:url(assets/img/pardes-alef.png)"></div><div class="slider2 bgImg" style="background-image:url(assets/img/bg3.png)"></div><div class="slider2 bgImg" style="background-image:url(assets/img/obra5.jpg)"></div><button class="prev" onclick="plusDivs(-1,1)">❮</button> <button class="next" onclick="plusDivs(1,1)">❯</button></div></article><article class="grid-12 grid-md-6 placeself"><div class="card"><h3>Ver la lógica<br>de este momento</h3><ul><li>Entiendo y percibo el Proceso 01234</li><li>Observo un territorio holístico de creación en el que cristaliza todo lo que soy en esta antena humana que no para de resonar y vibrar.</li><li>Cuento todo el rato para darme cuenta y expandirlo. La información ocurriendo completamente. Somos respuesta.</li></ul></div></article><article class="grid-12 grid-md-6"><div class="slider--container"><div class="slider4 bgImg" style="background-image:url(assets/img/bg2.jpg)"></div><div class="slider4 bgImg" style="background-image:url(assets/img/obra10.jpg)"></div><div class="slider4 bgImg" style="background-image:url(assets/img/bg16.jpg)"></div><div class="slider4 bgImg" style="background-image:url(assets/img/detalle3.jpg)"></div><div class="slider4 bgImg" style="background-image:url(assets/img/obra2.jpg)"></div><div class="slider4 bgImg" style="background-image:url(assets/img/grafico7.svg)"></div><div class="slider4 bgImg" style="background-image:url(assets/img/img3.jpg)"></div><div class="slider4 bgImg" style="background-image:url(assets/img/pieza.jpg)"></div><div class="slider4 bgImg" style="background-image:url(assets/img/obra6.jpg)"></div><div class="slider4 bgImg" style="background-image:url(assets/img/obra4.jpg)"></div><div class="slider4 bgImg" style="background-image:url(assets/img/obra10.jpg)"></div><div class="slider4 bgImg" style="background-image:url(assets/img/obra1.jpg)"></div><div class="slider4 bgImg" style="background-image:url(assets/img/th-img4.jpg)"></div><button class="prev" onclick="plusDivs(-1,3)">❮</button> <button class="next" onclick="plusDivs(1,3)">❯</button></div></article><article class="grid-12 grid-md-6"><div class="slider--container"><div class="slider5 card"><h3>Porque yo cuento<br>me tengo en <mark>cuenta</mark></h3><ul><li>Escribo, pinto, tecleo códigos y símbolos</li><li>Desarrollando en coherencia con la Creación</li><li>Soy/Humano Nuevo en evolución sin fin</li></ul></div><div class="slider5 card"><h3>Digo para que se cumpla la existencia y tenga gracia.</h3><ul><li>Dándome cuenta de mí.</li><li>Afinando claridad</li><li>Honor y gratitud por lo andado hasta aquí</li><li>Dejo de girar y avanzo</li></ul></div><div class="slider5 card"><h3>Me planto en mi verdad</h3></div><div class="slider5 card"><h3>Lo que Soy se expande al oírse decir</h3></div><div class="slider5 card"><h3>Me doy cuenta ...del fractal que lo vincula todo y ahora paso a paso integro coherencia en mi caminar.</h3></div><button class="prev" onclick="plusDivs(-1,4)">❮</button> <button class="next" onclick="plusDivs(1,4)">❯</button></div></article><article class="grid-12 grid-md-6"><div class="slider--container"><div class="slider6 bgImg" style="background-image:url(assets/img/sergiofores.jpg)"></div><div class="slider6 bgImg" style="background-image:url(assets/img/detalle1.jpg)"></div><div class="slider6 bgImg" style="background-image:url(assets/img/bgcover13.jpg)"></div><div class="slider6 bgImg" style="background-image:url(assets/img/bgcover3.jpg)"></div><button class="prev" onclick="plusDivs(-1,5)">❮</button> <button class="next" onclick="plusDivs(1,5)">❯</button></div></article><article class="grid-12"><div class="slider--container jcc"><div class="slider3"><iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/OU24gZs1urE?si=SqS0U9ILq7HFB511" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe></div><div class="slider3"><iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/hE3STRkMpBY?si=YfepWtsbW-dsk9j3" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe></div><button class="prev" onclick="plusDivs(-1,2)">❮</button> <button class="next" onclick="plusDivs(1,2)">❯</button></div></article></div></section></main><footer class="siteFooter"><div class="grid"><div class="grid-12"><h4 class="tac">Me sigo a mi</h4><div class="followme"><aside class="social-links"><a href="https://www.instagram.com/cuenta.01234/" target="_blank" rel="noopener"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 16 16"><title>Instagram</title><circle cx="12.145" cy="3.892" r="0.96"></circle><path d="M8,12c-2.206,0-4-1.794-4-4s1.794-4,4-4s4,1.794,4,4S10.206,12,8,12zM8,6C6.897,6,6,6.897,6,8s0.897,2,2,2s2-0.897,2-2S9.103,6,8,6z"></path><path d="M12,16H4c-2.056,0-4-1.944-4-4V4c0-2.056,1.944-4,4-4h8c2.056,0,4,1.944,4,4v8C16,14.056,14.056,16,12,16zM4,2C3.065,2,2,3.065,2,4v8c0,0.953,1.047,2,2,2h8c0.935,0,2-1.065,2-2V4c0-0.935-1.065-2-2-2H4z"></path></svg></a><a href="https://twitter.com/t0tinspire" target="_blank" rel="noopener"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" version="1.1"><title>Twitter</title><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></a><a href="https://www.tiktok.com/@pardes474" target="_blank" rel="noopener"><svg viewbox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><title>Tik Tok</title><path d="M412.19,118.66a109.27,109.27,0,0,1-9.45-5.5,132.87,132.87,0,0,1-24.27-20.62c-18.1-20.71-24.86-41.72-27.35-56.43h.1C349.14,23.9,350,16,350.13,16H267.69V334.78c0,4.28,0,8.51-.18,12.69,0,.52-.05,1-.08,1.56,0,.23,0,.47-.05.71,0,.06,0,.12,0,.18a70,70,0,0,1-35.22,55.56,68.8,68.8,0,0,1-34.11,9c-38.41,0-69.54-31.32-69.54-70s31.13-70,69.54-70a68.9,68.9,0,0,1,21.41,3.39l.1-83.94a153.14,153.14,0,0,0-118,34.52,161.79,161.79,0,0,0-35.3,43.53c-3.48,6-16.61,30.11-18.2,69.24-1,22.21,5.67,45.22,8.85,54.73v.2c2,5.6,9.75,24.71,22.38,40.82A167.53,167.53,0,0,0,115,470.66v-.2l.2.2C155.11,497.78,199.36,496,199.36,496c7.66-.31,33.32,0,62.46-13.81,32.32-15.31,50.72-38.12,50.72-38.12a158.46,158.46,0,0,0,27.64-45.93c7.46-19.61,9.95-43.13,9.95-52.53V176.49c1,.6,14.32,9.41,14.32,9.41s19.19,12.3,49.13,20.31c21.48,5.7,50.42,6.9,50.42,6.9V131.27C453.86,132.37,433.27,129.17,412.19,118.66Z"></path></svg></a><a href="https://www.facebook.com/TODH-2139705836275088" target="_blank" rel="noopener"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 16 16"><title>Facebook</title><path d="M15.3,0H0.7C0.3,0,0,0.3,0,0.7v14.7C0,15.7,0.3,16,0.7,16H8v-5H6V8h2V6c0-2.1,1.2-3,3-3 c0.9,0,1.8,0,2,0v3h-1c-0.6,0-1,0.4-1,1v1h2.6L13,11h-2v5h4.3c0.4,0,0.7-0.3,0.7-0.7V0.7C16,0.3,15.7,0,15.3,0z"></path></svg></a><a href="https://www.youtube.com/channel/UC9C6HRn2RDG3bmWC4Soxtcw" target="_blank" rel="noopener"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 32 32"><title>Youtube</title><path d="M12.932 20.459v-8.917l7.839 4.459zM30.368 8.735c-0.354-1.301-1.354-2.307-2.625-2.663l-0.027-0.006c-3.193-0.406-6.886-0.638-10.634-0.638-0.381 0-0.761 0.002-1.14 0.007l0.058-0.001c-0.322-0.004-0.701-0.007-1.082-0.007-3.748 0-7.443 0.232-11.070 0.681l0.434-0.044c-1.297 0.363-2.297 1.368-2.644 2.643l-0.006 0.026c-0.4 2.109-0.628 4.536-0.628 7.016 0 0.088 0 0.176 0.001 0.263l-0-0.014c-0 0.074-0.001 0.162-0.001 0.25 0 2.48 0.229 4.906 0.666 7.259l-0.038-0.244c0.354 1.301 1.354 2.307 2.625 2.663l0.027 0.006c3.193 0.406 6.886 0.638 10.634 0.638 0.38 0 0.76-0.002 1.14-0.007l-0.058 0.001c0.322 0.004 0.702 0.007 1.082 0.007 3.749 0 7.443-0.232 11.070-0.681l-0.434 0.044c1.298-0.362 2.298-1.368 2.646-2.643l0.006-0.026c0.399-2.109 0.627-4.536 0.627-7.015 0-0.088-0-0.176-0.001-0.263l0 0.013c0-0.074 0.001-0.162 0.001-0.25 0-2.48-0.229-4.906-0.666-7.259l0.038 0.244z"></path></svg></a></aside></div></div><div class="grid-12 tac"><small>Sergio Forés - Honor y Gratitud <small id="fecha"></small></small></div></div></footer></div><script type="module" src="/js/navbar.js"></script><script type="module" src="/js/main.js"></script><script type="module" src="./js/slider.js"></script></body></html>