Hugging Face's logo

Spaces:
getreadystack
/
drone-lut-pack
Running

App Files Community
drone-lut-pack / index.html
getreadystack's picture
getreadystack
Upload index.html with huggingface_hub
7da3a1b verified
Raw History Blame Contribute Delete
11.3 kB
<!doctype html><html lang="en"><head><meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Drone Videographer LUTs for Aerial Real Estate and Travel Footage</title><meta name="description" content="22 aerial looks for fast grading across a full drone shoot’s selects.">
<style>:root{color-scheme:light dark}
body{font:16px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif;margin:0;padding:22px;
max-width:1000px;margin-inline:auto}
h1{font-size:1.4rem;margin:0 0 .3rem}.sub{opacity:.78;margin:0 0 1rem}
.privacy{font-size:.86rem;opacity:.8;border:1px solid #8884;border-radius:9px;padding:.6rem .8rem;
margin:0 0 1.1rem}
canvas{max-width:100%;border-radius:10px;border:1px solid #8884;display:block}
.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:.8rem 0}
select,input[type=file],button{font:inherit;padding:.45rem .6rem;border-radius:8px;
border:1px solid #8886;background:transparent;color:inherit}
.buy{margin-top:20px;border:1px solid #8884;border-radius:11px;padding:16px}
.buy a{display:inline-block;margin-top:.6rem;padding:.55rem 1rem;border:1px solid currentColor;
border-radius:8px;text-decoration:none;color:inherit;font-weight:600}</style><script data-grow-initializer="">!(function(){window.growMe||((window.growMe=function(e){window.growMe._.push(e);}),(window.growMe._=[]));var e=document.createElement("script");(e.type="text/javascript"),(e.src="https://faves.grow.me/main.js"),(e.defer=!0),e.setAttribute("data-grow-faves-site-id","U2l0ZTphZjljMzgyMC0yMmU5LTRhYjgtYTIxNS03OTRhMGY1N2ExYzM=");var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t);})();</script>
<!--yj-canon-s101--><link rel="canonical" href="https://getreadystack.com/tools/drone-lut-pack"></head><body>
<h1>Drone Videographer LUTs for Aerial Real Estate and Travel Footage</h1><p class="sub">22 aerial looks for fast grading across a full drone shoot’s selects.</p>
<p class="privacy">Your photo never leaves the browser; the preview and preset export run locally on your device.</p>
<div class="row"><input type="file" id="f" accept="image/*">
<select id="p"><option value="0">Golden Survey</option><option value="1">Clean Commercial</option><option value="2">Coastal Teal</option></select><button id="d" type="button">Save preview</button></div>
<canvas id="c" width="900" height="600"></canvas>
<script>
var P=[{"n": "Golden Survey", "k": {"exposure": 0.18, "contrast": 16.0, "saturation": 10.0, "temp": 22.0, "tint": -3.0, "lift_r": 0.012, "lift_g": 0.002, "lift_b": -0.01, "gain_r": 1.06, "gain_g": 1.01, "gain_b": 0.95, "gamma": 1.04}}, {"n": "Clean Commercial", "k": {"exposure": 0.12, "contrast": 14.0, "saturation": 6.0, "temp": 4.0, "tint": 1.0, "lift_r": -0.004, "lift_g": 0.0, "lift_b": 0.006, "gain_r": 1.02, "gain_g": 1.02, "gain_b": 1.01, "gamma": 1.02}}, {"n": "Coastal Teal", "k": {"exposure": 0.05, "contrast": 18.0, "saturation": 14.0, "temp": -8.0, "tint": -6.0, "lift_r": -0.012, "lift_g": 0.006, "lift_b": 0.018, "gain_r": 0.96, "gain_g": 1.03, "gain_b": 1.08, "gamma": 1.03}}],img=null,C=document.getElementById('c'),X=C.getContext('2d');
function cl(v){return v<0?0:(v>1?1:v);}
function ap(r,g,b,k){
var ev=k.exposure||0; if(ev){var m=Math.pow(2,ev);r*=m;g*=m;b*=m;}
var t=(k.temp||0)/100,ti=(k.tint||0)/100;
if(t){r*=1+0.30*t;b*=1-0.30*t;}
if(ti){g*=1-0.20*ti;r*=1+0.10*ti;b*=1+0.10*ti;}
r+=(k.lift_r||0);g+=(k.lift_g||0);b+=(k.lift_b||0);
var gm=k.gamma||1; if(gm&&gm!==1){var e=1/gm;r=r>0?Math.pow(r,e):0;g=g>0?Math.pow(g,e):0;b=b>0?Math.pow(b,e):0;}
r*=(k.gain_r||1);g*=(k.gain_g||1);b*=(k.gain_b||1);
var c=(k.contrast||0)/100; if(c){var f=1+c;r=(r-.5)*f+.5;g=(g-.5)*f+.5;b=(b-.5)*f+.5;}
var s=(k.saturation||0)/100;
if(s){var lum=0.2126*r+0.7152*g+0.0722*b,f2=1+s;r=lum+(r-lum)*f2;g=lum+(g-lum)*f2;b=lum+(b-lum)*f2;}
return [cl(r),cl(g),cl(b)];}
function draw(){ if(!img)return;
var w=C.width,h=Math.round(img.height*w/img.width); C.height=h;
X.drawImage(img,0,0,w,h);
var d=X.getImageData(0,0,w,h),a=d.data,k=P[document.getElementById('p').value].k;
for(var i=0;i<a.length;i+=4){var o=ap(a[i]/255,a[i+1]/255,a[i+2]/255,k);
a[i]=o[0]*255;a[i+1]=o[1]*255;a[i+2]=o[2]*255;}
X.putImageData(d,0,0);}
document.getElementById('f').addEventListener('change',function(e){
var fl=e.target.files[0]; if(!fl)return; var u=URL.createObjectURL(fl);
img=new Image(); img.onload=function(){URL.revokeObjectURL(u);draw();}; img.src=u;});
document.getElementById('p').addEventListener('change',draw);
document.getElementById('d').addEventListener('click',function(){
if(!img){return;} var a=document.createElement('a');a.download='preview.png';
a.href=C.toDataURL('image/png');a.click();});
</script>
<section data-yj-cta="paid" style="margin:3rem auto;max-width:46rem;padding:1.5rem 1.25rem;border:1px solid #d8dee9;border-radius:12px;background:#fbfcfe;font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif"><h2 style="margin:0 0 .5rem;font-size:1.25rem">Get the complete version</h2><p style="margin:.25rem 0 1rem;color:#41505f">This page is the working piece. The full pack has everything below.</p><p style="margin:0 0 1rem;color:#41505f">22 aerial looks for fast grading across a full drone shoot’s selects.</p><p style="margin:0 0 1rem;color:#5b6b7c;font-size:.94rem">Tropic Colour DRONE LUTS is a published rival pack priced at $29 for 10 drone LUTs.</p><a href="https://launchcrateperfect.gumroad.com/l/lwfpj" rel="nofollow" style="display:inline-block;padding:.7rem 1.3rem;border-radius:8px;background:#1b64f2;color:#fff;text-decoration:none;font-weight:600">Send it to me</a></section>
<section class="yj-related" style="max-width:920px;margin:56px auto 40px;padding:0 20px"><h2 style="font:600 21px/1.3 system-ui,sans-serif;margin:0 0 6px;color:#1b1f24">More from ReadyStack</h2><p style="font:400 14.5px/1.5 system-ui,sans-serif;margin:0 0 20px;color:#5b6570">Ready-to-use files. One-time download, no subscription.</p><div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px"><a class="yj-rel-c" href="https://getreadystack.com/tools/portfolio-website-template"><span class="yj-rel-t">Portfolio Website Template — Freelance Designer Portfolio &amp; Case Study Site (8</span><span class="yj-rel-p">$49</span></a><a class="yj-rel-c" href="https://getreadystack.com/tools/therapist-website-template"><span class="yj-rel-t">Therapist Website Template — 10-Page Self-Contained HTML Site for a Solo Priva</span><span class="yj-rel-p">$49</span></a><a class="yj-rel-c" href="https://getreadystack.com/tools/california-nonexempt-employee-time-tracker"><span class="yj-rel-t">California Nonexempt Employee Weekly Time Tracker</span><span class="yj-rel-p">$21</span></a><a class="yj-rel-c" href="https://getreadystack.com/tools/wordpress-ada-compliance-plugin"><span class="yj-rel-t">ADA Compliance Plugin for WordPress: Title II Grievance Form</span><span class="yj-rel-p">$60</span></a><a class="yj-rel-c" href="https://getreadystack.com/tools/nurse-resume-template"><span class="yj-rel-t">Nurse Resume Template — 6 Ready-to-Fill RN Resumes in US Format (Bedside, New </span><span class="yj-rel-p">$29</span></a><a class="yj-rel-c" href="https://getreadystack.com/tools/revit-door-families"><span class="yj-rel-t">Revit Door Families - UK Door Block Library in mm: 14 doors on standard 838 x </span><span class="yj-rel-p">$100</span></a></div><style>.yj-rel-c{display:flex;flex-direction:column;gap:8px;padding:15px 16px;border:1px solid #e2e6ea;border-radius:6px;text-decoration:none;background:#fff}.yj-rel-c:hover{border-color:#b9c2cb;background:#fafbfc}.yj-rel-t{font:500 14.5px/1.42 system-ui,sans-serif;color:#1b1f24}.yj-rel-p{font:600 13px system-ui,sans-serif;color:#0a6238}</style></section><!--yj-share-s101--><div style="margin:28px 0 8px;text-align:center"><button id="yjcp" type="button" style="font:inherit;padding:10px 18px;border:1px solid #8884;border-radius:10px;background:transparent;cursor:pointer">Copy link</button></div><script>(function(){var b=document.getElementById("yjcp");if(!b)return;var t=b.textContent;b.addEventListener("click",function(){var u=location.href.split("#")[0];function d(){b.textContent="Link copied";setTimeout(function(){b.textContent=t;},1800);}if(navigator.clipboard&&navigator.clipboard.writeText){navigator.clipboard.writeText(u).then(d,function(){prompt("",u);});}else{prompt("",u);}});})();</script>
<script data-yj="yj-view-beacon">(function(){try{var p=location.pathname;var k='yjv:'+p;if(sessionStorage.getItem(k))return;sessionStorage.setItem(k,'1');fetch('/api/ev',{method:'POST',keepalive:true,headers:{'Content-Type':'application/json'},body:JSON.stringify({path:p,lang:"en"})}).catch(function(){});}catch(e){}})();</script>
<div class="yj-home-find"><div class="yj-lgbar"><a href="/" class="yj-lg on">EN</a><a href="/de/" class="yj-lg">DE</a><a href="/ja/" class="yj-lg">JA</a><a href="/es/" class="yj-lg">ES</a><a href="/pt/" class="yj-lg">PT</a></div><section class="yj-find"><h2>Find a tool</h2><input id="yjq" type="search" autocomplete="off" placeholder="Type a product name, format or task"><div id="yjr"></div></section><style>.yj-lgbar{position:absolute;top:14px;right:18px;display:flex;gap:6px;z-index:60}.yj-lg{font:600 12px/1 system-ui,sans-serif;padding:6px 9px;border-radius:4px;text-decoration:none;color:#8b96a3;border:1px solid rgba(140,150,165,.28)}.yj-lg:hover{color:#e8eaed;border-color:rgba(160,175,195,.6)}.yj-lg.on{color:#0e1116;background:#cfd6de;border-color:#cfd6de}.yj-find{max-width:760px;margin:34px auto 8px;padding:0 20px}.yj-find h2{font:600 20px/1.3 system-ui,sans-serif;margin:0 0 10px}#yjq{width:100%;box-sizing:border-box;padding:13px 15px;font:400 15.5px system-ui,sans-serif;border:1px solid rgba(140,150,165,.34);border-radius:8px;background:rgba(255,255,255,.04);color:inherit}#yjq:focus{outline:none;border-color:#7FD1C4}#yjr{margin-top:10px;display:flex;flex-direction:column;gap:6px}#yjr a{display:flex;justify-content:space-between;gap:12px;padding:11px 14px;border:1px solid rgba(140,150,165,.22);border-radius:6px;text-decoration:none;font:400 14.5px/1.4 system-ui,sans-serif;color:inherit}#yjr a:hover{border-color:#7FD1C4}#yjr .pr{font:600 13px system-ui,sans-serif;color:#5fbf9a;white-space:nowrap}</style><script>(function(){var q=document.getElementById("yjq"),r=document.getElementById("yjr"),D=null;function load(){if(D)return Promise.resolve(D);return fetch("/search-index.json").then(function(x){return x.json();}).then(function(j){D=j;return j;}).catch(function(){D=[];return D;});}function esc(t){return String(t).replace(/[&<>"]/g,function(c){return {"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;"}[c];});}function run(){var v=q.value.trim().toLowerCase();if(v.length<2){r.innerHTML="";return;}load().then(function(j){var w=v.split(/\s+/),o=[];for(var i=0;i<j.length&&o.length<12;i++){var t=j[i].t.toLowerCase();var ok=true;for(var k=0;k<w.length;k++){if(t.indexOf(w[k])<0){ok=false;break;}}if(ok)o.push(j[i]);}r.innerHTML=o.length?o.map(function(x){return "<a href=\""+esc(x.u)+"\">"+"<span>"+esc(x.t)+"</span>"+(x.p?"<span class=\"pr\">$"+x.p+"</span>":"")+"</a>";}).join(""):"";});}q.addEventListener("input",run);q.addEventListener("focus",load);})();</script></div></body></html>