{"id":2433,"date":"2025-10-08T13:45:36","date_gmt":"2025-10-08T11:45:36","guid":{"rendered":"https:\/\/oroi.design\/?page_id=2433"},"modified":"2025-11-28T16:08:47","modified_gmt":"2025-11-28T15:08:47","slug":"cv-broker","status":"publish","type":"page","link":"https:\/\/oroi.design\/index.php\/cv-broker\/","title":{"rendered":"CV BROKER"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Working<\/title>\n <style>\n html, body { \n margin: 0; \n padding: 0;\n height: 100%;\n width: 100%;\n }\n body {\n background: black;\n overflow: hidden; \n display: flex;\n flex-direction: column;\n font-family: Arial, sans-serif;\n }\n\n \/* Cabecero *\/\n header {\n background: #000000;\n color: white;\n padding: 1rem 2rem;\n z-index: 1000;\n position: relative;\n }\n\n .logo {\n text-align: center;\n }\n\n .logo h1 {\n font-size: 2rem;\n margin: 0;\n font-weight: bold;\n }\n\n .logo h2 {\n font-size: 1.2rem;\n margin: 0.5rem 0 0 0;\n color: #ffffff;\n font-weight: normal;\n font-family: \"Georgia\", serif;\n }\n\n \/* Contenido principal - pantalla working *\/\n main {\n flex: 1;\n position: relative;\n overflow: hidden;\n }\n\n .last {\n width: 100%;\n height: 100%;\n display: grid;\n place-items: center;\n margin: 0;\n padding: 0;\n }\n \n .last > * {\n grid-area: 1 \/ 1;\n }\n \n .last h2 {\n color: black;\n font-size: 12vh;\n margin: 0;\n opacity: 0;\n text-align: center;\n z-index: 10;\n font-weight: 900;\n font-family: \"Georgia\", serif;\n text-shadow: 0 0 30px rgba(0, 0, 0, 0.9);\n letter-spacing: 2px;\n }\n\n .working-image { \n opacity: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n margin: 0;\n }\n\n \/* Pie de p\u00e1gina *\/\n footer {\n background: #000000;\n color: white;\n padding: 1.5rem 2rem;\n z-index: 1000;\n position: relative;\n }\n\n .footer-content {\n display: flex;\n justify-content: space-between;\n align-items: center;\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .contact-info p {\n margin: 0.3rem 0;\n color: #ffffff;\n font-size: 1rem;\n }\n\n .quick-links {\n text-align: right;\n }\n\n .quick-links h3 {\n margin: 0 0 0.8rem 0;\n font-size: 1.1rem;\n color: #ffffff;\n }\n\n .quick-links a {\n color: #cccccc;\n text-decoration: none;\n display: block;\n margin: 0.3rem 0;\n font-size: 1rem;\n }\n\n .quick-links a:hover {\n color: #ffffff;\n }\n\n \/* Asegurar que el contenido sea visible *\/\n * {\n box-sizing: border-box;\n }\n\n \/* Eliminar cualquier l\u00ednea horizontal *\/\n hr {\n display: none;\n }\n\n \/* Eliminar bordes que puedan causar l\u00edneas *\/\n header, footer {\n border: none !important;\n }\n <\/style>\n<\/head>\n<body>\n <!-- Cabecero -->\n <header class=\"entry-header ast-no-thumbnail ast-no-title ast-header-without-markup\">\n <div class=\"logo\">\n <h1># 2DJ<\/h1>\n <h2>...working<\/h2>\n <\/div>\n <\/header>\n\n <!-- Pantalla Working -->\n <main>\n <section class=\"last\">\n <img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/972\/800\/600\" class=\"working-image\"\/> \n <h2 data-z=\"1\">...working<\/h2>\n <\/section>\n <\/main>\n\n <!-- Pie de p\u00e1gina -->\n <footer>\n <div class=\"footer-content\">\n <div class=\"contact-info\">\n <p>Gesma<\/p>\n <p>Cv\/Booker<\/p>\n <p>La Cana\u00f1a<\/p>\n <\/div>\n <div class=\"quick-links\">\n <h3>Last Set Threshold<\/h3>\n <a href=\"#proyecto\">Proyecto<\/a>\n <a href=\"#fotografia\">Fotograf\u00eda<\/a>\n <a href=\"#video\">Video<\/a>\n <a href=\"#contado\">Contado<\/a>\n <\/div>\n <\/div>\n <\/footer>\n\n <script type=\"module\">\n \/\/ Made with VFX-JS\n \/\/ https:\/\/amagi.dev\/vfx-js\/\n import { VFX } from \"https:\/\/esm.sh\/@vfx-js\/core@0.8.0\";\n\n const shader = `\n precision highp float;\n uniform sampler2D src;\n uniform vec2 offset;\n uniform vec2 resolution;\n uniform float time;\n out vec4 outColor;\n\n vec4 readTex(vec2 uv) { \n vec4 c = texture(src, uv); \n c.a *= smoothstep(.5, .499, abs(uv.x - .5)) * smoothstep(.5, .499, abs(uv.y - .5)); \/\/ smooth edge\n return c;\n }\n\n vec2 zoom(vec2 uv, float t) {\n return (uv - .5) * t + .5;\n }\n float wave(float y) {\n return sin(y * 1190. + time * 3.) * sin(y * 1001. + time * 7.) * sin(y * 1479. + time * .5) * 0.001;\n }\n float rand(vec3 p) {\n return fract(sin(dot(p, vec3(829., 4839., 432.))) * 39428.);\n }\n\n void main() {\n vec2 uv = (gl_FragCoord.xy - offset) \/ resolution; \n \n vec2 p = uv * 2. - 1.;\n p.x *= resolution.x \/ resolution.y;\n float l = length(p); \n \n \/\/ distort\n float dist = pow(l, 2.) * .3;\n dist = smoothstep(0., 1., dist);\n uv = zoom(uv, 0.5 + dist); \n \n \/\/ blur\n vec2 du = (uv - .5);\n float a = atan(p.y, p.x);\n float rd = rand(vec3(a, time, 0));\n uv = (uv - .5) * (1.0 + rd * pow(l * 0.7, 3.) * 0.3) + .5;\n \n vec2 uvr = uv;\n vec2 uvg = uv;\n vec2 uvb = uv;\n \n \/\/ aberration\n float d = (1. + sin(uv.y * 20. + time * 3.) * 0.1) * 0.05;\n uvr.x += 0.0015;\n uvb.x -= 0.0015;\n uvr = zoom(uvr, 1. + d * l * l);\n uvb = zoom(uvb, 1. - d * l * l); \n \n vec4 cr = readTex(uvr);\n vec4 cg = readTex(uvg);\n vec4 cb = readTex(uvb); \n \n outColor = vec4(cr.r, cg.g, cb.b, (cr.a + cg.a + cb.a) \/ 1.);\n\n \n vec4 deco;\n\n \/\/ scanline\n float res = resolution.y;\n deco += (\n sin(uv.y * res * .7 + time * 100.) *\n sin(uv.y * res * .3 - time * 130.)\n ) * 0.05;\n\n \/\/ grid\n deco += smoothstep(.01, .0, min(fract(uv.x * 20.), fract(uv.y * 20.))) * 0.1;\n\n outColor += deco * smoothstep(2., 0., l);\n \n \/\/ vignette\n outColor *= 1.8 - l * l; \n\n\n \/\/ dither\n outColor += rand(vec3(p, time)) * 0.1; \n }\n `;\n\n const shader2 = `\n precision highp float;\n uniform sampler2D src;\n uniform vec2 offset;\n uniform vec2 resolution;\n uniform float time;\n uniform float id;\n out vec4 outColor;\n\n vec4 readTex(vec2 uv) { \n vec4 c = texture(src, uv); \n c.a *= smoothstep(.5, .499, abs(uv.x - .5)) * smoothstep(.5, .499, abs(uv.y - .5)); \/\/ smooth edge\n return c;\n }\n\n float rand(vec2 p) {\n return fract(sin(dot(p, vec2(829., 483.))) * 394.);\n }\n float rand(vec3 p) {\n return fract(sin(dot(p, vec3(829., 4839., 432.))) * 39428.);\n }\n\n vec2 dist(vec2 uv, float f) {\n float t = time + id;\n uv += sin(uv.y * 12. + t * 1.7) * sin(uv.y * 17. + t * 2.3) * f;\n\n return uv;\n }\n\n void main() {\n vec2 uv = (gl_FragCoord.xy - offset) \/ resolution;\n vec2 uvr = uv, uvg = uv, uvb = uv;\n\n float r = rand(vec2(floor(time * 43.), id));\n \/\/float r = rand(vec2(time, id)); \n if (r > 0.8) {\n float y = sin(floor(uv.y \/ 0.07)) + sin(floor(uv.y \/ 0.003 + time));\n float f = rand(vec2(y, floor(time * 5.0) + id)) * 2. - 1.;\n uvr.x += f * 0.1;\n uvg.x += f * 0.2;\n uvb.x += f * 0.3;\n }\n \n \n float r2 = rand(vec2(floor(time * 37.), id + 10.));\n if (r2 > 0.9) {\n uvr.x += sin(uv.y * 7. + time + id + 1.) * 0.03;\n uvg.x += sin(uv.y * 5. + time + id + 2.) * 0.03;\n uvb.x += sin(uv.y * 3. + time + id + 3.) * 0.03;\n }\n \n \n vec4 cr = readTex(uvr);\n vec4 cg = readTex(uvg);\n vec4 cb = readTex(uvb); \n \n outColor = vec4(cr.r, cg.g, cb.b, (cr.a + cg.a + cb.a) \/ 1.);\n }\n `;\n\n const vfx = new VFX({ \n scrollPadding: false,\n postEffect: { shader } \n });\n\n window.addEventListener('load', function () {\n let i = 0;\n for (const e of document.querySelectorAll('.working-image, h2')) {\n const z = e.getAttribute('data-z');\n vfx.add(e, {\n shader: shader2,\n uniforms: { id: i++ },\n zIndex: z ? parseInt(z) : 0,\n });\n } \n })\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Working # 2DJ …working …working Gesma Cv\/Booker La Cana\u00f1a Last Set Threshold Proyecto Fotograf\u00eda Video Contado<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2433","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/oroi.design\/index.php\/wp-json\/wp\/v2\/pages\/2433","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oroi.design\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/oroi.design\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/oroi.design\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/oroi.design\/index.php\/wp-json\/wp\/v2\/comments?post=2433"}],"version-history":[{"count":100,"href":"https:\/\/oroi.design\/index.php\/wp-json\/wp\/v2\/pages\/2433\/revisions"}],"predecessor-version":[{"id":4045,"href":"https:\/\/oroi.design\/index.php\/wp-json\/wp\/v2\/pages\/2433\/revisions\/4045"}],"wp:attachment":[{"href":"https:\/\/oroi.design\/index.php\/wp-json\/wp\/v2\/media?parent=2433"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}