Rainy Day Project \u2014 Cozy Focus<\/title>\n <style>\n :root{ --accent:#22c55e; --text:#e6f1ff; --muted:#a8b2d1; --glass:rgba(0,0,0,.28); }\n *{box-sizing:border-box}\n html,body{height:100%}\n body{margin:0;background:#0a0f12;color:var(--text);font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}\n\n .scene{position:relative; width:100vw; height:100svh; overflow:hidden; isolation:isolate}\n .scene::before{content:\"\"; position:absolute; inset:-2%; background-image:var(--bg-image); background-size:cover; background-position:center; filter:brightness(.8) saturate(1.05) contrast(1.05); transform:scale(1.04); transition:transform 12s ease}\n .scene.ready::before{transform:scale(1)}\n\n .bgfade{position:absolute; inset:-2%; background-size:cover; background-position:center; opacity:0; transition:opacity .8s ease; z-index:1}\n\n .caption{position:absolute; left:50%; top:calc(env(safe-area-inset-top) + 18px); transform:translateX(-50%); z-index:4; text-align:center;\n background:rgba(0,0,0,.35); -webkit-backdrop-filter:blur(10px) saturate(140%); backdrop-filter:blur(10px) saturate(140%);\n border:1px solid rgba(255,255,255,.14); padding:clamp(10px,2vw,20px) clamp(14px,2.4vw,26px); border-radius:16px; max-width:min(80ch, 92vw); box-shadow:0 10px 40px rgba(0,0,0,.5)}\n .caption .meta{font-size:.75rem; letter-spacing:.22em; text-transform:uppercase; color:var(--muted)}\n .caption .title{margin:.35rem 0 0; font-size:clamp(22px,3.8vw,42px); font-weight:800}\n\n canvas#rain{position:absolute; inset:0; z-index:2; pointer-events:none; mix-blend-mode:screen; opacity:.9}\n\n .topbar{position:absolute; top:0; width:100%; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 14px; background:linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,0)); z-index:5}\n .brand{font-weight:900; letter-spacing:.03em}\n\n .center-controls{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:flex; flex-direction:column; align-items:center; gap:14px; z-index:6}\n\n .controls{position:absolute; right:14px; bottom:14px; z-index:6; display:flex; align-items:center; gap:10px; flex-wrap:wrap}\n\n .glass{display:inline-flex; align-items:center; gap:10px; background:var(--glass); border:1px solid rgba(255,255,255,.12); -webkit-backdrop-filter:blur(10px) saturate(140%); backdrop-filter:blur(10px) saturate(140%); padding:10px 12px; border-radius:14px}\n .btn{display:inline-grid; place-items:center; width:48px; height:48px; border-radius:12px; border:1px solid rgba(255,255,255,.14); background:rgba(0,0,0,.45); cursor:pointer; transition:transform .15s ease, background .2s ease}\n .btn:hover{transform:translateY(-1px) scale(1.03)}\n .btn svg{width:22px; height:22px; stroke:#fff; fill:none; stroke-width:2}\n\n .range{appearance:none; width:min(42vw,180px); background:transparent}\n .range::-webkit-slider-thumb{appearance:none; width:18px; height:18px; border-radius:999px; background:#fff; border:2px solid #000}\n .range::-webkit-slider-runnable-track{height:4px; background:linear-gradient(90deg, #2dd4bf, #22c55e, #a7f3d0); border-radius:999px}\n .label{font-size:12px; color:var(--muted)}\n\n select#sceneSelect{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:8px 10px}\n\n .autoplay-overlay{position:absolute; inset:0; z-index:10; display:none; align-items:center; justify-content:center; background:rgba(0,0,0,.6)}\n .autoplay-overlay.show{display:flex}\n .cta{display:flex; align-items:center; gap:10px; background:#0f172a; border:1px solid rgba(255,255,255,.18); color:#fff; padding:14px 18px; border-radius:14px; cursor:pointer}\n\n .dim{position:absolute; inset:0; background:rgba(0,0,0,.35); z-index:4; opacity:0; transition:opacity .4s ease; pointer-events:none}\n\n @media (max-width: 640px){\n #fsBtn{display:none !important}\n .caption{left:50%; transform:translateX(-50%); max-width:92vw}\n .controls{left:50%; right:auto; transform:translateX(-50%); bottom:calc(env(safe-area-inset-bottom) + 12px); gap:12px; flex-direction:column; align-items:center; width:auto}\n .glass.volume-control input[type=range], .glass.volume-control .label {display:none !important;} \/* hide only the slider + label *\/\n .btn{width:46px; height:46px}\n select#sceneSelect{width:100%}\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"scene\" id=\"scene\" style=\"--bg-image: url('https:\/\/images.pexels.com\/photos\/10333071\/pexels-photo-10333071.jpeg');\">\n <div class=\"bgfade\" id=\"bgfade\"><\/div>\n\n <div class=\"topbar\">\n <div class=\"brand\">Rainy Day Project<\/div>\n <button class=\"glass\" id=\"fsBtn\" title=\"Take it full screen (F)\" style=\"gap:8px;\">\n <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" style=\"stroke:#fff;fill:none;stroke-width:2\"><path d=\"M4 4h6v2H6v4H4V4m10 0h6v6h-2V6h-4V4m6 10v6h-6v-2h4v-4h2M9 20H4v-6h2v4h3v2z\"\/><\/svg>\n <span id=\"fsLabel\">Take it full screen<\/span>\n <\/button>\n <\/div>\n\n <div class=\"caption\">\n <div class=\"meta\">Soft rain \u2022 Cozy window<\/div>\n <div class=\"title\">Settle in, breathe, and focus.<\/div>\n <\/div>\n\n <div class=\"center-controls\">\n <div class=\"glass\">\n <span class=\"label\">Focus<\/span>\n <label style=\"display:inline-flex; align-items:center; gap:8px; cursor:pointer\">\n <input id=\"focusToggle\" type=\"checkbox\" style=\"accent-color: var(--accent); width:18px; height:18px;\">\n <span class=\"label\">Dim<\/span>\n <\/label>\n <\/div>\n <div class=\"glass\">\n <span class=\"label\">Scene<\/span>\n <select id=\"sceneSelect\" aria-label=\"Choose scene\">\n <option value=\"cafe\">Caf\u00e9 Corner<\/option>\n <option value=\"room\" selected>Cozy Room<\/option>\n <option value=\"library\">Library<\/option>\n <option value=\"mountains\">Mountains<\/option>\n <option value=\"snowy\">Snowy<\/option>\n <\/select>\n <\/div>\n <\/div>\n\n <canvas id=\"rain\"><\/canvas>\n <div class=\"dim\" id=\"dim\"><\/div>\n\n <div class=\"controls\" id=\"controls\">\n <div class=\"glass volume-control\">\n <button class=\"btn\" id=\"playPause\" aria-label=\"Play\/Pause\" title=\"Play\/Pause (Space)\">\n <svg id=\"iconPlay\" viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\n <svg id=\"iconPause\" viewBox=\"0 0 24 24\" style=\"display:none\"><path d=\"M6 5h4v14H6zM14 5h4v14h-4z\"\/><\/svg>\n <\/button>\n <input class=\"range\" id=\"volume\" type=\"range\" min=\"0\" max=\"1\" step=\"0.01\" value=\"0.7\" aria-label=\"Volume\" title=\"Volume\">\n <span class=\"label\">Vol<\/span>\n <\/div>\n <div class=\"glass\">\n <input class=\"range\" id=\"intensity\" type=\"range\" min=\"30\" max=\"900\" step=\"10\" value=\"300\" aria-label=\"Rain Intensity\" title=\"Rain\">\n <span class=\"label\">Rain<\/span>\n <\/div>\n <\/div>\n\n <div class=\"autoplay-overlay\" id=\"autoplayOverlay\">\n <button class=\"cta\" id=\"tapToStart\">\n <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" style=\"stroke:#22c55e; fill:none;stroke-width:2\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\n Tap to start the rain & music\n <\/button>\n <\/div>\n <\/div>\n\n <audio id=\"bgAudio\" src=\"https:\/\/upwebservices.com\/fatmirprenga\/wp-content\/uploads\/2025\/08\/Dido-Thank-you-_-Dido-Stan-_-SlowedReverb-_-1-Hour.mp3\" autoplay loop preload=\"auto\" playsinline><\/audio>\n\n <script>\n const $ = (sel, root=document) => root.querySelector(sel);\n const scene = $('#scene'); const bgfade = $('#bgfade'); const overlay = $('#autoplayOverlay');\n window.addEventListener('load', ()=> scene.classList.add('ready'));\n\n const audio = $('#bgAudio'); const playBtn = $('#playPause'); const iconPlay = $('#iconPlay'); const iconPause = $('#iconPause'); const vol = $('#volume');\n function setIcons(paused){ iconPlay.style.display = paused?'block':'none'; iconPause.style.display = paused?'none':'block'; }\n function togglePlay(){ if(audio.paused){ audio.play().then(()=> setIcons(false)).catch(()=>{}); } else { audio.pause(); setIcons(true); } }\n audio.volume = parseFloat(vol.value||'0.7');\n vol.addEventListener('input', ()=>{ audio.volume = parseFloat(vol.value); });\n playBtn.addEventListener('click', togglePlay);\n window.addEventListener('keydown', (e)=>{ if(e.code==='Space'){ e.preventDefault(); togglePlay(); }});\n\n const tapToStart=$('#tapToStart');\n function userStart(){ audio.play().then(()=>{ overlay.classList.remove('show'); setIcons(false); }).catch(()=>{}); window.removeEventListener('pointerdown', userStart); }\n tapToStart.addEventListener('click', userStart);\n window.addEventListener('pointerdown', userStart,{once:true});\n window.addEventListener('load', ()=>{ audio.play().then(()=> setIcons(false)).catch(()=> overlay.classList.add('show')); });\n\n const rainCanvas=$('#rain'); const rctx=rainCanvas.getContext('2d'); let DPR=1,VW=innerWidth,VH=innerHeight;\n function sizeCanvas(){ DPR=Math.max(1,Math.min(2,window.devicePixelRatio||1)); VW=innerWidth; VH=innerHeight; rainCanvas.width=Math.floor(VW*DPR); rainCanvas.height=Math.floor(VH*DPR); rainCanvas.style.width=VW+'px'; rainCanvas.style.height=VH+'px'; rctx.setTransform(DPR,0,0,DPR,0,0); }\n sizeCanvas(); window.addEventListener('resize',sizeCanvas); window.addEventListener('orientationchange',()=>setTimeout(sizeCanvas,200));\n\n let drops=[],target=300,count=300;\n function spawn(){ return{x:Math.random()*VW,y:Math.random()*-VH,len:10+Math.random()*16,speed:4+Math.random()*6,wind:-0.6+Math.random()*1.2}; }\n function adjust(){ const diff=target-count; if(Math.abs(diff)<1) return; const step=Math.sign(diff)*Math.max(1,Math.floor(Math.abs(diff)*0.08)); count+=step; if(step>0){ for(let i=0;i<step;i++) drops.push(spawn()); } else { drops.splice(0,Math.min(drops.length,-step)); } }\n function draw(){ rctx.clearRect(0,0,VW,VH); rctx.globalCompositeOperation='lighter'; rctx.strokeStyle='rgba(173,216,230,.45)'; rctx.lineWidth=1.2; for(let i=0;i<drops.length;i++){ const d=drops[i]; rctx.beginPath(); rctx.moveTo(d.x,d.y); rctx.lineTo(d.x+d.wind*d.len*0.3,d.y+d.len); rctx.stroke(); d.x+=d.wind; d.y+=d.speed; if(d.y>VH+20||d.x<-20||d.x>VW+20){ drops[i]=spawn(); drops[i].y=-20; } } adjust(); requestAnimationFrame(draw); }\n const intensity=$('#intensity'); intensity.addEventListener('input',()=>{ target=parseInt(intensity.value,10); }); drops=Array.from({length:count},spawn); draw();\n\n const focusToggle=$('#focusToggle'); const dim=$('#dim'); focusToggle.addEventListener('change',()=> dim.style.opacity=focusToggle.checked?'1':'0');\n\n const fsBtn=$('#fsBtn'); const fsLabel=$('#fsLabel');\n function fsSupported(){return !!(document.fullscreenEnabled&&scene.requestFullscreen);}\n function inPseudo(){return document.documentElement.classList.contains('pseudo-fs');}\n async function enterFS(){ try{ if(fsSupported()){await scene.requestFullscreen({navigationUI:'hide'});} else {document.documentElement.classList.add('pseudo-fs'); document.body.classList.add('pseudo-fs');}}catch(e){} syncFSUI(); }\n async function exitFS(){ try{ if(document.fullscreenElement){await document.exitFullscreen();} else {document.documentElement.classList.remove('pseudo-fs'); document.body.classList.remove('pseudo-fs');}}catch(e){} syncFSUI(); }\n function toggleFS(){ (document.fullscreenElement||inPseudo())?exitFS():enterFS(); }\n function syncFSUI(){ if(!fsBtn) return; fsLabel.textContent=(document.fullscreenElement||inPseudo())?'Exit full screen':'Take it full screen'; }\n if(fsBtn){ fsBtn.addEventListener('click',toggleFS); document.addEventListener('fullscreenchange',syncFSUI); window.addEventListener('keydown',(e)=>{ if(e.key&&e.key.toLowerCase()==='f') toggleFS();}); syncFSUI(); }\n\n const SCENES={cafe:'https:\/\/upwebservices.com\/fatmirprenga\/wp-content\/uploads\/2025\/08\/cafe-corner.png',room:'https:\/\/images.pexels.com\/photos\/10333071\/pexels-photo-10333071.jpeg',library:'https:\/\/images.pexels.com\/photos\/256477\/pexels-photo-256477.jpeg',mountains:'https:\/\/images.pexels.com\/photos\/10333071\/pexels-photo-10333071.jpeg',snowy:'https:\/\/images.pexels.com\/photos\/7451146\/pexels-photo-7451146.jpeg'};\n const sceneSelect=$('#sceneSelect');\n function switchScene(key){ const url=SCENES[key]; if(!url) return; bgfade.style.backgroundImage=`url(${url})`; bgfade.style.opacity='1'; setTimeout(()=>{ scene.style.setProperty('--bg-image',`url(${url})`); bgfade.style.opacity='0'; },800); }\n switchScene(sceneSelect.value); sceneSelect.addEventListener('change',()=> switchScene(sceneSelect.value));\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Rainy Day Project \u2014 Cozy Focus Rainy Day Project Take it full screen Soft rain \u2022 Cozy window Settle in,… <\/p>\n<div class=\"readmore\"><a href=\"https:\/\/upwebservices.com\/fatmirprenga\/the-rainy-day-project\/\" class=\"lnk\">Read more<\/a><\/div>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2755","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"\n<title>The Rainy Day Project - Fatmir Prenga<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/upwebservices.com\/fatmirprenga\/the-rainy-day-project\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Rainy Day Project - Fatmir Prenga\" \/>\n<meta property=\"og:description\" content=\"Rainy Day Project \u2014 Cozy Focus Rainy Day Project Take it full screen Soft rain \u2022 Cozy window Settle in,... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/upwebservices.com\/fatmirprenga\/the-rainy-day-project\/\" \/>\n<meta property=\"og:site_name\" content=\"Fatmir Prenga\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/fatmir.prenga\/\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-23T23:06:04+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/upwebservices.com\\\/fatmirprenga\\\/the-rainy-day-project\\\/\",\"url\":\"https:\\\/\\\/upwebservices.com\\\/fatmirprenga\\\/the-rainy-day-project\\\/\",\"name\":\"The Rainy Day Project - Fatmir Prenga\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/upwebservices.com\\\/fatmirprenga\\\/#website\"},\"datePublished\":\"2025-08-23T21:30:01+00:00\",\"dateModified\":\"2025-08-23T23:06:04+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/upwebservices.com\\\/fatmirprenga\\\/the-rainy-day-project\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/upwebservices.com\\\/fatmirprenga\\\/the-rainy-day-project\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/upwebservices.com\\\/fatmirprenga\\\/the-rainy-day-project\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/upwebservices.com\\\/fatmirprenga\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"The Rainy Day Project\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/upwebservices.com\\\/fatmirprenga\\\/#website\",\"url\":\"https:\\\/\\\/upwebservices.com\\\/fatmirprenga\\\/\",\"name\":\"Fatmir Prenga\",\"description\":\"#1 Web Developer\",\"publisher\":{\"@id\":\"https:\\\/\\\/upwebservices.com\\\/fatmirprenga\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/upwebservices.com\\\/fatmirprenga\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/upwebservices.com\\\/fatmirprenga\\\/#organization\",\"name\":\"Fatmir Prenga\",\"url\":\"https:\\\/\\\/upwebservices.com\\\/fatmirprenga\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/upwebservices.com\\\/fatmirprenga\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/upwebservices.com\\\/fatmirprenga\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/Logo-FP.png\",\"contentUrl\":\"https:\\\/\\\/upwebservices.com\\\/fatmirprenga\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/Logo-FP.png\",\"width\":1024,\"height\":1024,\"caption\":\"Fatmir Prenga\"},\"image\":{\"@id\":\"https:\\\/\\\/upwebservices.com\\\/fatmirprenga\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/fatmir.prenga\\\/\",\"https:\\\/\\\/www.instagram.com\\\/fatmir.prenga\\\/\"]}]}<\/script>\n","yoast_head_json":{"title":"The Rainy Day Project - Fatmir Prenga","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/upwebservices.com\/fatmirprenga\/the-rainy-day-project\/","og_locale":"en_US","og_type":"article","og_title":"The Rainy Day Project - Fatmir Prenga","og_description":"Rainy Day Project \u2014 Cozy Focus Rainy Day Project Take it full screen Soft rain \u2022 Cozy window Settle in,... Read more","og_url":"https:\/\/upwebservices.com\/fatmirprenga\/the-rainy-day-project\/","og_site_name":"Fatmir Prenga","article_publisher":"https:\/\/www.facebook.com\/fatmir.prenga\/","article_modified_time":"2025-08-23T23:06:04+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/upwebservices.com\/fatmirprenga\/the-rainy-day-project\/","url":"https:\/\/upwebservices.com\/fatmirprenga\/the-rainy-day-project\/","name":"The Rainy Day Project - Fatmir Prenga","isPartOf":{"@id":"https:\/\/upwebservices.com\/fatmirprenga\/#website"},"datePublished":"2025-08-23T21:30:01+00:00","dateModified":"2025-08-23T23:06:04+00:00","breadcrumb":{"@id":"https:\/\/upwebservices.com\/fatmirprenga\/the-rainy-day-project\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/upwebservices.com\/fatmirprenga\/the-rainy-day-project\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/upwebservices.com\/fatmirprenga\/the-rainy-day-project\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/upwebservices.com\/fatmirprenga\/"},{"@type":"ListItem","position":2,"name":"The Rainy Day Project"}]},{"@type":"WebSite","@id":"https:\/\/upwebservices.com\/fatmirprenga\/#website","url":"https:\/\/upwebservices.com\/fatmirprenga\/","name":"Fatmir Prenga","description":"#1 Web Developer","publisher":{"@id":"https:\/\/upwebservices.com\/fatmirprenga\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/upwebservices.com\/fatmirprenga\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/upwebservices.com\/fatmirprenga\/#organization","name":"Fatmir Prenga","url":"https:\/\/upwebservices.com\/fatmirprenga\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/upwebservices.com\/fatmirprenga\/#\/schema\/logo\/image\/","url":"https:\/\/upwebservices.com\/fatmirprenga\/wp-content\/uploads\/2021\/11\/Logo-FP.png","contentUrl":"https:\/\/upwebservices.com\/fatmirprenga\/wp-content\/uploads\/2021\/11\/Logo-FP.png","width":1024,"height":1024,"caption":"Fatmir Prenga"},"image":{"@id":"https:\/\/upwebservices.com\/fatmirprenga\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/fatmir.prenga\/","https:\/\/www.instagram.com\/fatmir.prenga\/"]}]}},"_links":{"self":[{"href":"https:\/\/upwebservices.com\/fatmirprenga\/wp-json\/wp\/v2\/pages\/2755","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/upwebservices.com\/fatmirprenga\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/upwebservices.com\/fatmirprenga\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/upwebservices.com\/fatmirprenga\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/upwebservices.com\/fatmirprenga\/wp-json\/wp\/v2\/comments?post=2755"}],"version-history":[{"count":15,"href":"https:\/\/upwebservices.com\/fatmirprenga\/wp-json\/wp\/v2\/pages\/2755\/revisions"}],"predecessor-version":[{"id":2772,"href":"https:\/\/upwebservices.com\/fatmirprenga\/wp-json\/wp\/v2\/pages\/2755\/revisions\/2772"}],"wp:attachment":[{"href":"https:\/\/upwebservices.com\/fatmirprenga\/wp-json\/wp\/v2\/media?parent=2755"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":2755,"date":"2025-08-23T21:30:01","date_gmt":"2025-08-23T21:30:01","guid":{"rendered":"https:\/\/upwebservices.com\/fatmirprenga\/?page_id=2755"},"modified":"2025-08-23T23:06:04","modified_gmt":"2025-08-23T23:06:04","slug":"the-rainy-day-project","status":"publish","type":"page","link":"https:\/\/upwebservices.com\/fatmirprenga\/the-rainy-day-project\/","title":{"rendered":"The Rainy Day Project"},"content":{"rendered":"\n\n\n\n \n \n Rainy Day Project \u2014 Cozy Focus<\/title>\n <style>\n :root{ --accent:#22c55e; --text:#e6f1ff; --muted:#a8b2d1; --glass:rgba(0,0,0,.28); }\n *{box-sizing:border-box}\n html,body{height:100%}\n body{margin:0;background:#0a0f12;color:var(--text);font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}\n\n .scene{position:relative; width:100vw; height:100svh; overflow:hidden; isolation:isolate}\n .scene::before{content:\"\"; position:absolute; inset:-2%; background-image:var(--bg-image); background-size:cover; background-position:center; filter:brightness(.8) saturate(1.05) contrast(1.05); transform:scale(1.04); transition:transform 12s ease}\n .scene.ready::before{transform:scale(1)}\n\n .bgfade{position:absolute; inset:-2%; background-size:cover; background-position:center; opacity:0; transition:opacity .8s ease; z-index:1}\n\n .caption{position:absolute; left:50%; top:calc(env(safe-area-inset-top) + 18px); transform:translateX(-50%); z-index:4; text-align:center;\n background:rgba(0,0,0,.35); -webkit-backdrop-filter:blur(10px) saturate(140%); backdrop-filter:blur(10px) saturate(140%);\n border:1px solid rgba(255,255,255,.14); padding:clamp(10px,2vw,20px) clamp(14px,2.4vw,26px); border-radius:16px; max-width:min(80ch, 92vw); box-shadow:0 10px 40px rgba(0,0,0,.5)}\n .caption .meta{font-size:.75rem; letter-spacing:.22em; text-transform:uppercase; color:var(--muted)}\n .caption .title{margin:.35rem 0 0; font-size:clamp(22px,3.8vw,42px); font-weight:800}\n\n canvas#rain{position:absolute; inset:0; z-index:2; pointer-events:none; mix-blend-mode:screen; opacity:.9}\n\n .topbar{position:absolute; top:0; width:100%; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 14px; background:linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,0)); z-index:5}\n .brand{font-weight:900; letter-spacing:.03em}\n\n .center-controls{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:flex; flex-direction:column; align-items:center; gap:14px; z-index:6}\n\n .controls{position:absolute; right:14px; bottom:14px; z-index:6; display:flex; align-items:center; gap:10px; flex-wrap:wrap}\n\n .glass{display:inline-flex; align-items:center; gap:10px; background:var(--glass); border:1px solid rgba(255,255,255,.12); -webkit-backdrop-filter:blur(10px) saturate(140%); backdrop-filter:blur(10px) saturate(140%); padding:10px 12px; border-radius:14px}\n .btn{display:inline-grid; place-items:center; width:48px; height:48px; border-radius:12px; border:1px solid rgba(255,255,255,.14); background:rgba(0,0,0,.45); cursor:pointer; transition:transform .15s ease, background .2s ease}\n .btn:hover{transform:translateY(-1px) scale(1.03)}\n .btn svg{width:22px; height:22px; stroke:#fff; fill:none; stroke-width:2}\n\n .range{appearance:none; width:min(42vw,180px); background:transparent}\n .range::-webkit-slider-thumb{appearance:none; width:18px; height:18px; border-radius:999px; background:#fff; border:2px solid #000}\n .range::-webkit-slider-runnable-track{height:4px; background:linear-gradient(90deg, #2dd4bf, #22c55e, #a7f3d0); border-radius:999px}\n .label{font-size:12px; color:var(--muted)}\n\n select#sceneSelect{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:8px 10px}\n\n .autoplay-overlay{position:absolute; inset:0; z-index:10; display:none; align-items:center; justify-content:center; background:rgba(0,0,0,.6)}\n .autoplay-overlay.show{display:flex}\n .cta{display:flex; align-items:center; gap:10px; background:#0f172a; border:1px solid rgba(255,255,255,.18); color:#fff; padding:14px 18px; border-radius:14px; cursor:pointer}\n\n .dim{position:absolute; inset:0; background:rgba(0,0,0,.35); z-index:4; opacity:0; transition:opacity .4s ease; pointer-events:none}\n\n @media (max-width: 640px){\n #fsBtn{display:none !important}\n .caption{left:50%; transform:translateX(-50%); max-width:92vw}\n .controls{left:50%; right:auto; transform:translateX(-50%); bottom:calc(env(safe-area-inset-bottom) + 12px); gap:12px; flex-direction:column; align-items:center; width:auto}\n .glass.volume-control input[type=range], .glass.volume-control .label {display:none !important;} \/* hide only the slider + label *\/\n .btn{width:46px; height:46px}\n select#sceneSelect{width:100%}\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"scene\" id=\"scene\" style=\"--bg-image: url('https:\/\/images.pexels.com\/photos\/10333071\/pexels-photo-10333071.jpeg');\">\n <div class=\"bgfade\" id=\"bgfade\"><\/div>\n\n <div class=\"topbar\">\n <div class=\"brand\">Rainy Day Project<\/div>\n <button class=\"glass\" id=\"fsBtn\" title=\"Take it full screen (F)\" style=\"gap:8px;\">\n <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" style=\"stroke:#fff;fill:none;stroke-width:2\"><path d=\"M4 4h6v2H6v4H4V4m10 0h6v6h-2V6h-4V4m6 10v6h-6v-2h4v-4h2M9 20H4v-6h2v4h3v2z\"\/><\/svg>\n <span id=\"fsLabel\">Take it full screen<\/span>\n <\/button>\n <\/div>\n\n <div class=\"caption\">\n <div class=\"meta\">Soft rain \u2022 Cozy window<\/div>\n <div class=\"title\">Settle in, breathe, and focus.<\/div>\n <\/div>\n\n <div class=\"center-controls\">\n <div class=\"glass\">\n <span class=\"label\">Focus<\/span>\n <label style=\"display:inline-flex; align-items:center; gap:8px; cursor:pointer\">\n <input id=\"focusToggle\" type=\"checkbox\" style=\"accent-color: var(--accent); width:18px; height:18px;\">\n <span class=\"label\">Dim<\/span>\n <\/label>\n <\/div>\n <div class=\"glass\">\n <span class=\"label\">Scene<\/span>\n <select id=\"sceneSelect\" aria-label=\"Choose scene\">\n <option value=\"cafe\">Caf\u00e9 Corner<\/option>\n <option value=\"room\" selected>Cozy Room<\/option>\n <option value=\"library\">Library<\/option>\n <option value=\"mountains\">Mountains<\/option>\n <option value=\"snowy\">Snowy<\/option>\n <\/select>\n <\/div>\n <\/div>\n\n <canvas id=\"rain\"><\/canvas>\n <div class=\"dim\" id=\"dim\"><\/div>\n\n <div class=\"controls\" id=\"controls\">\n <div class=\"glass volume-control\">\n <button class=\"btn\" id=\"playPause\" aria-label=\"Play\/Pause\" title=\"Play\/Pause (Space)\">\n <svg id=\"iconPlay\" viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\n <svg id=\"iconPause\" viewBox=\"0 0 24 24\" style=\"display:none\"><path d=\"M6 5h4v14H6zM14 5h4v14h-4z\"\/><\/svg>\n <\/button>\n <input class=\"range\" id=\"volume\" type=\"range\" min=\"0\" max=\"1\" step=\"0.01\" value=\"0.7\" aria-label=\"Volume\" title=\"Volume\">\n <span class=\"label\">Vol<\/span>\n <\/div>\n <div class=\"glass\">\n <input class=\"range\" id=\"intensity\" type=\"range\" min=\"30\" max=\"900\" step=\"10\" value=\"300\" aria-label=\"Rain Intensity\" title=\"Rain\">\n <span class=\"label\">Rain<\/span>\n <\/div>\n <\/div>\n\n <div class=\"autoplay-overlay\" id=\"autoplayOverlay\">\n <button class=\"cta\" id=\"tapToStart\">\n <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" style=\"stroke:#22c55e; fill:none;stroke-width:2\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\n Tap to start the rain & music\n <\/button>\n <\/div>\n <\/div>\n\n <audio id=\"bgAudio\" src=\"https:\/\/upwebservices.com\/fatmirprenga\/wp-content\/uploads\/2025\/08\/Dido-Thank-you-_-Dido-Stan-_-SlowedReverb-_-1-Hour.mp3\" autoplay loop preload=\"auto\" playsinline><\/audio>\n\n <script>\n const $ = (sel, root=document) => root.querySelector(sel);\n const scene = $('#scene'); const bgfade = $('#bgfade'); const overlay = $('#autoplayOverlay');\n window.addEventListener('load', ()=> scene.classList.add('ready'));\n\n const audio = $('#bgAudio'); const playBtn = $('#playPause'); const iconPlay = $('#iconPlay'); const iconPause = $('#iconPause'); const vol = $('#volume');\n function setIcons(paused){ iconPlay.style.display = paused?'block':'none'; iconPause.style.display = paused?'none':'block'; }\n function togglePlay(){ if(audio.paused){ audio.play().then(()=> setIcons(false)).catch(()=>{}); } else { audio.pause(); setIcons(true); } }\n audio.volume = parseFloat(vol.value||'0.7');\n vol.addEventListener('input', ()=>{ audio.volume = parseFloat(vol.value); });\n playBtn.addEventListener('click', togglePlay);\n window.addEventListener('keydown', (e)=>{ if(e.code==='Space'){ e.preventDefault(); togglePlay(); }});\n\n const tapToStart=$('#tapToStart');\n function userStart(){ audio.play().then(()=>{ overlay.classList.remove('show'); setIcons(false); }).catch(()=>{}); window.removeEventListener('pointerdown', userStart); }\n tapToStart.addEventListener('click', userStart);\n window.addEventListener('pointerdown', userStart,{once:true});\n window.addEventListener('load', ()=>{ audio.play().then(()=> setIcons(false)).catch(()=> overlay.classList.add('show')); });\n\n const rainCanvas=$('#rain'); const rctx=rainCanvas.getContext('2d'); let DPR=1,VW=innerWidth,VH=innerHeight;\n function sizeCanvas(){ DPR=Math.max(1,Math.min(2,window.devicePixelRatio||1)); VW=innerWidth; VH=innerHeight; rainCanvas.width=Math.floor(VW*DPR); rainCanvas.height=Math.floor(VH*DPR); rainCanvas.style.width=VW+'px'; rainCanvas.style.height=VH+'px'; rctx.setTransform(DPR,0,0,DPR,0,0); }\n sizeCanvas(); window.addEventListener('resize',sizeCanvas); window.addEventListener('orientationchange',()=>setTimeout(sizeCanvas,200));\n\n let drops=[],target=300,count=300;\n function spawn(){ return{x:Math.random()*VW,y:Math.random()*-VH,len:10+Math.random()*16,speed:4+Math.random()*6,wind:-0.6+Math.random()*1.2}; }\n function adjust(){ const diff=target-count; if(Math.abs(diff)<1) return; const step=Math.sign(diff)*Math.max(1,Math.floor(Math.abs(diff)*0.08)); count+=step; if(step>0){ for(let i=0;i<step;i++) drops.push(spawn()); } else { drops.splice(0,Math.min(drops.length,-step)); } }\n function draw(){ rctx.clearRect(0,0,VW,VH); rctx.globalCompositeOperation='lighter'; rctx.strokeStyle='rgba(173,216,230,.45)'; rctx.lineWidth=1.2; for(let i=0;i<drops.length;i++){ const d=drops[i]; rctx.beginPath(); rctx.moveTo(d.x,d.y); rctx.lineTo(d.x+d.wind*d.len*0.3,d.y+d.len); rctx.stroke(); d.x+=d.wind; d.y+=d.speed; if(d.y>VH+20||d.x<-20||d.x>VW+20){ drops[i]=spawn(); drops[i].y=-20; } } adjust(); requestAnimationFrame(draw); }\n const intensity=$('#intensity'); intensity.addEventListener('input',()=>{ target=parseInt(intensity.value,10); }); drops=Array.from({length:count},spawn); draw();\n\n const focusToggle=$('#focusToggle'); const dim=$('#dim'); focusToggle.addEventListener('change',()=> dim.style.opacity=focusToggle.checked?'1':'0');\n\n const fsBtn=$('#fsBtn'); const fsLabel=$('#fsLabel');\n function fsSupported(){return !!(document.fullscreenEnabled&&scene.requestFullscreen);}\n function inPseudo(){return document.documentElement.classList.contains('pseudo-fs');}\n async function enterFS(){ try{ if(fsSupported()){await scene.requestFullscreen({navigationUI:'hide'});} else {document.documentElement.classList.add('pseudo-fs'); document.body.classList.add('pseudo-fs');}}catch(e){} syncFSUI(); }\n async function exitFS(){ try{ if(document.fullscreenElement){await document.exitFullscreen();} else {document.documentElement.classList.remove('pseudo-fs'); document.body.classList.remove('pseudo-fs');}}catch(e){} syncFSUI(); }\n function toggleFS(){ (document.fullscreenElement||inPseudo())?exitFS():enterFS(); }\n function syncFSUI(){ if(!fsBtn) return; fsLabel.textContent=(document.fullscreenElement||inPseudo())?'Exit full screen':'Take it full screen'; }\n if(fsBtn){ fsBtn.addEventListener('click',toggleFS); document.addEventListener('fullscreenchange',syncFSUI); window.addEventListener('keydown',(e)=>{ if(e.key&&e.key.toLowerCase()==='f') toggleFS();}); syncFSUI(); }\n\n const SCENES={cafe:'https:\/\/upwebservices.com\/fatmirprenga\/wp-content\/uploads\/2025\/08\/cafe-corner.png',room:'https:\/\/images.pexels.com\/photos\/10333071\/pexels-photo-10333071.jpeg',library:'https:\/\/images.pexels.com\/photos\/256477\/pexels-photo-256477.jpeg',mountains:'https:\/\/images.pexels.com\/photos\/10333071\/pexels-photo-10333071.jpeg',snowy:'https:\/\/images.pexels.com\/photos\/7451146\/pexels-photo-7451146.jpeg'};\n const sceneSelect=$('#sceneSelect');\n function switchScene(key){ const url=SCENES[key]; if(!url) return; bgfade.style.backgroundImage=`url(${url})`; bgfade.style.opacity='1'; setTimeout(()=>{ scene.style.setProperty('--bg-image',`url(${url})`); bgfade.style.opacity='0'; },800); }\n switchScene(sceneSelect.value); sceneSelect.addEventListener('change',()=> switchScene(sceneSelect.value));\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Rainy Day Project \u2014 Cozy Focus Rainy Day Project Take it full screen Soft rain \u2022 Cozy window Settle in,… <\/p>\n<div class=\"readmore\"><a href=\"https:\/\/upwebservices.com\/fatmirprenga\/the-rainy-day-project\/\" class=\"lnk\">Read more<\/a><\/div>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2755","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"\n<title>The Rainy Day Project - Fatmir Prenga<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/upwebservices.com\/fatmirprenga\/the-rainy-day-project\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Rainy Day Project - Fatmir Prenga\" \/>\n<meta property=\"og:description\" content=\"Rainy Day Project \u2014 Cozy Focus Rainy Day Project Take it full screen Soft rain \u2022 Cozy window Settle in,... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/upwebservices.com\/fatmirprenga\/the-rainy-day-project\/\" \/>\n<meta property=\"og:site_name\" content=\"Fatmir Prenga\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/fatmir.prenga\/\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-23T23:06:04+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/upwebservices.com\\\/fatmirprenga\\\/the-rainy-day-project\\\/\",\"url\":\"https:\\\/\\\/upwebservices.com\\\/fatmirprenga\\\/the-rainy-day-project\\\/\",\"name\":\"The Rainy Day Project - Fatmir Prenga\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/upwebservices.com\\\/fatmirprenga\\\/#website\"},\"datePublished\":\"2025-08-23T21:30:01+00:00\",\"dateModified\":\"2025-08-23T23:06:04+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/upwebservices.com\\\/fatmirprenga\\\/the-rainy-day-project\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/upwebservices.com\\\/fatmirprenga\\\/the-rainy-day-project\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/upwebservices.com\\\/fatmirprenga\\\/the-rainy-day-project\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/upwebservices.com\\\/fatmirprenga\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"The Rainy Day Project\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/upwebservices.com\\\/fatmirprenga\\\/#website\",\"url\":\"https:\\\/\\\/upwebservices.com\\\/fatmirprenga\\\/\",\"name\":\"Fatmir Prenga\",\"description\":\"#1 Web Developer\",\"publisher\":{\"@id\":\"https:\\\/\\\/upwebservices.com\\\/fatmirprenga\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/upwebservices.com\\\/fatmirprenga\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/upwebservices.com\\\/fatmirprenga\\\/#organization\",\"name\":\"Fatmir Prenga\",\"url\":\"https:\\\/\\\/upwebservices.com\\\/fatmirprenga\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/upwebservices.com\\\/fatmirprenga\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/upwebservices.com\\\/fatmirprenga\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/Logo-FP.png\",\"contentUrl\":\"https:\\\/\\\/upwebservices.com\\\/fatmirprenga\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/Logo-FP.png\",\"width\":1024,\"height\":1024,\"caption\":\"Fatmir Prenga\"},\"image\":{\"@id\":\"https:\\\/\\\/upwebservices.com\\\/fatmirprenga\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/fatmir.prenga\\\/\",\"https:\\\/\\\/www.instagram.com\\\/fatmir.prenga\\\/\"]}]}<\/script>\n","yoast_head_json":{"title":"The Rainy Day Project - Fatmir Prenga","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/upwebservices.com\/fatmirprenga\/the-rainy-day-project\/","og_locale":"en_US","og_type":"article","og_title":"The Rainy Day Project - Fatmir Prenga","og_description":"Rainy Day Project \u2014 Cozy Focus Rainy Day Project Take it full screen Soft rain \u2022 Cozy window Settle in,... Read more","og_url":"https:\/\/upwebservices.com\/fatmirprenga\/the-rainy-day-project\/","og_site_name":"Fatmir Prenga","article_publisher":"https:\/\/www.facebook.com\/fatmir.prenga\/","article_modified_time":"2025-08-23T23:06:04+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/upwebservices.com\/fatmirprenga\/the-rainy-day-project\/","url":"https:\/\/upwebservices.com\/fatmirprenga\/the-rainy-day-project\/","name":"The Rainy Day Project - Fatmir Prenga","isPartOf":{"@id":"https:\/\/upwebservices.com\/fatmirprenga\/#website"},"datePublished":"2025-08-23T21:30:01+00:00","dateModified":"2025-08-23T23:06:04+00:00","breadcrumb":{"@id":"https:\/\/upwebservices.com\/fatmirprenga\/the-rainy-day-project\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/upwebservices.com\/fatmirprenga\/the-rainy-day-project\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/upwebservices.com\/fatmirprenga\/the-rainy-day-project\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/upwebservices.com\/fatmirprenga\/"},{"@type":"ListItem","position":2,"name":"The Rainy Day Project"}]},{"@type":"WebSite","@id":"https:\/\/upwebservices.com\/fatmirprenga\/#website","url":"https:\/\/upwebservices.com\/fatmirprenga\/","name":"Fatmir Prenga","description":"#1 Web Developer","publisher":{"@id":"https:\/\/upwebservices.com\/fatmirprenga\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/upwebservices.com\/fatmirprenga\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/upwebservices.com\/fatmirprenga\/#organization","name":"Fatmir Prenga","url":"https:\/\/upwebservices.com\/fatmirprenga\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/upwebservices.com\/fatmirprenga\/#\/schema\/logo\/image\/","url":"https:\/\/upwebservices.com\/fatmirprenga\/wp-content\/uploads\/2021\/11\/Logo-FP.png","contentUrl":"https:\/\/upwebservices.com\/fatmirprenga\/wp-content\/uploads\/2021\/11\/Logo-FP.png","width":1024,"height":1024,"caption":"Fatmir Prenga"},"image":{"@id":"https:\/\/upwebservices.com\/fatmirprenga\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/fatmir.prenga\/","https:\/\/www.instagram.com\/fatmir.prenga\/"]}]}},"_links":{"self":[{"href":"https:\/\/upwebservices.com\/fatmirprenga\/wp-json\/wp\/v2\/pages\/2755","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/upwebservices.com\/fatmirprenga\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/upwebservices.com\/fatmirprenga\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/upwebservices.com\/fatmirprenga\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/upwebservices.com\/fatmirprenga\/wp-json\/wp\/v2\/comments?post=2755"}],"version-history":[{"count":15,"href":"https:\/\/upwebservices.com\/fatmirprenga\/wp-json\/wp\/v2\/pages\/2755\/revisions"}],"predecessor-version":[{"id":2772,"href":"https:\/\/upwebservices.com\/fatmirprenga\/wp-json\/wp\/v2\/pages\/2755\/revisions\/2772"}],"wp:attachment":[{"href":"https:\/\/upwebservices.com\/fatmirprenga\/wp-json\/wp\/v2\/media?parent=2755"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}